@salutejs/plasma-new-hope 0.164.0-canary.1475.11273924584.0 → 0.164.0-canary.1477.11275223494.0

package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -12,14 +12,13 @@ var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
 var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
-var _utils2 = /*#__PURE__*/require("../../Calendar/utils");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
 var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
-var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -90,10 +89,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       disabledYearList = _ref.disabledYearList,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
-      _ref$frame = _ref.frame,
-      frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-      _ref$usePortal = _ref.usePortal,
-      usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
       _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
@@ -109,8 +104,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       onCommitSecondDate = _ref.onCommitSecondDate,
       onFocusFirstTextfield = _ref.onFocusFirstTextfield,
       onFocusSecondTextfield = _ref.onFocusSecondTextfield,
-      _onBlurFirstTextfield = _ref.onBlurFirstTextfield,
-      _onBlurSecondTextfield = _ref.onBlurSecondTextfield,
+      onBlurFirstTextfield = _ref.onBlurFirstTextfield,
+      onBlurSecondTextfield = _ref.onBlurSecondTextfield,
       rest = _objectWithoutProperties(_ref, _excluded);
     var rangeRef = ref && 'current' in ref ? ref : /*#__PURE__*/(0, _react.createRef)();
     var rootRef = (0, _react.useRef)(null);
@@ -181,6 +176,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         currentValue: inputFirstValue,
         setInputValue: setFirstInputValue,
         setCalendarValue: setCalendarFirstValue,
+        setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
         lang: lang,
@@ -189,6 +185,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         maskWithFormat: maskWithFormat,
         valueError: firstValueError,
         valueSuccess: firstValueSuccess,
+        inputRef: firstInputRef,
         name: name,
         onChangeValue: onChangeFirstValue,
         onCommitDate: onCommitFirstDate
@@ -199,6 +196,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         currentValue: inputSecondValue,
         setInputValue: setSecondInputValue,
         setCalendarValue: setCalendarSecondValue,
+        setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
         lang: lang,
@@ -207,6 +205,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         maskWithFormat: maskWithFormat,
         valueError: secondValueError,
         valueSuccess: secondValueSuccess,
+        inputRef: secondInputRef,
         onChangeValue: onChangeSecondValue,
         onCommitDate: onCommitSecondDate
       }),
@@ -217,59 +216,15 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       if (disabled || readOnly) {
         return;
       }
-      var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null)) && event.code !== _useKeyboardNavigation.keys.Escape ? true : opened;
-      if (!isCalendarOpen) {
-        if (calendarFirstValue && !calendarSecondValue) {
-          var _secondInputRef$curre2;
-          secondInputRef === null || secondInputRef === void 0 || (_secondInputRef$curre2 = secondInputRef.current) === null || _secondInputRef$curre2 === void 0 || _secondInputRef$curre2.focus();
-        }
-        if (calendarSecondValue || !calendarFirstValue) {
-          var _firstInputRef$curren2;
-          firstInputRef === null || firstInputRef === void 0 || (_firstInputRef$curren2 = firstInputRef.current) === null || _firstInputRef$curren2 === void 0 || _firstInputRef$curren2.focus();
-        }
-      }
+      var isCalendarOpen = firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null) ? true : opened;
       if (onToggle) {
         return onToggle(isCalendarOpen, event);
       }
       setIsInnerOpen(isCalendarOpen);
     };
