The following is a curated list of changes in the Enact project, newest changes on the top.
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/VirtuaListto 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,jumpForwadIcon,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/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/Headerto layouttitleBelowandsubTitleBelowcorrectlymoonstone/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
moonston/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 withtout 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/Headerto layout header row correctly instandardtypemoonstone/Inputto not dismiss on-screen keyboard when dragging cursor out of input boxmoonstone/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/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/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 testability -ui/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/Iconandmoonston/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