Skip to content

Releases: enactjs/enact

Release 3.2.1

23 Oct 00:06
Compare
Choose a tag to compare

Fixed

  • moonstone/VirtualList horizontal scrolling in RTL locales
  • moonstone/EditableIntegerPicker to include the unit in the ARIA read out
  • ui/VirtualList.VirtualList item rendering in RTL locales

Release 3.2.0

18 Oct 22:47
Compare
Choose a tag to compare

Added

  • moonstone/Icon icons
  • ui/Marquee prop marqueeSpacing and CSS class spacing to configure the spacing between the repeated content

Changed

  • ilib peer dependency to ^14.4.0 || ^14.4.0-webostv1 baseline to target support for caching improvements
  • ui/Marquee to have a wrap-around effect

Fixed

  • moonstone/Icon icon sizes
  • moonstone/InputSpotlightDecorator to not focus when Spotlight is paused
  • ui/Marquee to start on focus when disabled

Release 3.1.3

09 Oct 21:38
Compare
Choose a tag to compare

Added

  • moonstone/Icon icons

Fixed

  • moonstone/Button color bar height
  • moonstone/Slider to show tooltip when disabled
  • moonstone/TooltipDecorator to keep showing when changing from pointer mode to 5-way mode
  • moonstone/Scroller, moonstone/VirtualList.VirtualGridList, and moonstone/VirtualList.VirtualList to scroll correctly when clicking on paging controls during a scroll event
  • moonstone/FormCheckbox and moonstone/RadioItem high contrast colors
  • ui/FloatingLayer to be dismissable when open on mount

Release 3.1.2

30 Sep 19:48
Compare
Choose a tag to compare

Fixed

  • core/handle documentation for even better Typescript output
  • moonstone language-specific (LG Smart UI AR HE TH) and Indian font assignment
  • ui/Button to not require children
  • ui/VirtualList.VirtualGridList and ui/VirtualList.VirtualList to scroll smoothly when wheeling
  • ui/Scroller, ui/VirtualList.VirtualGridList, and ui/VirtualList.VirtualList to scroll correctly after performing flick events

Release 3.1.1

23 Sep 22:48
Compare
Choose a tag to compare

Fixed

  • core/kind documentation of handlers and computed functions to support better Typescript definitions
  • moonstone internationalization resource loading
  • moonstone/Dropdown to only call onOpen when closed
  • moonstone/Input text color
  • moonstone/VirtualList.VirtualGridList and moonstone/VirtualList.VirtualList to correctly set focus to items scrolling into the viewport
  • moonstone/VirtualList.VirtualList to scroll properly when a different sized item gains focus
  • ui/VirtualList.VirtualGridList and ui/VirtualList.VirtualList to show items properly when reducing data size

Release 3.1.0

16 Sep 21:07
Compare
Choose a tag to compare

Deprecated

  • moonstone/ProgressBar.ProgressBarTooltip and moonstone/Slider.SliderTooltip prop side, will be replaced by position in 4.0.0

Added

  • core/platform member touchscreen to detect the presence of a touchscreen separately from support for touch events
  • moonstone/Dropdown to add new size x-large
  • moonstone/ProgressBar.ProgressBarTooltip and moonstone/Slider.SliderTooltip prop position, replacing side
  • moonstone/VirtualList.VirtualGridList and moonstone/VirtualList.VirtualList prop role to set the ARIA role
  • spotlight support for passing a spottable node or a container node or selector to Spotlight.focus()
  • ui/Routable module
  • ui/VirtualList.VirtualGridList and ui/VirtualList.VirtualList prop role to set its ARIA role