-    var handleBlur = function handleBlur(event, outerHandler) {
-      if (!inputFirstValue || !inputSecondValue) {
-        outerHandler === null || outerHandler === void 0 || outerHandler(event);
-        return;
-      }
-      var _getDateFromFormat = (0, _dateHelper.getDateFromFormat)(inputFirstValue, format, lang),
-        firstDate = _getDateFromFormat.value,
-        firstIsSuccess = _getDateFromFormat.isSuccess;
-      var _getDateFromFormat2 = (0, _dateHelper.getDateFromFormat)(inputSecondValue, format, lang),
-        secondDate = _getDateFromFormat2.value,
-        secondIsSuccess = _getDateFromFormat2.isSuccess;
-      if (!firstIsSuccess || !secondIsSuccess) {
-        outerHandler === null || outerHandler === void 0 || outerHandler(event);
-        return;
-      }
-      var _getSortedValues = (0, _utils2.getSortedValues)([new Date(firstDate), new Date(secondDate)]),
-        _getSortedValues2 = _slicedToArray(_getSortedValues, 2),
-        startValue = _getSortedValues2[0],
-        endValue = _getSortedValues2[1];
-      setFirstInputValue((0, _dateHelper.formatInputValue)({
-        value: startValue,
-        format: format,
-        lang: lang
-      }));
-      setSecondInputValue((0, _dateHelper.formatInputValue)({
-        value: endValue,
-        format: format,
-        lang: lang
-      }));
-      setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(startValue, format, lang));
-      setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(endValue, format, lang));
-      outerHandler === null || outerHandler === void 0 || outerHandler(event);
-    };
     var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
         isCalendarOpen: isInnerOpen,
-        onToggle: handleToggle,
-        closeOnEsc: closeOnEsc
+        onToggle: handleToggle
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
     var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
@@ -315,12 +270,8 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       },
       onFocusFirstTextfield: onFocusFirstTextfield,
       onFocusSecondTextfield: onFocusSecondTextfield,
-      onBlurFirstTextfield: function onBlurFirstTextfield(event) {
-        return handleBlur(event, _onBlurFirstTextfield);
-      },
-      onBlurSecondTextfield: function onBlurSecondTextfield(event) {
-        return handleBlur(event, _onBlurSecondTextfield);
-      },
+      onBlurFirstTextfield: onBlurFirstTextfield,
+      onBlurSecondTextfield: onBlurSecondTextfield,
       onKeyDown: onKeyDown
     }));
     (0, _react.useEffect)(function () {
@@ -363,16 +314,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         lang: lang
       }));
     }, [format, lang]);
-    var RootWrapper = (0, _react.useCallback)(function (_ref2) {
-      var children = _ref2.children;
-      return /*#__PURE__*/_react["default"].createElement(Root, {
-        view: view,
-        size: size,
-        className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
-        disabled: disabled,
-        readOnly: !disabled && readOnly
-      }, children);
-    }, [view, size, disabled, readOnly]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: rootRef,
       view: view,
@@ -395,8 +336,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       disabledYearList: disabledYearList,
       min: min,
       max: max,
-      frame: frame,
-      usePortal: usePortal,
       placement: placement,
       closeOnOverlayClick: closeOnOverlayClick,
       closeOnEsc: closeOnEsc,
@@ -405,15 +344,14 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       onToggle: handleToggle,
       lang: lang,
       isDoubleCalendar: isDoubleCalendar,
-      rootWrapper: RootWrapper,
       onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
         handleCommitFirstDate(firstDate, false, true, dateInfo);
         handleCommitSecondDate('');
       },
