Enyo to Enact Component Map
Enact version: 1.0.0
Utilities
Enyo | Enact | Notes |
---|---|---|
animation |
use @enact/ui/Transition |
|
dispatcher |
@enact/core/dispatcher |
|
dom |
not required | |
hooks |
not required | |
jobs |
Job |
provided in @enact/core module |
json |
not required | |
resolution |
resolution |
provided in @enact/ui module |
utils |
various | spread among @enact/core and @enact/i18n modules |
Core Components
Enyo | Enact | Notes |
---|---|---|
Application |
not required (index.js + root element = application) | |
Animator |
use @enact/ui/Transition |
|
Audio |
* | under review |
Collection |
use React state management/Redux | |
DataRepeater |
Repeater |
|
Model |
use React state management/Redux | |
NewDataList |
VirtualList |
|
Signals |
@enact/core/dispatcher (provides on() , off() , and once() methods) |
Layout Components
Enyo | Enact | Notes |
---|---|---|
Fittable* |
use CSS (i.e. flexbox) |
Moonstone Components
Note:
@enact/moonstone
is not an identical match to Enyo Moonstone, and we are not aiming for 100% feature equivalence.
We are trying to make smart decisions about the features and components that were not used (or rarely used) and are easily
implemented at the application level. Please refer to the documentation for each @enact/moonstone
component to get details on
how to use it.
Enyo | Enact | Notes |
---|---|---|
Accordion |
ExpandableItem |
|
AnimatedButton |
deprecated | |
ApplicationCloseButton |
ApplicationCloseButton |
provided in @enact/moonstone/Panels |
AudioPlayback |
previously work-in-progress (WIP)/unused | |
BodyText |
BodyText |
|
BreadCrumbArranger |
BreadCrumbArranger |
provided in @enact/moonstone/Panels |
Button |
Button |
|
Calendar |
unused1 | |
CaptionDecorator |
unused1 | |
ChannelInfo |
deprecated | |
Checkbox |
Checkbox |
|
CheckboxItem |
CheckboxItem |
|
ClampedText |
unused1 | |
Clock |
* | under review |
ContextualPopup |
ContextualPopup |
provided in @enact/moonstone/ContextualPopupDecorator |
ContextualPopupButton |
deprecated | |
ContextualPopupDecorator |
ContextualPopupDecorator |
|
DataGridList |
VirtualGridList |
|
DataList |
VirtualList |
|
DataTable |
unused1 | |
DatePicker |
DatePicker |
|
DayPicker |
DayPicker |
|
Dialog |
Dialog |
|
Divider |
Divider |
|
Drawers |
* | under review |
ExpandableDataPicker |
ExpandableList |
|
ExpandableInput |
ExpandableInput |
|
ExpandableIntegerPicker |
ExpandablePicker |
|
ExpandableListItem |
ExpandableItem |
|
ExpandablePicker |
ExpandableList |
|
ExpandableText |
unused1 | |
FormCheckbox |
* | under review |
GridListImageItem |
GridListImageItem |
provided in @enact/moonstone/VirtualList |
Header |
Header |
provided in @enact/moonstone/Panels |
HighlightText |
unused1 | |
History |
use @enact/ui/Cancelable HOC for history-type activities |
|
HistorySupport |
use @enact/ui/Cancelable HOC for history-type activities |
|
Icon |
Icon |
|
IconButton |
IconButton |
|
Image |
Image |
|
ImageItem |
unused1 | |
Input |
Input |
|
InputDecorator |
deprecated; decorator functionality is now part of @enact/moonstone/Input |
|
IntegerPicker |
RangePicker with orientation: vertical and vertical: true |
internal usage2 |
Item |
Item |
|
ItemOverlay |
ItemOverlay |
provided in @enact/moonstone/Item |
LabeledTextItem |
LabeledItem |
|
LightPanels |
ViewManager |
|
ListActions |
use @enact/moonstone/IconButton and @enact/moonstone/ContextualPopupDecorator |
|
Marquee |
Marquee |
|
MoonAnimator |
unwanted3 | |
MoonArranger |
unwanted3 | |
NewPagingControl |
see PagingControl |
|
Notification |
Notification |
|
ObjectActionDecorator |
unwanted3 | |
Overlay |
use @enact/ui/Layerable HOC |
under review |
PagingControl |
use @enact/moonstone/IconButton and custom handlers |
|
Panel |
Panel |
provided in @enact/moonstone/Panels |
Panels |
Panels |
|
PlaylistSupport |
unused1 | |
Popup |
Popup |
|
ProgressBar |
ProgressBar |
|
ProgressButton |
unused1 | |
RadioItem |
RadioItem |
|
RadioItemGroup |
use @enact/ui/Group HOC with @enact/moonstone/RadioItem s |
|
RichText |
unused1 | |
Scrim |
Scrim |
provided in @enact/ui/FloatingLayer |
Scrollable |
Scrollable |
HOC provided in @enact/moonstone/Scroller |
ScrollControls |
use Scrollable HOC |
|
Scroller |
Scroller |
|
ScrollStrategy |
use Scrollable HOC |
|
ScrollThumb |
internal usage2 | |
SelectableItem |
SelectableItem |
|
SimpleIntegerPicker |
EditableIntegerPicker |
|
SimplePicker |
Picker |
|
Slider |
Slider (and IncrementSlider for jump buttons) |
|
Spinner |
Spinner |
|
StyleAnimator |
unused1 | |
Table |
unused1 | |
TextArea |
unused1 | |
TimePicker |
TimePicker |
|
ToggleButton |
ToggleButton |
|
ToggleItem |
SwitchItem or ToggleItem |
@enact/moonstone/SwitchItem is a specific extension of @enact/moonstone/ToggleItem |
ToggleSwitch |
Switch |
|
ToggleText |
unused1 | |
Tooltip |
Tooltip |
provided in @enact/moonstone/TooltipDecorator ; wraps @enact/moonstone/Button and @enact/moonstone/IconButton |
TooltipDecorator |
TooltipDecorator |
|
VideoFeedback |
unused1 | |
VideoFullscreenToggleButton |
unused1 | |
VideoInfoBackground |
unused1 | |
VideoInfoHeader |
unused1 | |
VideoPlayer |
VideoPlayer |
|
VideoTransportSlider |
unused1 |
1- Internal review of Moonstone applications revealed no usage of the component.
2- The component is generally only used internally by the framework.
3- Internal review found dissatisfaction with the component.