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

package/dist/styled-components/es/components/DatePicker/SingleDate/SingleDate.js

@@ -19,6 +19,9 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+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;
@@ -63,12 +66,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];
@@ -78,12 +91,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;
@@ -91,6 +103,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);
@@ -108,6 +123,7 @@ import { classes } from "../DatePicker.tokens";
 import { InputHidden, StyledCalendar } from "../DatePickerBase.styles";
 import { keys, useKeyNavigation } from "../hooks/useKeyboardNavigation";
 import { getFormattedDates, invokeOnCommitDate } from "../utils";
+import { StyledShortcutList } from "../ui";
 import { base as sizeCSS } from "./variations/_size/base";
 import { base as viewCSS } from "./variations/_view/base";
 import { base as hintViewCSS } from "./variations/_hint-view/base";
@@ -116,21 +132,24 @@ import { base as eventTooltipSizeCSS } from "./variations/_tooltip-size/base";
 import { base as disabledCSS } from "./variations/_disabled/base";
 import { base as readOnlyCSS } from "./variations/_readonly/base";
 import { LeftHelper, StyledInput, StyledPopover, base } from "./SingleDate.styles";
-export var datePickerRoot = function(Root) {
-    return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var className = _param.className, name = _param.name, autoComplete = _param.autoComplete, // controlled
-        outerValue = _param.value, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, // variations
-        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, appearance = _param.appearance, hasClearDivider = _param.hasClearDivider, stretched = _param.stretched, valueError = _param.valueError, valueSuccess = _param.valueSuccess, // layout
-        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, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, _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 ? [
+export var datePickerRoot = function datePickerRoot(Root) {
+    return /*#__PURE__*/ forwardRef(function(_0, _1) {
+        var _ref = [
+            _0,
+            _1
+        ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, name = _ref2.name, autoComplete = _ref2.autoComplete, // controlled
+        outerValue = _ref2.value, _ref_opened = _ref2.opened, opened = _ref_opened === void 0 ? false : _ref_opened, _ref_defaultDate = _ref2.defaultDate, defaultDate = _ref_defaultDate === void 0 ? '' : _ref_defaultDate, preserveInvalidOnBlur = _ref2.preserveInvalidOnBlur, // variations
+        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, appearance = _ref2.appearance, hasClearDivider = _ref2.hasClearDivider, stretched = _ref2.stretched, valueError = _ref2.valueError, valueSuccess = _ref2.valueSuccess, // layout
+        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, leftHelper = _ref2.leftHelper, contentLeft = _ref2.contentLeft, contentRight = _ref2.contentRight, textBefore = _ref2.textBefore, textAfter = _ref2.textAfter, _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 ? [
             0,
             0
-        ] : _param_hintOffset, hintWidth = _param.hintWidth, hintContentLeft = _param.hintContentLeft, _param_frame = _param.// calendar-container
-        frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+        ] : _ref_hintOffset, hintWidth = _ref2.hintWidth, hintContentLeft = _ref2.hintContentLeft, _ref_frame = _ref2.// calendar-container
+        frame, frame = _ref_frame === void 0 ? 'document' : _ref_frame, _ref_usePortal = _ref2.usePortal, usePortal = _ref_usePortal === void 0 ? false : _ref_usePortal, zIndex = _ref2.zIndex, _ref_placement = _ref2.placement, placement = _ref_placement === void 0 ? [
             'top',
             'bottom'
-        ] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, _param_format = _param.// calendar
-        format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, rest = _object_without_properties(_param, [
+        ] : _ref_placement, _ref_closeOnOverlayClick = _ref2.closeOnOverlayClick, closeOnOverlayClick = _ref_closeOnOverlayClick === void 0 ? true : _ref_closeOnOverlayClick, _ref_closeOnEsc = _ref2.closeOnEsc, closeOnEsc = _ref_closeOnEsc === void 0 ? true : _ref_closeOnEsc, _ref_closeAfterDateSelect = _ref2.closeAfterDateSelect, closeAfterDateSelect = _ref_closeAfterDateSelect === void 0 ? true : _ref_closeAfterDateSelect, offset = _ref2.offset, _ref_format = _ref2.// calendar
+        format, format = _ref_format === void 0 ? 'DD.MM.YYYY' : _ref_format, _ref_lang = _ref2.lang, lang = _ref_lang === void 0 ? 'ru' : _ref_lang, maskWithFormat = _ref2.maskWithFormat, min = _ref2.min, max = _ref2.max, renderFromDate = _ref2.renderFromDate, _ref_includeEdgeDates = _ref2.includeEdgeDates, includeEdgeDates = _ref_includeEdgeDates === void 0 ? false : _ref_includeEdgeDates, eventTooltipOptions = _ref2.eventTooltipOptions, eventList = _ref2.eventList, disabledList = _ref2.disabledList, eventMonthList = _ref2.eventMonthList, disabledMonthList = _ref2.disabledMonthList, eventQuarterList = _ref2.eventQuarterList, disabledQuarterList = _ref2.disabledQuarterList, eventYearList = _ref2.eventYearList, disabledYearList = _ref2.disabledYearList, _ref_type = _ref2.type, type = _ref_type === void 0 ? 'Days' : _ref_type, calendarContainerWidth = _ref2.calendarContainerWidth, calendarContainerHeight = _ref2.calendarContainerHeight, dateShortcuts = _ref2.dateShortcuts, _ref_dateShortcutsPlacement = _ref2.dateShortcutsPlacement, dateShortcutsPlacement = _ref_dateShortcutsPlacement === void 0 ? 'left' : _ref_dateShortcutsPlacement, dateShortcutsWidth = _ref2.dateShortcutsWidth, onChangeValue = _ref2.onChangeValue, onCommitDate = _ref2.onCommitDate, onToggle = _ref2.onToggle, onFocus = _ref2.onFocus, onBlur = _ref2.onBlur, onChange = _ref2.onChange, rest = _object_without_properties(_ref2, [
             "className",
             "name",
             "autoComplete",
@@ -197,13 +216,16 @@ export var datePickerRoot = function(Root) {
             "type",
             "calendarContainerWidth",
             "calendarContainerHeight",
+            "dateShortcuts",
+            "dateShortcutsPlacement",
+            "dateShortcutsWidth",
             "onChangeValue",
             "onCommitDate",
             "onToggle",
             "onFocus",
             "onBlur",
             "onChange"
-        ]);
+        ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
         var inputRef = useRef(null);
         var innerRef = useRef(null);
         var calendarRootRef = useRef(null);
@@ -249,7 +271,7 @@ export var datePickerRoot = function(Root) {
             onCommitDate: onCommitDate,
             onChange: onChange
         }), datePickerErrorClass = _useDatePicker.datePickerErrorClass, datePickerSuccessClass = _useDatePicker.datePickerSuccessClass, handleChangeValue = _useDatePicker.handleChangeValue, onCalendarPick = _useDatePicker.handleCalendarPick, handleSearch = _useDatePicker.handleSearch, getQuarterInfo = _useDatePicker.getQuarterInfo, updateExternalDate = _useDatePicker.updateExternalDate;
-        var handleToggle = function(innerOpened, event) {
+        var handleToggle = function handleToggle(innerOpened, event) {
             if (disabled || readOnly) {
                 return;
             }
@@ -260,7 +282,7 @@ export var datePickerRoot = function(Root) {
             }
             setIsInnerOpen(isCalendarOpen);
         };
-        var handleCalendarRootClick = function(event) {
+        var handleCalendarRootClick = function handleCalendarRootClick(event) {
             if (disabled || readOnly) {
                 return;
             }
@@ -279,7 +301,7 @@ export var datePickerRoot = function(Root) {
             closeOnEsc: closeOnEsc,
             onToggle: handleToggle
         }).onKeyDown;
-        var handleBlur = function(event) {
+        var handleBlur = function handleBlur(event) {
             if (!preserveInvalidOnBlur && !calendarValue && correctDates.calendar) {
                 setInnerDate(new Date(correctDates.calendar));
                 if (onChangeValue) {
@@ -314,7 +336,7 @@ export var datePickerRoot = function(Root) {
                 onBlur(event);
             }
         };
-        var handleCalendarPick = function(date, dateInfo) {
+        var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
             onCalendarPick(date, dateInfo);
             if (closeAfterDateSelect) {
                 setIsInnerOpen(false);
@@ -401,7 +423,9 @@ export var datePickerRoot = function(Root) {
             isFocusTrapped: false,
             target: DatePickerInput,
             preventOverflow: false,
-            zIndex: zIndex
+            zIndex: zIndex,
+            innerWidth: calendarContainerWidthValue,
+            innerHeight: calendarContainerHeightValue
         }, /*#__PURE__*/ React.createElement(Root, {
             ref: calendarRootRef,
             view: view,
@@ -410,7 +434,13 @@ export var datePickerRoot = function(Root) {
             disabled: disabled,
             readOnly: !disabled && readOnly,
             onClick: handleCalendarRootClick
-        }, /*#__PURE__*/ React.createElement(StyledCalendar, {
+        }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) ? /*#__PURE__*/ React.createElement(StyledShortcutList, {
+            items: dateShortcuts,
+            setShortcutDate: onCalendarPick,
+            dateShortcutsWidth: dateShortcutsWidth,
+            calendarContainerHeight: calendarContainerHeight,
+            dateShortcutsPlacement: dateShortcutsPlacement
+        }) : null, /*#__PURE__*/ React.createElement(StyledCalendar, {
             className: cls(_define_property({}, classes.datePickerCalendarstretched, stretched)),
             innerWidth: calendarContainerWidthValue,
             innerHeight: calendarContainerHeightValue,

package/dist/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -10,14 +10,30 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
 var Popover = component(mergedPopoverConfig);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "SingleDate.styles__StyledPopover",
-    componentId: "sc-e7a0100b-0"
+    componentId: "sc-1eb1563e-0"
 })([
-    ""
-]);
+    ".",
+    "{box-sizing:border-box;display:flex;gap:var(",
+    ");border-radius:var(",
+    ");padding:var(",
+    ");border:var(",
+    ") solid var(",
+    ");background:var(",
+    ");box-shadow:var(",
+    ");overflow:hidden;width:",
+    ";height:",
+    ";}"
+], classes.datePickerRoot, tokens.popoverGap, tokens.popoverBorderRadius, tokens.popoverPadding, tokens.calendarBorderWidth, tokens.calendarBorderColor, tokens.popoverBackgroundColor, tokens.popoverShadow, function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth || 'fit-content';
+}, function(param) {
+    var innerHeight = param.innerHeight;
+    return innerHeight || 'fit-content';
+});
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "SingleDate.styles__StyledInput",
-    componentId: "sc-e7a0100b-1"
+    componentId: "sc-1eb1563e-1"
 })([
     "width:100%;",
     ":var(",
@@ -298,7 +314,7 @@ export var base = css([
 ], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
 export var LeftHelper = styled.div.withConfig({
     displayName: "SingleDate.styles__LeftHelper",
-    componentId: "sc-e7a0100b-2"
+    componentId: "sc-1eb1563e-2"
 })([
     "color:var(",
     ");&.",

package/dist/styled-components/es/components/DatePicker/hooks/useDatePicker.js

@@ -2,11 +2,11 @@ import { customDayjs } from "../../../utils/datejs";
 import { QUARTER_NAMES } from "../../Calendar/utils";
 import { classes } from "../DatePicker.tokens";
 import { getFormattedDates, getMaskedDateOnInput, invokeOnCommitDate } from "../utils";
-export var useDatePicker = function(param) {
+export var useDatePicker = function useDatePicker(param) {
     var currentValue = param.currentValue, format = param.format, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, valueError = param.valueError, valueSuccess = param.valueSuccess, name = param.name, type = param.type, min = param.min, max = param.max, includeEdgeDates = param.includeEdgeDates, maskWithFormat = param.maskWithFormat, dateFormatDelimiter = param.dateFormatDelimiter, setCorrectDates = param.setCorrectDates, setInnerDate = param.setInnerDate, onChangeValue = param.onChangeValue, onCommitDate = param.onCommitDate, onChange = param.onChange;
     var datePickerErrorClass = valueError ? classes.datePickerError : undefined;
     var datePickerSuccessClass = valueSuccess ? classes.datePickerSuccess : undefined;
-    var getQuarterInfo = function(originalDate) {
+    var getQuarterInfo = function getQuarterInfo(originalDate) {
         if (type !== 'Quarters') {
             return;
         }
@@ -23,7 +23,7 @@ export var useDatePicker = function(param) {
             ]
         };
     };
-    var handleChangeValue = function(event) {
+    var handleChangeValue = function handleChangeValue(event) {
         if (disabled || readOnly) {
             return;
         }
@@ -94,7 +94,7 @@ export var useDatePicker = function(param) {
             });
         }
     };
-    var handleSearch = function(date) {
+    var handleSearch = function handleSearch(date) {
         if (disabled || readOnly) {
             return;
         }
@@ -141,7 +141,7 @@ export var useDatePicker = function(param) {
             }
         }
     };
-    var handleCalendarPick = function(date, dateInfo) {
+    var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
         if (disabled || readOnly) {
             return;
         }
@@ -214,7 +214,7 @@ export var useDatePicker = function(param) {
             });
         }
     };
-    var updateExternalDate = function(externalDate) {
+    var updateExternalDate = function updateExternalDate(externalDate) {
         var _getFormattedDates = getFormattedDates({
             value: externalDate || null,
             lang: lang,

package/dist/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js

@@ -3,9 +3,9 @@ export var keys = {
     Space: 'Space',
     Escape: 'Escape'
 };
-export var useKeyNavigation = function(param) {
+export var useKeyNavigation = function useKeyNavigation(param) {
     var isCalendarOpen = param.isCalendarOpen, closeOnEsc = param.closeOnEsc, format = param.format, maskWithFormat = param.maskWithFormat, delimiter = param.delimiter, onToggle = param.onToggle;
-    var onKeyDown = function(event) {
+    var onKeyDown = function onKeyDown(event) {
         if (event.key === delimiter && maskWithFormat && format && !needFullMonth(format)) {
             event.preventDefault();
             return;

package/dist/styled-components/es/components/DatePicker/ui/DateShortcut/DateShortcutList.styles.js

@@ -0,0 +1,54 @@
+import styled from "styled-components";
+import { DateShortcutList } from "../../../DateTimePicker/ui";
+import { dateTimePickerTokens } from "../../../DateTimePicker";
+import { tokens } from "../../DatePicker.tokens";
+export var StyledShortcutList = styled(DateShortcutList).withConfig({
+    displayName: "DateShortcutList.styles__StyledShortcutList",
+    componentId: "sc-b1c8b5db-0"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], dateTimePickerTokens.popoverGap, tokens.popoverGap, dateTimePickerTokens.popoverSeparatorBackground, tokens.popoverSeparatorBackground, dateTimePickerTokens.popoverVerticalPadding, tokens.popoverVerticalPadding, dateTimePickerTokens.calendarHeight, tokens.calendarHeight, dateTimePickerTokens.shortcutPadding, tokens.shortcutPadding, dateTimePickerTokens.shortcutBorderRadius, tokens.shortcutBorderRadius, dateTimePickerTokens.shortcutBackgroundHover, tokens.shortcutBackgroundHover, dateTimePickerTokens.disabledOpacity, tokens.disabledOpacity, dateTimePickerTokens.outlineFocusColor, tokens.outlineFocusColor, dateTimePickerTokens.shortcutBorderRadius, tokens.shortcutBorderRadius, dateTimePickerTokens.shortcutColor, tokens.shortcutColor, dateTimePickerTokens.shortcutPadding, tokens.shortcutPadding, dateTimePickerTokens.shortcutPaddingContent, tokens.shortcutPaddingContent, dateTimePickerTokens.shortcutPaddingLeftContent, tokens.shortcutPaddingLeftContent, dateTimePickerTokens.shortcutPaddingRightContent, tokens.shortcutPaddingRightContent, dateTimePickerTokens.shortcutGap, tokens.shortcutGap, dateTimePickerTokens.shortcutFontFamily, tokens.shortcutFontFamily, dateTimePickerTokens.shortcutFontSize, tokens.shortcutFontSize, dateTimePickerTokens.shortcutFontStyle, tokens.shortcutFontStyle, dateTimePickerTokens.shortcutFontWeight, tokens.shortcutFontWeight, dateTimePickerTokens.shortcutLetterSpacing, tokens.shortcutLetterSpacing, dateTimePickerTokens.shortcutLineHeight, tokens.shortcutLineHeight);

package/dist/styled-components/es/components/DatePicker/ui/index.js

@@ -0,0 +1 @@
+export * from "./DateShortcut/DateShortcutList.styles";

package/dist/styled-components/es/components/DatePicker/utils/dateHelper.js

@@ -1,7 +1,7 @@
-export var needFullMonth = function(format) {
+export var needFullMonth = function needFullMonth(format) {
     return /M{3,4}/g.test(format);
 };
-export var getDateFormatDelimiter = function(format) {
+export var getDateFormatDelimiter = function getDateFormatDelimiter(format) {
     var _format_match;
     if (!format) {
         return '';

package/dist/styled-components/es/components/DatePicker/utils/getFormattedDates.js

@@ -1,7 +1,7 @@
 import { needFullMonth } from "./dateHelper";
 import { getOriginalDates } from "./getOriginalDates";
 import { normalizeDates } from "./normalizeDates";
-export var getFormattedDates = function(param) {
+export var getFormattedDates = function getFormattedDates(param) {
     var value = param.value, lang = param.lang, format = param.format, includeEdgeDates = param.includeEdgeDates, min = param.min, max = param.max;
     var _getOriginalDates = getOriginalDates(value, lang, format), formattedDate = _getOriginalDates.formattedDate, isoDate = _getOriginalDates.isoDate, originalDate = _getOriginalDates.originalDate;
     if (!originalDate) {

package/dist/styled-components/es/components/DatePicker/utils/getMaskedDateOnInput.js

@@ -1,5 +1,5 @@
 import { needFullMonth } from "./dateHelper";
-export var getMaskedDateOnInput = function(value, format, delimiter, prevValue) {
+export var getMaskedDateOnInput = function getMaskedDateOnInput(value, format, delimiter, prevValue) {
     if (!value) {
         return '';
     }

package/dist/styled-components/es/components/DatePicker/utils/getOriginalDates.js

@@ -63,7 +63,7 @@ var initialValueStructure = {
     originalDate: undefined,
     formattedDate: ''
 };
-export var getOriginalDates = function(value, lang, format) {
+export var getOriginalDates = function getOriginalDates(value, lang, format) {
     if (!value || !lang || !format) {
         return initialValueStructure;
     }

package/dist/styled-components/es/components/DatePicker/utils/invokeOnCommitDate.js

@@ -6,7 +6,7 @@ function _type_of(obj) {
  * Вызывает onCommitDate callback с учётом его сигнатуры.
  * Если callback принимает 2 аргумента - использует новую сигнатуру (value, formattedValues).
  * Если больше - использует deprecated сигнатуру (value, error, success, dateInfo, originalDate, isoDate).
- */ export var invokeOnCommitDate = function(param) {
+ */ export var invokeOnCommitDate = function invokeOnCommitDate(param) {
     var callback = param.callback, value = param.value, formattedValues = param.formattedValues;
     var error = formattedValues.error, success = formattedValues.success, dateInfo = formattedValues.dateInfo, originalDate = formattedValues.originalDate, isoDate = formattedValues.isoDate;
     if ((typeof formattedValues === "undefined" ? "undefined" : _type_of(formattedValues)) === 'object' && formattedValues !== null) {

package/dist/styled-components/es/components/DatePicker/utils/normalizeDates.js

@@ -1,5 +1,5 @@
 import { customDayjs } from "../../../utils/datejs";
-export var normalizeDates = function(param) {
+export var normalizeDates = function normalizeDates(param) {
     var originalDate = param.originalDate, lang = param.lang, format = param.format, includeEdgeDates = param.includeEdgeDates, min = param.min, max = param.max;
     var dateCandidate = originalDate;
     customDayjs.locale(lang);

package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.js

@@ -19,6 +19,9 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+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;
@@ -63,12 +66,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];
@@ -78,12 +91,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;
@@ -91,6 +103,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);
@@ -113,17 +128,20 @@ import { classes } from "./DateTimePicker.tokens";
 import { useDateTimePicker } from "./hooks/useDateTimePicker";
 import { useKeyNavigation } from "./hooks/useKeyboardNavigation";
 // changes to start tests
-export var dateTimePickerRoot = function(Root) {
-    return /*#__PURE__*/ forwardRef(function(_param, ref) {
-        var className = _param.className, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, // variation props
-        size = _param.size, view = _param.view, _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_opened = _param.// popover props
-        opened, opened = _param_opened === void 0 ? false : _param_opened, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
+export var dateTimePickerRoot = function dateTimePickerRoot(Root) {
+    return /*#__PURE__*/ forwardRef(function(_0, _1) {
+        var _ref = [
+            _0,
+            _1
+        ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), className = _ref2.className, outerValue = _ref2.value, _ref_defaultDate = _ref2.defaultDate, defaultDate = _ref_defaultDate === void 0 ? '' : _ref_defaultDate, // variation props
+        size = _ref2.size, view = _ref2.view, _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_opened = _ref2.// popover props
+        opened, opened = _ref_opened === void 0 ? false : _ref_opened, _ref_placement = _ref2.placement, placement = _ref_placement === void 0 ? [
             'top',
             'bottom'
-        ] : _param_placement, offset = _param.offset, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, zIndex = _param.zIndex, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_type = _param.// calendar props
-        type, type = _param_type === void 0 ? 'Days' : _param_type, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? 'DD.MM.YYYY' : _param_dateFormat, _param_timeFormat = _param.timeFormat, timeFormat = _param_timeFormat === void 0 ? 'HH:mm:ss' : _param_timeFormat, _param_dateTimeSeparator = _param.dateTimeSeparator, dateTimeSeparator = _param_dateTimeSeparator === void 0 ? ' ' : _param_dateTimeSeparator, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, includeEdgeDates = _param.includeEdgeDates, isDouble = _param.isDouble, dateOnTimeSelectOnly = _param.dateOnTimeSelectOnly, dateShortcuts = _param.dateShortcuts, _param_dateShortcutsPlacement = _param.dateShortcutsPlacement, dateShortcutsPlacement = _param_dateShortcutsPlacement === void 0 ? 'left' : _param_dateShortcutsPlacement, dateShortcutsWidth = _param.dateShortcutsWidth, eventTooltipOptions = _param.eventTooltipOptions, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, // input props
-        label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? false : _param_hasRequiredIndicator, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, placeholder = _param.placeholder, valueError = _param.valueError, valueSuccess = _param.valueSuccess, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, autoComplete = _param.autoComplete, // callbacks
-        onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, rest = _object_without_properties(_param, [
+        ] : _ref_placement, offset = _ref2.offset, _ref_frame = _ref2.frame, frame = _ref_frame === void 0 ? 'document' : _ref_frame, zIndex = _ref2.zIndex, _ref_closeOnOverlayClick = _ref2.closeOnOverlayClick, closeOnOverlayClick = _ref_closeOnOverlayClick === void 0 ? true : _ref_closeOnOverlayClick, _ref_closeOnEsc = _ref2.closeOnEsc, closeOnEsc = _ref_closeOnEsc === void 0 ? true : _ref_closeOnEsc, _ref_usePortal = _ref2.usePortal, usePortal = _ref_usePortal === void 0 ? false : _ref_usePortal, _ref_type = _ref2.// calendar props
+        type, type = _ref_type === void 0 ? 'Days' : _ref_type, _ref_lang = _ref2.lang, lang = _ref_lang === void 0 ? 'ru' : _ref_lang, _ref_dateFormat = _ref2.dateFormat, dateFormat = _ref_dateFormat === void 0 ? 'DD.MM.YYYY' : _ref_dateFormat, _ref_timeFormat = _ref2.timeFormat, timeFormat = _ref_timeFormat === void 0 ? 'HH:mm:ss' : _ref_timeFormat, _ref_dateTimeSeparator = _ref2.dateTimeSeparator, dateTimeSeparator = _ref_dateTimeSeparator === void 0 ? ' ' : _ref_dateTimeSeparator, maskWithFormat = _ref2.maskWithFormat, min = _ref2.min, max = _ref2.max, renderFromDate = _ref2.renderFromDate, includeEdgeDates = _ref2.includeEdgeDates, isDouble = _ref2.isDouble, dateOnTimeSelectOnly = _ref2.dateOnTimeSelectOnly, dateShortcuts = _ref2.dateShortcuts, _ref_dateShortcutsPlacement = _ref2.dateShortcutsPlacement, dateShortcutsPlacement = _ref_dateShortcutsPlacement === void 0 ? 'left' : _ref_dateShortcutsPlacement, dateShortcutsWidth = _ref2.dateShortcutsWidth, eventTooltipOptions = _ref2.eventTooltipOptions, eventList = _ref2.eventList, disabledList = _ref2.disabledList, eventMonthList = _ref2.eventMonthList, disabledMonthList = _ref2.disabledMonthList, eventQuarterList = _ref2.eventQuarterList, disabledQuarterList = _ref2.disabledQuarterList, eventYearList = _ref2.eventYearList, disabledYearList = _ref2.disabledYearList, calendarContainerWidth = _ref2.calendarContainerWidth, calendarContainerHeight = _ref2.calendarContainerHeight, stretched = _ref2.stretched, // input props
+        label = _ref2.label, _ref_labelPlacement = _ref2.labelPlacement, labelPlacement = _ref_labelPlacement === void 0 ? 'outer' : _ref_labelPlacement, keepPlaceholder = _ref2.keepPlaceholder, _ref_requiredPlacement = _ref2.requiredPlacement, requiredPlacement = _ref_requiredPlacement === void 0 ? 'right' : _ref_requiredPlacement, _ref_required = _ref2.required, required = _ref_required === void 0 ? false : _ref_required, _ref_hasRequiredIndicator = _ref2.hasRequiredIndicator, hasRequiredIndicator = _ref_hasRequiredIndicator === void 0 ? false : _ref_hasRequiredIndicator, preserveInvalidOnBlur = _ref2.preserveInvalidOnBlur, placeholder = _ref2.placeholder, valueError = _ref2.valueError, valueSuccess = _ref2.valueSuccess, leftHelper = _ref2.leftHelper, contentLeft = _ref2.contentLeft, contentRight = _ref2.contentRight, textBefore = _ref2.textBefore, textAfter = _ref2.textAfter, autoComplete = _ref2.autoComplete, // callbacks
+        onChangeValue = _ref2.onChangeValue, onCommitDate = _ref2.onCommitDate, onToggle = _ref2.onToggle, onFocus = _ref2.onFocus, onBlur = _ref2.onBlur, rest = _object_without_properties(_ref2, [
             "className",
             "value",
             "defaultDate",
@@ -187,7 +205,7 @@ export var dateTimePickerRoot = function(Root) {
             "onToggle",
             "onFocus",
             "onBlur"
-        ]);
+        ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
         var inputRef = useRef(null);
         var inputInnerRef = useForkRef(inputRef, ref);
         var calendarOverlayRef = useRef(null);
@@ -213,7 +231,7 @@ export var dateTimePickerRoot = function(Root) {
             onCommitDate: onCommitDate,
             onBlur: onBlur
         }), format = _useDateTimePicker.format, dateVisibleValue = _useDateTimePicker.dateVisibleValue, calendarGridValue = _useDateTimePicker.calendarGridValue, inputValue = _useDateTimePicker.inputValue, timeVisibleValue = _useDateTimePicker.timeVisibleValue, timeColumnsCount = _useDateTimePicker.timeColumnsCount, errorClass = _useDateTimePicker.errorClass, successClass = _useDateTimePicker.successClass, handleChangeValue = _useDateTimePicker.handleChangeValue, handleSearch = _useDateTimePicker.handleSearch, handleBlur = _useDateTimePicker.handleBlur, handleCalendarPick = _useDateTimePicker.handleCalendarPick, handleTimePick = _useDateTimePicker.handleTimePick, updateExternalDate = _useDateTimePicker.updateExternalDate, isDateEqualEdge = _useDateTimePicker.isDateEqualEdge;
-        var handleCalendarOverlayClick = function(event) {
+        var handleCalendarOverlayClick = function handleCalendarOverlayClick(event) {
             if (disabled || readOnly) {
                 return;
             }
@@ -225,7 +243,7 @@ export var dateTimePickerRoot = function(Root) {
                 }
             }
         };
-        var handleToggle = function(innerOpened, event) {
+        var handleToggle = function handleToggle(innerOpened, event) {
             if (disabled || readOnly) {
                 return;
             }
@@ -293,7 +311,7 @@ export var dateTimePickerRoot = function(Root) {
                 readOnly: readOnly,
                 disabled: disabled,
                 onChange: handleChangeValue,
-                onSearch: function(e) {
+                onSearch: function onSearch(e) {
                     var _e_currentTarget;
                     return handleSearch(e === null || e === void 0 ? void 0 : (_e_currentTarget = e.currentTarget) === null || _e_currentTarget === void 0 ? void 0 : _e_currentTarget.value);
                 },
@@ -323,7 +341,7 @@ export var dateTimePickerRoot = function(Root) {
             readOnly: !disabled && readOnly
         }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) ? /*#__PURE__*/ React.createElement(DateShortcutList, {
             items: dateShortcuts,
-            setShortcutDate: updateExternalDate,
+            setShortcutDate: handleCalendarPick,
             dateShortcutsWidth: dateShortcutsWidth,
             calendarContainerHeight: calendarContainerHeight,
             dateShortcutsPlacement: dateShortcutsPlacement