-      onChangeValue: function onChangeValue(_ref3, dateInfo) {
-        var _ref4 = _slicedToArray(_ref3, 2),
-          firstDate = _ref4[0],
-          secondDate = _ref4[1];
+      onChangeValue: function onChangeValue(_ref2, dateInfo) {
+        var _ref3 = _slicedToArray(_ref2, 2),
+          firstDate = _ref3[0],
+          secondDate = _ref3[1];
         firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
         secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
         if (firstDate && secondDate && !firstValueError && !secondValueError) {

package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js

@@ -10,8 +10,7 @@ var _RangeDate = /*#__PURE__*/require("../RangeDate.styles");
 var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover.styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref) {
-  var Root = _ref.rootWrapper,
-    target = _ref.target,
+  var target = _ref.target,
     isOpen = _ref.isOpen,
     opened = _ref.opened,
     isDoubleCalendar = _ref.isDoubleCalendar,
@@ -27,10 +26,6 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
     disabledQuarterList = _ref.disabledQuarterList,
     eventYearList = _ref.eventYearList,
     disabledYearList = _ref.disabledYearList,
-    _ref$frame = _ref.frame,
-    frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-    _ref$usePortal = _ref.usePortal,
-    usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
     _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
@@ -48,8 +43,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
   if (isDoubleCalendar) {
     return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
       opened: innerIsOpen,
-      frame: frame,
-      usePortal: usePortal,
+      usePortal: false,
       onToggle: onToggle,
       offset: offset,
       placement: (0, _utils.getPlacements)(placement),
@@ -58,7 +52,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
       isFocusTrapped: false,
       target: target,
       preventOverflow: false
-    }, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
+    }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendarDouble, {
       size: size,
       value: calendarValue,
       eventList: eventList,
@@ -75,12 +69,11 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
       includeEdgeDates: includeEdgeDates,
       onChangeValue: onChangeValue,
       onChangeStartOfRange: onChangeStartOfRange
-    })));
+    }));
   }
   return /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledPopover, {
     opened: innerIsOpen,
-    frame: frame,
-    usePortal: usePortal,
+    usePortal: false,
     onToggle: onToggle,
     offset: offset,
     placement: (0, _utils.getPlacements)(placement),
@@ -90,7 +83,7 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
     target: target,
     preventOverflow: false,
     closeOnEsc: closeOnEsc
-  }, /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
+  }, /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.StyledCalendar, {
     size: size,
     value: calendarValue,
     eventList: eventList,
@@ -108,5 +101,5 @@ var RangeDatePopover = exports.RangeDatePopover = function RangeDatePopover(_ref
     includeEdgeDates: includeEdgeDates,
     onChangeValue: onChangeValue,
     onChangeStartOfRange: onChangeStartOfRange
-  })));
+  }));
 };

package/emotion/cjs/components/DatePicker/RangeDate/variations/_size/base.js

@@ -7,4 +7,4 @@ exports.base = void 0;
 var _react = /*#__PURE__*/require("@emotion/react");
 var _DatePicker = /*#__PURE__*/require("../../../DatePicker.tokens");
 var _RangeDate = /*#__PURE__*/require("../../RangeDate.styles");
