The following is a curated list of changes in the Enact project, newest changes on the top.
spotlightan optionalcontainerOption.toOuterContainerparameter tofocusfunction to search target recursively to outer containerui/FloatingLayerto adddetailproperty containinginputTypeinonDismissevent payload
ui/Marquee.MarqueeDecoratorconfigclassNameto be removed in 5.0.0
ui/Marquee.MarqueeDecoratorconfigcssto support customizing the marquee styles
spotlightto not focus on an invisible element
- Update dependencies including React 18.0.0
ui/FloatingLayerto stack popups always in the order in which they were opened
ui/Scrollerandui/VirtualListpropdata-webos-voice-focused,data-webos-voice-disabled, anddata-webos-voice-group-label
ui/Marquee.MarqueeDecoratorlocaletype forforceDirectionprop not to override the direction depending on contents
ui/Buttonnot to passiconprop as children wheniconis trueui/Transitionto pass the event when handling transition event
- Updated to use
forwardCustomand addtypewhen forwarding custom events
spotlightto correctly control focus when boundaries of an element are not integers- Styles for
debug spotlightoption in samplers to work properly
ui/Scrollerandui/VirtualListto avoid stuttering of content on drag in mobile devicesui/Scrollerandui/VirtualListto scroll correctly on Android platform for RTL locales
- Replaced the deprecated plugin
addon-knobswithaddon-controls
- Support for loading changed resources and additional ilib resources paths
spotlight/SpotlightRootDecoratorto show focus effect after initial loadingui/Marquee.MarqueeDecoratorto restart animation when text changed while focus retained
ui/Marquee.MarqueeDecorator style to render text properly when starting animation
samplernot to fail in build.
No significant changes.
spotlight/SpotlightRootDecoratornot to add locale specific classes in the wrong DOM after isomorphic build with multi locales
ui/Marquee.MarqueeDecoratorto stop marquee properly after hiding pointer whenmarqueeOnishover
spotlightan optionalcontainerOptionparameter tofocusfunction
spotlight/SpotlightRootDecoratornot to fail in isomorphic build
spotlight/SpotlightRootDecoratorto remove focus effect when touching up
core/platformto detect chromium version for webOS
ui/A11yDecoratorui/Button,ui/Icon,ui/IconButton, andui/LabeledIcondefault size values
ui/BodyText,ui/Button,ui/Group,ui/Heading,ui/Icon,ui/IconButton,ui/Image,ui/ImageItem,ui/LabeledIcon,ui/Layout,ui/ProgressBar,ui/Repeater,ui/Slider,ui/SlotItem,ui/Spinner,ui/ToggleIcon,ui/ToggleItem, andui/ViewManagersupport for forwardingrefs to the respective root component
samplerlook and feel by updating to Storybook 6ui/TouchableeventonHoldandonHoldPulsetoonHoldStartandonHoldrespectively to match with the naming convention
ui/FloatingLayerDecoratorto render floating node properly- `ui/Touchable' to handle touch related events only for valid targets
- The framework was updated to support React 17.0.1
spotlight/SpotlightContainerDecoratorto properly save the last-focused element with React 17
ui/A11yDecorator, to be removed in 4.0.0
ui/Transitionpropdurationto support any valid CSS value forslideandfadetype
uidocumentation problem in styles/internal directory
ui/Routablesample
ui/Mediaplayfunction to return promise
ui/MarqueeDecoratorto restart animation when text changed while focus retainedui/Routableto respect the current path on first render when using relative paths in links
i18n/I18nDecoratorto add global classenact-locale-non-italicfor scriptNameKore
ui/Buttonto prevent browser's default styling when pressed by touch
ui/Scrollerandui/VirtualListto callonScrollStopwhen scrollbar's visibility changed while scrollingui/ViewManagerto handle transitioning away and back to a view before a transition completes
ui/MarqueeDecoratorwarning against nestedMarquee's
spotlightto correctly prioritize next spottable elements when wrapped by a container that does not also wrap the currently focused elementspotlightto restore focus to last focused elements in an overflow container if they are visible
spotlight/SpotlightContainerDecoratorto allow use ofref
ui/FloatingLayerandui/Sliderto prevent global classname leaks
No significant changes.
Addresses a transpile error during the build of 3.4.1. No other changes were made.
ui/Touchableto invoke event callbacks updated during gesture
ui/AnnounceDecorator.Announcemethodannounceparameterclearto clear previous message before setting the new messageui/ViewManagerprop andui/ViewManager.Arrangercallback config proprtlto allow arrangers to adjust animations to be locale aware
ui/Marqueeto correctly animate when scaled or when less than 1px longer than its containerui/Scrollerpropdata-webos-voice-focused,data-webos-voice-disabled, anddata-webos-voice-group-labelui/Scrollerandui/VirtualListto re-render when its size changedui/Scrollerandui/VirtualListto not fireonScrollStopevent redundantlyui/VirtualListwith scrollModenativeto not scrollTo bottom when dataSize changed to smaller and scrollTo called withanimate: falseoption
ui/Scrollerby increasing the scrollbar's inactivity timeout to 1000 ms
spotlight/Spottableto correctly control focus when elements move under a stationary pointer
ui/ViewManager.TransitionGroupto suppressonTransitionevents when a view appears or stays
No significant changes.
core/utilfunctionmapAndFilterChildrento safely iterate over Reactchildren
ui/Scrollerto update whenclientSizeis changedui/VirtualListto reset scroll position whenclientSizeis changed
spotlightto triggeronLeaveContainerFailwhenleaveForprevents navigationspotlightto correctly maintain pointer mode on webOS
ui/ButtonpropiconFlipto set theflipprop oficonComponent
ui/Marquee.MarqueeDecoratorto not cause unnecessary rerendersui/Scrollerandui/VirtualListto not inadvertently scroll due to click events when in RTL localesui/Skinnableto not force allSkinnablechildren to update if a parent updates
core/handle.forwardCustomhandler to simplify forwarding custom events from components
i18n/I18nDecoratorlocale selection during prerendering
ui/GrouppropselectedEventPropto configure the key used to hold the value in theonSelectevent
Toggleableto recognize changes indisabledandonToggle
No significant changes.
core/kindoptionfunctionalto return a functional component, suitable for use with React hooks, instead of a class component
ui/Layoutto exportLayoutby default instead ofLayoutBase
ui/ProgressBarsupport fororientationtype of'radial'ui/ProgressBarpublic class nameradialui/ViewManagereventsonTransitionandonWillTransitionpayload membersindexandpreviousIndex
ui/ViewManagerto only fireonTransitiononce per transitionui/Spinnercenter alignment
ui/Scrollerto prevent interaction with scrollbars when muted
core/handle.notto return the logical complement of the value returned from the handler
ui/GridListImageItem, useui/ImageIteminstead
ui/ImageItemcomponent
ui/Scroller,ui/VirtualList.VirtualGridList, andui/VirtualList.VirtualListto update scroll thumb position properly in nested cases
ui/styles/mixins.less.position()support for list-style arguments, in addition to the existing separated argumentsui/GridListItemItempropsubComponents
core/util.mergeClassNamesto mirror class names when used in unit tests
ui/VirtualList.VirtualListandui/VirtualList.VirtualGridListpropitemPropstochildPropsfor backwards compatibility
ui/VirtualList.VirtualListandui/VirtualList.VirtualGridListto not suddenly jump when pressing directional keys after wheeling
Note: Moonstone was removed from the core Enact repository. It is now in its own repository at https://github.com/enactjs/moonstone/. Using Moonstone through npm has not changed.
ui/Scroller,ui/VirtualList.VirtualGridList, andui/VirtualList.VirtualListpropscrollModeis added
ui/VirtualList.VirtualListandui/VirtualList.VirtualGridListpropchildPropstoitemPropsfor clarityenact-samplerto use common Enact Storybook configurations, addons, and utilities from@enact/storybook-utilshelper package.
ui/Marqueeto not error when passednullchildrenduring an animationui/Buttonto have more robust support for a customizediconComponentprop
ui/VirtualList.VirtualListandui/VirtualList.VirtualGridListto show items properly when reducing data size
moonstone/Notificationto support 3 max-width buttons in a single lineui/Marqueeto not double aria readout for marqueeing contents
moonstone/Notificationline height for non-latin localesmoonstone/Notificationto show all buttons in one lineui/Marqueetext alignment when content is centered
moonstone/Panels.HeaderpropmarqueeOndefault value to'render'to improve usability on systems without a pointer
ui/Marqueetext alignment when restartingui/Marqueeto display an ellipsis when its content changes and overflows its bounds
moonstone/Marqueetext shake when restarting
moonstone/VirtualListhorizontal scrolling in RTL localesmoonstone/EditableIntegerPickerto include theunitin the ARIA read outui/VirtualList.VirtualListitem rendering in RTL locales
moonstone/Iconiconsui/MarqueepropmarqueeSpacingand CSS classspacingto configure the spacing between the repeated content
ilibpeer dependency to^14.4.0 || ^14.4.0-webostv1baseline to target support for caching improvementsui/Marqueeto have a wrap-around effect
moonstone/Iconicon sizesmoonstone/InputSpotlightDecoratorto not focus when Spotlight is pausedui/Marqueeto start on focus when disabled
moonstone/Iconicons
moonstone/Buttoncolorbar heightmoonstone/Sliderto showtooltipwhen disabledmoonstone/TooltipDecoratorto keep showing when changing from pointer mode to 5-way modemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll correctly when clicking on paging controls during a scroll eventmoonstone/FormCheckboxandmoonstone/RadioItemhigh contrast colorsui/FloatingLayerto be dismissable whenopenon mount
core/handledocumentation for even better Typescript outputmoonstonelanguage-specific (LG Smart UI AR HE TH) and Indian font assignmentui/Buttonto not requirechildrenui/VirtualList.VirtualGridListandui/VirtualList.VirtualListto scroll smoothly when wheelingui/Scroller,ui/VirtualList.VirtualGridList, andui/VirtualList.VirtualListto scroll correctly after performing flick events
core/kinddocumentation ofhandlersandcomputedfunctions to support better Typescript definitionsmoonstoneinternationalization resource loadingmoonstone/Dropdownto only callonOpenwhen closedmoonstone/Inputtext colormoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto correctly set focus to items scrolling into the viewportmoonstone/VirtualList.VirtualListto scroll properly when a different sized item gains focusui/VirtualList.VirtualGridListandui/VirtualList.VirtualListto show items properly when reducing data size
moonstone/ProgressBar.ProgressBarTooltipandmoonstone/Slider.SliderTooltippropside, will be replaced bypositionin 4.0.0
core/platformmembertouchscreento detect the presence of a touchscreen separately from support for touch eventsmoonstone/Dropdownto add new sizex-largemoonstone/ProgressBar.ProgressBarTooltipandmoonstone/Slider.SliderTooltippropposition, replacingsidemoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListproproleto set the ARIArolespotlightsupport for passing a spottable node or a container node or selector toSpotlight.focus()ui/Routablemoduleui/VirtualList.VirtualGridListandui/VirtualList.VirtualListproproleto set the ARIArole
core/kindandcore/handledocumentation to support better Typescript definitionscore/platformtouch event detectionmoonstone/Headerto fix font size oftitleBelowandsubTitleBelowmoonstone/Dropdownto applytinywidthmoonstone/Dropdownto include selecteddatain theonSelecthandlermoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListspotlight behavior to focus the last item when reaching the bounds after scroll by page up or downmoonstone/VirtualList.VirtualListto allow a dynamically resized item to scroll into view properlymoonstone/Dropdownaccessibility read out when an item is focused
moonstone/Buttontext alignment whencoloris setmoonstone/FormCheckboxItemopacity ofitemIconvalue when focused and disabledmoonstone/Notificationto shrink to fit small contentmoonstone/Scrollerto restore focus properly when pressing page up after holding 5-way downmoonstone/Switchcolors to improve visibilitymoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto properly navigate from paging controls to items by 5-way key whenfocusableScrollbaris false
moonstone/ContextualPopupDecoratorlayout in large text mode in RTL localesmoonstone/Dropdownperformance when using many optionsmoonstone/ProgressBarfill color whenhighlightedis setmoonstone/Scrollerto correctly handle horizontally scrolling focused elements into view when using adirectionvalue of'both'moonstone/SkinnableTypeScript signaturemoonstone/Sliderprogress bar fill color when focused withnoFillsetmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto render the first item properly when thedataSizeprop is updated and the function as a parameter of thecbScrollToprop is calledspotlightTypeScript signaturesui/ScrollerTypeScript signaturesui/VirtualList.VirtualGridListandui/VirtualList.VirtualListto applywill-changeCSS property to the proper nodewebos/LS2Requestto automatically prefixluna://service protocol when absent
i18n/Textto generate a proper TypeScript definition and to properly detect if translations were available when asyncmoonstone/ContextualPopupDecoratorarrow rendering issue in Chromiummoonstone/EditableIntegerPickerto properly rerender when the edited value is invalidmoonstone/FormCheckboxItemto marquee its contentsmoonstone/VideoPlayerto have correct jump forward/backward iconui/styles/mixins.lessmixins:.buildLocaleFont,.buildLocaleFonts,.buildFontFaceto properly support font-weight ranges, font-weight default values, and font-stretch values- Language-specific fonts so they always use the correct typeface for their locale
moonstone/Headerinput highlight positioningmoonstone/MediaOverlayto not mute media playbackmoonstone/Panelsanimation performance issues on low powered hardwaremoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto correctly scroll to a selected component when focused via 5waysamplerto limit the fields included in the Actions tab to improve serialization performance on low-powered hardwarespotlightto attempt to restore focus to an element nearest the pointer position when the pointer hides within an overflow containerui/VirtualList.VirtualGridListandui/VirtualList.VirtualListto retain the proper scroll position when updating theitemSizeorspacingprops
moonstone/Icon.iconsentries for new icons
moonstoneto support custom font for simplified Chinesemoonstonedisabled focus appearance to match the latest designsmoonstone/DatePicker,moonstone/DayPicker,moonstone/ExpandableList, andmoonstone/TimePickerdisabled opacity in high contrast modemoonstone/Pickerto avoid overlapping items on rendermoonstone/Scrollerand other scrolling components to properly scroll via remote page up/down buttons when nested within another scrolling componentmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll via a page up or down key when focus is on any vertical paging control while in pointer modemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto correctly set focus after scrolling by page up/down keysmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListnot to scroll via a page up or down key when focus is on any horizontal paging control
moonstone/LabeledIconButtonpropflipto flip the icon horizontally, vertically, or bothmoonstone/Popuppublic class namesbodyandcloseContainerui/Icon,ui/IconButton, andui/LabeledIconpropflipto flip the icon horizontally, vertically, or both
moonstone/Dialogappearance to match the latest designsmoonstone/Scrollerand other scrolling components to scroll via remote page up/down buttons when the scrollbar is hiddenspotlightcontainers to include nodes identified on thearia-ownsattribute of the container node as candidates within that container
moonstonefonts be consolidated under "Moonstone" font-family to properly display all localized fonts when representing glyphs from any localemoonstone/Inputtext color when focused and disabledmoonstone/Panelsto allow 5-way navigation to components withincontrolswhen used with aHeaderwithheaderInputmoonstone/Panelsto treat all components withincontrolsas part of the active panel for the purposes of accessibilitymoonstone/Scrollerto not jump to the top when right key is pressed in the right most item of a vertical scrollermoonstone/Scrollerto not scroll horizontally via 5-way down in horizontal scrollermoonstone/Tooltiparrow gapmoonstone/VideoPlayerfeedback tooltip to overlap in non-latin localemoonstone/VideoPlayermore button tooltip to not clip or reverse text in RTL localesmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto navigate items properly in RTL languagesmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto properly navigate from paging controls to controls out of the listspotlightto attempt to restore focus through ancestor containers when the pointer hidesui/Scroller,ui/VirtualList.VirtualGridList, andui/VirtualList.VirtualListto handle mouse down events on scrollbars
moonstone/Panels.HeaderprophideLineto hide the bottom separator linemoonstone/Panels.Headertype "dense" for "AlwaysViewing" Panels types
moonstone/Dropdownbutton to not animatemoonstone/FormCheckboxItemso it doesn't change size between normal and large text modemoonstone/Headingto have a bit more space between the text and the line, when the line is presentmoonstone/LabeledItemto passmarqueeOnprop to its contentsmoonstone/Panels.Headerto use the latest designs with better spacing between the titles belowmoonstone/Pickeraccessibility read out when a button becomes disabledmoonstone/ProgressBar,moonstone/Slider, andmoonstone/IncrementSliderto use the latest set of design colorsmoonstone/RadioItemto have a much prettier dot in dark and light skinsmoonstone/Spinnerto use the latest designsmoonstone/Tooltiplayer order so it doesn't interfere with other positioned elements, likeContextualPopupmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto properly respond to 5way directional key pressesui/ProgressBarpublic class namebarto support customizing the background of the barwebos/LS2Requestto return an error for a null response from a service
core/kindconfig propertycontextTypesi18n/ilibembedded copy of iLib in favour of the NPM packageilibsmallprop inmoonstone/Input,moonstone/ToggleButton,moonstone/Button,moonstone/Icon,moonstone/IconButton, andmoonstone/LabeledIcon, replaced bysizeprop, which accepts"small"or"large"moonstone/Divider, replaced bymoonstone/Heading
ilib@^14.2.0package as a peer dependency for@enact/i18nand@enact/moonstone, which apps will need to includemoonstone/Dropdownwidthstiny, andhugeui/VirtualList.VirtualGridListandui/VirtualList.VirtualListsupport for resizing a window
- Moonstone Fonts to use the updated names of global fonts available in the system
core/platformlogic for webOS detectionmoonstone/Popupto properly handle closing in mid-transitionmoonstone/Scrollerto properly move focus out of the containermoonstone/VirtualListto allow keydown events to bubble up when not handled by the componentmoonstone/IncrementSliderto support aria-label when disabledmoonstone/LabeledItemto not clip the bottom of descender glyphs in large text modemoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto focus an item properly after an updatemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListnot to scroll too far by page up/down keysspotlight/SpotlightContainerDecoratorto correctly forwardonFocusCaptureandonBlurCaptureeventsui/Iconto support arbitrary icon name strings, like in material icons
samplerlook and feel by updating to Storybook 5 and applying an Enact theme
moonstone/Dropdownto scroll to and focus the selected item when openedmoonstone/ExpandableItem.ExpandableItemBaseto not error ifonCloseoronOpenwas not suppliedmoonstone/GridListImageItemto support overriding theimageCSS class namemoonstone/Scrollerto scroll and to move focus to the paging control properly if the current item sticking to the top is only spottablemoonstone/VirtualListto scroll to the focused item when navigating out of the viewport via 5-way
i18n/UppercaseHOC, replaced byi18n/utilcasing functionsmoonstone/Divider,moonstone/Dialog, andmoonstone/Headingpropcasing
moonstone/Dropdownto support voice readoutmoonstone/Dropdownremaining open after it becomesdisabledui/ViewManagerto correctly arrange views when initially rendering a non-zero index
moonstone/Dropdownpropertywidthto support'small','medium', and'large'sizesui/ToggleableHOC config propeventPropsto allow wrapped components to specify additional event information
Fontsfor non-Latin to not intermix font weights for bold when using a combination of Latin and non-Latin glyphsmoonstone/VirtualListto restore focus to an item when scrollbars are visibleui/ToggleItemto send itsvalueprop when toggled
moonstone/Dropdownto prevent spotlight moving out of the popupmoonstone/Dropdownto use radio selection which allows only changing the selection but not deselection
- Non-Latin locale font assignments to match the new font family support in
LG Smart UI moonstone/Checkbox,moonstone/FormCheckbox,moonstone/Panels.Header,moonstone/RadioItem,moonstone/Slider, andmoonstone/Switchto render correctly in high contrastmoonstone/VideoPlayerto hide scrim for high contrast if bottom controls are hidden
moonstone/Panelssupport for managing share state of contained componentsmoonstone/Scrollerandmoonstone/VirtualListsupport for restoring scroll position when within amoonstone/Panels.Panelmoonstone/Panels.Headersample
moonstone/Scrollerto scroll when no spottable child exists in the pressed 5-way key direction and, whenfocusableScrollbaris set, focus the scrollbar buttonui/ViewManagerto use Web Animations instead of animation callbacks to improve performance resulting in API changes toArrangerand the pre-configured arrangersSlideArranger,SlideBottomArranger,SlideLeftArranger,SlideRightArranger, andSlideTopArranger
- Fonts to correctly use the new font files and updated the international font name from "Moonstone LG Display" to "Moonstone Global"
moonstone/DropdownchildrenpropType so it supports the same format asui/Group(an array of strings or an array of objects with props)moonstone/FormCheckbox,moonstone/Input,moonstone/ProgressBar,moonstone/RadioItem,moonstone/SwitchItem, andmoonstone/Tooltiplight skin colors.moonstone/VideoPlayerto have correct sized control buttons
moonstone/Headingpropspacingwith default value'small'
moonstone/Buttonbackground colors for translucent and lightTranslucentmoonstone/Checkboxby updating colors for both dark and light skinsmoonstone/DaySelectoritem text size in large-text modemoonstone/Dropdownpopup scroller arrows showing in non-latin locales and added large-text mode supportmoonstone/FormCheckboxItemto match the designsmoonstone/Panels.HeaderwithInputto not have a distracting white background colormoonstone/Inputcaret color to match the designs (black bar on white background, white bar on black background, standard inversion)moonstone/Itemheight in non-latin localesmoonstone/RadioItemandmoonstone/SelectableItemicon size in large-text mode
NOTE: Support for 2019 TV platform (Blink <68) has been dropped from this version of Enact
moonstone/Buttonandmoonstone/Panels.Headerpropcasingwhich is no longer supportedmoonstone/Input.InputBasepropfocusedwhich was used to indicate when the internal input field had focused but was replaced by the:focus-withinpseudo-selectormoonstone/VirtualListandmoonstone/VirtualList.VirtualGridListpropertyisItemDisabled
core/util.clampto safely clamp a value between min and max boundsmoonstone/BodyTextpropsizeto offer a new "small" sizemoonstone/ButtonpropiconPositionmoonstone/ContextualPopupconfignoArrowmoonstone/Dropdowncomponentmoonstone/Panels.Headerpropcenteredto support immersive apps with a completely centered designmoonstone/Headingcomponent, an improved version ofmoonstone/Dividerwith additional featuresmoonstone/Panelsslot<controls>to easily add custom controls next to the Panels' "close" buttonmoonstone/Spinnerpropsizeto support a new "small" size for use insideSlotItemcomponentsmoonstone/TooltipDecoratorproptooltipRelativeandmoonstone/TooltipDecorator.Tooltipproprelativeto support relative positioning. This is an advanced feature and requires a container with specific rules. See documentation for details.ui/Buttonpublic class.hasIconwhich is present on the root node only when an icon has been providedui/Headingcomponentui/MeasurableHOC and Hook for quick and convenient measuring of simple componentsui/Scroller,ui/VirtualList.VirtualGridList, andui/VirtualList.VirtualListpropnoScrollByWheelfor preventing scroll by wheel
moonstone/Button.ButtonDecoratorto removei18n/UppercaseHOCmoonstone/Button,moonstone/Checkbox,moonstone/CheckboxItem,moonstone/ContextualPopupDecorator,moonstone/FormCheckbox,moonstone/FormCheckboxItem,moonstone/Panels.Header,moonstone/Notification,moonstone/RadioItem, andmoonstone/Tooltipappearance to match the latest designsmoonstone/Button,moonstone/Dropdown,moonstone/Icon,moonstone/IconButton,moonstone/Input, andmoonstone/ToggleButtondefault size to "small", which unifies their initial heightsmoonstone/DaySelectorto have squared check boxes to match the rest of the checkmark componentsmoonstone/LabeledIconandmoonstone/LabeledIconButtontext size to be smallermoonstone/Panelandmoonstone/Panelsnow allocate slightly more screen edge space for a cleaner lookmoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListscrollbar button to gain focus when pressing a page up or down key iffocusableScrollbaris truespotlight/Spottableto allow disabled items to be focused- global styling rules affecting standard font-weight, disabled opacity, and LESS color variable definitions
ui/Measurableto remeasure after a re-layout so the measurement value is always correctui/Scroller,ui/VirtualList.VirtualGridList, andui/VirtualList.VirtualListnot to scroll by wheel at the same time when multiple lists/scrollers are nested
moonstone/Dividerwhich will be replaced bymoonstone/Headingmoonstone/Input.InputBasepropfocusedwhich will be handled by CSS in 3.0smallprop inmoonstone/Inputandmoonstone/ToggleButton, which will be replaced bysize="small"in 3.0smallprop inui/Button.ButtonBase,ui/Icon.IconBase,ui/IconButton.IconButtonBase, andui/LabeledIcon.LabeledIconBase, which will be replaced bysize="small"in 3.0
moonstone/Inputandmoonstone/ToggleButtonpropsizemoonstone/Button,moonstone/IconButton, andmoonstone/LabeledIconButtonpublic class namelargeto support customizing the style for the newsizeprop onui/Buttonui/Button,ui/Icon,ui/IconButton, andui/LabeledIconpropsizeui/ToggleItempropsitemIconanditemIconPositionto support additional icons on ToggleItem-derived components
moonstone/EditableIntegerPicker,moonstone/Picker, andmoonstone/RangePickerto not error when theminprop exceeds themaxprop
moonstone/ContextualPopupDecoratorimperative methods to be correctly bound to the instancemoonstone/ExpandableInputto retain focus when touching within the input field on touch platformsmoonstone/ExpandableListto not error ifselectedis passed as an array to a non-multi-select listmoonstone/Inputrefocusing on touch on iOSmoonstone/Scrollerto allow changing spotlight focus to opposite scroll button when switching to 5way modemoonstone/Scrollerandmoonstone/VirtualListto animate with 5-way navigation by defaultmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto change spotlight focus due to touch eventsmoonstone/Sliderto not scroll the viewport when dragging on touch platformsmoonstone/VideoPlayerto correctly handle touch events while moving slider knobsspotlightto unspot the current element when tapping on non-spottable target on touch platformsui/Scroller,ui/VirtualList, andui/VirtualGridListto size properlyui/Scroller,ui/VirtualList, andui/VirtualGridListto scroll correctly on iOS and Safariui/Touchableto not misfire a hold pulse when a drag re-enters a touch target andcancelOnMoveis setui/ViewManagerto correctly handle transitioning quickly between two children
moonstone/EditableIntegerPickertext alignment when not editing the valuemoonstone/Scrollerto scroll via dragging when the platform has touch supportmoonstone/VideoPlayerto continue to display the thumbnail image while the slider is focusedui/Skinnableto allow overriding defaultskinVariantvaluesui/Touchableto prevent events firing on different nodes for the same touch actionui/Touchableto neither force focus to components nor blur components after they are touched
core/kindto address warnings raised in React 16.8.6moonstone/ExpandableInputto close on touch platforms when tapping another componentui/Touchableto prevent doubled events in some situations on touch devices
ui/Item,ui/Layout,ui/Repeater,ui/SlotItem,ui/Spinner,ui/ToggleItem, andui/ViewManagersupport forrefto gain access to the wrappedcomponent
moonstone/ContextualPopupDecoratormethodpositionContextualPopup()to correctly reposition the popup when invoked from app codemoonstone/Tooltipto better support long tooltipsmoonstone/Popupto resume spotlight pauses when closing with animationmoonstone/Panelsto correctly ignorenullchildrenspotlightto guard against runtime errors caused by attempting to access containers that do not existspotlight/Spottableto prevent unnecessary updates due to focus and blur changes
core/util.isRenderableto treat values returned byReact.lazy(),React.memo(), andReact.forwardRef()as renderablecore/hocto support wrapping components returned byReact.lazy(),React.memo(), andReact.forwardRef()i18n/I18nDecoratorto defer updating the locale until window is focusedmoonstone/Checkbox,moonstone/FormCheckbox,moonstone/RadioItem,moonstone/SelectableIcon, andmoonstone/Sliderspotlight muted colorsmoonstone/Spinneranimation synchronization after a rerendermoonstone/TooltipDecoratorto positionTooltipcorrectly when the wrapped component moves or resizesmoonstone/VideoPlayerto continue to show thumbnail when playback control keys are pressedmoonstone/VideoPlayerto stop seeking by remote key when it loses focusmoonstone/VirtualListto only resume spotlight pauses it initiatedspotlightto remain in pointer mode when any 'cancel' key (e.g. Escape or back button) is pressedui/VirtualListscrollTocallback to scroll properly during prop change updates
moonstoneline-heightrule to base text CSS for both latin and non-latin localesmoonstonesupport for high contrast colors in dark and light skinmoonstone/BodyTextpropnoWrapwhich automatically addsmoonstone/Marqueesupport as well as limits the content to only display one line of textui/BodyTextpropcomponentto allow customization of the tag/component used to render its base elementui/Repeaterpropcomponentto allow customization of its base elementui/Spinnerproppausedto halt the animation. Previously this was hard-coded "on", but now it can be toggled.
moonstone/Spinnervisuals from 3 spinning balls to an energetic flexing lineui/Changeableandui/Toggleableto warn when both[defaultProp]and[prop]are provided
moonstone/Panelsto set child'sautoFocusprop todefault-elementwhenindexincreasesmoonstone/Sliderto prevent gaining focus when clicked when disabledmoonstone/Sliderto prevent default browser scroll behavior when 5-way directional key is pressed on an active knobmoonstone/DatePickerandmoonstone/TimePickerto close with back/ESCmoonstone/DatePickerandmoonstone/TimePickervalue handling when open on mountmoonstone/ContextualPopupDecoratorto correctly focus on popup content when openedspotlight/Spottableto prevent unnecessary updates due to focus changes
core/kindconfig propertycontextTypes, to be removed in 3.0.
core/kindconfig propertycontextTypereplacing legacycontextTypespropertyi18n/I18nDecoratorHOC config propresourcesto support retrieval of user-space i18n resource files on locale changei18n/I18nDecoratorHOC config propsyncto support asynchronous retrieval of i18n resource filesi18n/I18nDecoratorHOC config propslatinLanguageOverridesandnonLatinLanguageOverridesto allow consumers to configure some locales to be treated as Latin or non-Latin for the purposes of applying theenact-locale-non-latinglobal class name.i18n/Textcomponent to provide asynchronous text translationsmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListpropertychildPropsto support additional props included in the object passed to theitemsRenderercallbackmoonstone/Skinnablesupport forskinVariants, to enable features like high contrast mode and large text mode- Support for 8k (UHD2) displays
spotlight/SpottablepropertyselectionKeysui/Skinnablesupport forskinVariants; a way to augment a skin by adding variations of a skin to your visuals, like large text, high contrast, or grayscaleui/TouchableeventonHoldEndto notify when a hold has been releasedui/TouchablepropholdConfig.globalto allow a hold to continue when leaving or blurring the element
- All content-containing LESS stylesheets (not within a
stylesdirectory) extensions to be*.module.lessto retain modular context with CLI 2.x.
i18nresource loader to use intelligent defaults when the path variables are not injectedmoonstone/VirtualListto focus an item properly byscrollToAPI immediately after a prior call to the same positionmoonstone/Popupto close floating layer when the popup closes without animationspotlightto improve prioritization of the contents of spotlight containers within overflow containersspotlight/Spottableandspotlight/SpotlightContainerDecoratorto prevent focus whenspotlightDisabledis setspotlight/Spottableto prevent emitting multiple click events when certain node types are selected via 5-way enterui/Touchableto continue drag events when blurring the element whendragConfig.globalis setui/Marqueeto marquee when necessary after a locale change
moonstone/Scrollerscrolling to boundary behavior for short scrollers
moonstone/ExpandableInputto focus labeled item on closemoonstone/ExpandableItemto disable its spotlight container when the component is disabledmoonstone/Scrollerto correctly handle scrolling focused elements and containers into viewspotlightto focus correctly within an overflow container in which the first element is another container without spottable childrenui/Marqueeto display an ellipsis when changing to text that no longer fits within its boundsui/VirtualList,ui/VirtualGridList, andui/Scrollerto debounceonScrollStopevents for non-animated scrolls
moonstone/Picker,moonstone/ExpandablePicker,moonstone/ExpandableList,moonstone/IncrementSliderto support disabling voice controlui/Marqueeto avoid very small animations
i18n/I18nDecoratorto allow changing the locale to a falsy value to use the device localemoonstone/VideoPlayerto blur slider when hiding media controlsmoonstone/VideoPlayerto disable pointer mode when hiding media controls via 5-waymoonstone/VirtualListandmoonstone/Scrollerto not to animate with 5-way navigation by defaultui/Marqueeto handle contents which overflow their containers only slightly
moonstone/ExpandableItemto not steal focus after closingui/Transitionto better support layout after changing children
moonstone/DayPickerseparator character used between selected days in the label in fa-IR localemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListscrolling by voice commands in RTL locales
moonstone/Scrollerto respect the disabled spotlight container status when handling pointer eventsmoonstone/Scrollerto scroll to the boundary when focusing the first or last element with a minimal margin in 5-way modemoonstone/VideoPlayerto position the slider knob correctly when beyond the left or right edge of the sliderspotlightselection of elements clipped by an overflow container
core/util.Jobto cancel existing scheduledidle()jobs before scheduling anothermoonstone/Scrollerstuttering when page up/down key is pressedui/Scrollerslowed scrolling behavior when repeatedly requesting a scroll to the same position
i18n/ilib/DurationFmtto respectsyncparameter when loading stringsi18nresource loading failure due to resolving the path incorrectlymoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto notify user when scrolling is not possible via voice commandmoonstone/TimePickerto not read out meridiem label when changing the valuespotlightnavigation into an overflow container which contains elements or containers larger than the container's boundsui/Marqueeto prevent restarting animation after blurring just before the previous animation completed
moonstone/GridListImageItemvoice control feature supportui/Marquee.MarqueeBasepropwillAnimateto improve app performance by deferring animation preparation styling such as composite layer promotionui/Skinnableconfig optionpropto configure the property in which to pass the current skin to the wrapped componentui/Transitionpropcssto support customizable styling
spotlightto not explicitlyblur()the currently focused element when focusing another, allowing the platform to manage blurring before focusui/Cellandui/Layoutto accept any type of children, since thecomponentthat may be set could accept any format ofchildren
moonstone/DayPickerto prevent closing when selecting days via voice controlmoonstone/VideoPlayerto unfocus media controls when hiddenmoonstone/Scrollerto set correct scroll position when an expandable child is closedmoonstone/Scrollerto prevent focusing children while scrollingspotlightto correctly set focus when the window is activatedspotlightto correctly set focus when entering a restricted containerui/Touchableto correctly handle a hold cancelled from an onHold handler
moonstone/Buttonandmoonstone/IconButtonto style image-based icons correctly when focused and disabledmoonstone/FormCheckboxItemstyling when focused and disabledmoonstone/Panelsto always blur breadcrumbs when transitioning to a new panelmoonstone/Scrollerto correctly set scroll position when nested item is focusedmoonstone/Scrollerto not adjustscrollTopwhen nested item is focusedmoonstone/VideoPlayerto show correct playback rate feedback on play or pausespotlight/Spottableto respect paused state when it becomes enabledui/ViewManagerto emitonWillTransitionwhen views are either added or removed
moonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto show overscroll effects properly on repeating wheel inputmoonstone/TooltipDecoratorto handle runtime error when settingtooltipTextto an empty stringmoonstone/VideoPlayertiming to read outinfoComponentsaccessibility value whenmoreButtonormoreButtonColoris pressedui/Marqueeto stop when blurred during restart timer
moonstone/ExpandableItemto prevent default browser scroll behavior when 5-way key is pressed on the first item or the last itemmoonstone/Scrollerscrolling behavior for focused items in 5-way modemoonstone/Scrollerto scroll container elements into viewmoonstone/TooltipDecoratorto update position whentooltipTextis changedmoonstone/VideoPlayerto prevent default browser scroll behavior when navigating via 5-waymoonstone/VirtualListto allowonKeyDownevents to bubblemoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListscrolling via page up or down keysspotlightto prevent default browser scrolling behavior when focusing elements within a spotlight container configured withoverflow: trueui/GridListImageItemto properly setselectedstyleui/Marqueepositioning bug when used with CSS flexbox layouts
moonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto show overscroll effects only by wheel input
moonstone/VideoPlayerso that activity is detected and theautoCloseTimeouttimer is reset when using 5-way to navigate from the media sliderspotlightto correctly handle focus with'self-only'containersspotlight/SpotlightContainerDecoratorto unmount config instead of remove when spotlightId is changed if it preserves id
moonstone/VideoPlayerpropertynoMediaSliderFeedbackmoonstone/VideoPlayer.MediaControlspropertyplayPauseButtonDisabled
i18nto use the latest version of theilibmoonstone/Pickerkey down hold threshold to 800ms before firing theonChangeevent
moonstone/GridListImageItemto properly vertically align when the content varies in sizemoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto not scroll by draggingmoonstone/Sliderto not emitonChangeevent whenvaluehas not changedmoonstone/VideoPlayerto focus on available media buttons if the default spotlight component is disabledmoonstone/VideoPlayerto keep media controls visible when interacting with popupsmoonstone/VideoPlayerto read outinfoComponentsaccessibility value whenmoreButtonColoris pressedmoonstone/VideoPlayerto round the time displayed down to the nearest secondmoonstone/VirtualListto restore last focused item correctlyui/VirtualListsampler to useui/Iteminstead ofmoonstone/Itemui/FloatingLayerto applykeys to prevent React warnings
moonstone/DatePickerto correctly change year whenminYearandmaxYeararen't providedmoonstone/EditableIntegerPickermanagement of spotlight pointer modemoonstone/LabeledIconandmoonstone/LabeledIconButtonto have proper spacing and label-alignment with all label positionsmoonstone/Popupto prevent duplicate 5-way navigation whenspotlightRestrict="self-first"moonstone/Scrollernot to scroll to wrong position via 5way navigation in RTL languagesmoonstone/Scrollernot to scroll when focusing in pointer modemoonstone/Sliderto forwardonActivateeventmoonstone/VideoPlayerto reset key down hold when media becomes unavailablespotlightto update pointer mode after hiding webOS VKBui/Imageto not display "missing image" icon whensrcfails to loadui/Imageto not requiresrcprop ifplaceholderis specifiedui/GridListImageItemto not requiresourcepropui/Scrollableto use GPU acceleration to improve rendering performanceui/Marqueeto moveposition: relativestyle intoanimateclass to improve rendering performance
moonstone/Dialogread order of dialog contentsmoonstone/Scrollerto go to next page properly via page up/down keysspotlightto not blur when pointer leaves floating webOS app while paused
ui/Skinnable.withSkinnablePropshigher-order component
moonstone/LabeledIconandmoonstone/LabeledIconButtoncomponents for a lightweightIconorIconButtonwith a labelmoonstone/VideoPlayerpropertynoAutoShowMediaControlsui/LabeledIconcomponent for a lightweightIconwith a label
spotlightto default to 5-way mode on initialization
moonstone/Scrollerto prevent scrolling via page up/down keys if there is no spottable component in that directionmoonstone/Dialogto hidetitleBelowwhentitleis not setmoonstone/Imageto suppress drag and drop support by defaultmoonstone/VideoPlayeraudio guidance behavior of More buttonmoonstone/VirtualList.VirtualGridListandmoonstone/VirtualList.VirtualListto handle focus properly via page up/down keys when switching to 5-way modemoonstone/Popupto spot the content after it's mountedmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll properly via voice control in RTL localesspotlightto blur when pointer leaves floating webOS appspotlightto prevent changing the active container when the currently active container is restricted is "self-only"ui/Scrollableto ignore native drag events which interfered with touch drag support
i18n/ilibto calculate time properly over DST boundary in fa-IR localemoonstone/ContextualPopupto refocus its activator on close when the popup lacks spottable childrenmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll properly when holding down paging control buttonsmoonstone/ExpandableItemspotlight behavior when leaving the component via 5-waymoonstone/RadioItemcircle thickness to be 2px, matching the designmoonstone/Sliderto correctly prevent 5-way actions when activatedmoonstone/ExpandableItemand other expandable components to spotlight correctly when switching from pointer mode to 5-way withcloseOnSelectspotlightto track pointer mode while paused
spotlightdebugging to visualize which components will be targeted as the next component for any 5-way direction
moonstone/Inputto not focus by tab keymoonstone/Pickerto properly set focus when navigating between buttonsmoonstone/ProgressBar.ProgressBarTooltipunknown props warningmoonstone/Scrollableto disable spotlight container during flick events only when contents can scrollmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto scroll properly whenanimateis false viascrollTomoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListpage controls to stop propagating an event when the event is handledmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto hide overscroll effect when focus is moved from a disabled paging control button to the opposite buttonmoonstone/Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto show overscroll effect when reaching the edge for the first time by wheelmoonstone/VideoPlayerto display feedback tooltip when pointer leaves slider while playingmoonstone/VirtualListandmoonstone/VirtualGridListto restore focus on items focused by pointer
core/util.withContextFromPropsfunctioni18n/I18nDecorator.contextTypes, replaced byi18n/I18nDecorator.I18nContextDecoratormoonstone/Buttonbuilt-in support for tooltipsui/FloatingLayer.contextTypesexportui/Marquee.controlContextTypesexportui/Placeholder.contextTypesexportui/Resizable.contextTypesexport
i18n/I18nDecorator.I18nContextDecoratorHOC to support notification of locale changesmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListsupportdata-webos-voice-focusedanddata-webos-voice-group-label
moonstone/Spinnerto blur Spotlight when the spinner is active
i18n/Uppercaseto apply the designatedcasingprop format to each child instead of only the first childmoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto handle direction, page up, and page down keys properly on page controls them whenfocusableScrollbaris falsemoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListto handle a page up or down key in pointer modemoonstone/VideoPlayer.MediaControlsto correctly handle more button color when the prop is not specified
moonstone/ContextualPopupDecoratorinstance methodpositionContextualPopup()moonstone/MoonstoneDecoratorconfig propertydisableFullscreento prevent the decorator from filling the entire screenmoonstone/ScrollerproponUpdate
moonstone/Scrollableto update scroll properly on pointer clickmoonstone/TooltipDecoratorto prevent unnecessary re-renders when losing focusmoonstone/TooltipDecoratorto not dismiss the tooltip on pointer click
moonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListsupport for scrolling via voice control on webOSmoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListoverscroll effect when the edges are reached
moonstone/DividerpropertymarqueeOndefault value torendermoonstone/Scroller.Scroller,moonstone/VirtualList.VirtualGridList, andmoonstone/VirtualList.VirtualListscrollbar button to move a previous or next page when pressing a page up or down key instead of releasing it
moonstone/VideoPlayerto prevent updating state when the source is changed to the preload source, but the current preload source is the samemoonstone/MediaOverlayto marquee correctlymoonstone/MediaOverlayto match UX guidelinesspotlight/Spottableto retain focus for disabled component after updatesspotlight/Spottableto emulateonMouseUpevents that occur immediately after a non-enter key pressspotlight/Spottableto prevent scroll on focus on webOSui/VirtualListto allow scrolling on focus by default on webOS
i18n/UppercasepropertypreserveCase, replaced bycasingmoonstone/DialogpropertiespreserveCaseandshowDivider, replaced bycasingandnoDividerrespectivelymoonstone/DividerpropertypreserveCase, replaced bycasingmoonstone/ExpandableInputpropertyonInputChange, replaced byonChangemoonstone/MoonstoneDecorator.TextSizeDecorator, replaced bymoonstone/MoonstoneDecorator.AccessibilityDecoratormoonstone/Panels.HeaderpropertypreserveCase, replaced bycasingmoonstone/Panels.PanelpropertynoAutoFocus, replaced byautoFocusmoonstone/TooltipDecoratorpropertytooltipPreserveCase, replaced bytooltipCasing
ui/FloatingLayer.FloatingLayerBaseexport
moonstone/VideoPlayerto allow spotlight focus to move left and right fromMediaControlsmoonstone/VideoPlayerto disable bottom controls when loading until it's playableui/FloatingLayerto callonOpenonly after it is rendered
moonstone/EditableIntegerPickerto disable itself when on a range consisting of a single static valuemoonstone/Pickerto disable itself when containing fewer than two itemsmoonstone/Popupto spot its content correctly whenopenby defaultmoonstone/RangePickerto disable itself when on a range consisting of a single static valuemoonstone/TooltipDecoratorto hide whenonDismisshas been invokedmoonstone/VideoPlayerto show media controls when pressing down in pointer modemoonstone/VideoPlayerto provide a more natural 5-way focus behaviormoonstone/VideoPlayer.MediaControlsto handle left and right key to jump whenmoonstone/VideoPlayeris focusedui/MarqueeDecoratorto stop marqueeing when using hover and pointer hides
moonstone/IncrementSliderpropchildrenwhich was no longer supported for setting the tooltip (since 2.0.0-beta.1)
moonstone/Scrollerto check focus possibilities first then go to fallback at the top of the container of focused itemmoonstone/Scrollerto scroll by page when focus was at the edge of the viewportmoonstone/ToggleButtonpadding and orientation for RTLmoonstone/VideoPlayerto not hide title and info section when showing more componentsmoonstone/VideoPlayerto select a position in slider to seek in 5-way modemoonstone/VideoPlayerto show thumbnail only when focused on sliderspotlightto provide more natural 5-way behaviorspotlightto handle pointer events only when pointer has movedspotlightto update the last focused container when unable to set focus within that containerspotlight/Spottableto not trigger a scroll on focus on webOSui/FloatingLayerto render correctly if already opened at mounting timewebos/speechmethodreadAlertto subscribe to changes in audio guidance to improve speech response time
moonstone/Popup,moonstone/Dialogandmoonstone/NotificationpropertyspotlightRestrictoption'none'moonstone/VideoPlayerproppreloadSource, to be replaced bymoonstone/VideoPlayer.VideoproppreloadSourcemoonstone/Buttonandmoonstone/IconButtonallowed value'opaque'from propbackgroundOpacitywhich was the default and therefore has the same effect as omitting the prop
moonstone/VideoPlayerpropsselectionandonSeekOutsideRangeto support selecting a range and notification of interactions outside of that rangemoonstone/VideoPlayer.Videocomponent to support preloading video sourcesui/FloatingLayerDecoratorimperative API to close all floating layers registered in the same idui/ProgressBarandui/SliderpropprogressAnchorto configure from where in the progress bar or slider progress should beginui/SliderpropprogressBarComponentto support customization of progress bar within a sliderui/ForwardRefHOC to adaptReact.forwardRefto HOC chainsui/Mediacomponent
moonstone/VideoPlayer.videoComponentprop to default toui/Media.Mediainstead of'video'. As a result, to use a custom video element, one must pass an instance ofui/Mediawith itsmediaComponentprop set to the desired element.
moonstone/ContextualPopupDecoratorto properly stop propagating keydown event if fired from the popup containermoonstone/Sliderto read when knob gains focus or for a change in valuemoonstone/Scrollerto not cut off Expandables when scrollbar appearsmoonstone/VideoPlayerto correctly read out when play button is pressedui/MarqueeControllerto update hovered state when pointer hidesui/Touchableto end gestures when focus is lostui/VirtualList.VirtualListandui/VirtualList.VirtualGridListto prevent items overlap with scroll buttons
core/handle.handleutilitybindAsto facilitate debugging and binding handlers to component instancesmoonstone/Buttonandmoonstone/IconButtonclass namesmallto the list of allowedcssoverridesmoonstone/ProgressBarprophighlightedfor when the UX needs to call special attention to a progress bar
moonstone/ContextualPopupDecoratorto not set focus to activator when closing if focus was set elsewheremoonstone/IconButtonto allow external customization of vertical alignment of itsIconby settingline-heightmoonstone/Marquee.MarqueeControllerto not cancel valid animationsmoonstone/VideoPlayerfeedback and feedback icon to hide properly on play/pause/fast forward/rewindmoonstone/VideoPlayerto correctly focus to default media controls componentmoonstone/VideoPlayerto show controls on mount and when playing next preload videomoonstone/VirtualList,moonstone/VirtualGridList,ui/VirtualList, andui/VirtualGridListsamples to show items properly whendataSizeis greater than 1000spotlight/Spottableto not make components spottable whenspotlightDisabledis setui/Touchableto guard against null events
moonstone/SelectableItem.SelectableItemDecoratorui/Touchablesupport to fireonTapwhen aclickevent occurs
moonstone/ToggleItemto forward native events ononFocusandonBlurmoonstone/Inputandmoonstone/ExpandableInputto support forwarding valid<input>props to the contained<input>nodemoonstone/ToggleButtonto fireonTogglewhen toggledui/Touchablecustom eventsonDown,onUp,onMove, andonTapto use the event name as thetyperather than the shorter name (e.g.onTaprather thantap)ui/Toggleableto forward events onactivateanddeactivateinstead of firing toggled payload. Usetoggleto handle toggled payload from the event.
moonstone/VirtualList.VirtualList,moonstone/VirtualList.VirtualGridList, andmoonstone/Scroller.Scrollerto ignore any user key events in pointer modemoonstone/Imageso it automatically swaps thesrcto the appropriate resolution dynamically as the screen resizesmoonstone/Popupto support allspotlightRestrictoptionsmoonstonecomponentdisabledcolors to match the most recent design guidelines (from 30% to 60% opacity)moonstone/ExpandableInputspotlight behavior when leaving the component via 5-wayspotlightto retry setting focus when the window is activatedspotlighthandling of 5-way events after the pointer hides
core/dispatcher.onto not add duplicate event handlersmoonstone/IconButtonto allow theme-style customization, like it claimed was possiblemoonstone/ExpandableItemand related expandables to deal with disabled items and theautoClose,lockBottomandnoLockBottompropsmoonstone/Slidernot to fireonChangeevent when 5-ways out of boundarymoonstone/ToggleButtonlayout for RTL localesmoonstone/Item,moonstone/SlotItem,moonstone/ToggleItemto not apply duplicateclassNamevaluesmoonstone/VirtualList.VirtualList,moonstone/VirtualList.VirtualGridList, andmoonstone/Scroller.Scrollerscrollbar button's aria-label in RTLmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto scroll properly with all disabled itemsmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto not scroll on focus when jumpingspotlight/Spottableto not add a focused state when a component had already been set as disabledui/Marqueeto always marquee whenmarqueeOnis set to'render'ui/Itemto use its natural width rather than imposing a 100% width allowing inline Items to be the correct widthui/Marquee.MarqueeDecoratorto correctly reset animation whenchildrenupdates
moonstone/IncrementSliderandmoonstone/SliderpropstooltipAsPercent,tooltipSide, andtooltipForceSide, to be replaced bymoonstone/IncrementSlider.IncrementSliderTooltipandmoonstone/Slider.SliderTooltippropspercent, andsidemoonstone/IncrementSliderpropsdetachedKnob,onDecrement,onIncrement, andscrubbingmoonstone/ProgressBarpropstooltipSideandtooltipForceSide, to be replaced bymoonstone/ProgressBar.ProgressBarTooltippropsidemoonstone/SliderpropsdetachedKnob,onDecrement,onIncrement,scrubbing, andonKnobMovemoonstone/VideoPlayerpropertytooltipHideDelaymoonstone/VideoPlayerpropsbackwardIcon,forwardIcon,initialJumpDelay,jumpBackwardIcon,jumpButtonsDisabled,jumpDelay,jumpForwardIcon,leftComponents,moreButtonCloseLabel,moreButtonColor,moreButtonDisabled,moreButtonLabel,no5WayJump,noJumpButtons,noRateButtons,pauseIcon,playIcon,rateButtonsDisabled, andrightComponents, replaced by corresponding props onmoonstone/VideoPlayer.MediaControlsmoonstone/VideoPlayerpropsonBackwardButtonClick,onForwardButtonClick,onJumpBackwardButtonClick,onJumpForwardButtonClick, andonPlayButtonClick, replaced byonRewind,onFastForward,onJumpBackward,onJumpForward,onPause, andonPlay, respectivelywebos/VoiceReadoutmodule and replaced withwebos/speech.readAlert()
core/snapshotmodule withisWindowReadymethod to check the window state andonWindowReadymethod to queue window-dependent callbacks for snapshot buildsmoonstone/DatePickerpropsdayAriaLabel,dayLabel,monthAriaLabel,monthLabel,yearAriaLabelandyearLabelto configure the label set on date pickersmoonstone/DayPickerandmoonstone/DaySelectorpropsdayNameLength,everyDayText,everyWeekdayText, andeveryWeekendTextmoonstone/ExpandablePickerpropscheckButtonAriaLabel,decrementAriaLabel,incrementAriaLabel, andpickerAriaLabelto configure the label set on each button and pickermoonstone/MediaOverlaycomponentmoonstone/Pickerpropsaria-label,decrementAriaLabel, andincrementAriaLabelto configure the label set on each buttonmoonstone/PopuppropertycloseButtonAriaLabelto configure the label set on popup close buttonmoonstone/ProgressBar.ProgressBarTooltippropspercentto format the value as a percent andvisibleto control display of the tooltipmoonstone/TimePickerpropshourAriaLabel,hourLabel,meridiemAriaLabel,meridiemLabel,minuteAriaLabel, andminuteLabelto configure the label set on time pickersmoonstone/VideoPlayer.MediaControlscomponent to support additional customization of the playback controlsmoonstone/VideoPlayerpropsmediaControlsComponent,onRewind,onFastForward,onJumpBackward,onJumpForward,onPause,onPlay, andpreloadSourcemoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListrole="list"moonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListpropwrapto support wrap-around spotlight navigationmoonstone/VirtualList,moonstone/VirtualGridListandmoonstone/ScrollerpropsscrollRightAriaLabel,scrollLeftAriaLabel,scrollDownAriaLabel, andscrollUpAriaLabelto configure the aria-label set on scroll buttons in the scrollbarswebos/speechmodule withreadAlert()function andVoiceControlDecoratorHigher-order Component
moonstone/IncrementSliderandmoonstone/Sliderproptooltipto support either a boolean for the default tooltip or an element or component for a custom tooltipmoonstone/Inputto prevent pointer actions on other component when the input has focusmoonstone/ProgressBar.ProgressBarTooltippropsideto support either locale-aware or locale-independent positioningmoonstone/ProgressBar.ProgressBarTooltipproptooltipto support custom tooltip componentsmoonstone/Scroller,moonstone/Picker, andmoonstone/IncrementSliderto retain focus onmoonstone/IconButtonwhen it becomes disabledspotlight/Spottableto retain focus on a component when it becomes disabled while focusedui/CancelablecallbackonCancelto accept an event with astopPropagationmethod to prevent upstream instances from handling the event instead of using the return value from the callback to prevent propagation. When a function is passed toonCancel, it will now receive an event and a props object instead of only the props object. When a string is passed toonCancel, it will now receive an event instead of no arguments. Also when a string is passed, the event will now propagate to upstream instances unlessstopPropagationis called.ui/Transitionpropertydurationto now also support a numeric value representing milliseconds or a string representing any valid CSS duration value
core/util.memoizeto forward all args to memoized functionmoonstone/ExpandableItemand related expandable components to expand smoothly when used in a scrollermoonstone/GridListImageItemto show properplaceholderandselectionOverlaymoonstone/MoonstoneDecoratorto optimize localized font loading performancemoonstone/Scrollerandmoonstone/VirtualListnavigation via 5-way from paging controlsmoonstone/VideoPlayerto render bottom controls at idle after mountingmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto give initial focusmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto have the default value fordataSize,pageScroll, andspacingpropsui/Layout.Cellto no longer overflow when bothsizeandshrinkare set togetherui/Layoutto correctly support twoalignvalues, allowing horizontal and vertical in one property. Previously, the transverse alignment was ignored, only allowing perpendicular alignment.ui/VirtualList.VirtualListandui/VirtualList.VirtualGridListshowing blank whendirectionprop changed after scroll position changedui/VirtualList.VirtualListandui/VirtualList.VirtualGridListto support RTL by dynamic language changes
core/handle.callto invoke a named method on a bound handlermoonstone/PanelspropertycloseButtonAriaLabelto configure the label set on application close buttonbackgroundglobal knob to help visualize components over various background imagesui/Placeholder.PlaceholderControllerDecoratorconfig propertythresholdFactor
moonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListto set its ARIAroleto"list"moonstone/VideoPlayerpropertytitleto accept node typeui/Transitionpropertychildrento not be requiredui/Transitionto fireonShowandonHideeven when there are nochildren
moonstone/TimePickerto showmeridiemcorrectly in all localesmoonstone/Scrollablescroll buttons to read out out audio guidance when button pressed downmoonstone/ExpandableItemto show label properly when open and disabledmoonstone/Notificationto position properly in RTL localesmoonstone/VideoPlayerto show controls when pressing 5-way selectui/ViewManagerto not initially pass the wrong value forenteringPropwhen a view initiates a transition into the viewport
moonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListpropertydataui/VirtualList.VirtualListandui/VirtualList.VirtualGridListpropdata
moonstone/VideoPlayerpropertynoSpinnerto allow apps to show/hide spinner while loading videowebos/LS2Requestsend()parametersonTimeoutandtimeoutwebos/LS2Requestsend()defaultonFailureandonTimeouthandlers
moonstone/VideoPlayerto disable play/pause button when media controls are disabledmoonstone/VideoPlayerpropertymoreButtonColorto allow setting underline colors for more buttonmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListpropisItemDisabled, which accepts a function that checks if the item at the supplied index is disabledmoonstone/Panels.Headersupport forheaderInputso the Header can be used as an Input. See documentation for usage examples.moonstone/ProgressBarpropertytooltipSideto configure tooltip position relative to the progress barmoonstone/ProgressBarcolors (affectingmoonstone/Slideras well) for light and dark theme to match the latest designs and make them more visible when drawn over arbitrary background colors
moonstone/VideoPlayerto correctly adjust spaces when the number of components changes inleftComponentsandrightComponentsmoonstone/VideoPlayerto read out audio guidance every timesourcechangesmoonstone/VideoPlayerto display custom thumbnail nodemoonstone/VideoPlayerto hide more icon when right components are removedmoonstone/Pickerto correctly update pressed state when dragging off buttonsmoonstone/Notificationto display when it's openedmoonstone/VirtualListandmoonstone/VirtualGridListto show Spotlight properly while navigating with page up and down keysmoonstone/Inputto allow navigating via left or right to other components when the input is active and the selection is at start or end of the text, respectivelymoonstone/Panels.ActivityPanelsto correctly lay out the existing panel after adding additional panelsspotlightto partition and prioritize next spottable elements for more natural 5-way behaviorui/Scrollerhorizontal scrolling in RTL locales
core/factorymodule, replaced by thecssoverride featuremoonstone/SliderexportsSliderFactoryandSliderBaseFactorymoonstone/IncrementSliderexportsIncrementSliderFactoryandIncrementSliderBaseFactorymoonstone/ProgressBar,moonstone/Slider,moonstone/Slider.SliderTooltip,moonstone/IncrementSlidercomponents'verticalproperty and replaced it withorientationspotlight/SpotlightContainerDecoratorpropcontainerId, to be replaced byspotlightIdui/TransitionpropertyclipHeightui/ProgressBarpropertyverticaland replaced it withorientation
moonstone/VideoPlayerpropertycomponentto handle custom video elementmoonstone/IncrementSliderpropertiesincrementAriaLabelanddecrementAriaLabelto configure the label set on each buttonmoonstone/Inputsupport forsmallpropmoonstone/ProgressBarsupport fortooltipandtooltipForceSidemoonstone/ProgressBar,moonstone/Slider,moonstone/Slider.SliderTooltip,moonstone/IncrementSliderpropertyorientationto accept orientation strings like "vertical" and "horizontal" (replaced oldverticalprop)spotlight/Pausemodule which acts as a semaphore for spotlight pause statespotlight/SpottablepropspotlightIdto simplify focusing componentsui/Scrollablesupport for scrolling by touchui/ProgressBarpropertyorientationto accept orientation strings like"vertical"and"horizontal"
moonstone/Inputinputheight,vertical-align, andmargins. Please verify your layouts to ensure everything lines up correctly; this change may require removal of old sizing and positioning CSS which is no longer necessary.moonstone/FormCheckboxto have a small border around the circle, according to new GUI designsmoonstone/RadioItemdot size and added an inner-dot to selected-focused state, according to new GUI designsmoonstone/ContextualPopupproppopupContainerIdtopopupSpotlightIdmoonstone/PopuppropcontainerIdtospotlightIdmoonstone/VideoPlayerpropcontainerIdtospotlightIdmoonstone/VirtualList.VirtualListandmoonstone/VirtualList.VirtualGridListpropcomponentto be replaced byitemRendererspotlight/Spotlight.focusto support focusing byspotlightIdspotlightcontainer attributesdata-container-disabledanddata-container-mutedto bedata-spotlight-container-disabledanddata-spotlight-container-muted, respectivelyui/VirtualList.VirtualListandui/VirtualList.VirtualGridListpropcomponentto be replaced byitemRenderer
moonstone/ExpandableItemto be more performant when animatingmoonstone/GridListImageItemto hide overlay checkmark icon on focus when unselectedmoonstone/GridListImageItemto useui/GridListImageItemmoonstone/VirtualList,moonstone/VirtualGridListandmoonstone/Scrollercomponents to use their base UI componentsmoonstone/VirtualListto show the selected state on hovered paging controls properlymoonstone/Sliderto highlight knob when selectedmoonstone/Sliderto handle updates to itsvalueprop correctlymoonstone/ToggleItemto accept HTML DOM node tag names as strings for itscomponentpropertymoonstone/Popupto properly pause and resume spotlight when animatingui/Transitionanimation forclipfor"up","left", and"right"directions. This includes a DOM addition to the Transition markup.ui/ComponentOverrideandui/ToggleItemto accept HTML DOM node tag names as strings for itscomponentproperty
core/util.childrenEqualswhich was no longer supported by React 16moonstone/Marquee.MarqueeText, replaced bymoonstone/Marquee.Marqueemoonstone/VirtualGridList.GridListImageItem, replaced bymoonstone/GridListImageItem
core/util.memoizemethod to optimize the execution of expensive functionsui/Touchablesupport for drag gestureui/Marqueecomponent
moonstone/Marquee.Marqueeto bemoonstone/Marquee.MarqueeBasemoonstone/ContextualPopupDecoratorto not restore last-focused child
moonstone/Sliderto correctly show localized percentage value in tooltip whentooltipAsPercentis truemoonstone/VirtualGridListto show or hide its scrollbars properlymoonstone/Buttontext to be properly centeredui/ViewManagerto suppressenteringPropfor views that are rendered at mount
moonstone/Buttonandmoonstone/IconButtonpropnoAnimation
ui/BodyText,ui/Image,ui/Item,ui/ProgressBar,ui/SlotItem,ui/Spinner,ui/ToggleIconcomponents as unstyled base components to support UI libraries
core/kindto always return a component rather than either a component or an SFC depending upon the configurationmoonstone/Marqueeto do less-costly calculations during measurement and optimized the applied stylesmoonstone/ExpandableListto require a unique key for each object type data- samples to be organized by library and removed background selector
ui/Repeaterandui/Groupto require a unique key for each object type dataui/Toggleableto use'selected'as its defaultprop, rather than'active', since'selected'is by far the most common use caseui/Touchableto use global gesture configuration with instance override rather than component-level configuration via HOC configs with instance override
moonstone/VirtualListto render properly with fiber reconcilermoonstone/VirtualListfocus option in scrollTo apimoonstone/ExpandableSpotlightDecoratorto not spot the title upon collapse when inpointerModemoonstone/Spinnerto not unpause Spotlight unless it was the one to pause itmoonstone/Marqueeto stop when becoming disabledspotlight/Spottableto not removetabindexfrom unspottable components to allow blur events to propagate as expected when a component becomes disabled
ui/Button,ui/Icon, andui/IconButtoncomponents to support reuse by themesui/Touchablesupport for flick gestures
moonstone/MoonstoneDecoratorroot node to fill the entire space available, which simplifies positioning and sizing for child elements (previously always measured 0 in height)moonstone/VirtualListto prevent infinite function call when a size of contents is slightly longer than a client size without a scrollbarmoonstone/VirtualListto sync scroll position when clientSize changedui/resolutionto measure the App's rendering area instead of the entire window, and now factors-in the height as well
moonstone/Scrollerandmoonstone/VirtualListoptionindexToFocusinscrollTomethod which is deprecated from 1.2.0moonstone/Scrollerpropshorizontalandverticalwhich are deprecated from 1.3.0 and replaced withdirectionprop
ui/Scrollerandui/VirtualList
ui/Layoutwhich provides a technique for laying-out components on the screen usingCells, in rows or columnsui/Touchableto support consistent mouse and touch events along with hold gesture
moonstone/Button,moonstone/Checkbox,moonstone/FormCheckbox,moonstone/IconButton,moonstone/IncrementSlider,moonstone/Item,moonstone/Picker, andmoonstone/RangePicker,moonstone/Switchandmoonstone/VideoPlayerto useui/Touchable
ui/Holdableandui/Pressablewhich were replaced byui/Touchable
core/util/childrenEquals, to be removed in 2.0.0moonstone/Marquee.Marquee, to be moved tomoonstone/Marquee.MarqueeBasein 2.0.0moonstone/Marquee.MarqueeText, to be moved tomoonstone/Marquee.Marqueein 2.0.0
moonstone/GridListImageItemto display correctly- Internal method used by many components that sometimes prevented re-renders when they were needed
core/factory, to be removed in 2.0.0moonstone/VirtualFlexList, to be replaced byui/VirtualFlexListin 2.0.0moonstone/VirtualGridList.GridListImageItem, to be replaced bymoonstone/GridListImageItemin 2.0.0moonstone/Buttonandmoonstone/IconButtonpropnoAnimation, to be removed in 2.0.0moonstone/Button.ButtonFactory,moonstone/Button.ButtonBaseFactory,moonstone/IconButton.IconButtonFactory,moonstone/IconButton.IconButtonBaseFactory,moonstone/IncrementSlider.IncrementSliderFactory,moonstone/IncrementSlider.IncrementSliderBaseFactory,moonstone/Slider.SliderFactory, andmoonstone/Slider.SliderBaseFactory, to be removed in 2.0.0moonstone/Item.ItemOverlay, to be replaced byui/SlotItemin 2.0.0moonstone/Item.Overlayandmoonstone/Item.OverlayDecorator, to be removed in 2.0.0ui/Holdableandui/Pressable, to be replaced byui/Touchablein 2.0.0
moonstone/DaySelectorcomponentmoonstone/EditableIntegerPickercomponentmoonstone/GridListImageItemcomponent
moonstone/DatePickerto calculate min and max year in the current calender
core/kindandcore/hocpublic documentation to be visiblemoonstone/TimePickerto not read out meridiem label when meridiem picker gets a focusmoonstone/Scrollerto correctly update scrollbars when the scroller's contents change- Several samples that would not rescale correctly when the viewport was resized
moonstone/Panelsto maintain spotlight focus whennoAnimationis setmoonstone/Panelsto not accept back key presses during transitionmoonstone/Panelsto revert 1.13.0 fix that blurred Spotlight when transitioning panelsmoonstone/Scrollerand other scrolling components to not show scroll thumb when only child item is updatedmoonstone/Scrollerand other scrolling components to not hide scroll thumb immediately after scroll position reaches the top or the bottommoonstone/Scrollerand other scrolling components to show scroll thumb properly when scroll position reaches the top or the bottom by paging controlsspotlightto guard against accessing unconfigured container configurationsui/ViewManagerto revert 1.13.0 fix for lifecycle timing when entering a view
moonstone/Sliderto not unnecessarily fireonChangeif the initial value has not changed
moonstone/VideoPlayerpropsdisabled,loading,miniFeedbackHideDelay, andthumbnailComponentas well as new APIs:areControlsVisible,getVideoNode,showFeedback, andtoggleControlsui/Transitionanimation timing functionsease-in,ease-out,ease-in-quart, andease-out-quartto provide prettier options for transitions that may be more suited to a specific visual style
moonstone/Expandableand derivatives to use the newease-out-quartanimation timing function to better match the aesthetic of Enyo's Expandablesmoonstone/LabeledItemto start marquee when hovering while disabledmoonstone/Marquee.MarqueeControllerto not abort marquee when moving among componentsmoonstone/Marqueeto correctly start when hovering on disabled spottable componentsmoonstone/Marqueeto restart animation on every resize updatemoonstone/MarqueeDecoratorto stop when unhovering a disabled component usingmarqueeOn'focus'moonstone/Panelsto prevent loss of spotlight issue when moving between panelsmoonstone/Pickermarquee issues with disabled buttons or Pickermoonstone/Sliderby removing unnecessary repaints to the screenmoonstone/Sliderto fireonChangeevents when the knob is pressed near the boundariesmoonstone/Sliderto not forwardonChangewhendisabledonmouseUp/clickmoonstone/TooltipDecoratorto correctly display tooltip direction when locale changesmoonstone/VideoPlayerto bring it in line with real-world use-casesmoonstone/VideoPlayerto correctly position knob when interacting with media slidermoonstone/VideoPlayerto defer rendering playback controls until neededmoonstone/VideoPlayerto not read out the focused button when the media controls hidemoonstone/VirtualListto handle focus properly via page up at the first page and via page down at the last pagemoonstone/VirtualListto render items from a correct index on edge cases at the top of a listui/ViewManagerto prevent interaction issue withmoonstone/Scroller
moonstone/VirtualListto scroll and focus properly by pageUp and pageDown when disabled items are in itmoonstone/Buttonto correctly specify minimum width when in large text modemoonstone/Scroller.Scrollableto restore last focused index when panel is changedmoonstone/VideoPlayerto display time correctly in RTL localemoonstone/VirtualListto scroll correctly using page down key with disabled itemsmoonstone/Scrollableto not cause a script error when scrollbar is not renderedmoonstone/Pickerincrementer and decrementer to not change size when focusedmoonstone/Panels.Headerto use a slightly smaller font size fortitlein non-latin locales and a line-height fortitleBelowandsubTitleBelowthat better meets the needs of tall-glyph languages like Tamil and Thai, as well as latin localesmoonstone/Scrollerandmoonstone/VirtualListto keep spotlight when pressing a 5-way control while scrollingmoonstone/Panelsto prevent user interaction with panel contents during transitionmoonstone/Sliderand related components to correctly position knob fordetachedKnobon mouse down and fire value where mouse was positioned on mouse upmoonstone/DayPickerto update day names when changing localemoonstone/ExpandableItemand all otherExpandablecomponents to revert 1.12.1 change to pull down from the topspotlightto handle non-5-way keys correctly to focus on next 5-way keysspotlight/Spottableto forwardonMouseEnterandonMouseLeaveui/Remeasurableto update on every trigger changeui/Transitionto revert 1.12.1 change to supportcliptransition-type directions and rendering optimizations
moonstone/ExpandableItemand all otherExpandablecomponents to now pull down from the top instead of being revealed from the bottom, matching Enyo's designmoonstone/VirtualListNativeto scroll properly with page up/down keys if there is a disabled itemmoonstone/RangePickerto display negative values correctly in RTLmoonstone/Scrollableto not blur scroll buttons when wheelingmoonstone/Scrollbarto hide scroll thumb immediately without delay after scroll position reaches min or maxmoonstone/Dividerto passmarqueeOnpropmoonstone/Sliderto fireonChangeon mouse up and key upmoonstone/VideoPlayerto show knob when pressedmoonstone/Panels.Headerto layouttitleBelowandsubTitleBelowcorrectlymoonstone/Panels.Headerto use correct font-weight forsubTitleBelowui/Transitionsupport for allcliptransition-type directions and made rendering optimizations
core/util.JobAPIsidle,idleUntil,startRafandstartRafAfter
moonstone/Inputto correctly hide VKB when dismissingmoonstone/Panelsto retain focus when back key is pressed on breadcrumbmoonstone/Popupfromlast-focusedtodefault-elementinSpotlightContainerDecoratorconfigmoonstone/Scrollableto prevent focusing outside the viewport when pressing a 5-way key during wheelingmoonstone/Scrollerto called scrollToBoundary once when focus is moved using holding child itemmoonstone/VideoPlayerto apply skin correctlyspotlightto focus enabled items that were hovered while disabledspotlightto not access non-existent container configurationsspotlight/Spottableto not block next enter key when focus is moved while pressing enter
moonstone/VideoPlayerpropertiesseekDisabledandonSeekFailedto disable seek function
moonstone/ExpandableListto becomedisabledif there are no childrenspotlightto handle key events to preserve pointer mode for specific keys
moonstone/Scrollerto apply scroll position on vertical or horizontal Scroller when child gets a focusmoonstone/Scroller.Scrollableto scroll without animation when panel is changedmoonstone/ContextualPopuppadding to not overlap close buttonmoonstone/Scroller.Scrollableandmoonstone/Scrollerto change focus via page up/down only when the scrollbar is visiblemoonstone/Pickerto only increment one value on holdmoonstone/ItemOverlayto remeasure when focusedspotlightto not require multiple 5-way key presses in order to change focus after the window regains focus
moonstone/Scrollableandmoonstone/Scrollerto scroll via page up/down when focus is inside a Spotlight containermoonstone/VirtualListandmoonstone/VirtualGridListto scroll by 5-way keys right after wheelingmoonstone/VirtualListnot to move focus when a current item and the last item are located at the same line and pressing a page down keymoonstone/Panels.Headerto layout header row correctly instandardtypemoonstone/Inputto not dismiss on-screen keyboard when dragging cursor out of input boxmoonstone/Panels.HeaderRTLline-heightissuemoonstone/Panelsto render children on idlemoonstone/Scroller.Scrollableto limit its muted spotlight container scrim to its boundsmoonstone/Inputto always forwardonKeyUpeventspotlight.Spotlightmethodfocus()to prevent focusing components within containers that are being removedui/Pressableto properly set pressed state to false on blur and release
moonstone/VideoPlayersupport for designating components with.spottable-defaultas the default focus target when pressing 5-way down from the slidermoonstone/SliderpropertyactivateOnFocuswhich when enabled, allows 5-way directional key interaction with theSlidervalue without pressing [Enter] firstmoonstone/VideoPlayerpropertynoMiniFeedbackto support controlling the visibility of mini feedback
moonstone/Popupto focus on mount if it’s initially opened and non-animating and to always pass an object toonHideandonShowmoonstone/VideoPlayerto emitonScrubevent and provide audio guidance when setting focus to slider
moonstone/ExpandableItemand derivatives to restore focus to the Item if the contents were last focused when closedmoonstone/Slidertoggling activated state when holding enter/select keymoonstone/TimePickerpicker icons shifting slightly when focusing an adjacent pickermoonstone/Iconso it handles color the same way generic text does, by inheriting from the parent's color. This applies to all instances ofIcon,IconButton, andIconinsideButton.moonstone/VideoPlayerto correctly position knob on mouse clickmoonstone/Panels.Headerto show an ellipsis for long titles with RTL textmoonstone/Marqueeto restart when invalidated by a prop change and managed by amoonstone/Marquee.MarqueeController
Moonstone Iconsfont file to include the latest designs for several iconsmoonstone/Panels/ApplicationCloseButtonto expose itsbackgroundOpacitypropsamplerIconandIconButtonsamples to include updated images assets
moonstone/Buttonandmoonstone/IconButtonto be properly visually muted when in a muted containermoonstone/Iconnot to read out image charactersmoonstone/Iconto correctly display focused state when using external imagemoonstone/Pickerto increment and decrement normally at the edges of joined pickermoonstone/Scrollablenot to accumulate paging scroll by pressing page up/down in scrollbarmoonstone/VirtualListto apply "position: absolute" inline style to itemsui/Transitionto recalculate height when a resize occurs
moonstone/ExpandableListpreventing updates when its children had changed
moonstone/ExpandableListrun-time error when using an array of objects as childrenmoonstone/VideoPlayerblocking pointer events when the controls were hidden
moonstone/styles/mixins.lessmixins:.moon-spotlight-margin()and.moon-spotlight-padding()moonstone/ButtonpropertynoAnimationto support non-animating pressed visualsamplerlocale Vietnamese to the locale list knobui/styles/mixins.lessmixins:.remove-margin-on-edge-children()and.remove-padding-on-edge-children()to better handle edge margins on container components
i18nto classify Vietnamese as a non-latin languagemoonstone/TimePickerto use "AM/PM" instead of "meridiem" for label under meridiem pickermoonstone/IconButtondefault style to not animate on press. NOTE: This behavior will change back to its previous setting in release 2.0.0.moonstone/Popupto warn when usingscrimType'none'andspotlightRestrict'self-only'moonstone/Scrollerto block spotlight during scrollmoonstone/ExpandableItemand derivatives to always pause spotlight before animationspotlightto block handling repeated key down events that were interrupted by a pointer eventui/Holdableto cancel key hold events when the pointer movesui/Holdableandui/Changeableback to Components and moved performance improvements elsewhere
moonstone/Inputheight for non-latin localesmoonstone/VirtualGridListto not move focus to wrong column when scrolled from the bottom by holding the "up" keymoonstone/VirtualListto focus an item properly when moving to a next or previous pagemoonstone/Scrollableto move focus toward first or last child when page up or down key is pressed if the number of children is smallmoonstone/VirtualListto scroll to preserved index when it exists within dataSize for preserving focusmoonstone/Pickerbuttons to not change sizemoonstone/Panelto move key navigation to application close button on holding the "up" key.moonstone/Pickerto show numbers when changing values rapidlymoonstone/Popuplayout in large text mode to show close button correctlymoonstone/Pickerfrom moving scroller when pressing 5-way keys injoinedPickermoonstone/Inputso it displays all locales the same way, without cutting off the edges of charactersmoonstone/TooltipDecoratorto hide tooltip when 5-way keys are pressed for disabled componentsmoonstone/Pickerto not tremble in width when changing values while using a numeric width prop valuemoonstone/Pickerto not overlap values when changing values inverticalmoonstone/ContextualPopuppointer mode focus behavior forspotlightRestrict='self-only'moonstone/VideoPlayerto prevent interacting with more components in pointer mode when hiddenmoonstone/Scrollerto not repaint its entire contents whenever partial content is updatedmoonstone/Sliderknob positioning after its container is resizedmoonstone/VideoPlayerto maintain focus when media controls are hiddenmoonstone/Scrollerto scroll expandable components into view when opening when pointer has moved elsewherespotlightto not try to focus something when the window is activated unless the window has been previously blurredspotlightto prevent containers that have been unmounted from being considered potential targetsui/FloatingLayerto not asynchronously attach a click handler when the floating layer is removedui/ViewManagerto correctly position items when changing mid-transition
moonstone/DialogpropertyshowDivider, will be replaced bynoDividerproperty in 2.0.0
moonstone/Popupcallback propertyonShowwhich fires after popup appears for both animating and non-animating popups
i18npackage to use latest iLibmoonstone/Popupcallback propertyonHideto run on both animating and non-animating popupsmoonstone/VideoPlayerstateplaybackRateto media eventsmoonstone/VideoPlayersupport forspotlightDisabledmoonstone/VideoPlayerthumbnail positioning and stylemoonstone/VirtualListto render when dataSize increased or decreasedmoonstone/Dialogstylemoonstone/Popup,moonstone/Dialog, andmoonstone/Notificationto supportnodetype for childrenmoonstone/Scrollerto forwardonKeyDowneventsui/Holdableandui/Changeableto be PureComponents to reduce the number of updates
moonstone/Scrollableto enable focus when wheel scroll is stoppedmoonstone/VirtualListto show scroll thumb when a preserved item is focused in a Panelmoonstone/Scrollerto navigate properly with 5-way when expandable child is openedmoonstone/VirtualListto stop scrolling when focus is moved on an item from paging controls or outsidemoonstone/VirtualListto move out with 5-way navigation when the first or last item is disabledmoonstone/IconButtonTooltip position when disabledmoonstone/VideoPlayerTooltip time after unhoveringmoonstone/VirtualListto not show invisible itemsmoonstone/IconButtonTooltip position when disabledmoonstone/VideoPlayerto display feedback tooltip correctly when navigating in 5-waymoonstone/MarqueeDecoratorto work with synchronizedmarqueeOn'render'and hovering as well asmarqueOn'hover'when moving rapidly among synchronized marqueesmoonstone/Inputaria-label for translationmoonstone/Marqueeto recalculate insidemoonstone/Scrollerandmoonstone/SelectableItemby bypassingshouldComponentUpdatespotlight/Spottableto clean up internal spotted state when blurred withinonSpotlightDisappearhandler
moonstone/TextSizeDecoratorand it will be replaced bymoonstone/AccessibilityDecoratormoonstone/MarqueeDecoratorpropertymarqueeCenteredandmoonstone/Marqueepropertycenteredwill be replaced byalignmentproperty in 2.0.0
moonstone/TooltipDecoratorconfig property to direct tooltip into a property instead of adding tochildrenmoonstone/VideoPlayerpropthumbnailUnavailableto fade thumbnailmoonstone/AccessibilityDecoratorwithhighContrastandtextSizemoonstone/VideoPlayerhigh contrast scrimmoonstone/MarqueeDecoratorandmoonstone/Marqueepropertyalignmentto allow setting alignment of marquee contentspotlight/SpotlightContainerDecoratorconfig optioncontinue5WayHoldto support moving focus to the next spottable element on 5-way hold key.spotlight/SpotlightContainerDecoratorconfig optioncontinue5WayHoldto support moving focus to the next spottable element on 5-way hold keyspotlight/Spottableability to restore focus when an initially disabled component becomes enabled
moonstone/Scrollbarto disable paging control down button properly at the bottom when a scroller size is a non-integer valuemoonstone/VirtualList,moonstone/VirtualGridList, andmoonstone/Scrollerto scroll onkeydownevent instead ofkeyupevent of page up and page down keysmoonstone/VirtualGridListto scroll by item via 5 way keymoonstone/VideoPlayerto read target time when jump by left/right keymoonstone/IconButtonto not useMarqueeDecoratorandUppercase
moonstone/VirtualListandmoonstone/VirtualGridListto focus the correct item when page up and page down keys are pressedmoonstone/VirtualListnot to lose focus when moving out from the first item via 5way when it has disabled itemsmoonstone/VirtualListto not lose focus when moving out from the first item via 5way when it has disabled itemsmoonstone/Sliderto align tooltip with detached knobmoonstone/FormCheckboxto display correct colors in light skinmoonstone/Pickerandmoonstone/RangePickerto forwardonKeyDownevents when notjoinedmoonstone/SelectableItemto display correct icon width and alignmentmoonstone/LabeledItemto always match alignment with the localemoonstone/Scrollerto properly 5-way navigate from scroll buttonsmoonstone/ExpandableListto display correct font weight and size for list itemsmoonstone/Dividerto not italicize in non-italic localesmoonstone/VideoPlayerslider knob to follow progress after being selected when seekingmoonstone/LabeledItemto correctly position its icon. This affects all of theExpandables,moonstone/DatePickerandmoonstone/TimePicker.moonstone/Panels.Headerandmoonstone/Itemto prevent them from allowing their contents to overflow unexpectedlymoonstone/Marqueeto recalculate when vertical scrollbar appearsmoonstone/SelectableItemto recalculate marquee when toggledspotlightto correctly restore focus to a spotlight container in another containerspotlightto not try to focus something when the window is activated if focus is already set
moonstone/Inputlarge-text mode
moonstone/Iconandmoonstone/IconButtonto no longer fit image source to the icon's boundary
-
moonstone/VideoPlayerability to seek when holding down the right and left keys. Sensitivity can be adjusted using throttling optionsjumpDelayandinitialJumpDelay. -
moonstone/VideoPlayerpropertyno5WayJumpto disable jumping done by 5-way -
moonstone/VideoPlayersupport for the "More" button to use tooltips -
moonstone/VideoPlayerpropertiesmoreButtonLabelandmoreButtonCloseLabelto allow customization of the "More" button's tooltip and Aria labels -
moonstone/VideoPlayerpropertymoreButtonDisabledto disable the "More" button -
moonstone/Pickerandmoonstone/RangePickerproparia-valuetextto support reading custom text instead of value -
moonstone/VideoPlayermethodsshowControlsandhideControlsto allow external interaction with the player -
moonstone/Scrollersupport for Page Up/Page Down keys in pointer mode when no item has focus
moonstone/VideoPlayerto handle play, pause, stop, fast forward and rewind on remote controllermoonstone/Marqueeto also start when hovered ifmarqueeOnRenderis setspotlightcontainers using arestrictvalue of'self-only'will ignoreleaveFordirectives when attempting to leave the container via 5-way
moonstone/IconButtonto fit image source withinIconButtonmoonstoneicon font sizes for wide iconsmoonstone/ContextualPopupDecoratorto prefer setting focus to the appropriate popup instead of other underlying controls when using 5-way from the activating controlmoonstone/Scrollernot scrolled via 5 way whenmoonstone/ExpandableListis openedmoonstone/VirtualListno not let the focus move outside of container even if there are children left when navigating with 5waymoonstone/Scrollableto update disability of paging controls when the scrollbar is set tovisibleand the content becomes shortermoonstone/VideoPlayerto focus on hover over play/pause button when video is loadingmoonstone/VideoPlayerto update and display proper time while moving knob when video is pausedmoonstone/VideoPlayerlong title overlap issuesmoonstone/Panels.Headerto applymarqueeOnprop tosubTitleBelowandtitleBelowmoonstone/Pickerwheeling inmoonstone/Scrollermoonstone/IncrementSliderandmoonstone/Pickerto read value changes when selecting buttonsspotlightto not blur and re-focus an element that is already focusedui/PlaceholderDecoratorto update bounds ofScrollerwhen thevisiblestate changed
moonstone/Sliderandmoonstone/IncrementSliderproparia-valuetextto support reading custom text instead of valuemoonstone/TooltipDecoratorpropertytooltipPropsto attach props to tooltip componentmoonstone/Scrollerandmoonstone/VirtualListability to scroll via page up and page down keysmoonstone/VideoPlayertooltip-thumbnail support with thethumbnailSrcprop and theonScrubcallback to fire when the knob moves and a new thumbnail is neededmoonstone/VirtualListability to navigate via 5way when there are disabled itemsmoonstone/ContextualPopupDecoratorpropertypopupContainerIdto support configuration of the popup's spotlight containermoonstone/ContextualPopupDecoratorpropertyonOpento notify containers when the popup has been openedmoonstone/ContextualPopupDecoratorconfig optionopenPropto support mapping the value ofopenproperty to the chosen property of wrapped component
moonstone/ExpandableListto use 'radio' as the default, and adapt 'single' mode to render as amoonstone/RadioIteminstead of amoonstone/CheckboxItemmoonstone/VideoPlayerto not hide pause icon when it appearsmoonstone/ContextualPopupDecoratorto set accessibility-related props onto the container node rather than the popup nodemoonstone/ExpandableItem,moonstone/ExpandableList,moonstone/ExpandablePicker,moonstone/DatePicker, andmoonstone/TimePickerto pause spotlight when animating in 5-way modemoonstone/Spinnerto position the text content under the spinner, rather than to the right sidemoonstone/VideoPlayerto include hour when announcing the time while scrubbingspotlight5-way target selection to ignore empty containersspotlightcontainers to support an array of selectors fordefaultElement
moonstone/Inputellipsis to show if placeholder is changed dynamically and is too longmoonstone/Marqueeto re-evaluate RTL orientation when its content changesmoonstone/VirtualListto restore focus on short listsmoonstone/ExpandableInputto expand the width of its containedmoonstone/Inputmoonstone/Inputsupport fordismissOnEntermoonstone/Inputfocus management to prevent stealing focus when programmatically moved elsewheremoonstone/Input5-way spot behaviormoonstoneinternational fonts to always be used, even when unsupported font-weights or font-styles are requestedmoonstone/Panels.Panelsupport for selecting components with.spottable-defaultas the default focus targetmoonstone/Panelslayout in RTL localesmoonstonespottable components to supportonSpotlightDown,onSpotlightLeft,onSpotlightRight, andonSpotlightUpevent propertymoonstone/VirtualListlosing spotlight when the list is emptymoonstone/FormCheckboxin focused state to have the correct "check" colormoonstone/Scrollablebug innavigableFilterwhen passed a container idui/Cancelablewarning for string type cancel handlerwebos/pmloglibisomorphic compatibility with logging in non-browser environments
moonstone/Popupto only callonKeyDownwhen there is a focused item in thePopupmoonstone/Scroller,moonstone/Picker, andmoonstone/IncrementSliderto automatically move focus when the currently focusedmoonstone/IconButtonbecomes disabledspotlight/Spottableto remove focus from a component when it becomes disabled and move it to another component if not explicitly moved during theonSpotlightDisappearevent callback
moonstone/ContextualPopupDecoratorclose button to account for large text sizemoonstone/ContextualPopupDecoratorto not spot controls other than its activator when navigating out via 5-waymoonstone/Panels.Headerto set the value ofmarqueeOnfor all types of headers
moonstone/InputpropnoDecoratoris being replaced byautoFocusin 2.0.0
moonstone/styles/text.lessmixin.locale-japanese-line-break()to apply the correct Japanese language line-break rules for the following multi-line components:moonstone/BodyText,moonstone/Dialog,moonstone/Notification,moonstone/Popup, andmoonstone/Tooltipmoonstone/ContextualPopupDecoratorpropertypopupPropsto attach props to popup componentmoonstone/VideoPlayerpropertypauseAtEndto control forward/backward seekingspotlighthandlers for window focus eventsmoonstone/Panels/HeaderpropmarqueeOnto control marquee of header
moonstone/Panels/Headerto expose itsmarqueeOnpropmoonstone/VideoPlayerto automatically adjust the width of the allocated space for the side components so the media controls have more space to appear on smaller screensmoonstone/VideoPlayerpropertiesautoCloseTimeoutandtitleHideDelaydefault value to5000moonstone/VirtualListto support restoring focus to the last focused itemmoonstone/Scrollableto callonScrollStopbefore unmounting if a scroll is in progressmoonstone/Scrollerto reveal non-spottable content when navigating out of a scroller
moonstone/Dialogto properly focus via pointer on child componentsmoonstone/VirtualList,moonstone/VirtualGridList, andmoonstone/Scrollernot to be slower when scrolled to the first or the last position by wheelingmoonstonecomponent hold delay timemoonstone/VideoPlayerto show its controls when pressing down the first timemoonstone/PanelautoFocus logic to only focus on initial rendermoonstone/Inputtext colorsmoonstone/ExpandableInputto focus its decorator when leaving by 5-way left/rightspotlightnavigation through spottable components while holding down a directional keyspotlightsupport for preventing 5-way navigation out of a container using an empty selectorspotlightcontainer support for default elements within subcontainers
moonstone/Pickersupport for large textmoonstone/Scrollersupport for focusing paging controls with the pointermoonstoneCSS rules for unskinned spottable componentsspotlightincorrectly focusing components within spotlight containers withdata-container-disabledset tofalsespotlightfailing to focus the default element configured for a container
moonstone/Scrollerpropshorizontalandvertical. Deprecated props are replaced withdirectionprop.horizontalandverticalwill be removed in 2.0.0.moonstone/PanelpropnoAutoFocusin favor ofautoFocus="none"
core/platformto support platform detection across multiple browsersmoonstone/Imagesupport forchildrenprop inside imagesmoonstone/Scrollerpropdirectionwhich replaceshorizontalandverticalpropsmoonstone/VideoPlayerpropertytooltipHideDelayto hide tooltip with a given amount of timemoonstone/VideoPlayermethodsfastForward,getMediaState,jump,pause,play,rewind, andseekto allow external interaction with the player. See docs for example usage.spotlight/styles/mixins.lessmixins which allow state-selector-rules (muted, spottable, focus, disabled) to be applied to the parent instead of the component's self. This provides much more flexibility without extra mixins to memorize.ui/ViewManagerpropchildPropsto pass static props to each child
moonstone/Skinnableto support context and allow it to be added to any component to be individually skinned. This includes a further optimization in skinning which consolidates all color assignments into a single block, so non-color rules aren't unnecessarily duplicated.moonstone/Skinnablelight and dark skin names ("moonstone-light" and "moonstone") to "light" and "dark", respectivelymoonstone/VideoPlayerto set play/pause icon to display "play" when rewinding or fast forwardingmoonstone/VideoPlayerto rewind or fast forward when previous command is slow-forward or slow-rewind respectivelymoonstone/VideoPlayerto fast forward when previous command is slow-forward and it reaches the last of its play ratemoonstone/VideoPlayerto not play video on reload whennoAutoPlayistruemoonstone/VideoPlayerpropertyfeedbackHideDelay's default value to3000moonstone/Notificationto break line in characters in ja and zh localemoonstone/Notificationto align texts left in LTR locale and right in RTL localemoonstone/VideoPlayerto simulate rewind functionality on non-webOS platforms onlyspotlightsubmodules to significantly improve testability
moonstone/ExpandableItemto correct thetitleIconwhen usingopenanddisabledmoonstone/GridListImageItemto center its selection icon on the image instead of the itemmoonstone/Inputto have correctTooltipposition inRTLmoonstone/SwitchItemto not unintentionally overflowScrollercontainers, causing them to jump to the side when focusingmoonstone/VideoPlayerto fast forward properly when video is at paused statemoonstone/VideoPlayerto correctly change sourcesmoonstone/VideoPlayerto show or hide feedback tooltip properlymoonstone/DateTimeDecoratorto work properly withRadioControllerDecoratormoonstone/Pickerin joined, large text mode so the arrows are properly aligned and sizedmoonstone/Iconto reflect the same proportion in relation to its size in large-text modespotlightsubmodules to significantly improve testabilityui/ViewManagerto have a view count of 0 specifically fornoAnimationcases. This helps things likespotlightrestorefocusproperly.ui/Cancelableto run modal handlers onwindowobject and correctly store handlers in LIFO order
- Localization support to various
moonstonecomponents
moonstone/MoonstoneDecoratorfontGeneratorinvalidly usingconsole
moonstone/Scroller.ScrollableoptionindexToFocusinscrollTomethod to be removed in 2.0.0spotlight/SpotlightRootDecorator.spotlightRootContainerNameto be removed in 2.0.0
core/handle.oneOfto support branching event handlersmoonstone/Sliderandmoonstone/IncrementSliderpropnoFillto support a style without the fillmoonstone/Marqueepropertyrtlto set directionality to right-to-leftmoonstone/VirtualList.GridListImageItempropertyselectionOverlayto add custom component for selection overlaymoonstone/MoonstoneDecoratorpropertyskinto let an app choose its skin: "moonstone" and "moonstone-light" are now availablemoonstone/FormCheckboxItemmoonstone/FormCheckbox, a standalone checkbox, to supportmoonstone/FormCheckboxItemmoonstone/InputpropsinvalidandinvalidMessageto display a tooltip when input value is invalidmoonstone/Scroller.ScrollableoptionfocusinscrollTo()methodmoonstone/Scroller.ScrollablepropertyspottableScrollbarmoonstone/Icon.IconListicons:arrowshrinkleftandarrowshrinkrightspotlight/styles/mixins.lesswhich includes several mixins (.focus,.disabled,.muted, and.mutedFocus) to make it a little easier to target specific spotlight statesui/transitioncallback proponShowthat fires when transitioning into view completes
moonstone/Pickerarrow icon forjoinedpicker: small when not spotted, hidden when it reaches the end of the pickermoonstone/Checkboxandmoonstone/CheckboxItemto reflect the latest designmoonstone/MoonstoneDecorator/fontGeneratorwas refactored to use the browser's FontFace API to dynamically load locale fontsmoonstone/VideoPlayerspace allotment on both sides of the playback controls to support 4 buttons; consequently the "more" controls area has shrunk by the same amountmoonstone/VideoPlayerto not disable media button (play/pause)moonstone/Scroller.Scrollableso that paging controls are not spottable by default with 5-waymoonstone/VideoPlayer's more/less button to use updated arrow iconspotlight/SpotlightContainerDecoratorconfig property,enterTo, default value to benullrather than'last-focused'spotlightcontainer handling to address known issues and improve testabilityui/Viewto prevent re-renders on views leaving theViewManager
moonstone/MarqueeDecoratorto properly stop marquee on items with'marqueeOnHover'moonstone/ExpandableListto work properly with object-based childrenmoonstone/styles/fonts.lessto restore the Moonstone Icon font to request the local system font by default. Remember to update your webOS build to get the latest version of the font so you don't see empty boxes for your icons.moonstone/Pickerandmoonstone/RangePickerto now use the correct size from Enyo (60px v.s. 84px) for icon buttonsmoonstone/Scrollableto apply ri.scale properlymoonstone/Panelto not cover aPanels'sApplicationCloseButtonwhen not using aHeadermoonstone/IncrementSliderto show tooltip when buttons focused
Note: We have updated Enact to support React 15.5. This version of React has deprecated accessing PropTypes from the
reactimport. Existing apps should update to import from theprop-typesmodule.enact-devhas also been updated to the new release.
moonstone/ExpandableInputpropertyonInputChange
core/utildocumentationi18n/Uppercasepropcasingto control how the component should be uppercasedi18n/utilmethodstoCapitalizedandtoWordCaseto locale-aware uppercase stringsmoonstone/Panels.Panelprop andmoonstone/MoonstoneDecoratorconfig option:noAutoFocusto support prevention of setting automatic focus after rendermoonstone/VideoPlayerprops:backwardIcon,forwardIcon,jumpBackwardIcon,jumpForwardIcon,pauseIcon, andplayIconto support icon customization of the playermoonstone/VideoPlayerpropsjumpButtonsDisabledandrateButtonsDisabledfor disabling the pairs of buttons when it's inappropriate for the playing mediamoonstone/VideoPlayerpropertyplaybackRateHashto support custom playback ratesmoonstone/VideoPlayercallback proponControlsAvailablewhich fires when the players controls show or hidemoonstone/Imagesupport foronLoadandonErroreventsmoonstone/VirtualList.GridListImageItempropplaceholdermoonstone/DividerpropertypreserveCaseto display text without capitalizing itspotlight/SpotlightRootDecoratorconfig option:noAutoFocusto support prevention of setting automatic focus after renderspotlight/SpotlightmethodgetSpottableDescendants()
moonstone/Slidercolors and sizing to match the latest designsmoonstone/ProgressBarto position correctly with other components nearbymoonstone/Panelsbreadcrumb to no longer have a horizontal line above itmoonstone/Transitionto measure itself when the CPU is idle- style for disabled opacity from 0.4 to 0.3
moonstone/Buttoncolors for transparent and translucent background opacity when disabledmoonstone/ExpandableInputpropertyonInputChangeto fire along withonChange.onInputChangeis deprecated and will be removed in a future update.Moonstone.ttffont to include new iconsmoonstone/Iconto reference additional iconsspotlight/SpotlightContainerDecoratorto have no default forspotlightRestrictui/Slottableto support slot-candidate tags that have multiple props, which are now forwarded directly instead of just their children
core/util.childrenEqualsto work with mixed components and textmoonstone/Popupandmoonstone/ContextualPopupDecorator5-way navigation behaviormoonstone/Inputto not spot its own input decorator on 5-way outmoonstone/VideoPlayerto no longer render itschildrenin multiple placesmoonstone/Buttontext color when used on a neutral (light) background in some casesmoonstone/Popupbackground opacitymoonstone/Marqueeto recalculate properly when its contents changemoonstone/TimePickerto display time in correct ordermoonstone/Scrollerto prefer spotlight navigation to its internal componentsspotlight/Spotlightto consider nested containers when adjusting focusui/Cancelableto run modal handlers in the right order
NOTE: This version includes a breaking change to the way modules are organized. This change was necessary to prevent further API breakage following the 1.0.0 release and to facilitate changes we want to make in the future. We understand that this will require some work on the part of developers to update their code. Below you will find details about the changes:
core/jobs->core/util/Jobcore/Accelerator->spotlight/Acceleratori18n.$L->i18n/$Li18n.toIString->i18n/$L.toIStringspotlight.Spottable->spotlight/Spottablespotlight.spottableClass->spotlight/Spottable.spottableClassspotlight.SpotlightContainerDecorator->spotlight/SpotlightContainerDecoratorspotlight.spotlightDefaultClass->spotlight/SpotlightContainerDecorator.spotlightDefaultClassspotlight.SpotlightRootDecorator->spotlight/SpotlightRootDecorator
core/selectioncore/fetchui/validators
core.hoc- Usecore/hoccore.kind- Usecore/kindWe have also modified most form components to be usable in a controlled (app manages component state) or uncontrolled (Enact manages component state) manner. To put a component into a controlled state, pass in
value(or other appropriate state property such asselectedoropen) at component creation and then respond to events and update the value as needed. To put a component into an uncontrolled state, do not setvalue(or equivalent), at creation. From this point on, Enact will manage the state and events will be sent when the state is updated. To specify an initial value, use thedefaultValue(or,defaultSelected,defaultOpen, etc.) property. See the documentation for individual components for more information.Additionally, we no longer export a
versionwith the root import. If you need a version number, import frompackage.jsoninstead.
moonstone/Buttonpropertyiconto support a built-in icon next to the text content. The Icon supports everything thatmoonstone/Iconsupports, as well as a custom icon.moonstone/MoonstoneDecoratorpropertytextSizeto resize several components to requested CMR sizes. Simply addtextSize="large"to yourAppand the new sizes will automatically take effect.ui/Placeholdermodule withPlaceholderControllerDecoratorandPlaceholderDecoratorHOCs which facilitate rendering placeholder components until the wrapped component would scroll into the viewport
i18niLib dependency to 20151019-build-12.0-002-04moonstone/Sliderto use the propertytooltipinstead ofnoTooltip, so the built-in tooltip is not enabled by defaultmoonstone/IncrementSliderto include tooltip documentationmoonstone/ExpandableListto accept an array of objects as children which are spread onto the generated componentsmoonstone/CheckboxItemstyle to match the latest designs, with support for themoonstone/Checkboxto be on either the left or the right side by using theiconPositionpropertymoonstone/VideoPlayerto supply every event callback-method with an object representing the VideoPlayer's current state, including:currentTime,duration,paused,proportionLoaded, andproportionPlayedui/Repeaterto accept an array of objects as children which are spread onto the generated components
moonstone/Panels.Panelbehavior for remembering focus on unmount and setting focus after rendermoonstone/VirtualList.VirtualGridListshowing empty items when items are continuously added dynamicallymoonstone/Pickerto marquee on focus once againspotlight/Spotlightset()to properly update the container configspotlight/Spotlightto properly save the last-focused element for nested containers
core/kindsupport forcontextTypescore/utilsfunctionextractAriaProps()for redirecting ARIA props when the root node of a component isn't focusablemoonstone/VirtualListindexToFocusoption toscrollTomethod to focus on item with specified indexmoonstone/IconButtonandmoonstone/Buttoncolorproperty to add a remote control key color to the buttonmoonstone/Scrollbarpropertydisabledto disable both paging controls when it is truemoonstone/VirtualListparametermoreInfoto passfirstVisibleIndexandlastVisibleIndexwhen scroll events are firing- Accessibility support to UI components
moonstone/VideoPlayerpropertyonUMSMediaInfoto support the custom webOS “umsmediainfo” eventmoonstone/Regioncomponent which encourages wrapping components for improved accessibility rather than only preceding the components with amoonstone/Dividermoonstone/Slidertooltip. It's enabled by default and comes with options likenoTooltip,tooltipAsPercent, andtooltipSide. See the component docs for more details.moonstone/SpinnerpropertiesblockClickOnandscrimto block click events behind spinnerui/A11yDecoratorto facilitate adding pre/post hints to componentsui/AnnounceDecoratorto facilitate announcing actions for accessibilitywebos/pmlogliblogging methodperfLogwhich callsPmLogInfoWithClock
core/handleto allow binding to components. This also introduces a breaking change in the return value of handle methods.moonstone/VirtualGridImageItemstyles to reduce redundant style code app sidemoonstone/VirtualListandmoonstone/VirtualGridListto add essential CSS for list items automaticallymoonstone/VirtualListandmoonstone/VirtualGridListto not adddata-indexto their item DOM elements directly, but to passdata-indexas the parameter of theircomponentprop like thekeyparameter of theircomponentpropmoonstone/ExpandableItemand derivatives to defer focusing the contents until animation completesmoonstone/LabeledItem,moonstone/ExpandableItem,moonstone/ExpandableListto each support thenodetype in theirlabelproperty. Best used withui/Slottable.spotlight.Spottableto prevent emulating mouse events for repeated key events
moonstone/VirtualList.GridListImageItemto have proper padding size according to the existence of caption/subcaptionmoonstone/Scrollableto display scrollbars with proper sizemoonstone/VirtualGridListto not be truncatedwebos/LS2Requestto return failure in isomorphic mode
NOTE - The change to support caching of iLib locales requires an update to the
enact-devtool. This change is not backwards compatible with 1.0.0-beta.2. Be sure to update both at the same time and reinstall/re-bootstrap the modules.
ui/ResizableHigher-order Component to facilitate notification of resized componentscore/handlefunctionforEventPropto test properties on an event- localStorage caching support for ilib resource files
- Support for 5-way operation of
moonstone/Sliderandmoonstone/VideoPlayer.MediaSlider moonstone/Slidernow supportschildrenwhich are added to theSlider's knob, and follow it as it movesmoonstone/ExpandableInputpropertiesiconAfterandiconBeforeto display icons after and before the input, respectivelymoonstone/DialogpropertypreserveCase, which affectstitletext
moonstone/Marqueeto allow disabled marquees to animatemoonstone/Dialogto marqueetitleandtitleBelowmoonstone/Marquee.MarqueeControllerconfig optionstartOnFocustomarqueeOnFocus.startOnFocusis deprecated and will be removed in a future update.moonstone/Button,moonstone/IconButton,moonstone/Itemto not forwardonClickwhendisabled
moonstone/Scrollerto recalculate when an expandable child opensmoonstone/Popupandmoonstone/ContextualPopupDecoratorso that when the popup is closed, spotlight focus returns to the control that had focus prior to the popup openingmoonstone/Inputto not get focus when disabledspotlight.Spotlightbehavior to follow container config rules when navigating between containersspotlight.Spotlightbehavior to not set focus on spottable components animating past the pointer when not in pointer-modespotlight.Spotlight5-way behavior where selecting a spottable component may require multiple attempts before performing actionsspotlight.Spotlightto not unfocus elements on scrollspotlightDisabledproperty support for spottable moonstone components
- Support for a new
handlersblock for components created withcore/kindto allow cached event handlers core/handlehandlerforKeycore/keymapmodule to abstract keyboard key codes behind common names (e.g. 'up' and 'down')moonstone/Panels.PanelpropertyshowChildrento support deferring rendering the panel body until animation completesmoonstone/MarqueeDecoratorpropertyinvalidatePropsthat specifies which props cause the marquee distance to be invalidated- developer-mode warnings to several components to warn when values are out-of-range
moonstone/Dividerpropertyspacingwhich adjusts the amount of empty space above and below theDivider.'normal','small','medium','large', and'none'are available.moonstone/Pickerwhenjoinedthe ability to be incremented and decremented by arrow keysonSpotlightDisappearevent property support for spottable moonstone componentsspotlight.SpotlightContainerDecoratorsupport forspotlightDisabledpropspotlight.Spottablesupport foronSpotlightDown,onSpotlightLeft,onSpotlightRight, andonSpotlightUppropertiesspotlight.SpotlightmethodgetDirectionto replacespotlightDirectionsui/ViewManagerpropertiesenteringDelayandenteringPropto aid deferred rendering of viewsui/resolutionfunctionscaleToRemfor those times when you have a size in pixels that you want to convert directly toremto support automatic dynamic resizing
moonstone/Panels.Panelsand variations to defer rendering the children of containedPanelinstances until animation completesmoonstone/ProgressBarpropertiesprogressandbackgroundProgressto accept a number between 0 and 1moonstone/Sliderandmoonstone/IncrementSliderpropertybackgroundPercenttobackgroundProgresswhich now accepts a number between 0 and 1moonstone/Sliderto not ignorevalueprop when it is the same as the previous valuemoonstone/Pickercomponent's buttons to reverse their operation such that 'up' selects the previous item and 'down' the nextmoonstone/Pickerand derivatives may now use numeric width, which represents the amount of characters to use for sizing.width={4}represents four characters,2for two characters, etc.widthstill accepts the size-name strings.moonstone/Dividerto now behave as a simple horizontal line when no text content is providedmoonstone/Scrollableto not display scrollbar controls by defaultmoonstone/DatePickerandmoonstone/TimePickerto emitonChangeevent whenever the value is changed, not just when the component is closed
core/handle.withArgshelper function which is no longer needed with the addition of thehandlerssupport inkind()moonstone/ProgressBarpropertiesminandmaxspotlightspotlightDirections
moonstone/IncrementSliderso that the knob is spottable via pointer, and 5-way navigation between the knob and the increment/decrement buttons is functionalmoonstone/Sliderandmoonstone/IncrementSliderto not fireonChangefor value changes from props
core/factorywhich provides the means to support design-time customization of componentsMoonstone/VideoPlayerandmoonstone/TooltipDecoratorcomponentsmoonstone/Panels.PanelspropertyonBackto supportui/Cancelablemoonstone/VirtualFlexListWork-In-Progress component (with sample) to support variably sized rows or columnsmoonstone/ExpandableItempropertiesautoCloseandlockBottommoonstone/ExpandableListpropertiesnoAutoCloseandnoLockBottommoonstone/ContextualPopuppropertynoAutoDismissmoonstone/DialogpropertyscrimTypemoonstone/PopuppropertyspotlightRestrictspotlight.SpotlightmethodsisPaused(),isSpottable(),getCurrent(), andisMuted()spotlight.SpotlightContainerDecoratorpropertyspotlightMutedspotlight.spotlightDirectionsexportui/RadioDecoratorandui/RadioControllerDecoratorto support radio group-style management of componentsui/HoldableHigher-order Componentui/ViewManagereventsonAppear,onEnter,onLeave,onStay,onTransition, andonWillTransitionui/FloatingLayerscrimTypeprop valuenoneui/Pressableconfig optiononMouseLeave
moonstone/Panels.Routableto require anavigateconfiguration property indicating the event callback for back or cancel actionsmoonstone/MarqueeControllerfocus/blur handling to start and stop synchronizedmoonstone/Marqueecomponentsmoonstone/ExpandableListpropertyautoClosetocloseOnSelectto disambiguate it from the addedautoCloseon 5-way upmoonstone/ContextualPopupDecorator.ContextualPopupDecoratorcomponent'sonCloseButtonClickproperty toonClosemoonstone/Spinnercomponent'scenterandmiddleproperties to a singlecenteredproperty that applies both horizontal and vertical centeringmoonstone/Popup.PopupBasecomponent'sonCloseButtonClickedproperty toonCloseButtonClickmoonstone/Item.ItemOverlaycomponent'sautoHideproperty to remove the'no'option. The same effect can be achieved by omitting the property or passingnull.moonstone/VirtualGridListto be scrolled by page when navigating with a 5-way direction keymoonstone/Scroller,moonstone/VirtualList,moonstone/VirtualGridList, andmoonstone/Scrollableto no longer respond to mouse down/move/up events- all Expandables to include a state arrow UI element
moonstone/LabeledItemto support atitleIconproperty which positions just after the title textmoonstone/Buttonto includemoonstone/TooltipDecoratormoonstone/Expandableto support being managed, radio group-style, by a component wrapped withRadioControllerDecoratorfromui/RadioDecoratormoonstone/Pickerto animatemoonstone/Marqueechildren when any part of themoonstone/Pickeris focusedmoonstone/VirtualListto mute its container instead of disabling it during scroll eventsmoonstone/VirtualList,moonstone/VirtualGridList, andmoonstone/Scrollerto continue scrolling when holding down the paging controlsmoonstone/VirtualListto require acomponentprop and not have a default valuemoonstone/Pickerto continuously change when a button is held down by addingui/Holdable.ui/FloatingLayerpropertyautoDismissto handle both ESC key and click events
ui/Transitionpropfitin favor of usingclassName
i18n/I18nDecoratorissue causing multiple requests for ilibmanifest.moonstone/Popupandmoonstone/ContextualPopup5-way navigation behavior using spotlight.- Bug where a synchronized marquee whose content fit the available space would prevent restarting of the marquees
moonstone/Inputto show an ellipsis on the correct side based on the text directionality of thevalueorplaceholdercontent.moonstone/VirtualListandmoonstone/VirtualGridListto prevent unwanted scrolling when focused with the pointermoonstone/Pickerto remove fingernail when a the pointer is held down, but the pointer is moved off thejoinedpicker.moonstone/LabeledItemto include marquee on bothtitleandlabel, and be synchronized
core/dispatcherto support pre-rendering
NOTE: The framework was updated to support React 15.4
moonstone/Popup,moonstone/ContextualPopupDecorator,moonstone/Notification,moonstone/Dialog,moonstone/ExpandableInput,moonstone/Item.ItemOverlay,ui/FloatingLayerandui/FloatingLayer.FloatingLayerDecoratorcomponentsmoonstone/Popup,moonstone/ContextualPopupDecorator,moonstone/Notification,moonstone/Dialog,moonstone/Item.ItemOverlay,moonstone/ExpandableInputandui/GroupsamplesmarqueeCenteredprop tomoonstone/MarqueeDecoratorandmoonstone/MarqueeTextplaceholderprop tomoonstone/Imagemoonstone/MarqueeControllercomponent to synchronize multiplemoonstone/Marqueecomponents- Non-latin locale support to all existing Moonstone components
- Language-specific font support
setPointerMode()andsetActiveContainer()methods to@enact/spotlightexportfit,noAnimationprops toui/TransitionBaseonHideprop toui/Transition
moonstone/Inputcomponent'siconStartandiconEndproperties to beiconBeforeandiconAfter, respectively, for consistency withmoonstone/Item.ItemOverlaynamingmoonstone/Iconandmoonstone/IconButtonso thechildrenproperty supports both font-based icons and images. This removes support for thesrcproperty.- the
checkedproperty toselectedfor consistency across the whole framework. This allows better interoperability when switching between various components. Affects the following:CheckboxItem,RadioItem,SelectableItem,Switch,SwitchItem, andToggleItem. Additionally, these now usemoonstone/Item.ItemOverlayto position and handle their Icons. - documentation to support our doc generation tool
moonstone/Sliderandmoonstone/IncrementSliderto be more performant. No changes were made to the public API.moonstone/GridListImageItemso that a placeholder image displays while loading the image, and the caption and subcaption support marqueeingmoonstone/MoonstoneDecoratorto addFloatingLayerDecorator
- the
srcproperty frommoonstone/Iconandmoonstone/IconButton. Use the support for URLs in thechildrenproperty as noted above.
- Addressed many bugs and performance issues
Note: For those who are using
eslint-config-enactfor in-editor linting, there have been some important changes and reinstallation is necessary. Refer to https://github.com/enactjs/eslint-config-enact/ for install instructions or reinstall via:npm install -g eslint eslint-plugin-react eslint-plugin-babel babel-eslint enactjs/eslint-plugin-enact enactjs/eslint-config-enactIf you don't use in-editor linting or use a different linting configuration, you can safely ignore this notice.
core/dispatcher- an event dispatcher for global events (e.g.windowanddocumentevents) that fire outside of the React tree- Support for detecting browser locale change events through
languagechangeevent ini18n/I18nDecorator moonstone/BodyText,moonstone/DatePicker,moonstone/DayPicker,moonstone/ExpandableItem,moonstone/Image, andmoonstone/TimePickercomponentsfullBleedprop tomoonstone/Panels/Header. Whentrue, the header content is indented and the header lines are removed.- Application close button to
moonstone/Panels. FiresonApplicationClosewhen clicked. Can be omitted with thenoCloseButtonprop. - Samples for
moonstone/BodyText,moonstone/DatePicker,moonstone/DayPicker,moonstone/ExpandableItem,moonstone/Image,moonstone/Scroller,moonstone/TimePicker,moonstone/VirtualList, andmoonstone/VirtualList.VirtualGridList spotlightDefaultClassto@enact/spotlightexport. Applying this class to an item in a container will cause it to be the default spotted item in that container.- Selection type support to
ui/Group - Documentation on Flexbox and an Enyo to Enact component migration guide
dataparameter passed tocomponentprop ofVirtualList.moonstone/Expandableinto a submodule ofmoonstone/ExpandableItemExpandableListto properly support selectionmoonstone/Divider'schildrenproperty to be optionalmoonstone/ToggleItem'sinlineversion to have amax-widthof240pxmoonstone/Inputto use<div>instead of<label>for wrapping components. No change to functionality, only markup.- Spotlight containers to spot the last focused element by default.
ui/GrouppropselecttochildSelectand added propselectto support selection types
moonstone/ExpandableCheckboxItemGroupin favor ofExpandableListdecoratedprop from@enact/spotlight/focusableas this relationship is managed implicitly by the component decorated by@enact/spotlight/focusable.
- Spotlight stops at container boundaries when 5-way key held down
- Several issues related to spotting controls in edge cases
This version includes a lot of refactoring from the previous release. Developers need to switch to the new enact-dev command-line tool.
- New components and HOCs:
moonstone/Scroller,moonstone/VirtualList,moonstone/VirtualGridList,moonstone/Scrollable,moonstone/MarqueeText,moonstone/Spinner,moonstone/ExpandableCheckboxItemGroup,moonstone/MarqueeDecorator,ui/Cancelable,ui/Changeable,ui/Selectable - Support for enact-dev command-line tool.
fetch()polyfill to support pre-rendering- New options for
ui/ToggleableHOC - Ability to adjust locale in Sampler
- Marquee support to many components
- Image support to
moonstone/Iconandmoonstone/IconButton - QA Sampler with test-specific samples (not to be used as examples of good coding style!)
- Looser app-specific ESLint rules
- webOS utility functions
dismissOnEnterprop formoonstone/Input- Many more unit tests
- Sampler now uses port 8080
- Removed
ui/PickableHOC - Some props for UI state were renamed to have
defaultprefix where state was managed by the component. (e.g.defaultOpen) - Removed Babel polyfill to support future snapshot work. This may affect apps that relied on specific polyfills. Added the following specific polyfills:
window.fetch(plus associated Fetch APIs),window.Promise,Math.sign,Object.assign,String.fromCodePoint,String.prototype.codePointAt - Computed properties in
kind()no longer mutate props. In other words, changing the value of a prop in one computed property does not affect the value of that prop in another computed property.
- Many components were fixed, polished, updated and documented
- Inline docs updated to be more consistent and comprehensive
Initial release