Fixed

  • core/kind and core/handle documentation to support better Typescript definitions
  • core/platform touch event detection
  • moonstone/Header to fix font size of titleBelow and subTitleBelow
  • moonstone/Dropdown to apply tiny width
  • moonstone/Dropdown to include selected data in the onSelect handler
  • moonstone/Scroller, moonstone/VirtualList.VirtualGridList, and moonstone/VirtualList.VirtualList spotlight behavior to focus the last item when reaching the bounds after scroll by page up or down
  • moonstone/VirtualList.VirtualList to allow a dynamically resized item to scroll into view properly
  • moonstone/Dropdown accessibility read out when an item is focused

Release 3.0.1

09 Sep 21:47
Compare
Choose a tag to compare

Fixed

  • moonstone/Button text alignment when color is set
  • moonstone/FormCheckboxItem opacity of itemIcon value when focused and disabled
  • moonstone/Notification to shrink to fit small content
  • moonstone/Scroller to restore focus properly when pressing page up after holding 5-way down
  • moonstone/Switch colors to improve visibility
  • moonstone/VirtualList.VirtualGridList and moonstone/VirtualList.VirtualList to properly navigate from paging controls to items by 5-way key when focusableScrollbar is false

Release 3.0.0

04 Sep 21:33
Compare
Choose a tag to compare

For information about upgrading from Enact 2.x, refer to the Enact 3.0.0 migration guide at docs/migration/enact/migrating-to-enact-3.md

NOTE: Support for 2019 TV platform (Blink <68) has been dropped from this version of Enact

Removed

  • core/kind config property contextTypes
  • i18n/ilib embedded copy of iLib in favour of the NPM package ilib
  • i18n/Uppercase HOC, replaced by i18n/util casing functions
  • moonstone/Button and moonstone/Panels.Header prop casing which is no longer supported
  • moonstone/Divider, replaced by moonstone/Heading
  • moonstone/Divider, moonstone/Dialog, and moonstone/Heading prop casing
  • moonstone/Input.InputBase prop focused which was used to indicate when the internal input field had focused but was replaced by the :focus-within pseudo-selector
  • moonstone/VirtualList and moonstone/VirtualList.VirtualGridList property isItemDisabled
  • small prop in moonstone/Input, moonstone/ToggleButton, moonstone/Button, moonstone/Icon, moonstone/IconButton, and moonstone/LabeledIcon, replaced by size prop, which accepts "small" or "large"

Added

  • core/util.clamp to safely clamp a value between min and max bounds
  • ilib@^14.2.0 package as a peer dependency for @enact/i18n and @enact/moonstone, which apps will need to include
  • moonstone/BodyText prop size to offer a new "small" size
  • moonstone/Button prop iconPosition
  • moonstone/ContextualPopup config noArrow
  • moonstone/Dropdown component
  • moonstone/Dropdown property width to support 'small', 'medium', and 'large' sizes
  • moonstone/Dropdown widths tiny, and huge
  • moonstone/Panels.Header prop centered to support immersive apps with a completely centered design
  • moonstone/Panels.Header prop hideLine to hide the bottom separator line
  • moonstone/Panels.Header sample
  • moonstone/Panels.Header type "dense" for "AlwaysViewing" Panels types
  • moonstone/Heading component, an improved version of moonstone/Divider with additional features
  • moonstone/Heading prop spacing with default value 'small'
  • moonstone/Icon.icons entries for new icons
  • moonstone/LabeledIconButton prop flip to flip the icon horizontally, vertically, or both
  • moonstone/Panels slot <controls> to easily add custom controls next to the Panels' "close" button
  • moonstone/Panels support for managing share state of contained components
  • moonstone/Popup public class names body and closeContainer
  • moonstone/Scroller and moonstone/VirtualList support for restoring scroll position when within a moonstone/Panels.Panel
  • moonstone/Spinner prop size to support a new "small" size for use inside SlotItem components
  • moonstone/TooltipDecorator prop tooltipRelative and moonstone/TooltipDecorator.Tooltip prop relative to support relative positioning. This is an advanced feature and requires a container with specific rules. See documentation for details.
  • ui/Button public class .hasIcon which is present on the root node only when an icon has been provided
  • ui/Heading component
  • ui/Icon, ui/IconButton, and ui/LabeledIcon prop flip to flip the icon horizontally, vertically, or both
  • ui/Measurable HOC and Hook for quick and convenient measuring of simple components
  • ui/Scroller, ui/VirtualList.VirtualGridList, and ui/VirtualList.VirtualList prop noScrollByWheel for preventing scroll by wheel
  • ui/Toggleable HOC config prop eventProps to allow wrapped components to specify additional event information
  • ui/VirtualList.VirtualGridList and ui/VirtualList.VirtualList support for resizing a window