-var base = exports.base = /*#__PURE__*/(0, _react.css)(_RangeDate.StyledLabel, "{margin:var(", _DatePicker.tokens.labelOffset, ");font-family:var(", _DatePicker.tokens.labelFontFamily, ");font-size:var(", _DatePicker.tokens.labelFontSize, ");font-style:var(", _DatePicker.tokens.labelFontStyle, ");font-weight:var(", _DatePicker.tokens.labelFontWeight, ");letter-spacing:var(", _DatePicker.tokens.labelLetterSpacing, ");line-height:var(", _DatePicker.tokens.labelLineHeight, ");}", _RangeDate.LeftHelper, "{margin:var(", _DatePicker.tokens.leftHelperOffset, ");font-family:var(", _DatePicker.tokens.leftHelperFontFamily, ");font-size:var(", _DatePicker.tokens.leftHelperFontSize, ");font-style:var(", _DatePicker.tokens.leftHelperFontStyle, ");font-weight:var(", _DatePicker.tokens.leftHelperFontWeight, ");letter-spacing:var(", _DatePicker.tokens.leftHelperLetterSpacing, ");line-height:var(", _DatePicker.tokens.leftHelperLineHeight, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9SYW5nZURhdGUvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0RhdGVQaWNrZXIvUmFuZ2VEYXRlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vRGF0ZVBpY2tlci50b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkTGFiZWwsIExlZnRIZWxwZXIgfSBmcm9tICcuLi8uLi9SYW5nZURhdGUuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgJHtTdHlsZWRMYWJlbH0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuXG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJPZmZzZXR9KTtcblxuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuICAgIH1cbmA7XG4iXX0= */"));
+var base = exports.base = /*#__PURE__*/(0, _react.css)("width:var(", _DatePicker.tokens.width, ");", _RangeDate.StyledLabel, "{margin:var(", _DatePicker.tokens.labelOffset, ");font-family:var(", _DatePicker.tokens.labelFontFamily, ");font-size:var(", _DatePicker.tokens.labelFontSize, ");font-style:var(", _DatePicker.tokens.labelFontStyle, ");font-weight:var(", _DatePicker.tokens.labelFontWeight, ");letter-spacing:var(", _DatePicker.tokens.labelLetterSpacing, ");line-height:var(", _DatePicker.tokens.labelLineHeight, ");}", _RangeDate.LeftHelper, "{margin:var(", _DatePicker.tokens.leftHelperOffset, ");font-family:var(", _DatePicker.tokens.leftHelperFontFamily, ");font-size:var(", _DatePicker.tokens.leftHelperFontSize, ");font-style:var(", _DatePicker.tokens.leftHelperFontStyle, ");font-weight:var(", _DatePicker.tokens.leftHelperFontWeight, ");letter-spacing:var(", _DatePicker.tokens.leftHelperLetterSpacing, ");line-height:var(", _DatePicker.tokens.leftHelperLineHeight, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRGF0ZVBpY2tlci9SYW5nZURhdGUvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0RhdGVQaWNrZXIvUmFuZ2VEYXRlL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vRGF0ZVBpY2tlci50b2tlbnMnO1xuaW1wb3J0IHsgU3R5bGVkTGFiZWwsIExlZnRIZWxwZXIgfSBmcm9tICcuLi8uLi9SYW5nZURhdGUuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgd2lkdGg6IHZhcigke3Rva2Vucy53aWR0aH0pO1xuXG4gICAgJHtTdHlsZWRMYWJlbH0ge1xuICAgICAgICBtYXJnaW46IHZhcigke3Rva2Vucy5sYWJlbE9mZnNldH0pO1xuXG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMubGFiZWxGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmxhYmVsRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGFiZWxMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGFiZWxMaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtMZWZ0SGVscGVyfSB7XG4gICAgICAgIG1hcmdpbjogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJPZmZzZXR9KTtcblxuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmxlZnRIZWxwZXJGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMubGVmdEhlbHBlckxldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5sZWZ0SGVscGVyTGluZUhlaWdodH0pO1xuICAgIH1cbmA7XG4iXX0= */"));

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

@@ -17,7 +17,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
-var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
+var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "name", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur", "onChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -73,16 +73,10 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       disabledYearList = _ref.disabledYearList,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
-      _ref$frame = _ref.frame,
-      frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-      _ref$usePortal = _ref.usePortal,
-      usePortal = _ref$usePortal === void 0 ? false : _ref$usePortal,
       _ref$placement = _ref.placement,
       placement = _ref$placement === void 0 ? ['top', 'bottom'] : _ref$placement,
       _ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
       closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
-      _ref$closeOnEsc = _ref.closeOnEsc,
-      closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
       offset = _ref.offset,
       onChangeValue = _ref.onChangeValue,
       onCommitDate = _ref.onCommitDate,
@@ -117,6 +111,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
         currentValue: inputValue,
         setInputValue: setInputValue,
         setCalendarValue: setCalendarValue,
+        setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
         lang: lang,
@@ -125,33 +120,21 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
         maskWithFormat: maskWithFormat,
         valueError: valueError,
         valueSuccess: valueSuccess,
+        inputRef: inputRef,
         name: name,
+        onToggle: onToggle,
         onChangeValue: onChangeValue,
         onCommitDate: onCommitDate,
         onChange: onChange
       }),
       datePickerErrorClass = _useDatePicker.datePickerErrorClass,
       datePickerSuccessClass = _useDatePicker.datePickerSuccessClass,
