@enact/webos
Advanced tools
Changelog
[1.0.0-beta.2] - 2017-01-30
handlers
block for components created with core/kind
to allow cached event handlerscore/handle
handler forKey
core/keymap
module to abstract keyboard key codes behind common names (e.g. 'up' and 'down')moonstone/Panels.Panel
property showChildren
to support deferring rendering the panel body until animation completesmoonstone/MarqueeDecorator
property invalidateProps
that specifies which props cause the marquee distance to be invalidatedmoonstone/Divider
property spacing
which adjusts the amount of empty space above and below the Divider
. 'normal'
, 'small'
, 'medium'
, 'large'
, and 'none'
are available.moonstone/Picker
when joined
the ability to be incremented and decremented by arrow keysonSpotlightDisappear
event property support for spottable moonstone componentsspotlight.SpotlightContainerDecorator
support for spotlightDisabled
propspotlight.Spottable
support for onSpotlightDown
, onSpotlightLeft
, onSpotlightRight
, and onSpotlightUp
propertiesspotlight.Spotlight
method getDirection
to replace spotlightDirections
ui/ViewManager
properties enteringDelay
and enteringProp
to aid deferred rendering of viewsui/resolution
function scaleToRem
for those times when you have a size in pixels that you want to convert directly to rem
to support automatic dynamic resizingmoonstone/Panels.Panels
and variations to defer rendering the children of contained Panel
instances until animation completesmoonstone/ProgressBar
properties progress
and backgroundProgress
to accept a number between 0 and 1moonstone/Slider
and moonstone/IncrementSlider
property backgroundPercent
to backgroundProgress
which now accepts a number between 0 and 1moonstone/Slider
to not ignore value
prop when it is the same as the previous valuemoonstone/Picker
component's buttons to reverse their operation such that 'up' selects the previous item and 'down' the nextmoonstone/Picker
and derivatives may now use numeric width, which represents the amount of characters to use for sizing. width={4}
represents four characters, 2
for two characters, etc. width
still accepts the size-name strings.moonstone/Divider
to now behave as a simple horizontal line when no text content is providedmoonstone/Scrollable
to not display scrollbar controls by defaultmoonstone/DatePicker
and moonstone/TimePicker
to emit onChange
event whenever the value is changed, not just when the component is closedcore/handle.withArgs
helper function which is no longer needed with the addition of the handlers
support in kind()
moonstone/ProgressBar
properties min
and max
spotlight
spotlightDirections
moonstone/IncrementSlider
so that the knob is spottable via pointer, and 5-way navigation between the knob and the increment/decrement buttons is functionalmoonstone/Slider
and moonstone/IncrementSlider
to not fire onChange
for value changes from propsChangelog
[1.0.0-beta.1] - 2016-12-30
core/factory
which provides the means to support design-time customization of componentsMoonstone/VideoPlayer
and moonstone/TooltipDecorator
componentsmoonstone/Panels.Panels
property onBack
to support ui/Cancelable
moonstone/VirtualFlexList
Work-In-Progress component (with sample) to support variably sized rows or columnsmoonstone/ExpandableItem
properties autoClose
and lockBottom
moonstone/ExpandableList
properties noAutoClose
and noLockBottom
moonstone/ContextualPopup
property noAutoDismiss
moonstone/Dialog
property scrimType
moonstone/Popup
property spotlightRestrict
spotlight.Spotlight
methods isPaused()
, isSpottable()
, getCurrent()
, and isMuted()
spotlight.SpotlightContainerDecorator
property spotlightMuted
spotlight.spotlightDirections
exportui/RadioDecorator
and ui/RadioControllerDecorator
to support radio group-style management of componentsui/Holdable
Higher-order Componentui/ViewManager
events onAppear
, onEnter
, onLeave
, onStay
, onTransition
, and onWillTransition
ui/FloatingLayer
scrimType
prop value none
ui/Pressable
config option onMouseLeave
moonstone/Panels.Routable
to require a navigate
configuration property indicating the event callback for back or cancel actionsmoonstone/MarqueeController
focus/blur handling to start and stop synchronized moonstone/Marquee
componentsmoonstone/ExpandableList
property autoClose
to closeOnSelect
to disambiguate it from the added autoClose
on 5-way upmoonstone/ContextualPopupDecorator.ContextualPopupDecorator
component's onCloseButtonClick
property to onClose
moonstone/Spinner
component's center
and middle
properties to a single centered
property
that applies both horizontal and vertical centeringmoonstone/Popup.PopupBase
component's onCloseButtonClicked
property to onCloseButtonClick
moonstone/Item.ItemOverlay
component's autoHide
property to remove the 'no'
option. The same
effect can be achieved by omitting the property or passing null
.moonstone/VirtualGridList
to be scrolled by page when navigating with a 5-way direction keymoonstone/Scroller
, moonstone/VirtualList
, moonstone/VirtualGridList
, and moonstone/Scrollable
to no longer respond to mouse down/move/up eventsmoonstone/LabeledItem
to support a titleIcon
property which positions just after the title textmoonstone/Button
to include moonstone/TooltipDecorator
moonstone/Expandable
to support being managed, radio group-style, by a component wrapped with RadioControllerDecorator
from ui/RadioDecorator
moonstone/Picker
to animate moonstone/Marquee
children when any part of the moonstone/Picker
is focusedmoonstone/VirtualList
to mute its container instead of disabling it during scroll eventsmoonstone/VirtualList
, moonstone/VirtualGridList
, and moonstone/Scroller
to continue scrolling when holding down the paging controlsmoonstone/VirtualList
to require a component
prop and not have a default valuemoonstone/Picker
to continuously change when a button is held down by adding ui/Holdable
.ui/FloatingLayer
property autoDismiss
to handle both ESC key and click eventsui/Transition
prop fit
in favor of using className
i18n/I18nDecorator
issue causing multiple requests for ilibmanifest.moonstone/Popup
and moonstone/ContextualPopup
5-way navigation behavior using spotlight.moonstone/Input
to show an ellipsis on the correct side based on the text directionality of the value
or placeholder
content.moonstone/VirtualList
and moonstone/VirtualGridList
to prevent unwanted scrolling when focused with the pointermoonstone/Picker
to remove fingernail when a the pointer is held down, but the pointer is moved off the joined
picker.moonstone/LabeledItem
to include marquee on both title
and label
, and be synchronizedChangelog
[1.0.0-alpha.5] - 2016-12-16
core/dispatcher
to support pre-renderingChangelog
[1.0.0-alpha.4] - 2016-12-2
NOTE: The framework was updated to support React 15.4
moonstone/Popup
, moonstone/ContextualPopupDecorator
, moonstone/Notification
, moonstone/Dialog
, moonstone/ExpandableInput
, moonstone/Item.ItemOverlay
, ui/FloatingLayer
and ui/FloatingLayer.FloatingLayerDecorator
componentsmoonstone/Popup
, moonstone/ContextualPopupDecorator
, moonstone/Notification
, moonstone/Dialog
, moonstone/Item.ItemOverlay
, moonstone/ExpandableInput
and ui/Group
samplesmarqueeCentered
prop to moonstone/MarqueeDecorator
and moonstone/MarqueeText
placeholder
prop to moonstone/Image
moonstone/MarqueeController
component to synchronize multiple moonstone/Marquee
componentssetPointerMode()
and setActiveContainer()
methods to @enact/spotlight
exportfit
, noAnimation
props to ui/TransitionBase
onHide
prop to ui/Transition
moonstone/Input
component's iconStart
and iconEnd
properties to be iconBefore
and iconAfter
, respectively, for consistency with moonstone/Item.ItemOverlay
namingmoonstone/Icon
and moonstone/IconButton
so the children
property supports both font-based icons and images. This removes support for the src
property.checked
property to selected
for consistency across the whole framework. This allows better interoperability when switching between various components. Affects the following: CheckboxItem
, RadioItem
, SelectableItem
, Switch
, SwitchItem
, and ToggleItem
. Additionally, these now use moonstone/Item.ItemOverlay
to position and handle their Icons.moonstone/Slider
and moonstone/IncrementSlider
to be more performant. No changes were made to
the public API.moonstone/GridListImageItem
so that a placeholder image displays while loading the image, and the caption and subcaption support marqueeingmoonstone/MoonstoneDecorator
to add FloatingLayerDecorator
src
property from moonstone/Icon
and moonstone/IconButton
. Use the support for URLs in
the children
property as noted above.Changelog
[1.0.0-alpha.3] - 2016-11-8
Note: For those who are using
eslint-config-enact
for 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-enact
If 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. window
and document
events) that fire outside of the React treelanguagechange
event in
i18n/I18nDecorator
moonstone/BodyText
, moonstone/DatePicker
, moonstone/DayPicker
, moonstone/ExpandableItem
, moonstone/Image
, and moonstone/TimePicker
componentsfullBleed
prop to moonstone/Panels/Header
. When true
, the header content is indented and the header lines are removed.moonstone/Panels
. Fires onApplicationClose
when clicked. Can be omitted with the noCloseButton
prop.moonstone/BodyText
, moonstone/DatePicker
, moonstone/DayPicker
,
moonstone/ExpandableItem
, moonstone/Image
, moonstone/Scroller
, moonstone/TimePicker
,
moonstone/VirtualList
, and moonstone/VirtualList.VirtualGridList
spotlightDefaultClass
to @enact/spotlight
export. Applying this class to an item in a
container will cause it to be the default spotted item in that container.ui/Group
data
parameter passed to component
prop of VirtualList
.moonstone/Expandable
into a submodule of moonstone/ExpandableItem
ExpandableList
to properly support selectionmoonstone/Divider
's children
property to be optionalmoonstone/ToggleItem
's inline
version to have a max-width
of 240px
moonstone/Input
to use <div>
instead of <label>
for wrapping components. No change to
functionality, only markup.ui/Group
prop select
to childSelect
and added prop select
to support selection typesmoonstone/ExpandableCheckboxItemGroup
in favor of ExpandableList
decorated
prop from @enact/spotlight/focusable
as this relationship is managed
implicitly by the component decorated by @enact/spotlight/focusable
.Changelog
[1.0.0-alpha.2] - 2016-10-21
This version includes a lot of refactoring from the previous release. Developers need to switch to the new enact-dev command-line tool.
moonstone/Scroller
, moonstone/VirtualList
, moonstone/VirtualGridList
, moonstone/Scrollable
, moonstone/MarqueeText
, moonstone/Spinner
, moonstone/ExpandableCheckboxItemGroup
, moonstone/MarqueeDecorator
, ui/Cancelable
, ui/Changeable
, ui/Selectable
fetch()
polyfill to support pre-renderingui/Toggleable
HOCmoonstone/Icon
and moonstone/IconButton
dismissOnEnter
prop for moonstone/Input
ui/Pickable
HOCdefault
prefix where state was managed by the component. (e.g. defaultOpen
)window.fetch
(plus associated Fetch APIs), window.Promise
, Math.sign
, Object.assign
, String.fromCodePoint
, String.prototype.codePointAt
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.