@salutejs/plasma-new-hope 0.346.0 → 0.346.1-dev.0

package/dist/styled-components/cjs/components/TextField/TextField.js

@@ -100,6 +100,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -144,12 +147,22 @@ function _object_spread(target) {
 }
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
     if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
             if (excluded.indexOf(key) >= 0) continue;
             if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
             target[key] = source[key];
@@ -159,12 +172,11 @@ function _object_without_properties(source, excluded) {
 }
 function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
     for(i = 0; i < sourceKeys.length; i++){
         key = sourceKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
         target[key] = source[key];
     }
     return target;
@@ -172,6 +184,9 @@ function _object_without_properties_loose(source, excluded) {
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
+function _to_array(arr) {
+    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -187,20 +202,23 @@ var HINT_DEFAULT_OFFSET = [
     0,
     0
 ];
-var textFieldRoot = function(Root) {
-    return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var id = _param.id, className = _param.className, style = _param.style, // layout
-        contentLeft = _param.contentLeft, contentRight = _param.contentRight, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, textBefore = _param.textBefore, textAfter = _param.textAfter, placeholder = _param.placeholder, leftHelper = _param.leftHelper, _param_enumerationType = _param.enumerationType, enumerationType = _param_enumerationType === void 0 ? 'plain' : _param_enumerationType, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, titleCaption = _param.titleCaption, _param_chipView = _param.chipView, chipView = _param_chipView === void 0 ? 'default' : _param_chipView, chipValidator = _param.chipValidator, _param_hintTrigger = _param.// hint
-        hintTrigger, hintTrigger = _param_hintTrigger === void 0 ? 'hover' : _param_hintTrigger, hintText = _param.hintText, _param_hintView = _param.hintView, hintView = _param_hintView === void 0 ? 'default' : _param_hintView, _param_hintSize = _param.hintSize, hintSize = _param_hintSize === void 0 ? 'm' : _param_hintSize, hintTargetIcon = _param.hintTargetIcon, _param_hintTargetPlacement = _param.hintTargetPlacement, hintTargetPlacement = _param_hintTargetPlacement === void 0 ? 'outer' : _param_hintTargetPlacement, _param_hintPlacement = _param.hintPlacement, hintPlacement = _param_hintPlacement === void 0 ? 'auto' : _param_hintPlacement, hintHasArrow = _param.hintHasArrow, _param_hintOffset = _param.hintOffset, hintOffset = _param_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, // variations
-        appearance = _param.appearance, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_clear = _param.clear, clear = _param_clear === void 0 ? false : _param_clear, optional = _param.optional, _param_optionalText = _param.optionalText, optionalText = _param_optionalText === void 0 ? 'optional' : _param_optionalText, hasDivider = _param.hasDivider, // controlled
-        outerValue = _param.value, values = _param.chips, _param_chipType = _param.chipType, chipType = _param_chipType === void 0 ? 'default' : _param_chipType, // @ts-ignore
-        _chips = _param._chips, // @ts-ignore
-        _chipClickArea = _param._chipClickArea, // @ts-ignore
-        _onChipCloseClick = _param._onChipCloseClick, // events
-        onChange = _param.onChange, onChangeChips = _param.onChangeChips, onSearch = _param.onSearch, onKeyDown = _param.onKeyDown, onFocus = _param.onFocus, onBlur = _param.onBlur, onPaste = _param.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
+var textFieldRoot = function textFieldRoot(Root) {
+    return /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
+        var _ref = [
+            _0,
+            _1
+        ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), id = _ref2.id, className = _ref2.className, style = _ref2.style, // layout
+        contentLeft = _ref2.contentLeft, contentRight = _ref2.contentRight, label = _ref2.label, labelPlacement = _ref2.labelPlacement, keepPlaceholder = _ref2.keepPlaceholder, textBefore = _ref2.textBefore, textAfter = _ref2.textAfter, placeholder = _ref2.placeholder, leftHelper = _ref2.leftHelper, _ref_enumerationType = _ref2.enumerationType, enumerationType = _ref_enumerationType === void 0 ? 'plain' : _ref_enumerationType, _ref_requiredPlacement = _ref2.requiredPlacement, requiredPlacement = _ref_requiredPlacement === void 0 ? 'right' : _ref_requiredPlacement, _ref_hasRequiredIndicator = _ref2.hasRequiredIndicator, hasRequiredIndicator = _ref_hasRequiredIndicator === void 0 ? false : _ref_hasRequiredIndicator, titleCaption = _ref2.titleCaption, _ref_chipView = _ref2.chipView, chipView = _ref_chipView === void 0 ? 'default' : _ref_chipView, chipValidator = _ref2.chipValidator, _ref_hintTrigger = _ref2.// hint
+        hintTrigger, hintTrigger = _ref_hintTrigger === void 0 ? 'hover' : _ref_hintTrigger, hintText = _ref2.hintText, _ref_hintView = _ref2.hintView, hintView = _ref_hintView === void 0 ? 'default' : _ref_hintView, _ref_hintSize = _ref2.hintSize, hintSize = _ref_hintSize === void 0 ? 'm' : _ref_hintSize, hintTargetIcon = _ref2.hintTargetIcon, _ref_hintTargetPlacement = _ref2.hintTargetPlacement, hintTargetPlacement = _ref_hintTargetPlacement === void 0 ? 'outer' : _ref_hintTargetPlacement, _ref_hintPlacement = _ref2.hintPlacement, hintPlacement = _ref_hintPlacement === void 0 ? 'auto' : _ref_hintPlacement, hintHasArrow = _ref2.hintHasArrow, _ref_hintOffset = _ref2.hintOffset, hintOffset = _ref_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _ref_hintOffset, hintWidth = _ref2.hintWidth, hintContentLeft = _ref2.hintContentLeft, // variations
+        appearance = _ref2.appearance, view = _ref2.view, size = _ref2.size, _ref_readOnly = _ref2.readOnly, readOnly = _ref_readOnly === void 0 ? false : _ref_readOnly, _ref_disabled = _ref2.disabled, disabled = _ref_disabled === void 0 ? false : _ref_disabled, _ref_required = _ref2.required, required = _ref_required === void 0 ? false : _ref_required, _ref_clear = _ref2.clear, clear = _ref_clear === void 0 ? false : _ref_clear, optional = _ref2.optional, _ref_optionalText = _ref2.optionalText, optionalText = _ref_optionalText === void 0 ? 'optional' : _ref_optionalText, hasDivider = _ref2.hasDivider, // controlled
+        outerValue = _ref2.value, values = _ref2.chips, _ref_chipType = _ref2.chipType, chipType = _ref_chipType === void 0 ? 'default' : _ref_chipType, // @ts-ignore
+        _chips = _ref2._chips, // @ts-ignore
+        _chipClickArea = _ref2._chipClickArea, // @ts-ignore
+        _onChipCloseClick = _ref2._onChipCloseClick, // events
+        onChange = _ref2.onChange, onChangeChips = _ref2.onChangeChips, onSearch = _ref2.onSearch, onKeyDown = _ref2.onKeyDown, onFocus = _ref2.onFocus, onBlur = _ref2.onBlur, onPaste = _ref2.onPaste, // Пропсы для внутреннего использования, не отдается наружу.
         // @ts-ignore
-        _onEnterDisabled = _param._onEnterDisabled, // @ts-ignore
-        _forceChipManipulationWithReadonly = _param._forceChipManipulationWithReadonly, rest = _object_without_properties(_param, [
+        _onEnterDisabled = _ref2._onEnterDisabled, // @ts-ignore
+        _forceChipManipulationWithReadonly = _ref2._forceChipManipulationWithReadonly, rest = _object_without_properties(_ref2, [
             "id",
             "className",
             "style",
@@ -255,7 +273,7 @@ var textFieldRoot = function(Root) {
             "onPaste",
             "_onEnterDisabled",
             "_forceChipManipulationWithReadonly"
-        ]);
+        ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
         var _inputRef_current, _inputRef_current1;
         var contentRef = (0, _react.useRef)(null);
         var inputContainerRef = (0, _react.useRef)(null);
@@ -315,25 +333,25 @@ var textFieldRoot = function(Root) {
         ]);
         var hintInnerRef = (0, _react.useRef)(null);
         var hintForkRef = (0, _plasmacore.useForkRef)(hintRef, hintInnerRef);
-        var handleInput = function(event) {
+        var handleInput = function handleInput(event) {
             var value = event.target.value;
             setHasValue(Boolean(value));
         };
-        var handleFocus = function(event) {
+        var handleFocus = function handleFocus(event) {
             setHasFocus(true);
             onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
         };
-        var handleBlur = function(event) {
+        var handleBlur = function handleBlur(event) {
             setHasFocus(false);
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         };
-        var handleHintShow = function() {
+        var handleHintShow = function handleHintShow() {
             return setIsHintVisible(true);
         };
-        var handleHintHide = function() {
+        var handleHintHide = function handleHintHide() {
             return setIsHintVisible(false);
         };
-        var handleHintClick = function(event) {
+        var handleHintClick = function handleHintClick(event) {
             var _hintInnerRef_current;
             if (!hintText || hintTrigger !== 'click') {
                 return;
@@ -345,7 +363,7 @@ var textFieldRoot = function(Root) {
                 setIsHintVisible(true);
             }
         };
-        var handleChange = function(event) {
+        var handleChange = function handleChange(event) {
             if (disabled || readOnly) {
                 return;
             }
@@ -361,7 +379,7 @@ var textFieldRoot = function(Root) {
                 event.currentTarget.style.width = "".concat(textWidth, "px");
             }
         };
-        var handlePaste = function(event) {
+        var handlePaste = function handlePaste(event) {
             if (disabled || readOnly) {
                 return;
             }
@@ -378,7 +396,7 @@ var textFieldRoot = function(Root) {
                 });
             }
         };
-        var updateChips = function(newChips, newValues) {
+        var updateChips = function updateChips(newChips, newValues) {
             setChips(newChips);
             onChangeChips === null || onChangeChips === void 0 ? void 0 : onChangeChips(newValues);
         };
@@ -395,10 +413,10 @@ var textFieldRoot = function(Root) {
             onEnterDisabled: _onEnterDisabled,
             onChipCloseClick: _onChipCloseClick
         }), handleInputKeydown = _useKeyNavigation.handleInputKeydown, handleChipKeyDown = _useKeyNavigation.handleChipKeyDown, onChipClear = _useKeyNavigation.onChipClear, handleContentKeyDown = _useKeyNavigation.handleContentKeyDown;
-        var onChipClick = function(event) {
+        var onChipClick = function onChipClick(event) {
             return event.stopPropagation();
         };
-        var handleInputFocus = function() {
+        var handleInputFocus = function handleInputFocus() {
             if (readOnly || disabled || !(inputRef === null || inputRef === void 0 ? void 0 : inputRef.current)) {
                 return;
             }
@@ -409,12 +427,12 @@ var textFieldRoot = function(Root) {
             });
             inputRef.current.focus();
         };
-        var getRef = function(element, index) {
+        var getRef = function getRef(element, index) {
             if (element && (chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current)) {
                 chipsRefs.current[index] = element;
             }
         };
-        var handleOnKeyDown = function(event) {
+        var handleOnKeyDown = function handleOnKeyDown(event) {
             handleInputKeydown(event);
             if (onKeyDown) {
                 onKeyDown(event);
@@ -555,7 +573,7 @@ var textFieldRoot = function(Root) {
             var resView = (validationView === null || validationView === void 0 ? void 0 : validationView.view) || chipView;
             return /*#__PURE__*/ _react.default.createElement(_ui.TextFieldChip, {
                 id: chipId,
-                ref: function(element) {
+                ref: function ref(element) {
                     return getRef(element, index);
                 },
                 key: "".concat(chipId, "_").concat(index),
@@ -563,10 +581,10 @@ var textFieldRoot = function(Root) {
                 readOnly: readOnly,
                 value: text,
                 text: text,
-                onKeyDown: function(event) {
+                onKeyDown: function onKeyDown(event) {
                     return handleChipKeyDown(event, chipId, index);
                 },
-                onClear: function() {
+                onClear: function onClear() {
                     return onChipClear(chipId, index);
                 },
                 onClick: onChipClick,

package/dist/styled-components/cjs/components/TextField/hooks/useKeyNavigation.js

@@ -83,10 +83,10 @@ var Keys = {
     ArrowRight: 'ArrowRight',
     Backspace: 'Backspace'
 };
-var useKeyNavigation = function(param) {
+var useKeyNavigation = function useKeyNavigation(param) {
     var _param_controlledRefs = param.controlledRefs, chipsRefs = _param_controlledRefs.chipsRefs, contentRef = _param_controlledRefs.contentRef, inputRef = _param_controlledRefs.inputRef, disabled = param.disabled, readOnly = param.readOnly, chips = param.chips, newCustomChips = param.newCustomChips, enumerationType = param.enumerationType, updateChips = param.updateChips, onChange = param.onChange, onSearch = param.onSearch, _param_onEnterDisabled = param.onEnterDisabled, onEnterDisabled = _param_onEnterDisabled === void 0 ? false : _param_onEnterDisabled, onChipCloseClick = param.onChipCloseClick;
     var _useState = _sliced_to_array((0, _react.useState)(-1), 2), activeChipIndex = _useState[0], setActiveChipIndex = _useState[1];
-    var handleInputKeydown = function(event) {
+    var handleInputKeydown = function handleInputKeydown(event) {
         var _inputRef_current, _inputRef_current1;
         var value = event.target.value;
         if (disabled || readOnly) {
@@ -131,7 +131,7 @@ var useKeyNavigation = function(param) {
             updateChips(newChips1, newValues1);
         }
     };
-    var onChipClear = function(clearId, index) {
+    var onChipClear = function onChipClear(clearId, index) {
         if (!chips.length && !(newCustomChips === null || newCustomChips === void 0 ? void 0 : newCustomChips.length)) {
             return;
         }
@@ -146,7 +146,7 @@ var useKeyNavigation = function(param) {
         chipsRefs === null || chipsRefs === void 0 ? void 0 : chipsRefs.current.splice(index, 1);
         updateChips(newChips, newValues);
     };
-    var handleChipKeyDown = function(event, chipId, chipIndex) {
+    var handleChipKeyDown = function handleChipKeyDown(event, chipId, chipIndex) {
         if (event.key === Keys.Tab) {
             event.preventDefault();
         }
@@ -154,7 +154,7 @@ var useKeyNavigation = function(param) {
             onChipClear(chipId, chipIndex);
         }
     };
-    var handleContentKeyDown = function(event) {
+    var handleContentKeyDown = function handleContentKeyDown(event) {
         var _inputRef_current;
         var chipsRefsCount = chipsRefs.current.length;
         var currentCaretPosition = (inputRef === null || inputRef === void 0 ? void 0 : (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart) || 0;

package/dist/styled-components/cjs/components/TextField/ui/Hint/Hint.js

@@ -85,7 +85,7 @@ function _object_spread(target) {
 var HintComponent = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
     var hintText = param.hintText, isHintVisible = param.isHintVisible, hintTrigger = param.hintTrigger, hintTargetIcon = param.hintTargetIcon, hintPlacement = param.hintPlacement, hintHasArrow = param.hintHasArrow, hintOffset = param.hintOffset, hintWidth = param.hintWidth, hintContentLeft = param.hintContentLeft, isInnerLabel = param.isInnerLabel, size = param.size, handleHintShow = param.handleHintShow, handleHintHide = param.handleHintHide, handleHintClick = param.handleHintClick;
     var hintId = (0, _utils.safeUseId)();
-    var getInfoIconSize = function() {
+    var getInfoIconSize = function getInfoIconSize() {
         if (!isInnerLabel || size === 'xs') {
             return 'xs';
         }

package/dist/styled-components/cjs/components/TextField/ui/TextFieldChip/TextFieldChip.js

@@ -53,13 +53,13 @@ function _interop_require_wildcard(obj, nodeInterop) {
 }
 var TextFieldChip = /*#__PURE__*/ (0, _react.forwardRef)(function(param, ref) {
     var id = param.id, text = param.text, disabled = param.disabled, readOnly = param.readOnly, view = param.view, _forceChipManipulationWithReadonly = param._forceChipManipulationWithReadonly, chipType = param.chipType, Root = param.rootWrapper, onClick = param.onClick, onClear = param.onClear, onKeyDown = param.onKeyDown;
-    var onClearHandle = function() {
+    var onClearHandle = function onClearHandle() {
         return onClear(id);
     };
-    var onKeyDownHandle = function(event) {
+    var onKeyDownHandle = function onKeyDownHandle(event) {
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, id);
     };
-    var handleClick = function(e) {
+    var handleClick = function handleClick(e) {
         if (onClick) {
             onClick(e);
         }

package/dist/styled-components/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.js

@@ -70,17 +70,17 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-var TextFieldChipNew = function(param) {
+var TextFieldChipNew = function TextFieldChipNew(param) {
     var chips = param.chips, onChipCloseClick = param.onChipCloseClick, getRef = param.getRef, handleChipKeyDown = param.handleChipKeyDown, onChipClear = param.onChipClear, readOnly = param.readOnly, chipType = param.chipType, view = param.view, _param_chipClickArea = param.chipClickArea, chipClickArea = _param_chipClickArea === void 0 ? 'full' : _param_chipClickArea, _forceChipManipulationWithReadonly = param._forceChipManipulationWithReadonly;
     return /*#__PURE__*/ _react.default.createElement(_TextFieldstyles.StyledChips, {
         className: _TextFieldtokens.classes.chipsWrapper
     }, chips.map(function(param, index) {
         var value = param.value, label = param.label, disabled = param.disabled;
         var chipId = "".concat(index, "_").concat(value);
-        var handleChipClick = function(event) {
+        var handleChipClick = function handleChipClick(event) {
             event.stopPropagation();
         };
-        var onKeyDownHandle = function(event) {
+        var onKeyDownHandle = function onKeyDownHandle(event) {
             if (handleChipKeyDown) {
                 handleChipKeyDown(event, chipId, index);
             }
@@ -94,7 +94,7 @@ var TextFieldChipNew = function(param) {
                 }
             }
         };
-        var handleCloseClick = function(event) {
+        var handleCloseClick = function handleCloseClick(event) {
             event.stopPropagation();
             if (onChipCloseClick) {
                 onChipCloseClick({
@@ -109,7 +109,7 @@ var TextFieldChipNew = function(param) {
         };
         return chipType === 'default' ? /*#__PURE__*/ _react.default.createElement(_TextFieldChipNewstyles.StyledChip, _object_spread_props(_object_spread({
             key: chipId,
-            ref: function(element) {
+            ref: function ref(element) {
                 return getRef(element, index);
             },
             tabIndex: -1,
@@ -117,7 +117,7 @@ var TextFieldChipNew = function(param) {
             hasClear: !disabled,
             readOnly: readOnly,
             onKeyDown: onKeyDownHandle,
-            onClear: function() {
+            onClear: function onClear() {
                 return onChipClear(chipId, index);
             },
             text: label,

package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.js

@@ -96,12 +96,22 @@ function _object_spread(target) {
 }
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
     if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
             if (excluded.indexOf(key) >= 0) continue;
             if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
             target[key] = source[key];
@@ -111,17 +121,16 @@ function _object_without_properties(source, excluded) {
 }
 function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
     for(i = 0; i < sourceKeys.length; i++){
         key = sourceKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
         target[key] = source[key];
     }
     return target;
 }
-var textFieldGroupRoot = function(Root) {
+var textFieldGroupRoot = function textFieldGroupRoot(Root) {
     return /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         var children = props.children, className = props.className, size = props.size, _props_stretching = props.stretching, stretching = _props_stretching === void 0 ? 'auto' : _props_stretching, _props_gap = props.gap, gap = _props_gap === void 0 ? 'dense' : _props_gap, _props_orientation = props.orientation, orientation = _props_orientation === void 0 ? 'horizontal' : _props_orientation, _props_shape = props.shape, shape = _props_shape === void 0 ? 'default' : _props_shape, _props_isCommonTextFieldStyles = props.isCommonTextFieldStyles, isCommonTextFieldStyles = _props_isCommonTextFieldStyles === void 0 ? true : _props_isCommonTextFieldStyles, rest = _object_without_properties(props, [
             "children",

package/dist/styled-components/cjs/components/TimePicker/TimePicker.js

@@ -95,6 +95,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
 function _iterable_to_array_limit(arr, i) {
     var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
     if (_i == null) return;
@@ -163,12 +166,22 @@ function _object_spread_props(target, source) {
 }
 function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _object_without_properties_loose(source, excluded);
-    var key, i;
+    var target = {}, sourceKeys, key, i;
+    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
+        sourceKeys = Reflect.ownKeys(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+        return target;
+    }
+    target = _object_without_properties_loose(source, excluded);
     if (Object.getOwnPropertySymbols) {
-        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceSymbolKeys.length; i++){
-            key = sourceSymbolKeys[i];
+        sourceKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceKeys.length; i++){
+            key = sourceKeys[i];
             if (excluded.indexOf(key) >= 0) continue;
             if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
             target[key] = source[key];
@@ -178,12 +191,11 @@ function _object_without_properties(source, excluded) {
 }
 function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
-    var target = {};
-    var sourceKeys = Object.keys(source);
-    var key, i;
+    var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
     for(i = 0; i < sourceKeys.length; i++){
         key = sourceKeys[i];
         if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
         target[key] = source[key];
     }
     return target;
@@ -191,6 +203,9 @@ function _object_without_properties_loose(source, excluded) {
 function _sliced_to_array(arr, i) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
+function _to_array(arr) {
+    return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
+}
 function _unsupported_iterable_to_array(o, minLen) {
     if (!o) return;
     if (typeof o === "string") return _array_like_to_array(o, minLen);
@@ -199,9 +214,12 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-var timePickerRoot = function(Root) {
-    return /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-        var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, placeholder = _param.placeholder, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, _param_readonly = _param.readonly, readonly = _param_readonly === void 0 ? false : _param_readonly, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, offset = _param.offset, stretched = _param.stretched, _param_dropdownAlign = _param.dropdownAlign, dropdownAlign = _param_dropdownAlign === void 0 ? 'left' : _param_dropdownAlign, dropdownWidth = _param.dropdownWidth, dropdownHeight = _param.dropdownHeight, _param_columnsQuantity = _param.columnsQuantity, columnsQuantity = _param_columnsQuantity === void 0 ? 2 : _param_columnsQuantity, onToggle = _param.onToggle, onFocus = _param.onFocus, onChange = _param.onChange, rest = _object_without_properties(_param, [
+var timePickerRoot = function timePickerRoot(Root) {
+    return /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
+        var _ref = [
+            _0,
+            _1
+        ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, _ref_opened = _ref2.opened, opened = _ref_opened === void 0 ? false : _ref_opened, outerValue = _ref2.value, label = _ref2.label, _ref_labelPlacement = _ref2.labelPlacement, labelPlacement = _ref_labelPlacement === void 0 ? 'outer' : _ref_labelPlacement, keepPlaceholder = _ref2.keepPlaceholder, _ref_required = _ref2.required, required = _ref_required === void 0 ? false : _ref_required, _ref_requiredPlacement = _ref2.requiredPlacement, requiredPlacement = _ref_requiredPlacement === void 0 ? 'right' : _ref_requiredPlacement, _ref_hasRequiredIndicator = _ref2.hasRequiredIndicator, hasRequiredIndicator = _ref_hasRequiredIndicator === void 0 ? false : _ref_hasRequiredIndicator, placeholder = _ref2.placeholder, contentLeft = _ref2.contentLeft, contentRight = _ref2.contentRight, textBefore = _ref2.textBefore, textAfter = _ref2.textAfter, view = _ref2.view, size = _ref2.size, _ref_disabled = _ref2.disabled, disabled = _ref_disabled === void 0 ? false : _ref_disabled, _ref_readonly = _ref2.readonly, readonly = _ref_readonly === void 0 ? false : _ref_readonly, _ref_frame = _ref2.frame, frame = _ref_frame === void 0 ? 'document' : _ref_frame, _ref_usePortal = _ref2.usePortal, usePortal = _ref_usePortal === void 0 ? false : _ref_usePortal, _ref_closeOnOverlayClick = _ref2.closeOnOverlayClick, closeOnOverlayClick = _ref_closeOnOverlayClick === void 0 ? true : _ref_closeOnOverlayClick, _ref_closeOnEsc = _ref2.closeOnEsc, closeOnEsc = _ref_closeOnEsc === void 0 ? true : _ref_closeOnEsc, offset = _ref2.offset, stretched = _ref2.stretched, _ref_dropdownAlign = _ref2.dropdownAlign, dropdownAlign = _ref_dropdownAlign === void 0 ? 'left' : _ref_dropdownAlign, dropdownWidth = _ref2.dropdownWidth, dropdownHeight = _ref2.dropdownHeight, _ref_columnsQuantity = _ref2.columnsQuantity, columnsQuantity = _ref_columnsQuantity === void 0 ? 2 : _ref_columnsQuantity, onToggle = _ref2.onToggle, onFocus = _ref2.onFocus, onChange = _ref2.onChange, rest = _object_without_properties(_ref2, [
             "className",
             "opened",
             "value",
@@ -233,8 +251,9 @@ var timePickerRoot = function(Root) {
             "onToggle",
             "onFocus",
             "onChange"
-        ]);
+        ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
         var inputRef = (0, _react.useRef)(null);
+        var timeGridRootRef = (0, _react.useRef)(null);
         var rootRef = (0, _react.useRef)(null);
         var rootForkRef = (0, _plasmacore.useForkRef)(rootRef, ref);
         var hoursHideTimeoutRef = (0, _react.useRef)(null);
@@ -251,6 +270,8 @@ var timePickerRoot = function(Root) {
         }), 2), setActiveTime = _useState3[1];
         var viewValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerTime;
         var format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';
+        var dropdownWidthValue = dropdownWidth ? (0, _utils.getSizeValueFromProp)(dropdownWidth, 'rem') : undefined;
+        var dropdownHeightValue = dropdownHeight ? (0, _utils.getSizeValueFromProp)(dropdownHeight, 'rem') : undefined;
         (0, _react.useEffect)(function() {
             return function() {
                 [
@@ -301,7 +322,7 @@ var timePickerRoot = function(Root) {
             dropdownWidth,
             isInnerOpen
         ]);
-        var handleToggle = function() {
+        var handleToggle = function handleToggle() {
             if (disabled || readonly) return;
             var newState = !isInnerOpen;
             setIsInnerOpen(newState);
@@ -314,7 +335,7 @@ var timePickerRoot = function(Root) {
             }
             onToggle === null || onToggle === void 0 ? void 0 : onToggle(newState);
         };
-        var handleOnChange = function(event) {
+        var handleOnChange = function handleOnChange(event) {
             if (!event) {
                 return;
             }
@@ -331,7 +352,7 @@ var timePickerRoot = function(Root) {
             });
             onChange === null || onChange === void 0 ? void 0 : onChange(event);
         };
-        var handleInputChange = function(event) {
+        var handleInputChange = function handleInputChange(event) {
             var input = event.target.value;
             var cursorPos = event.target.selectionStart;
             var _processTimeInput = (0, _utils1.processTimeInput)(input, format, cursorPos), innerString = _processTimeInput.innerString, values = _processTimeInput.values, newCursorPosition = _processTimeInput.newCursorPosition;
@@ -357,7 +378,7 @@ var timePickerRoot = function(Root) {
                 }
             });
         };
-        var handleKeyDown = function(event) {
+        var handleKeyDown = function handleKeyDown(event) {
             if (event.key === 'Enter' && !isInnerOpen) {
                 event.preventDefault();
                 setIsInnerOpen(true);
@@ -369,10 +390,21 @@ var timePickerRoot = function(Root) {
                 onToggle === null || onToggle === void 0 ? void 0 : onToggle(true);
             }
         };
-        var handleOnKeyDown = function(e) {
+        var handleOnKeyDown = function handleOnKeyDown(e) {
             onKeyDownNavigation(e);
             handleKeyDown(e);
         };
+        var handleTimeGridRootClick = function handleTimeGridRootClick(event) {
+            if (disabled || readonly) {
+                return;
+            }
+            if (isInnerOpen && stretched && event.target === (timeGridRootRef === null || timeGridRootRef === void 0 ? void 0 : timeGridRootRef.current)) {
+                setIsInnerOpen(false);
+                if (onToggle) {
+                    onToggle(false, event);
+                }
+            }
+        };
         var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
             isCalendarOpen: isInnerOpen,
             format: format,
@@ -402,14 +434,14 @@ var timePickerRoot = function(Root) {
             labelPlacement: labelPlacement,
             keepPlaceholder: keepPlaceholder
         });
-        var getDropdownWidth = function() {
-            if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {
+        var getDropdownWidth = function getDropdownWidth() {
+            if (dropdownWidthValue === 'fixed' || dropdownWidthValue === undefined) {
                 return undefined;
             }
-            if (dropdownWidth === 'fullWidth') {
-                return rootWidth !== null ? "".concat(rootWidth, "px") : 'fullWidth';
+            if (dropdownWidthValue === 'fullWidth' && rootWidth !== null) {
+                return "".concat(rootWidth, "px");
             }
-            return dropdownWidth;
+            return dropdownWidthValue;
         };
         var _obj;
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
@@ -433,23 +465,27 @@ var timePickerRoot = function(Root) {
             target: TimePickerInput,
             preventOverflow: false,
             align: dropdownAlign
-        }, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
+        }, /*#__PURE__*/ _react.default.createElement(Root, {
+            ref: timeGridRootRef,
             stretched: stretched,
             view: view,
             size: size,
-            className: (0, _classnames.default)(_TimePickertokens.classes.timePickerRoot, className, (_obj = {}, _define_property(_obj, _TimePickertokens.classes.timePickerFullWidth, dropdownWidth === 'fullWidth'), _define_property(_obj, _TimePickertokens.classes.timePickerFixed, dropdownWidth !== 'fullWidth'), _obj)),
+            className: (0, _classnames.default)(_TimePickertokens.classes.timePickerGridRoot, className, (_obj = {}, _define_property(_obj, _TimePickertokens.classes.timePickerFullWidth, dropdownWidth === 'fullWidth'), _define_property(_obj, _TimePickertokens.classes.timePickerFixed, dropdownWidth !== 'fullWidth'), _obj)),
             disabled: disabled,
-            readonly: readonly
-        }, rest), /*#__PURE__*/ _react.default.createElement(_TimePickerstyles.StyledTimePickerGrid, {
-            value: viewValue,
-            onChange: handleOnChange,
-            dropdownHeight: dropdownHeight,
-            dropdownWidth: getDropdownWidth(),
-            format: format,
+            readonly: readonly,
+            onClick: handleTimeGridRootClick
+        }, /*#__PURE__*/ _react.default.createElement(_TimePickerstyles.StyledTimePickerGrid, {
             view: view,
             size: size,
-            disabled: disabled,
-            width: getDropdownWidth()
+            format: format,
+            columns: columnsQuantity,
+            innerWidth: getDropdownWidth(),
+            innerHeight: dropdownHeightValue,
+            dropdownHeight: "100%",
+            dropdownWidth: "fullWidth",
+            value: viewValue,
+            onChange: handleOnChange,
+            disabled: disabled
         }))));
     });
 };