+      handleToggle = _useDatePicker.handleToggle,
       handleChangeValue = _useDatePicker.handleChangeValue,
       handleCommitDate = _useDatePicker.handleCommitDate;
-    var handleToggle = function handleToggle(opened, event) {
-      if (disabled || readOnly) {
-        return;
-      }
-      var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && event.code !== _useKeyboardNavigation.keys.Escape ? true : opened;
-      if (!isCalendarOpen && inputValue) {
-        var _inputRef$current;
-        inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-      }
-      if (onToggle) {
-        return onToggle(isCalendarOpen, event);
-      }
-      setIsInnerOpen(isCalendarOpen);
-    };
     var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
         isCalendarOpen: isInnerOpen,
-        onToggle: handleToggle,
-        closeOnEsc: closeOnEsc
+        onToggle: handleToggle
       }),
       onKeyDown = _useKeyNavigation.onKeyDown;
     var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, _extends({
@@ -207,8 +190,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       ref: ref
     }, rest), !innerLabelPlacement && label && /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledPopover, {
       opened: isInnerOpen,
-      usePortal: usePortal,
-      frame: frame,
+      usePortal: false,
       onToggle: handleToggle,
       offset: offset,
       placement: (0, _utils.getPlacements)(placement),
@@ -217,12 +199,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       isFocusTrapped: false,
       target: DatePickerInput,
       preventOverflow: false
-    }, /*#__PURE__*/_react["default"].createElement(Root, {
-      view: view,
-      size: size,
-      className: (0, _utils.cx)(_DatePicker.classes.datePickerRoot, className),
-      disabled: disabled,
-      readOnly: !disabled && readOnly
     }, /*#__PURE__*/_react["default"].createElement(_DatePickerBase.StyledCalendar, {
       size: size,
       value: calendarValue,
@@ -243,7 +219,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       onChangeValue: function onChangeValue(date, dateInfo) {
         return handleCommitDate(date, false, true, dateInfo);
       }
-    }))), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
+    })), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_DatePickerBase.InputHidden, _extends({
       type: "hidden",
       datatype: "datepicker-single",
       name: name,

package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js

@@ -6,10 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.useDatePicker = void 0;
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
+var _datejs = /*#__PURE__*/require("../../../utils/datejs");
 var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
   var currentValue = _ref.currentValue,
     setInputValue = _ref.setInputValue,
     setCalendarValue = _ref.setCalendarValue,
+    setIsInnerOpen = _ref.setIsInnerOpen,
     dateFormatDelimiter = _ref.dateFormatDelimiter,
     format = _ref.format,
     _ref$lang = _ref.lang,
@@ -19,12 +21,24 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
     maskWithFormat = _ref.maskWithFormat,
     valueError = _ref.valueError,
     valueSuccess = _ref.valueSuccess,
+    inputRef = _ref.inputRef,
     name = _ref.name,
+    onToggle = _ref.onToggle,
     onChangeValue = _ref.onChangeValue,
     onCommitDate = _ref.onCommitDate,
     onChange = _ref.onChange;
   var datePickerErrorClass = valueError ? _DatePicker.classes.datePickerError : undefined;
   var datePickerSuccessClass = valueSuccess ? _DatePicker.classes.datePickerSuccess : undefined;
+  var handleToggle = function handleToggle(opened, event) {
+    if (disabled || readOnly) {
+      return;
+    }
+    var isCalendarOpen = event.target === (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) ? true : opened;
+    if (onToggle) {
+      return onToggle(isCalendarOpen, event);
+    }
+    setIsInnerOpen(isCalendarOpen);
+  };
   var handleChangeValue = function handleChangeValue(event) {
     if (disabled || readOnly) {
       return;
@@ -47,14 +61,24 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
       });
       return;
     }
-    var _validateDateWithFull = (0, _dateHelper.validateDateWithFullMonth)({
-        currentValue: newValue,
-        format: format,
-        lang: lang
-      }),
-      hasMonthFullName = _validateDateWithFull.hasMonthFullName,
-      isValidMonth = _validateDateWithFull.isValidMonth,
-      isLengthEqual = _validateDateWithFull.isLengthEqual;
+
+    /**
+     * NOTE: если в формате даты есть месяц в полном названии или сокращенном,
+     * нужно дополнительно проводить валидацию на полноту введенной даты.
+     * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.
+     */
+    var hasMonthFullName = /M{3,4}/g.test(format);
+    var isValidMonth;
+    var isLengthEqual;
+    if (hasMonthFullName) {
+      _datejs.customDayjs.locale(lang);
+      var firstIndexOfMonth = format.indexOf('M');
+      var lastIndexOfMonth = newValue.indexOf(dateFormatDelimiter(), firstIndexOfMonth);
+      var fullMonthName = !lastIndexOfMonth ? newValue.slice(firstIndexOfMonth) : newValue.slice(firstIndexOfMonth, lastIndexOfMonth);
+      var monthFormatting = format.replace(/[^M]/g, '');
+      isValidMonth = (0, _datejs.customDayjs)("01 ".concat(fullMonthName, " 1970"), "DD ".concat(monthFormatting, " YYYY"), true).isValid();
+      isLengthEqual = format.length - monthFormatting.length === newValue.length - fullMonthName.length;
+    }
     if (!hasMonthFullName && (newValue === null || newValue === void 0 ? void 0 : newValue.length) === (format === null || format === void 0 ? void 0 : format.length) || isValidMonth && isLengthEqual) {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format, lang));
     }
