@enact/limestone 1.9.3 → 1.10.1

package/ThemeDecorator/ThemeDecorator.js

@@ -13,6 +13,7 @@ Object.defineProperty(exports, "getLastInputType", {
 var _dispatcher = require("@enact/core/dispatcher");
 var _hoc = _interopRequireDefault(require("@enact/core/hoc"));
 var _keymap = require("@enact/core/keymap");
+var _util = require("@enact/core/util");
 var _I18nDecorator = _interopRequireDefault(require("@enact/i18n/I18nDecorator"));
 var _SpotlightRootDecorator = _interopRequireWildcard(require("@enact/spotlight/SpotlightRootDecorator"));
 var _FloatingLayer = require("@enact/ui/FloatingLayer");
@@ -69,6 +70,17 @@ var defaultConfig = /** @lends limestone/ThemeDecorator.ThemeDecorator.defaultCo
    * @public
    */
   disableFullscreen: false,
+  /**
+   * A CSS class name to apply globally to every spottable component when it receives spotlight focus.
+   *
+   * This is the declarative equivalent of calling `setFocusEffectClass` imperatively. It acts as
+   * an app-wide default.
+   *
+   * @type {String}
+   * @default null
+   * @public
+   */
+  focusEffectClass: null,
   /**
    * Enables a floating layer for popup components.
    *
@@ -178,15 +190,16 @@ var defaultConfig = /** @lends limestone/ThemeDecorator.ThemeDecorator.defaultCo
  */
 var ThemeDecorator = exports.ThemeDecorator = (0, _hoc["default"])(defaultConfig, function (config, Wrapped) {
   var accessible = config.accessible,
-    ri = config.ri,
-    i18n = config.i18n,
-    spotlight = config.spotlight,
+    disableFullscreen = config.disableFullscreen,
     _float = config["float"],
+    focusEffectClass = config.focusEffectClass,
+    i18n = config.i18n,
     noAutoFocus = config.noAutoFocus,
     overlay = config.overlay,
+    ri = config.ri,
+    rootId = config.rootId,
     skin = config.skin,
-    disableFullscreen = config.disableFullscreen,
-    rootId = config.rootId;
+    spotlight = config.spotlight;
 
   // Apply classes depending on screen type (overlay / fullscreen)
   var bgClassName = (0, _classnames["default"])(_defineProperty({
@@ -211,6 +224,7 @@ var ThemeDecorator = exports.ThemeDecorator = (0, _hoc["default"])(defaultConfig
     }), (0, _I18nFontDecorator["default"])(App));
   }
   if (spotlight) App = (0, _SpotlightRootDecorator["default"])({
+    focusEffectClass: focusEffectClass,
     noAutoFocus: noAutoFocus,
     rootId: rootId
   }, App);
@@ -260,7 +274,8 @@ var ThemeDecorator = exports.ThemeDecorator = (0, _hoc["default"])(defaultConfig
 
   // set the DOM node ID of the React DOM tree root
   (0, _dispatcher.setDefaultTargetById)(rootId);
-  var Decorator = function Decorator(props) {
+  var _Decorator = function Decorator(props) {
+    (0, _util.checkPropTypes)(_Decorator, props);
     var skinProp = props.skin,
       rest = _objectWithoutProperties(props, _excluded);
     var skinName = skinProp || 'neutral';
@@ -292,8 +307,8 @@ var ThemeDecorator = exports.ThemeDecorator = (0, _hoc["default"])(defaultConfig
       className: className
     }));
   };
-  Decorator.displayName = 'ThemeDecorator';
-  Decorator.propTypes = /** @lends limestone/ThemeDecorator.prototype */{
+  _Decorator.displayName = 'ThemeDecorator';
+  _Decorator.propTypes = /** @lends limestone/ThemeDecorator.prototype */{
     /**
      * Assign a skin.
      *
@@ -302,6 +317,6 @@ var ThemeDecorator = exports.ThemeDecorator = (0, _hoc["default"])(defaultConfig
      */
     skin: _propTypes["default"].string
   };
-  return Decorator;
+  return _Decorator;
 });
 var _default = exports["default"] = ThemeDecorator;

package/TimePicker/TimePicker.module.css

@@ -22,6 +22,9 @@
 :global(.enact-locale-right-to-left) .timePicker .pickers .meridiemPicker {
   order: 4;
 }
+.timePicker:global(.largeText) .timeSeparator {
+  font-size: var(--primitive-font-size-72);
+}
 .timePicker:global(.neutral) .timeSeparator[disabled] {
   opacity: 1;
   opacity: 0.3;

package/TimePicker/TimePickerBase.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.TimePickerBase = void 0;
 var _kind = _interopRequireDefault(require("@enact/core/kind"));
+var _util = require("@enact/core/util");
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _$L = _interopRequireDefault(require("../internal/$L"));
@@ -40,7 +41,8 @@ var hours12 = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '1
  * @ui
  * @private
  */
-var HourPicker = function HourPicker(props) {
+var _HourPicker = function HourPicker(props) {
+  (0, _util.checkPropTypes)(_HourPicker, props);
   var hasMeridiem = props.hasMeridiem,
     value = props.value,
     rest = _objectWithoutProperties(props, _excluded);
@@ -63,7 +65,7 @@ var HourPicker = function HourPicker(props) {
     children: hours
   }));
 };
-HourPicker.propTypes = {
+_HourPicker.propTypes = {
   hasMeridiem: _propTypes["default"].bool,
   value: _propTypes["default"].number
 };
@@ -314,7 +316,7 @@ var TimePickerBase = exports.TimePickerBase = (0, _kind["default"])({
           case 'h':
           case 'k':
             return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(HourPicker, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_HourPicker, {
                 accessibilityHint: hourAccessibilityHint,
                 "aria-label": hourAriaLabel,
                 className: _TimePickerModule["default"].hourPicker,

package/TooltipDecorator/Tooltip.module.css

@@ -62,6 +62,10 @@
 :global(.enact-locale-ja) .tooltip .tooltipLabel.multi {
   line-break: strict;
 }
+.tooltip:global(.largeText) .tooltipLabel {
+  font-size: var(--primitive-font-size-66);
+  line-height: 1.75rem;
+}
 .tooltip.balloon {
   /* Needed to prevent global class being added in the DOM */
 }

package/TooltipDecorator/TooltipDecorator.js

@@ -23,6 +23,7 @@ Object.defineProperty(exports, "useTooltip", {
   }
 });
 var _hoc = _interopRequireDefault(require("@enact/core/hoc"));
+var _util = require("@enact/core/util");
 var _I18nDecorator = require("@enact/i18n/I18nDecorator");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Tooltip = require("./Tooltip");
@@ -93,24 +94,28 @@ var defaultConfig = {
 var TooltipDecorator = exports.TooltipDecorator = (0, _hoc["default"])(defaultConfig, function (config, Wrapped) {
   var screenEdgeKeepout = config.screenEdgeKeepout,
     tooltipDestinationProp = config.tooltipDestinationProp;
-  var Decorator = function Decorator(props) {
+  var _Decorator = function Decorator(props) {
+    (0, _util.checkPropTypes)(_Decorator, props);
     var _useTooltip = (0, _useTooltip2.useTooltip)(_objectSpread({
         screenEdgeKeepout: screenEdgeKeepout
       }, props)),
       tooltip = _useTooltip.tooltip,
       handlers = _useTooltip.handlers,
       restProps = _useTooltip.restProps;
+    var tooltipRestProps = Object.assign({}, restProps);
     if (tooltip) {
       if (tooltipDestinationProp === 'children') {
-        restProps.children = [props.children, tooltip];
+        Object.assign(tooltipRestProps, {
+          children: [props.children, tooltip]
+        });
       } else {
-        restProps[tooltipDestinationProp] = tooltip;
+        Object.assign(tooltipRestProps, _defineProperty({}, tooltipDestinationProp, tooltip));
       }
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapped, _objectSpread(_objectSpread({}, restProps), handlers));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapped, _objectSpread(_objectSpread({}, tooltipRestProps), handlers));
   };
-  Decorator.displayName = 'TooltipDecorator';
-  Decorator.propTypes = /** @lends limestone/TooltipDecorator.TooltipDecorator.prototype */{
+  _Decorator.displayName = 'TooltipDecorator';
+  _Decorator.propTypes = /** @lends limestone/TooltipDecorator.TooltipDecorator.prototype */{
     /**
      * Disables the component but does not affect tooltip operation.
      *
@@ -255,6 +260,6 @@ var TooltipDecorator = exports.TooltipDecorator = (0, _hoc["default"])(defaultCo
   };
   return (0, _I18nDecorator.I18nContextDecorator)({
     rtlProp: 'rtl'
-  }, Decorator);
+  }, _Decorator);
 });
 var _default = exports["default"] = TooltipDecorator;

package/TooltipDecorator/tests/useTooltip-specs.js

@@ -30,10 +30,13 @@ describe('useTooltip', function () {
       tooltip = _useTooltip.tooltip,
       handlers = _useTooltip.handlers,
       restProps = _useTooltip.restProps;
+    var tooltipRestProps = Object.assign({}, restProps);
     if (tooltip) {
-      restProps.children = [children, tooltip];
+      Object.assign(tooltipRestProps, {
+        children: [children, tooltip]
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, restProps), handlers));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, tooltipRestProps), handlers));
   };
   describe('Tooltip', function () {
     beforeEach(function () {

package/VideoPlayer/Feedback.module.css

@@ -49,3 +49,6 @@
   --semantic-color-surface-default-focused: #b85f23;
   color: inherit;
 }
+:global(.largeText) .feedback .icon {
+  font-size: 1.5em;
+}

package/VideoPlayer/FeedbackTooltip.module.css

@@ -14,6 +14,9 @@
   font-size: var(--primitive-font-size-54);
   margin-bottom: var(--primitive-spacing-30);
 }
+:global(.largeText) .feedbackTooltip.shift .content {
+  font-size: var(--primitive-font-size-56);
+}
 .feedbackTooltip.hidden {
   display: none;
 }
@@ -61,6 +64,10 @@
   font-size: var(--primitive-font-size-48);
   font-weight: var(--primitive-font-weight-regular);
 }
+:global(.largeText) .feedbackTooltip .content {
+  font-size: var(--primitive-font-size-58);
+  line-height: 1.75rem;
+}
 .feedbackTooltip .alignmentContainer {
   position: relative;
   right: 50%;

package/VideoPlayer/MediaTitle.module.css

@@ -53,6 +53,14 @@
 .titleFrame .infoComponents .fontLgIcons {
   font-family: "LG Icons";
 }
+:global(.largeText) .titleFrame .title {
+  font-size: var(--primitive-font-size-108);
+  line-height: 3.04167rem;
+}
+:global(.largeText) .titleFrame .infoComponents {
+  font-size: var(--primitive-font-size-66);
+  line-height: 1.75rem;
+}
 :global(.noAnimation) .titleFrame.hidden {
   transition: none;
 }

package/VideoPlayer/VideoPlayer.js

@@ -108,14 +108,15 @@ var calcNumberValueOfPlaybackRate = function calcNumberValueOfPlaybackRate(rate)
   var pbArray = String(rate).split('/');
   return pbArray.length > 1 ? parseInt(pbArray[0]) / parseInt(pbArray[1]) : parseFloat(rate);
 };
-var RootComponent = function RootComponent(_ref4) {
-  var playerRef = _ref4.playerRef,
-    rest = _objectWithoutProperties(_ref4, _excluded);
+var _RootComponent = function RootComponent(props) {
+  (0, _util.checkPropTypes)(_RootComponent, props);
+  var playerRef = props.playerRef,
+    rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread({
     ref: playerRef
   }, rest));
 };
-RootComponent.propTypes = {
+_RootComponent.propTypes = {
   /*
    * Called with the reference to the mediaControls node.
    *
@@ -128,7 +129,7 @@ var SpottableDiv = (0, _Touchable["default"])((0, _Spottable.Spottable)('div'));
 var RootContainer = (0, _SpotlightContainerDecorator.SpotlightContainerDecorator)({
   enterTo: 'default-element',
   defaultElement: [".".concat(_VideoPlayerModule["default"].controlsHandleAbove), ".".concat(_VideoPlayerModule["default"].controlsFrame)]
-}, RootComponent);
+}, _RootComponent);
 var ControlsContainer = (0, _SpotlightContainerDecorator.SpotlightContainerDecorator)({
   enterTo: 'default-element',
   straightOnly: true
@@ -300,8 +301,8 @@ var VideoPlayerBase = exports.VideoPlayerBase = (_Class = /*#__PURE__*/function
       }
       _this.startDelayedFeedbackHide();
       _this.startDelayedTitleHide();
-      _this.setState(function (_ref5) {
-        var announce = _ref5.announce;
+      _this.setState(function (_ref4) {
+        var announce = _ref4.announce;
         if (announce === AnnounceState.READY) {
           // if we haven't read the title yet, do so this time
           announce = AnnounceState.TITLE;
@@ -360,9 +361,9 @@ var VideoPlayerBase = exports.VideoPlayerBase = (_Class = /*#__PURE__*/function
     _this.doAutoClose = function () {
       _this.stopDelayedFeedbackHide();
       _this.stopDelayedTitleHide();
-      _this.setState(function (_ref6) {
-        var mediaSliderVisible = _ref6.mediaSliderVisible,
-          miniFeedbackVisible = _ref6.miniFeedbackVisible;
+      _this.setState(function (_ref5) {
+        var mediaSliderVisible = _ref5.mediaSliderVisible,
+          miniFeedbackVisible = _ref5.miniFeedbackVisible;
         return {
           feedbackVisible: false,
           mediaControlsVisible: false,
@@ -403,10 +404,10 @@ var VideoPlayerBase = exports.VideoPlayerBase = (_Class = /*#__PURE__*/function
       } else {
         var shouldShowSlider = _this.pulsedPlaybackState !== null || calcNumberValueOfPlaybackRate(_this.playbackRate) !== 1;
         if (_this.showMiniFeedback && (!_this.state.miniFeedbackVisible || _this.state.mediaSliderVisible !== shouldShowSlider)) {
-          _this.setState(function (_ref7) {
-            var loading = _ref7.loading,
-              duration = _ref7.duration,
-              error = _ref7.error;
+          _this.setState(function (_ref6) {
+            var loading = _ref6.loading,
+              duration = _ref6.duration,
+              error = _ref6.error;
             return {
               mediaSliderVisible: shouldShowSlider && !_this.props.noMediaSliderFeedback,
               miniFeedbackVisible: !(loading || !duration || error)
@@ -490,8 +491,8 @@ var VideoPlayerBase = exports.VideoPlayerBase = (_Class = /*#__PURE__*/function
     _this.handleFastForward = _this.handle(forwardWillFastForward, _this.shouldShowMiniFeedback, function () {
       return _this.fastForward();
     }, forwardFastForward);
-    _this.handleJump = function (_ref8) {
-      var keyCode = _ref8.keyCode;
+    _this.handleJump = function (_ref7) {
+      var keyCode = _ref7.keyCode;
       if (_this.props.seekDisabled) {
         (0, _handle.forwardCustom)('onSeekFailed')(null, _this.props);
       } else {
@@ -515,8 +516,8 @@ var VideoPlayerBase = exports.VideoPlayerBase = (_Class = /*#__PURE__*/function
         });
       }
     };
-    _this.handleControlsHandleAboveKeyDown = function (_ref9) {
-      var keyCode = _ref9.keyCode;
+    _this.handleControlsHandleAboveKeyDown = function (_ref8) {
+      var keyCode = _ref8.keyCode;
       if (isEnter(keyCode)) {
         _this.jumpKeyPressed = 0;
       } else if (isLeft(keyCode)) {
@@ -525,8 +526,8 @@ var VideoPlayerBase = exports.VideoPlayerBase = (_Class = /*#__PURE__*/function
         _this.jumpKeyPressed = 1;
       }
     };
-    _this.handleControlsHandleAboveKeyUp = function (_ref0) {
-      var keyCode = _ref0.keyCode;
+    _this.handleControlsHandleAboveKeyUp = function (_ref9) {
+      var keyCode = _ref9.keyCode;
       if (isEnter(keyCode) || isLeft(keyCode) || isRight(keyCode)) {
         _this.jumpKeyPressed = null;
       }
@@ -997,8 +998,8 @@ var VideoPlayerBase = exports.VideoPlayerBase = (_Class = /*#__PURE__*/function
     _this.onVideoClick = function () {
       _this.toggleControls();
     };
-    _this.onSliderChange = function (_ref1) {
-      var value = _ref1.value;
+    _this.onSliderChange = function (_ref0) {
+      var value = _ref0.value;
       var time = value * _this.state.duration;
       if (_this.preventTimeChange(time)) return;
       _this.seek(time);
@@ -1102,8 +1103,8 @@ var VideoPlayerBase = exports.VideoPlayerBase = (_Class = /*#__PURE__*/function
         _this.stopDelayedTitleHide();
       }
       _this.playerRef.current.style.setProperty('--liftDistance', "".concat(liftDistance, "px"));
-      _this.setState(function (_ref10) {
-        var announce = _ref10.announce;
+      _this.setState(function (_ref1) {
+        var announce = _ref1.announce;
         return {
           infoVisible: showMoreComponents,
           titleVisible: true,

package/VirtualList/VirtualList.js

@@ -9,7 +9,7 @@ var _I18nDecorator = require("@enact/i18n/I18nDecorator");
 var _spotlight = _interopRequireDefault(require("@enact/spotlight"));
 var _SpotlightContainerDecorator = _interopRequireDefault(require("@enact/spotlight/SpotlightContainerDecorator"));
 var _Resizable = require("@enact/ui/Resizable");
-var _VirtualList = require("@enact/ui/VirtualList");
+var _VirtualList2 = require("@enact/ui/VirtualList");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _validators = require("../internal/validators");
@@ -75,8 +75,9 @@ var virtualListDefaultProps = {
  * @ui
  * @public
  */
-var VirtualList = exports.VirtualList = function VirtualList(props) {
+var _VirtualList = exports.VirtualList = function VirtualList(props) {
   var virtualListProps = (0, _util.setDefaultProps)(props, virtualListDefaultProps);
+  (0, _util.checkPropTypes)(_VirtualList, virtualListProps);
   if (typeof ENACT_PACK_NO_ANIMATION !== 'undefined' && ENACT_PACK_NO_ANIMATION) {
     virtualListProps.overscrollEffectOn = {
       arrowKey: false,
@@ -125,14 +126,14 @@ var VirtualList = exports.VirtualList = function VirtualList(props) {
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Resizable.ResizeContext, _objectSpread(_objectSpread({}, resizeContextProps), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ScrollContentWrapper, _objectSpread(_objectSpread(_objectSpread({}, themeScrollContainerProps), scrollContentWrapperRest), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_VirtualList.VirtualListBasic, _objectSpread(_objectSpread({}, themeScrollContentProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_VirtualList2.VirtualListBasic, _objectSpread(_objectSpread({}, themeScrollContentProps), {}, {
         ref: scrollContentHandle
       })), isVerticalScrollbarVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Scrollbar["default"], _objectSpread({}, verticalScrollbarProps)) : null, isHorizontalScrollbarVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Scrollbar["default"], _objectSpread({}, horizontalScrollbarProps)) : null, hoverToScroll ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HoverToScroll["default"], _objectSpread({}, hoverToScrollProps)) : null]
     }))
   }));
 };
-VirtualList.displayName = 'VirtualList';
-VirtualList.propTypes = /** @lends limestone/VirtualList.VirtualList.prototype */{
+_VirtualList.displayName = 'VirtualList';
+_VirtualList.propTypes = /** @lends limestone/VirtualList.VirtualList.prototype */{
   /**
    * Size of an item for the VirtualList; valid value is a number generally.
    * For different item size, value is an object that has `minSize`
@@ -149,7 +150,7 @@ VirtualList.propTypes = /** @lends limestone/VirtualList.VirtualList.prototype *
    * @required
    * @public
    */
-  itemSize: _propTypes["default"].oneOfType([_propTypes["default"].number, _VirtualList.itemSizesShape]).isRequired,
+  itemSize: _propTypes["default"].oneOfType([_propTypes["default"].number, _VirtualList2.itemSizesShape]).isRequired,
   /**
    * A callback function that receives a reference to the `scrollTo` feature.
    *
@@ -493,14 +494,14 @@ VirtualList.propTypes = /** @lends limestone/VirtualList.VirtualList.prototype *
    */
   wrap: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].oneOf(['noAnimation'])])
 };
-exports.VirtualList = VirtualList = (0, _Skinnable["default"])((0, _SpotlightContainerDecorator["default"])({
+exports.VirtualList = _VirtualList = (0, _Skinnable["default"])((0, _SpotlightContainerDecorator["default"])({
   overflow: true,
   preserveId: true,
   restrict: 'self-first'
 }, (0, _I18nDecorator.I18nContextDecorator)({
   rtlProp: 'rtl'
-}, VirtualList)));
-VirtualList.defaultPropValues = virtualListDefaultProps;
+}, _VirtualList)));
+_VirtualList.defaultPropValues = virtualListDefaultProps;
 var virtualGridListDefaultProps = {
   'data-spotlight-container-disabled': false,
   cbScrollTo: nop,
@@ -536,8 +537,9 @@ var virtualGridListDefaultProps = {
  * @ui
  * @public
  */
-var VirtualGridList = exports.VirtualGridList = function VirtualGridList(props) {
+var _VirtualGridList = exports.VirtualGridList = function VirtualGridList(props) {
   var virtualGridListProps = (0, _util.setDefaultProps)(props, virtualGridListDefaultProps);
+  (0, _util.checkPropTypes)(_VirtualGridList, virtualGridListProps);
   if (typeof ENACT_PACK_NO_ANIMATION !== 'undefined' && ENACT_PACK_NO_ANIMATION) {
     virtualGridListProps.overscrollEffectOn = {
       arrowKey: false,
@@ -572,14 +574,14 @@ var VirtualGridList = exports.VirtualGridList = function VirtualGridList(props)
   }));
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Resizable.ResizeContext, _objectSpread(_objectSpread({}, resizeContextProps), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(ScrollContentWrapper, _objectSpread(_objectSpread(_objectSpread({}, scrollContainerProps), scrollContentWrapperRest), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_VirtualList.VirtualListBasic, _objectSpread(_objectSpread({}, themeScrollContentProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_VirtualList2.VirtualListBasic, _objectSpread(_objectSpread({}, themeScrollContentProps), {}, {
         ref: scrollContentHandle
       })), isVerticalScrollbarVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Scrollbar["default"], _objectSpread({}, verticalScrollbarProps)) : null, isHorizontalScrollbarVisible ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Scrollbar["default"], _objectSpread({}, horizontalScrollbarProps)) : null, hoverToScroll ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HoverToScroll["default"], _objectSpread({}, hoverToScrollProps)) : null]
     }))
   }));
 };
-VirtualGridList.displayName = 'VirtualGridList';
-VirtualGridList.propTypes = /** @lends limestone/VirtualList.VirtualGridList.prototype */{
+_VirtualGridList.displayName = 'VirtualGridList';
+_VirtualGridList.propTypes = /** @lends limestone/VirtualList.VirtualGridList.prototype */{
   /**
    * Size of an item for the VirtualGridList; valid value is an object that has `minWidth`
    * and `minHeight` as properties.
@@ -598,7 +600,7 @@ VirtualGridList.propTypes = /** @lends limestone/VirtualList.VirtualGridList.pro
    * @required
    * @public
    */
-  itemSize: _VirtualList.gridListItemSizeShape.isRequired,
+  itemSize: _VirtualList2.gridListItemSizeShape.isRequired,
   /**
    * A callback function that receives a reference to the `scrollTo` feature.
    *
@@ -945,12 +947,12 @@ VirtualGridList.propTypes = /** @lends limestone/VirtualList.VirtualGridList.pro
    */
   wrap: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].oneOf(['noAnimation'])])
 };
-exports.VirtualGridList = VirtualGridList = (0, _Skinnable["default"])((0, _SpotlightContainerDecorator["default"])({
+exports.VirtualGridList = _VirtualGridList = (0, _Skinnable["default"])((0, _SpotlightContainerDecorator["default"])({
   overflow: true,
   preserveId: true,
   restrict: 'self-first'
 }, (0, _I18nDecorator.I18nContextDecorator)({
   rtlProp: 'rtl'
-}, VirtualGridList)));
-VirtualGridList.defaultPropValues = virtualGridListDefaultProps;
-var _default = exports["default"] = VirtualList;
+}, _VirtualGridList)));
+_VirtualGridList.defaultPropValues = virtualGridListDefaultProps;
+var _default = exports["default"] = _VirtualList;

package/VirtualList/useSpotlight.js

@@ -113,7 +113,7 @@ var useSpotlightRestore = exports.useSpotlightRestore = function useSpotlightRes
         mutableRef.current.restoreLastFocused = false;
 
         // try to focus the last focused item
-        spottable.current.isScrolledByJump = true;
+        spottable.current.isScrolledByJump = true; // eslint-disable-line react-hooks/immutability
         var foundLastFocused = focusByIndex(mutableRef.current.preservedIndex, mutableRef.current.lastSpotlightDirection);
         spottable.current.isScrolledByJump = false;
 

package/internal/AsyncRenderChildren/AsyncRenderChildren.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AsyncRenderChildren = AsyncRenderChildren;
 exports["default"] = void 0;
+var _util = require("@enact/core/util");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = require("react");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -27,11 +28,14 @@ var delayToRenderChildren = 600;
  * @ui
  * @private
  */
-function AsyncRenderChildren(_ref) {
-  var children = _ref.children,
-    _ref$fallback = _ref.fallback,
-    fallback = _ref$fallback === void 0 ? '' : _ref$fallback,
-    index = _ref.index;
+function AsyncRenderChildren(props) {
+  var asyncRenderChildrenProps = (0, _util.setDefaultProps)(props, {
+    fallback: ''
+  });
+  (0, _util.checkPropTypes)(AsyncRenderChildren, asyncRenderChildrenProps);
+  var children = asyncRenderChildrenProps.children,
+    fallback = asyncRenderChildrenProps.fallback,
+    index = asyncRenderChildrenProps.index;
   var _useState = (0, _react.useState)(index),
     _useState2 = _slicedToArray(_useState, 2),
     prevIndex = _useState2[0],

package/internal/AsyncRenderChildren/tests/AsyncRenderChildren-specs.js

@@ -2,6 +2,7 @@
 
 require("@testing-library/jest-dom");
 var _react = require("@testing-library/react");
+var _react2 = require("react");
 var _AsyncRenderChildren = _interopRequireDefault(require("../AsyncRenderChildren"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -12,7 +13,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var data = {};
 var Component = function Component(props) {
-  data = props;
+  (0, _react2.useEffect)(function () {
+    data = props;
+  }, [props]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AsyncRenderChildren["default"], _objectSpread({}, props));
 };
 describe('AsyncRenderChildren', function () {

package/internal/DateTime/DateTime.module.css

@@ -19,6 +19,9 @@
 .dateTime .pickers > *:nth-last-child(2) {
   margin-inline-end: 0;
 }
+.dateTime:global(.largeText) .heading {
+  font-size: var(--primitive-font-size-80);
+}
 .dateTime:global(.neutral) .heading {
   color: var(--semantic-color-on-background-main);
 }

package/internal/DateTime/DateTimeDecorator.js

@@ -71,7 +71,8 @@ var DateTimeDecorator = exports.DateTimeDecorator = (0, _hoc["default"])(functio
   });
 
   // eslint-disable-next-line no-shadow
-  var DateTimeDecorator = function DateTimeDecorator(props) {
+  var _DateTimeDecorator = function DateTimeDecorator(props) {
+    (0, _util.checkPropTypes)(_DateTimeDecorator, props);
     var newValue = toTime(props.value);
     var _useState = (0, _react.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -214,8 +215,8 @@ var DateTimeDecorator = exports.DateTimeDecorator = (0, _hoc["default"])(functio
       value: finalValue
     }));
   };
-  DateTimeDecorator.displayName = 'DateTimeDecorator';
-  DateTimeDecorator.propTypes = /** @lends limestone/internal/DateTimeDecorator.DateTimeDecorator.prototype */{
+  _DateTimeDecorator.displayName = 'DateTimeDecorator';
+  _DateTimeDecorator.propTypes = /** @lends limestone/internal/DateTimeDecorator.DateTimeDecorator.prototype */{
     /**
      * The current locale as a
      * {@link https://tools.ietf.org/html/rfc5646|BCP 47 language tag}.
@@ -263,6 +264,6 @@ var DateTimeDecorator = exports.DateTimeDecorator = (0, _hoc["default"])(functio
   return (0, _I18nDecorator.I18nContextDecorator)({
     rtlProp: 'rtl',
     localeProp: 'locale'
-  }, (0, _Changeable["default"])(DateTimeDecorator));
+  }, (0, _Changeable["default"])(_DateTimeDecorator));
 });
 var _default = exports["default"] = DateTimeDecorator;