Changed

  • moonstone/Button.ButtonDecorator to remove i18n/Uppercase HOC
  • moonstone/Button, moonstone/Checkbox, moonstone/CheckboxItem, moonstone/ContextualPopupDecorator, moonstone/FormCheckbox, moonstone/FormCheckboxItem, moonstone/Panels.Header, moonstone/Notification, moonstone/RadioItem, and moonstone/Tooltip appearance to match the latest designs
  • moonstone/Button, moonstone/Dropdown, moonstone/Icon, moonstone/IconButton, moonstone/Input, and moonstone/ToggleButton default size to "small", which unifies their initial heights
  • moonstone/DaySelector to have squared check boxes to match the rest of the checkmark components
  • moonstone/Dialog appearance to match the latest designs
  • moonstone/Dropdown to prevent spotlight moving out of the popup
  • moonstone/Dropdown to use radio selection which allows only changing the selection but not deselection
  • moonstone/LabeledIcon and moonstone/LabeledIconButton text size to be smaller
  • moonstone/Panel and moonstone/Panels now allocate slightly more screen edge space for a cleaner look
  • moonstone/Scroller and other scrolling components to scroll via remote page up/down buttons when the scrollbar is hidden
  • moonstone/Scroller to scroll when no spottable child exists in the pressed 5-way key direction and, when focusableScrollbar is set, focus the scrollbar button
  • moonstone/Scroller.Scroller, moonstone/VirtualList.VirtualGridList, and moonstone/VirtualList.VirtualList scrollbar button to gain focus when pressing a page up or down key if focusableScrollbar is true
  • sampler look and feel by updating to Storybook 5 and applying an Enact theme
  • spotlight containers to include nodes identified on the aria-owns attribute of the container node as candidates within that container
  • spotlight/Spottable to allow disabled items to be focused
  • ui/ViewManager to use Web Animations instead of animation callbacks to improve performance resulting in API changes to Arranger and the pre-configured arrangers SlideArranger, SlideBottomArranger, SlideLeftArranger, SlideRightArranger, and SlideTopArranger
  • global styling rules affecting standard font-weight, disabled opacity, and LESS color variable definitions