@@ -84,18 +108,20 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
       return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
     }
     if (isCalendarValue) {
-      var _formattedInputValue = (0, _dateHelper.formatInputValue)({
+      setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format, lang));
+      setInputValue((0, _dateHelper.formatInputValue)({
         value: date,
         format: format,
         lang: lang
-      });
-      setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format, lang));
-      setInputValue(_formattedInputValue);
+      }));
       onCommitDate === null || onCommitDate === void 0 || onCommitDate(date, false, true, dateInfo);
-      onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, _formattedInputValue);
       onChange === null || onChange === void 0 || onChange({
         target: {
-          value: _formattedInputValue,
+          value: (0, _dateHelper.formatInputValue)({
+            value: date,
+            format: format,
+            lang: lang
+          }),
           name: name
         }
       });
@@ -106,18 +132,19 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
       newDate = _getDateFromFormat.value,
       isError = _getDateFromFormat.isError,
       isSuccess = _getDateFromFormat.isSuccess;
-    var formattedInputValue = (0, _dateHelper.formatInputValue)({
+    setCalendarValue((0, _dateHelper.formatCalendarValue)(newDate, format, lang));
+    setInputValue((0, _dateHelper.formatInputValue)({
       value: newDate,
       format: format,
       lang: lang
-    });
-    setCalendarValue((0, _dateHelper.formatCalendarValue)(newDate, format, lang));
-    setInputValue(formattedInputValue);
+    }));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
-    onChangeValue === null || onChangeValue === void 0 || onChangeValue(null, formattedInputValue);
     onChange === null || onChange === void 0 || onChange({
       target: {
-        value: formattedInputValue,
+        value: (0, _dateHelper.formatInputValue)({
+          value: date,
+          format: format
+        }),
         name: name
       }
     });
@@ -125,6 +152,7 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
   return {
     datePickerErrorClass: datePickerErrorClass,
     datePickerSuccessClass: datePickerSuccessClass,
+    handleToggle: handleToggle,
     handleChangeValue: handleChangeValue,
     handleCommitDate: handleCommitDate
   };

package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js

