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

package/dist/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -25,6 +25,7 @@ var _DatePickertokens = require("../DatePicker.tokens");
 var _DatePickerBasestyles = require("../DatePickerBase.styles");
 var _useKeyboardNavigation = require("../hooks/useKeyboardNavigation");
 var _utils1 = require("../utils");
+var _ui = require("../ui");
 var _base = require("./variations/_size/base");
 var _base1 = require("./variations/_view/base");
 var _base2 = require("./variations/_hint-view/base");
@@ -100,6 +101,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 +148,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 +173,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 +185,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);
@@ -180,21 +196,24 @@ 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 datePickerRoot = function(Root) {
-    return /*#__PURE__*/ (0, _react.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 ? [
+var datePickerRoot = function datePickerRoot(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, 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",
@@ -261,13 +280,16 @@ 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 = (0, _react.useRef)(null);
         var innerRef = (0, _react.useRef)(null);
         var calendarRootRef = (0, _react.useRef)(null);
@@ -313,7 +335,7 @@ var datePickerRoot = function(Root) {
             onCommitDate: onCommitDate,
             onChange: onChange
         }), datePickerErrorClass = _useDatePicker1.datePickerErrorClass, datePickerSuccessClass = _useDatePicker1.datePickerSuccessClass, handleChangeValue = _useDatePicker1.handleChangeValue, onCalendarPick = _useDatePicker1.handleCalendarPick, handleSearch = _useDatePicker1.handleSearch, getQuarterInfo = _useDatePicker1.getQuarterInfo, updateExternalDate = _useDatePicker1.updateExternalDate;
-        var handleToggle = function(innerOpened, event) {
+        var handleToggle = function handleToggle(innerOpened, event) {
             if (disabled || readOnly) {
                 return;
             }
@@ -324,7 +346,7 @@ var datePickerRoot = function(Root) {
             }
             setIsInnerOpen(isCalendarOpen);
         };
-        var handleCalendarRootClick = function(event) {
+        var handleCalendarRootClick = function handleCalendarRootClick(event) {
             if (disabled || readOnly) {
                 return;
             }
@@ -343,7 +365,7 @@ 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) {
@@ -378,7 +400,7 @@ var datePickerRoot = function(Root) {
                 onBlur(event);
             }
         };
-        var handleCalendarPick = function(date, dateInfo) {
+        var handleCalendarPick = function handleCalendarPick(date, dateInfo) {
             onCalendarPick(date, dateInfo);
             if (closeAfterDateSelect) {
                 setIsInnerOpen(false);
@@ -465,7 +487,9 @@ var datePickerRoot = function(Root) {
             isFocusTrapped: false,
             target: DatePickerInput,
             preventOverflow: false,
-            zIndex: zIndex
+            zIndex: zIndex,
+            innerWidth: calendarContainerWidthValue,
+            innerHeight: calendarContainerHeightValue
         }, /*#__PURE__*/ _react.default.createElement(Root, {
             ref: calendarRootRef,
             view: view,
@@ -474,7 +498,13 @@ var datePickerRoot = function(Root) {
             disabled: disabled,
             readOnly: !disabled && readOnly,
             onClick: handleCalendarRootClick
-        }, /*#__PURE__*/ _react.default.createElement(_DatePickerBasestyles.StyledCalendar, {
+        }, (dateShortcuts === null || dateShortcuts === void 0 ? void 0 : dateShortcuts.length) ? /*#__PURE__*/ _react.default.createElement(_ui.StyledShortcutList, {
+            items: dateShortcuts,
+            setShortcutDate: onCalendarPick,
+            dateShortcutsWidth: dateShortcutsWidth,
+            calendarContainerHeight: calendarContainerHeight,
+            dateShortcutsPlacement: dateShortcutsPlacement
+        }) : null, /*#__PURE__*/ _react.default.createElement(_DatePickerBasestyles.StyledCalendar, {
             className: (0, _classnames.default)(_define_property({}, _DatePickertokens.classes.datePickerCalendarstretched, stretched)),
             innerWidth: calendarContainerWidthValue,
             innerHeight: calendarContainerHeightValue,