Fixed

  • Fonts for non-Latin to not intermix font weights for bold when using a combination of Latin and non-Latin glyphs
  • Fonts to correctly use the new font files and updated the international font name from "Moonstone LG Display" to "Moonstone Global"
  • Language-specific fonts so they always use the correct typeface for their locale
  • Moonstone Fonts to use the updated names of global fonts available in the system
  • Non-Latin locale font assignments to match the new font family support in LG Smart UI
  • core/platform logic for webOS detection
  • i18n/Text to generate a proper TypeScript definition and to properly detect if translations were available when async
  • moonstone disabled focus appearance to match the latest designs
  • moonstone fonts be consolidated under "Moonstone" font-family to properly display all localized fonts when representing glyphs from any locale
  • moonstone to support custom font for simplified Chinese
  • moonstone/Button background colors for translucent and lightTranslucent
  • moonstone/Checkbox by updating colors for both dark and light skins
  • moonstone/Checkbox, moonstone/FormCheckbox, moonstone/Panels.Header, moonstone/RadioItem, moonstone/Slider, and moonstone/Switch to render correctly in high contrast
  • moonstone/ContextualPopupDecorator arrow rendering issue in Chromium
  • moonstone/ContextualPopupDecorator layout in large text mode in RTL locales
  • moonstone/DatePicker, moonstone/DayPicker, moonstone/ExpandableList, and moonstone/TimePicker disabled opacity in high contrast mode
  • moonstone/DaySelector item text size in large-text mode
  • moonstone/Dropdown button to not animate
  • moonstone/Dropdown children propType so it supports the same format as ui/Group (an array of strings or an array of objects with props)
  • moonstone/Dropdown performance when using many options
  • moonstone/Dropdown popup scroller arrows showing in non-latin locales and added large-text mode support
  • moonstone/Dropdown remaining open after it becomes disabled
  • moonstone/Dropdown to scroll to and focus the selected item when opened
  • moonstone/Dropdown to support voice readout
  • moonstone/EditableIntegerPicker to properly rerender when the edited value is invalid
  • moonstone/ExpandableItem.ExpandableItemBase to not error if onClose or onOpen was not supplied
  • moonstone/FormCheckbox, moonstone/Input, moonstone/ProgressBar, moonstone/RadioItem, moonstone/SwitchItem, and moonstone/Tooltip light skin colors.
  • moonstone/FormCheckboxItem so it doesn't change size between normal and large text mode
  • moonstone/FormCheckboxItem to marquee its contents
  • moonstone/FormCheckboxItem to match the designs
  • moonstone/GridListImageItem to support overriding the image CSS class name
  • moonstone/Header input highlight positioning
  • moonstone/Heading to have a bit more space between the text and the line, when the line is present
  • moonstone/IncrementSlider to support aria-label when disabled
  • moonstone/Input caret color to match the designs (black bar on white background, white bar on black background, standard inversion)
  • moonstone/Input text color when focused and disabled
  • moonstone/Item height in non-latin locales
  • moonstone/LabeledItem to not clip the bottom of descender glyphs in large text mode
  • moonstone/LabeledItem to pass marqueeOn prop to its contents
  • moonstone/MediaOverlay to not mute media playback
  • moonstone/Panels animation performance issues on low powered hardware
  • moonstone/Panels to allow 5-way navigation to components within controls when used with a Header with headerInput
  • moonstone/Panels to treat all components within controls as part of the active panel for the purposes of accessibility
  • moonstone/Panels.Header to use the latest designs with better spacing between the titles below
  • `moonston...
Read more

Pre-release 3.0.0-rc.4

23 Aug 00:41
Compare
Choose a tag to compare
Pre-release

Fixed

  • moonstone/Header input highlight positioning
  • moonstone/MediaOverlay to not mute media playback
  • moonstone/Panels animation performance issues on low powered hardware
  • moonstone/VirtualList.VirtualGridList and moonstone/VirtualList.VirtualList to correctly scroll to a selected component when focused via 5way
  • sampler to limit the fields included in the Actions tab to improve serialization performance on low-powered hardware
  • spotlight to attempt to restore focus to an element nearest the pointer position when the pointer hides within an overflow container
  • ui/VirtualList.VirtualGridList and ui/VirtualList.VirtualList to retain the proper scroll position when updating the itemSize or spacing props

Pre-Release 3.0.0-rc.3

15 Aug 21:52
Compare
Choose a tag to compare
Pre-release

Fixed

  • moonstone/Header input highlight positioning
  • moonstone/MediaOverlay to not mute media playback
  • moonstone/Panels animation performance issues on low powered hardware
  • moonstone/VirtualList.VirtualGridList and moonstone/VirtualList.VirtualList to correctly scroll to a selected component when focused via 5way
  • sampler to limit the fields included in the Actions tab to improve serialization performance on low-powered hardware
  • spotlight to attempt to restore focus to an element nearest the pointer position when the pointer hides within an overflow container
  • ui/VirtualList.VirtualGridList and ui/VirtualList.VirtualList to retain the proper scroll position when updating the itemSize or spacing props