@@ -5,12 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useKeyNavigation = exports.keys = void 0;
 var keys = exports.keys = {
-  Space: 'Space',
-  Escape: 'Escape'
+  Space: 'Space'
 };
 var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref) {
   var isCalendarOpen = _ref.isCalendarOpen,
-    closeOnEsc = _ref.closeOnEsc,
     onToggle = _ref.onToggle;
   var onKeyDown = function onKeyDown(event) {
     switch (event.code) {
@@ -22,14 +20,6 @@ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref
           }
           break;
         }
-      case keys.Escape:
-        {
-          if (isCalendarOpen && closeOnEsc) {
-            event.preventDefault();
-            onToggle(false, event);
-          }
-          break;
-        }
       default:
         {
           break;

package/emotion/cjs/components/DatePicker/utils/dateHelper.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validateDateWithFullMonth = exports.getMaskedDateOnInput = exports.getDateFromFormat = exports.getDateFormatDelimiter = exports.formatInputValue = exports.formatCalendarValue = void 0;
+exports.getMaskedDateOnInput = exports.getDateFromFormat = exports.getDateFormatDelimiter = exports.formatInputValue = exports.formatCalendarValue = void 0;
 var _datejs = /*#__PURE__*/require("../../../utils/datejs");
 var formatInputValue = exports.formatInputValue = function formatInputValue(_ref) {
   var value = _ref.value,
@@ -84,34 +84,4 @@ var getMaskedDateOnInput = exports.getMaskedDateOnInput = function getMaskedDate
     return value + delimiter;
   }
   return value;
-};
-var validateDateWithFullMonth = exports.validateDateWithFullMonth = function validateDateWithFullMonth(_ref2) {
-  var currentValue = _ref2.currentValue,
-    format = _ref2.format,
-    lang = _ref2.lang;
-  /**
-   * NOTE: если в формате даты есть месяц в полном названии или сокращенном,
-   * нужно дополнительно проводить валидацию на полноту введенной даты.
-   * Иначе dayjs циклически будет пытаться отформатировать некорректную дату.
-   */
-  var hasMonthFullName = /M{3,4}/g.test(format);
-  if (!hasMonthFullName) {
-    return {
-      hasMonthFullName: hasMonthFullName,
-      isValidMonth: false,
-      isLengthEqual: false
-    };
-  }
-  _datejs.customDayjs.locale(lang);
-  var firstIndexOfMonth = format.indexOf('M');
-  var lastIndexOfMonth = currentValue.indexOf(getDateFormatDelimiter(format), firstIndexOfMonth);
-  var fullMonthName = !lastIndexOfMonth ? currentValue.slice(firstIndexOfMonth) : currentValue.slice(firstIndexOfMonth, lastIndexOfMonth);
-  var monthFormatting = format.replace(/[^M]/g, '');
-  var isValidMonth = (0, _datejs.customDayjs)("01 ".concat(fullMonthName, " 1970"), "DD ".concat(monthFormatting, " YYYY"), true).isValid();
-  var isLengthEqual = format.length - monthFormatting.length === currentValue.length - fullMonthName.length;
-  return {
-    hasMonthFullName: hasMonthFullName,
-    isValidMonth: isValidMonth,
-    isLengthEqual: isLengthEqual
-  };
 };

package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -139,7 +139,6 @@ export const Default: StoryObj<StoryPropsDefault> = {
         valueSuccess: false,
         lang: 'ru',
         format: 'DD.MM.YYYY',
-        closeOnEsc: true,
     },
     render: (args) => <StoryDefault {...args} />,
 };
@@ -270,7 +269,6 @@ export const Range: StoryObj<StoryPropsRange> = {
         size: 'l',
         view: 'default',
         isDoubleCalendar: false,
-        closeOnEsc: true,
         dividerVariant: 'dash',
         min: new Date(2024, 1, 1),
         max: new Date(2024, 12, 29),