@salutejs/plasma-new-hope 0.146.1-canary.1412.10901451694.0 → 0.146.1-canary.1441.10902378762.0

package/emotion/es/components/Popup/Popup.js

@@ -8,8 +8,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { forwardRef, useRef } from 'react';
-import ReactDOM from 'react-dom';
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { cx } from '../../utils';
 import { Portal } from '../Portal';
@@ -17,7 +16,6 @@ import { POPUP_PORTAL_ID } from './PopupContext';
 import { PopupRoot } from './PopupRoot';
 import { usePopup } from './hooks';
 import { classes } from './Popup.tokens';
-import { StyledPortalContainer } from './Popup.styles';
 export var handlePosition = function handlePosition(placement, offset) {
   var x = '0rem';
   var y = '0rem';
@@ -41,8 +39,8 @@ export var handlePosition = function handlePosition(placement, offset) {
   var bottom;
   var transform;
   var placements = placement.split('-');
-  placements.forEach(function (placementValue) {
-    switch (placementValue) {
+  placements.forEach(function (placement) {
+    switch (placement) {
       case 'left':
         left = x;
         break;
@@ -77,7 +75,7 @@ export var handlePosition = function handlePosition(placement, offset) {
 };
 
 /**
- * Базовый компонент Popup.
+ * Базовый копмонент Popup.
  */
 export var popupRoot = function popupRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
@@ -116,11 +114,44 @@ export var popupRoot = function popupRoot(Root) {
     var portalRef = useRef(null);
     var contentRef = useRef(null);
     var innerRef = useForkRef(contentRef, outerRootRef);
+    var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      forceRender = _useState2[1];
+    useEffect(function () {
+      var portal = document.getElementById(POPUP_PORTAL_ID);
+      if (typeof frame !== 'string' && frame && frame.current) {
+        portal = frame.current;
+      }
+      if (!portal) {
+        portal = document.createElement('div');
+        portal.setAttribute('id', POPUP_PORTAL_ID);
+        /**
+         * Нужно для того, чтобы во фрейме не происходило скачков контента
+         * при анимации через transform, если есть элемент с шириной/высотой в 100% (Overlay)
+         */
+        portal.style.width = '0';
+        if (typeof frame === 'string' && frame !== 'document') {
+          var _document$getElementB;
+          (_document$getElementB = document.getElementById(frame)) === null || _document$getElementB === void 0 || _document$getElementB.appendChild(portal);
+        } else {
+          document.body.appendChild(portal);
+        }
+      }
+      portalRef.current = portal;
+
+      /**
+       * Изменение стейта нужно для того, чтобы Popup
+       * отобразился после записи DOM элемента в portalRef.current
+       */
+      forceRender(true);
+    }, []);
     if (!isVisible && !innerIsOpen) {
       return null;
     }
     var cls = cx(className, animationInfo !== null && animationInfo !== void 0 && animationInfo.endAnimation ? classes.endAnimation : '', animationInfo !== null && animationInfo !== void 0 && animationInfo.endTransition ? classes.endTransition : '');
-    var rootNode = /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React.createElement(React.Fragment, null, portalRef.current && /*#__PURE__*/React.createElement(Portal, {
+      container: portalRef.current
+    }, /*#__PURE__*/React.createElement(Root, _extends({
       className: cls
     }, rest), overlay, /*#__PURE__*/React.createElement(PopupRoot, {
       id: innerId,
@@ -130,25 +161,7 @@ export var popupRoot = function popupRoot(Root) {
       zIndex: zIndex,
       animationInfo: animationInfo,
       setVisible: setVisible
-    }, children));
-    if (typeof frame !== 'string' && frame && frame.current) {
-      return /*#__PURE__*/React.createElement(Portal, {
-        container: frame.current
-      }, rootNode);
-    }
-    var withFrameId = typeof frame === 'string' && frame !== 'document';
-    var containerElement = withFrameId && document.getElementById(frame);
-    if (containerElement) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(StyledPortalContainer, {
-        ref: portalRef
-      }, portalRef.current && /*#__PURE__*/React.createElement(Portal, {
-        container: portalRef.current
-      }, rootNode)), containerElement));
-    }
-    var globalPortal = typeof document !== 'undefined' && document.getElementById(POPUP_PORTAL_ID);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, globalPortal && /*#__PURE__*/React.createElement(Portal, {
-      container: globalPortal
-    }, rootNode));
+    }, children))));
   });
 };
 export var popupConfig = {

package/emotion/es/components/Popup/Popup.styles.js

@@ -2,29 +2,9 @@ import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import { DEFAULT_Z_INDEX } from './utils';
 export var StyledPortal = /*#__PURE__*/_styled("div", {
-  target: "eaqy7mk3",
-  label: "plasma-new-hope__StyledPortal"
-})(process.env.NODE_ENV === "production" ? {
-  name: "14er37y",
-  styles: "position:fixed;top:0;left:0;right:0;bottom:0;:empty{width:0;pointer-events:none;}:not(:empty){width:auto;pointer-events:auto;}"
-} : {
-  name: "14er37y",
-  styles: "position:fixed;top:0;left:0;right:0;bottom:0;:empty{width:0;pointer-events:none;}:not(:empty){width:auto;pointer-events:auto;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICByaWdodDogMDtcbiAgICBib3R0b206IDA7XG5cbiAgICA6ZW1wdHkge1xuICAgICAgICB3aWR0aDogMDtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgfVxuXG4gICAgOm5vdCg6ZW1wdHkpIHtcbiAgICAgICAgd2lkdGg6IGF1dG87XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBhdXRvO1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWxDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIHdpZHRoOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwVmlldyA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG1heC13aWR0aDogMTAwJTtcbiAgICBwb2ludGVyLWV2ZW50czogYWxsO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBvcHVwUm9vdENvbnRhaW5lciA9IHN0eWxlZC5kaXY8UG9wdXBSb290Q29udGFpbmVyUHJvcHM+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAkeyh7IHpJbmRleCB9KSA9PiB6SW5kZXggfHwgREVGQVVMVF9aX0lOREVYfTtcbiAgICBsZWZ0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmxlZnQgfHwgJyd9O1xuICAgIHJpZ2h0OiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnJpZ2h0IHx8ICcnfTtcbiAgICB0b3A6ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udG9wIHx8ICcnfTtcbiAgICBib3R0b206ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24uYm90dG9tIHx8ICcnfTtcbiAgICB0cmFuc2Zvcm06ICR7KHsgcG9zaXRpb24gfSkgPT4gcG9zaXRpb24udHJhbnNmb3JtIHx8ICcnfTtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-export var StyledPortalContainer = /*#__PURE__*/_styled("div", {
   target: "eaqy7mk2",
-  label: "plasma-new-hope__StyledPortalContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "k2uqvh",
-  styles: "width:0"
-} : {
-  name: "k2uqvh",
-  styles: "width:0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCK0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuXG4gICAgOmVtcHR5IHtcbiAgICAgICAgd2lkdGg6IDA7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cblxuICAgIDpub3QoOmVtcHR5KSB7XG4gICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+  label: "plasma-new-hope__StyledPortal"
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtzQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */");
 export var PopupView = /*#__PURE__*/_styled("div", {
   target: "eaqy7mk1",
   label: "plasma-new-hope__PopupView"
@@ -34,7 +14,7 @@ export var PopupView = /*#__PURE__*/_styled("div", {
 } : {
   name: "1m82nn4",
   styles: "position:relative;max-width:100%;pointer-events:all",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCbUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuXG4gICAgOmVtcHR5IHtcbiAgICAgICAgd2lkdGg6IDA7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cblxuICAgIDpub3QoOmVtcHR5KSB7XG4gICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9tQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var PopupRootContainer = /*#__PURE__*/_styled("div", {
@@ -58,4 +38,4 @@ export var PopupRootContainer = /*#__PURE__*/_styled("div", {
 }, ";transform:", function (_ref6) {
   var position = _ref6.position;
   return position.transform || '';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDcUUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qb3B1cC9Qb3B1cC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB0eXBlIHsgUG9wdXBSb290Q29udGFpbmVyUHJvcHMgfSBmcm9tICcuL1BvcHVwLnR5cGVzJztcbmltcG9ydCB7IERFRkFVTFRfWl9JTkRFWCB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuXG4gICAgOmVtcHR5IHtcbiAgICAgICAgd2lkdGg6IDA7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cblxuICAgIDpub3QoOmVtcHR5KSB7XG4gICAgICAgIHdpZHRoOiBhdXRvO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUG9ydGFsQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICB3aWR0aDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUG9wdXAvUG9wdXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxRSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BvcHVwL1BvcHVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHR5cGUgeyBQb3B1cFJvb3RDb250YWluZXJQcm9wcyB9IGZyb20gJy4vUG9wdXAudHlwZXMnO1xuaW1wb3J0IHsgREVGQVVMVF9aX0lOREVYIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQb3J0YWwgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFZpZXcgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQb3B1cFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2PFBvcHVwUm9vdENvbnRhaW5lclByb3BzPmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogJHsoeyB6SW5kZXggfSkgPT4gekluZGV4IHx8IERFRkFVTFRfWl9JTkRFWH07XG4gICAgbGVmdDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5sZWZ0IHx8ICcnfTtcbiAgICByaWdodDogJHsoeyBwb3NpdGlvbiB9KSA9PiBwb3NpdGlvbi5yaWdodCB8fCAnJ307XG4gICAgdG9wOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRvcCB8fCAnJ307XG4gICAgYm90dG9tOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLmJvdHRvbSB8fCAnJ307XG4gICAgdHJhbnNmb3JtOiAkeyh7IHBvc2l0aW9uIH0pID0+IHBvc2l0aW9uLnRyYW5zZm9ybSB8fCAnJ307XG5gO1xuIl19 */"));

package/emotion/es/components/Popup/PopupContext.js

@@ -1,4 +1,3 @@
-var _StyledPortal;
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -9,19 +8,15 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { createContext, useState, useContext, useRef } from 'react';
-import ReactDOM from 'react-dom';
+import React, { createContext, useEffect, useState, useContext, useRef } from 'react';
 import { hasModals } from '../Modal/ModalContext';
-import { StyledPortal } from './Popup.styles';
 export var POPUP_PORTAL_ID = 'plasma-popup-root';
 var items = [];
 var PopupContext = /*#__PURE__*/createContext({
   items: items,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   register: function register(_info) {
     throw new Error('Function not implemented. Add PopupProvider');
   },
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   unregister: function unregister(_id) {
     throw new Error('Function not implemented. Add PopupProvider');
   }
@@ -32,7 +27,6 @@ export var usePopupContext = function usePopupContext() {
 export var PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children;
   var prevBodyOverflowY = useRef(typeof document !== 'undefined' ? document.body.style.overflowY : '');
-  // eslint-disable-next-line no-shadow
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
@@ -70,9 +64,15 @@ export var PopupProvider = function PopupProvider(_ref) {
     register: register,
     unregister: unregister
   };
+  useEffect(function () {
+    return function () {
+      var portal = document.createElement('div');
+      if (portal && document.body.contains(portal)) {
+        document.body.removeChild(portal);
+      }
+    };
+  }, []);
   return /*#__PURE__*/React.createElement(PopupContext.Provider, {
     value: context
-  }, children, /*#__PURE__*/ReactDOM.createPortal(_StyledPortal || (_StyledPortal = /*#__PURE__*/React.createElement(StyledPortal, {
-    id: POPUP_PORTAL_ID
-  })), document.body));
+  }, children);
 };

package/emotion/es/components/Popup/hooks/usePopup.js

@@ -13,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useEffect, useState } from 'react';
 import { usePopupContext } from '../PopupContext';
 
-// Хук для подключения анимации
+// Хук для поключения анимации
 var usePopupAnimation = function usePopupAnimation() {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),

package/es/components/DatePicker/RangeDate/RangeDate.js

@@ -106,7 +106,11 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       calendarFirstValue = _useState8[0],
       setCalendarFirstValue = _useState8[1];
-    var _useState9 = useState(formatInputValue(defaultFirstDate, format, lang)),
+    var _useState9 = useState(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      })),
       _useState10 = _slicedToArray(_useState9, 2),
       inputFirstValue = _useState10[0],
       setInputFirstValue = _useState10[1];
@@ -114,7 +118,11 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       _useState12 = _slicedToArray(_useState11, 2),
       calendarSecondValue = _useState12[0],
       setCalendarSecondValue = _useState12[1];
-    var _useState13 = useState(formatInputValue(defaultSecondDate, format, lang)),
+    var _useState13 = useState(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      })),
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
@@ -233,17 +241,33 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
     }, [opened]);
     useEffect(function () {
       setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
-      setInputFirstValue(formatInputValue(defaultFirstDate, format, lang));
+      setInputFirstValue(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultFirstDate]);
     useEffect(function () {
       setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
-      setInputSecondValue(formatInputValue(defaultSecondDate, format, lang));
+      setInputSecondValue(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultSecondDate]);
     useEffect(function () {
       setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));
-      setInputFirstValue(formatInputValue(defaultFirstDate, format, lang));
+      setInputFirstValue(formatInputValue({
+        value: defaultFirstDate,
+        format: format,
+        lang: lang
+      }));
       setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));
-      setInputSecondValue(formatInputValue(defaultSecondDate, format, lang));
+      setInputSecondValue(formatInputValue({
+        value: defaultSecondDate,
+        format: format,
+        lang: lang
+      }));
     }, [format, lang]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: rootRef,

package/es/components/DatePicker/RangeDate/RangeDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDate.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    SyntheticEvent,\n    createRef,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport type { RangeInputRefs } from '../../Range/Range.types';\nimport { classes } from '../DatePicker.tokens';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerRangeProps } from './RangeDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledLabel, StyledRange, base } from './RangeDate.styles';\nimport { RangeDatePopover } from './RangeDatePopover/RangeDatePopover';\n\nexport const datePickerRangeRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerRangeProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<RangeInputRefs, DatePickerRangeProps>(\n        (\n            {\n                className,\n\n                isDoubleCalendar = false,\n                opened = false,\n\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                defaultFirstDate = '',\n                defaultSecondDate = '',\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n\n                onToggle,\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n\n                onCommitFirstDate,\n                onCommitSecondDate,\n\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = ref && 'current' in ref ? ref : createRef<RangeInputRefs>();\n            const rootRef = useRef<HTMLDivElement | null>(null);\n\n            const [firstInputRef, setFirstInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n                rangeRef?.current?.firstTextField(),\n            );\n            const [secondInputRef, setSecondInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n                rangeRef?.current?.secondTextField(),\n            );\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const [calendarFirstValue, setCalendarFirstValue] = useState(\n                formatCalendarValue(defaultFirstDate, format, lang),\n            );\n            const [inputFirstValue, setInputFirstValue] = useState(formatInputValue(defaultFirstDate, format, lang));\n\n            const [calendarSecondValue, setCalendarSecondValue] = useState(\n                formatCalendarValue(defaultSecondDate, format, lang),\n            );\n            const [inputSecondValue, setInputSecondValue] = useState(formatInputValue(defaultSecondDate, format, lang));\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                handleChangeValue: handleChangeFirstValue,\n                handleCommitDate: handleCommitFirstDate,\n            } = useDatePicker({\n                currentValue: inputFirstValue,\n                setInputValue: setInputFirstValue,\n                setCalendarValue: setCalendarFirstValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError: firstValueError,\n                valueSuccess: firstValueSuccess,\n                inputRef: firstInputRef,\n                onChangeValue: onChangeFirstValue,\n                onCommitDate: onCommitFirstDate,\n            });\n\n            const {\n                handleChangeValue: handleChangeSecondValue,\n                handleCommitDate: handleCommitSecondDate,\n            } = useDatePicker({\n                currentValue: inputSecondValue,\n                setInputValue: setInputSecondValue,\n                setCalendarValue: setCalendarSecondValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError: secondValueError,\n                valueSuccess: secondValueSuccess,\n                inputRef: secondInputRef,\n                onChangeValue: onChangeSecondValue,\n                onCommitDate: onCommitSecondDate,\n            });\n\n            const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const isCalendarOpen =\n                    firstInputRef?.current?.contains((event.target as Node) || null) ||\n                    secondInputRef?.current?.contains((event.target as Node) || null)\n                        ? true\n                        : opened;\n\n                if (onToggle) {\n                    return onToggle(isCalendarOpen, event);\n                }\n\n                setIsInnerOpen(isCalendarOpen);\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n            });\n\n            const RangeComponent = (\n                <>\n                    {/* TODO https://github.com/salute-developers/plasma/issues/1227\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    //@ts-ignore */}\n                    <StyledRange\n                        ref={rangeRef}\n                        dividerIcon={dividerIcon}\n                        dividerVariant={dividerVariant}\n                        disabled={disabled}\n                        readOnly={!disabled && readOnly}\n                        firstPlaceholder={firstPlaceholder}\n                        secondPlaceholder={secondPlaceholder}\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        firstTextfieldTextBefore={firstTextfieldTextBefore}\n                        secondTextfieldTextBefore={secondTextfieldTextBefore}\n                        firstTextfieldTextAfter={firstTextfieldTextAfter}\n                        secondTextfieldTextAfter={secondTextfieldTextAfter}\n                        firstTextfieldContentLeft={firstTextfieldContentLeft}\n                        firstTextfieldContentRight={firstTextfieldContentRight}\n                        secondTextfieldContentLeft={secondTextfieldContentLeft}\n                        secondTextfieldContentRight={secondTextfieldContentRight}\n                        firstValue={inputFirstValue}\n                        secondValue={inputSecondValue}\n                        firstValueError={firstValueError}\n                        secondValueError={secondValueError}\n                        firstValueSuccess={firstValueSuccess}\n                        secondValueSuccess={secondValueSuccess}\n                        onChangeFirstValue={handleChangeFirstValue}\n                        onChangeSecondValue={handleChangeSecondValue}\n                        onSearchFirstValue={(_, date) => {\n                            handleCommitFirstDate(String(date), true, false);\n                            if (!calendarSecondValue || secondValueError) {\n                                rangeRef?.current?.secondTextField()?.current?.focus();\n                            }\n                        }}\n                        onSearchSecondValue={(_, date) => {\n                            handleCommitSecondDate(String(date), true, false);\n                            if (!calendarFirstValue || firstValueError) {\n                                rangeRef?.current?.firstTextField()?.current?.focus();\n                            }\n                        }}\n                        onFocusFirstTextfield={onFocusFirstTextfield}\n                        onFocusSecondTextfield={onFocusSecondTextfield}\n                        onBlurFirstTextfield={onBlurFirstTextfield}\n                        onBlurSecondTextfield={onBlurSecondTextfield}\n                        onKeyDown={onKeyDown}\n                    />\n                </>\n            );\n\n            useEffect(() => {\n                setFirstInputRef(rangeRef.current?.firstTextField());\n                setSecondInputRef(rangeRef.current?.secondTextField());\n            }, [rangeRef.current]);\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useEffect(() => {\n                setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));\n                setInputFirstValue(formatInputValue(defaultFirstDate, format, lang));\n            }, [defaultFirstDate]);\n\n            useEffect(() => {\n                setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));\n                setInputSecondValue(formatInputValue(defaultSecondDate, format, lang));\n            }, [defaultSecondDate]);\n\n            useEffect(() => {\n                setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));\n                setInputFirstValue(formatInputValue(defaultFirstDate, format, lang));\n\n                setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));\n                setInputSecondValue(formatInputValue(defaultSecondDate, format, lang));\n            }, [format, lang]);\n\n            return (\n                <Root\n                    ref={rootRef}\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...rest}\n                >\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <RangeDatePopover\n                        calendarValue={[calendarFirstValue, calendarSecondValue]}\n                        target={RangeComponent}\n                        opened={isInnerOpen}\n                        includeEdgeDates={includeEdgeDates}\n                        eventList={eventList}\n                        disabledList={disabledList}\n                        eventMonthList={eventMonthList}\n                        disabledMonthList={disabledMonthList}\n                        eventQuarterList={eventQuarterList}\n                        disabledQuarterList={disabledQuarterList}\n                        eventYearList={eventYearList}\n                        disabledYearList={disabledYearList}\n                        min={min}\n                        max={max}\n                        placement={placement}\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        closeOnEsc={closeOnEsc}\n                        offset={offset}\n                        type={type}\n                        onToggle={handleToggle}\n                        isDoubleCalendar={isDoubleCalendar}\n                        onChangeStartOfRange={(firstDate, dateInfo) => {\n                            handleCommitFirstDate(firstDate, false, true, dateInfo);\n                            handleCommitSecondDate('');\n                        }}\n                        onChangeValue={([firstDate, secondDate], dateInfo) => {\n                            firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);\n                            secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);\n                            if (firstDate && secondDate && !firstValueError && !secondValueError) {\n                                setIsInnerOpen(false);\n                            }\n                        }}\n                    />\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerRangeConfig = {\n    name: 'DatePickerRange',\n    tag: 'div',\n    layout: datePickerRangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRangeRoot","Root","forwardRef","_ref","ref","_rangeRef$current","_rangeRef$current2","className","_ref$isDoubleCalendar","isDoubleCalendar","_ref$opened","opened","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","_ref$defaultFirstDate","defaultFirstDate","_ref$defaultSecondDat","defaultSecondDate","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onToggle","onChangeFirstValue","onChangeSecondValue","onCommitFirstDate","onCommitSecondDate","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","createRef","rootRef","useRef","_useState","useState","current","firstTextField","_useState2","_slicedToArray","firstInputRef","setFirstInputRef","_useState3","secondTextField","_useState4","secondInputRef","setSecondInputRef","_useState5","_useState6","isInnerOpen","setIsInnerOpen","_useState7","formatCalendarValue","_useState8","calendarFirstValue","setCalendarFirstValue","_useState9","formatInputValue","_useState10","inputFirstValue","setInputFirstValue","_useState11","_useState12","calendarSecondValue","setCalendarSecondValue","_useState13","_useState14","inputSecondValue","setInputSecondValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","setInputValue","setCalendarValue","valueError","valueSuccess","inputRef","onChangeValue","onCommitDate","handleChangeFirstValue","handleChangeValue","handleCommitFirstDate","handleCommitDate","_useDatePicker2","handleChangeSecondValue","handleCommitSecondDate","handleToggle","event","_firstInputRef$curren","_secondInputRef$curre","isCalendarOpen","contains","target","_useKeyNavigation","useKeyNavigation","onKeyDown","RangeComponent","React","createElement","Fragment","StyledRange","firstValue","secondValue","onSearchFirstValue","_","date","String","_rangeRef$current3","focus","onSearchSecondValue","_rangeRef$current4","useEffect","_rangeRef$current5","_rangeRef$current6","prevOpen","_extends","cx","classes","datePickerRoot","StyledLabel","RangeDatePopover","calendarValue","onChangeStartOfRange","firstDate","dateInfo","_ref2","_ref3","secondDate","LeftHelper","datePickerRangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":";;;;;;;;;;;;;;;IA2BaA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAC5BC,IAAwG,EAAA;AAAA,EAAA,oBAExGC,UAAU,CACN,UAAAC,IAAA,EAwEIC,GAAG,EACF;IAAA,IAAAC,iBAAA,EAAAC,kBAAA,CAAA;AAAA,IAAA,IAvEGC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAAC,qBAAA,GAAAL,IAAA,CAETM,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MAAAE,WAAA,GAAAP,IAAA,CACxBQ,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAEdE,KAAK,GAAAT,IAAA,CAALS,KAAK;MACLC,UAAU,GAAAV,IAAA,CAAVU,UAAU;MACVC,WAAW,GAAAX,IAAA,CAAXW,WAAW;MACXC,YAAY,GAAAZ,IAAA,CAAZY,YAAY;MACZC,IAAI,GAAAb,IAAA,CAAJa,IAAI;MACJC,IAAI,GAAAd,IAAA,CAAJc,IAAI;MAAAC,aAAA,GAAAf,IAAA,CACJgB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAAjB,IAAA,CAChBkB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,mBAAA,GAAAnB,IAAA,CAEhBoB,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,mBAAA;MACvBE,WAAW,GAAArB,IAAA,CAAXqB,WAAW;MAAAC,qBAAA,GAAAtB,IAAA,CAEXuB,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;MAAAE,qBAAA,GAAAxB,IAAA,CACrByB,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;MACtBE,eAAe,GAAA1B,IAAA,CAAf0B,eAAe;MACfC,gBAAgB,GAAA3B,IAAA,CAAhB2B,gBAAgB;MAChBC,iBAAiB,GAAA5B,IAAA,CAAjB4B,iBAAiB;MACjBC,kBAAkB,GAAA7B,IAAA,CAAlB6B,kBAAkB;MAClBC,gBAAgB,GAAA9B,IAAA,CAAhB8B,gBAAgB;MAChBC,iBAAiB,GAAA/B,IAAA,CAAjB+B,iBAAiB;MACjBC,yBAAyB,GAAAhC,IAAA,CAAzBgC,yBAAyB;MACzBC,0BAA0B,GAAAjC,IAAA,CAA1BiC,0BAA0B;MAC1BC,0BAA0B,GAAAlC,IAAA,CAA1BkC,0BAA0B;MAC1BC,2BAA2B,GAAAnC,IAAA,CAA3BmC,2BAA2B;MAC3BC,wBAAwB,GAAApC,IAAA,CAAxBoC,wBAAwB;MACxBC,yBAAyB,GAAArC,IAAA,CAAzBqC,yBAAyB;MACzBC,uBAAuB,GAAAtC,IAAA,CAAvBsC,uBAAuB;MACvBC,wBAAwB,GAAAvC,IAAA,CAAxBuC,wBAAwB;MAAAC,WAAA,GAAAxC,IAAA,CAExByC,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,WAAA;MAAAE,SAAA,GAAA1C,IAAA,CACrB2C,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;MACXE,cAAc,GAAA5C,IAAA,CAAd4C,cAAc;MACdC,GAAG,GAAA7C,IAAA,CAAH6C,GAAG;MACHC,GAAG,GAAA9C,IAAA,CAAH8C,GAAG;MAAAC,qBAAA,GAAA/C,IAAA,CACHgD,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MACxBE,SAAS,GAAAjD,IAAA,CAATiD,SAAS;MACTC,YAAY,GAAAlD,IAAA,CAAZkD,YAAY;MACZC,cAAc,GAAAnD,IAAA,CAAdmD,cAAc;MACdC,iBAAiB,GAAApD,IAAA,CAAjBoD,iBAAiB;MACjBC,gBAAgB,GAAArD,IAAA,CAAhBqD,gBAAgB;MAChBC,mBAAmB,GAAAtD,IAAA,CAAnBsD,mBAAmB;MACnBC,aAAa,GAAAvD,IAAA,CAAbuD,aAAa;MACbC,gBAAgB,GAAAxD,IAAA,CAAhBwD,gBAAgB;MAAAC,SAAA,GAAAzD,IAAA,CAChB0D,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;MAAAE,cAAA,GAAA3D,IAAA,CAEb4D,SAAS;MAATA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAAA,cAAA;MAAAE,qBAAA,GAAA7D,IAAA,CAC7B8D,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAAAE,eAAA,GAAA/D,IAAA,CAC1BgE,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACjBE,MAAM,GAAAjE,IAAA,CAANiE,MAAM;MAENC,QAAQ,GAAAlE,IAAA,CAARkE,QAAQ;MAERC,kBAAkB,GAAAnE,IAAA,CAAlBmE,kBAAkB;MAClBC,mBAAmB,GAAApE,IAAA,CAAnBoE,mBAAmB;MAEnBC,iBAAiB,GAAArE,IAAA,CAAjBqE,iBAAiB;MACjBC,kBAAkB,GAAAtE,IAAA,CAAlBsE,kBAAkB;MAElBC,qBAAqB,GAAAvE,IAAA,CAArBuE,qBAAqB;MACrBC,sBAAsB,GAAAxE,IAAA,CAAtBwE,sBAAsB;MACtBC,oBAAoB,GAAAzE,IAAA,CAApByE,oBAAoB;MACpBC,qBAAqB,GAAA1E,IAAA,CAArB0E,qBAAqB;AAElBC,MAAAA,IAAI,GAAAC,wBAAA,CAAA5E,IAAA,EAAA6E,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,QAAQ,GAAG7E,GAAG,IAAI,SAAS,IAAIA,GAAG,GAAGA,GAAG,gBAAG8E,SAAS,EAAkB,CAAA;AAC5E,IAAA,IAAMC,OAAO,GAAGC,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEnD,IAAAC,SAAA,GAA0CC,QAAQ,CAC9CL,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,gBAAA5E,iBAAA,GAAR4E,QAAQ,CAAEM,OAAO,cAAAlF,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAA,CAAmBmF,cAAc,EACrC,CAAC;MAAAC,UAAA,GAAAC,cAAA,CAAAL,SAAA,EAAA,CAAA,CAAA;AAFMM,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,gBAAgB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;IAGtC,IAAAI,UAAA,GAA4CP,QAAQ,CAChDL,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,gBAAA3E,kBAAA,GAAR2E,QAAQ,CAAEM,OAAO,cAAAjF,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,kBAAA,CAAmBwF,eAAe,EACtC,CAAC;MAAAC,UAAA,GAAAL,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAFMG,MAAAA,cAAc,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,iBAAiB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAGxC,IAAA,IAAAG,UAAA,GAAsCZ,QAAQ,CAAC3E,MAAM,CAAC;MAAAwF,UAAA,GAAAT,cAAA,CAAAQ,UAAA,EAAA,CAAA,CAAA;AAA/CE,MAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,IAAA,IAAAG,UAAA,GAAoDhB,QAAQ,CACxDiB,mBAAmB,CAAC7E,gBAAgB,EAAEkB,MAAM,EAAEE,IAAI,CACtD,CAAC;MAAA0D,UAAA,GAAAd,cAAA,CAAAY,UAAA,EAAA,CAAA,CAAA;AAFMG,MAAAA,kBAAkB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAGhD,IAAA,IAAAG,UAAA,GAA8CrB,QAAQ,CAACsB,gBAAgB,CAAClF,gBAAgB,EAAEkB,MAAM,EAAEE,IAAI,CAAC,CAAC;MAAA+D,WAAA,GAAAnB,cAAA,CAAAiB,UAAA,EAAA,CAAA,CAAA;AAAjGG,MAAAA,eAAe,GAAAD,WAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,kBAAkB,GAAAF,WAAA,CAAA,CAAA,CAAA,CAAA;AAE1C,IAAA,IAAAG,WAAA,GAAsD1B,QAAQ,CAC1DiB,mBAAmB,CAAC3E,iBAAiB,EAAEgB,MAAM,EAAEE,IAAI,CACvD,CAAC;MAAAmE,WAAA,GAAAvB,cAAA,CAAAsB,WAAA,EAAA,CAAA,CAAA;AAFME,MAAAA,mBAAmB,GAAAD,WAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,sBAAsB,GAAAF,WAAA,CAAA,CAAA,CAAA,CAAA;AAGlD,IAAA,IAAAG,WAAA,GAAgD9B,QAAQ,CAACsB,gBAAgB,CAAChF,iBAAiB,EAAEgB,MAAM,EAAEE,IAAI,CAAC,CAAC;MAAAuE,WAAA,GAAA3B,cAAA,CAAA0B,WAAA,EAAA,CAAA,CAAA;AAApGE,MAAAA,gBAAgB,GAAAD,WAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,mBAAmB,GAAAF,WAAA,CAAA,CAAA,CAAA,CAAA;IAE5C,IAAMG,mBAAmB,GAAGC,WAAW,CAAC,YAAA;MAAA,OAAMC,sBAAsB,CAAC9E,MAAM,CAAC,CAAA;KAAE,EAAA,CAACA,MAAM,CAAC,CAAC,CAAA;IAEvF,IAAA+E,cAAA,GAGIC,aAAa,CAAC;AACdC,QAAAA,YAAY,EAAEf,eAAe;AAC7BgB,QAAAA,aAAa,EAAEf,kBAAkB;AACjCgB,QAAAA,gBAAgB,EAAErB,qBAAqB;AACvCL,QAAAA,cAAc,EAAdA,cAAc;AACdmB,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnB5E,QAAAA,MAAM,EAANA,MAAM;AACNE,QAAAA,IAAI,EAAJA,IAAI;AACJzB,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,QAAQ,EAARA,QAAQ;AACR4B,QAAAA,cAAc,EAAdA,cAAc;AACdiF,QAAAA,UAAU,EAAEnG,eAAe;AAC3BoG,QAAAA,YAAY,EAAElG,iBAAiB;AAC/BmG,QAAAA,QAAQ,EAAEvC,aAAa;AACvBwC,QAAAA,aAAa,EAAE7D,kBAAkB;AACjC8D,QAAAA,YAAY,EAAE5D,iBAAAA;AAClB,OAAC,CAAC;MAlBqB6D,sBAAsB,GAAAV,cAAA,CAAzCW,iBAAiB;MACCC,qBAAqB,GAAAZ,cAAA,CAAvCa,gBAAgB,CAAA;IAmBpB,IAAAC,eAAA,GAGIb,aAAa,CAAC;AACdC,QAAAA,YAAY,EAAEP,gBAAgB;AAC9BQ,QAAAA,aAAa,EAAEP,mBAAmB;AAClCQ,QAAAA,gBAAgB,EAAEZ,sBAAsB;AACxCd,QAAAA,cAAc,EAAdA,cAAc;AACdmB,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnB5E,QAAAA,MAAM,EAANA,MAAM;AACNE,QAAAA,IAAI,EAAJA,IAAI;AACJzB,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,QAAQ,EAARA,QAAQ;AACR4B,QAAAA,cAAc,EAAdA,cAAc;AACdiF,QAAAA,UAAU,EAAElG,gBAAgB;AAC5BmG,QAAAA,YAAY,EAAEjG,kBAAkB;AAChCkG,QAAAA,QAAQ,EAAElC,cAAc;AACxBmC,QAAAA,aAAa,EAAE5D,mBAAmB;AAClC6D,QAAAA,YAAY,EAAE3D,kBAAAA;AAClB,OAAC,CAAC;MAlBqBiE,uBAAuB,GAAAD,eAAA,CAA1CH,iBAAiB;MACCK,sBAAsB,GAAAF,eAAA,CAAxCD,gBAAgB,CAAA;IAmBpB,IAAMI,YAAY,GAAG,SAAfA,YAAYA,CAAIjI,MAAe,EAAEkI,KAA6B,EAAK;MAAA,IAAAC,qBAAA,EAAAC,qBAAA,CAAA;MACrE,IAAI1H,QAAQ,IAAIF,QAAQ,EAAE;AACtB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAM6H,cAAc,GAChBrD,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAAmD,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAbnD,aAAa,CAAEJ,OAAO,cAAAuD,qBAAA,KAAA,KAAA,CAAA,IAAtBA,qBAAA,CAAwBG,QAAQ,CAAEJ,KAAK,CAACK,MAAM,IAAa,IAAI,CAAC,IAChElD,cAAc,KAAdA,IAAAA,IAAAA,cAAc,gBAAA+C,qBAAA,GAAd/C,cAAc,CAAET,OAAO,MAAAwD,IAAAA,IAAAA,qBAAA,KAAvBA,KAAAA,CAAAA,IAAAA,qBAAA,CAAyBE,QAAQ,CAAEJ,KAAK,CAACK,MAAM,IAAa,IAAI,CAAC,GAC3D,IAAI,GACJvI,MAAM,CAAA;AAEhB,MAAA,IAAI0D,QAAQ,EAAE;AACV,QAAA,OAAOA,QAAQ,CAAC2E,cAAc,EAAEH,KAAK,CAAC,CAAA;AAC1C,OAAA;MAEAxC,cAAc,CAAC2C,cAAc,CAAC,CAAA;KACjC,CAAA;IAED,IAAAG,iBAAA,GAAsBC,gBAAgB,CAAC;AACnCJ,QAAAA,cAAc,EAAE5C,WAAW;AAC3B/B,QAAAA,QAAQ,EAAEuE,YAAAA;AACd,OAAC,CAAC;MAHMS,SAAS,GAAAF,iBAAA,CAATE,SAAS,CAAA;AAKjB,IAAA,IAAMC,cAAc,gBAChBC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAIIF,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACE,WAAW,EAAA;AACRtJ,MAAAA,GAAG,EAAE6E,QAAS;AACdzD,MAAAA,WAAW,EAAEA,WAAY;AACzBD,MAAAA,cAAc,EAAEA,cAAe;AAC/BF,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChCc,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCpB,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BwB,MAAAA,wBAAwB,EAAEA,wBAAyB;AACnDC,MAAAA,yBAAyB,EAAEA,yBAA0B;AACrDC,MAAAA,uBAAuB,EAAEA,uBAAwB;AACjDC,MAAAA,wBAAwB,EAAEA,wBAAyB;AACnDP,MAAAA,yBAAyB,EAAEA,yBAA0B;AACrDC,MAAAA,0BAA0B,EAAEA,0BAA2B;AACvDC,MAAAA,0BAA0B,EAAEA,0BAA2B;AACvDC,MAAAA,2BAA2B,EAAEA,2BAA4B;AACzDqH,MAAAA,UAAU,EAAE7C,eAAgB;AAC5B8C,MAAAA,WAAW,EAAEtC,gBAAiB;AAC9BzF,MAAAA,eAAe,EAAEA,eAAgB;AACjCC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,MAAAA,kBAAkB,EAAEA,kBAAmB;AACvCsC,MAAAA,kBAAkB,EAAE+D,sBAAuB;AAC3C9D,MAAAA,mBAAmB,EAAEmE,uBAAwB;AAC7CmB,MAAAA,kBAAkB,EAAE,SAAAA,kBAAAA,CAACC,CAAC,EAAEC,IAAI,EAAK;QAC7BxB,qBAAqB,CAACyB,MAAM,CAACD,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;AAChD,QAAA,IAAI,CAAC7C,mBAAmB,IAAIpF,gBAAgB,EAAE;AAAA,UAAA,IAAAmI,kBAAA,CAAA;AAC1ChF,UAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAAAgF,KAAAA,CAAAA,IAAAA,CAAAA,kBAAA,GAARhF,QAAQ,CAAEM,OAAO,MAAA,IAAA,IAAA0E,kBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,kBAAA,GAAjBA,kBAAA,CAAmBnE,eAAe,EAAE,MAAAmE,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,kBAAA,GAApCA,kBAAA,CAAsC1E,OAAO,MAAA,IAAA,IAAA0E,kBAAA,KAA7CA,KAAAA,CAAAA,IAAAA,kBAAA,CAA+CC,KAAK,EAAE,CAAA;AAC1D,SAAA;OACF;AACFC,MAAAA,mBAAmB,EAAE,SAAAA,mBAAAA,CAACL,CAAC,EAAEC,IAAI,EAAK;QAC9BpB,sBAAsB,CAACqB,MAAM,CAACD,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;AACjD,QAAA,IAAI,CAACtD,kBAAkB,IAAI5E,eAAe,EAAE;AAAA,UAAA,IAAAuI,kBAAA,CAAA;AACxCnF,UAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAAAmF,KAAAA,CAAAA,IAAAA,CAAAA,kBAAA,GAARnF,QAAQ,CAAEM,OAAO,MAAA,IAAA,IAAA6E,kBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,kBAAA,GAAjBA,kBAAA,CAAmB5E,cAAc,EAAE,MAAA4E,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,kBAAA,GAAnCA,kBAAA,CAAqC7E,OAAO,MAAA,IAAA,IAAA6E,kBAAA,KAA5CA,KAAAA,CAAAA,IAAAA,kBAAA,CAA8CF,KAAK,EAAE,CAAA;AACzD,SAAA;OACF;AACFxF,MAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CC,MAAAA,sBAAsB,EAAEA,sBAAuB;AAC/CC,MAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,MAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CwE,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KACxB,CACH,CACL,CAAA;AAEDgB,IAAAA,SAAS,CAAC,YAAM;MAAA,IAAAC,kBAAA,EAAAC,kBAAA,CAAA;AACZ3E,MAAAA,gBAAgB,CAAA0E,CAAAA,kBAAA,GAACrF,QAAQ,CAACM,OAAO,MAAA,IAAA,IAAA+E,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,kBAAA,CAAkB9E,cAAc,EAAE,CAAC,CAAA;AACpDS,MAAAA,iBAAiB,CAAAsE,CAAAA,kBAAA,GAACtF,QAAQ,CAACM,OAAO,MAAA,IAAA,IAAAgF,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,kBAAA,CAAkBzE,eAAe,EAAE,CAAC,CAAA;AAC1D,KAAC,EAAE,CAACb,QAAQ,CAACM,OAAO,CAAC,CAAC,CAAA;AAEtB8E,IAAAA,SAAS,CAAC,YAAM;MACZhE,cAAc,CAAC,UAACmE,QAAQ,EAAA;AAAA,QAAA,OAAKA,QAAQ,KAAK7J,MAAM,IAAIA,MAAM,CAAA;OAAC,CAAA,CAAA;AAC/D,KAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAA;AAEZ0J,IAAAA,SAAS,CAAC,YAAM;MACZ3D,qBAAqB,CAACH,mBAAmB,CAAC7E,gBAAgB,EAAEkB,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAC1EiE,kBAAkB,CAACH,gBAAgB,CAAClF,gBAAgB,EAAEkB,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;AACxE,KAAC,EAAE,CAACpB,gBAAgB,CAAC,CAAC,CAAA;AAEtB2I,IAAAA,SAAS,CAAC,YAAM;MACZlD,sBAAsB,CAACZ,mBAAmB,CAAC3E,iBAAiB,EAAEgB,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAC5EyE,mBAAmB,CAACX,gBAAgB,CAAChF,iBAAiB,EAAEgB,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;AAC1E,KAAC,EAAE,CAAClB,iBAAiB,CAAC,CAAC,CAAA;AAEvByI,IAAAA,SAAS,CAAC,YAAM;MACZ3D,qBAAqB,CAACH,mBAAmB,CAAC7E,gBAAgB,EAAEkB,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAC1EiE,kBAAkB,CAACH,gBAAgB,CAAClF,gBAAgB,EAAEkB,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAEpEqE,sBAAsB,CAACZ,mBAAmB,CAAC3E,iBAAiB,EAAEgB,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAC5EyE,mBAAmB,CAACX,gBAAgB,CAAChF,iBAAiB,EAAEgB,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;AAC1E,KAAC,EAAE,CAACF,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;AAElB,IAAA,oBACIyG,KAAA,CAAAC,aAAA,CAACvJ,IAAI,EAAAwK,QAAA,CAAA;AACDrK,MAAAA,GAAG,EAAE+E,OAAQ;AACbnE,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXV,SAAS,EAAEmK,EAAE,CAACC,OAAO,CAACC,cAAc,EAAErK,SAAS,CAAE;AACjDc,MAAAA,QAAQ,EAAEA,QAAS;MACnBF,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAAA;AAAS,KAAA,EAC5B2D,IAAI,CAEPlE,EAAAA,KAAK,iBAAI2I,KAAA,CAAAC,aAAA,CAACqB,WAAW,EAAA,IAAA,EAAEjK,KAAmB,CAAC,eAC5C2I,KAAA,CAAAC,aAAA,CAACsB,gBAAgB,EAAA;AACbC,MAAAA,aAAa,EAAE,CAACtE,kBAAkB,EAAES,mBAAmB,CAAE;AACzDgC,MAAAA,MAAM,EAAEI,cAAe;AACvB3I,MAAAA,MAAM,EAAEyF,WAAY;AACpBjD,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCX,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,GAAG,EAAEA,GAAI;AACTc,MAAAA,SAAS,EAAEA,SAAU;AACrBE,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCE,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,MAAM,EAAEA,MAAO;AACfP,MAAAA,IAAI,EAAEA,IAAK;AACXQ,MAAAA,QAAQ,EAAEuE,YAAa;AACvBnI,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCuK,MAAAA,oBAAoB,EAAE,SAAAA,oBAAAA,CAACC,SAAS,EAAEC,QAAQ,EAAK;QAC3C3C,qBAAqB,CAAC0C,SAAS,EAAE,KAAK,EAAE,IAAI,EAAEC,QAAQ,CAAC,CAAA;QACvDvC,sBAAsB,CAAC,EAAE,CAAC,CAAA;OAC5B;AACFR,MAAAA,aAAa,EAAE,SAAAA,aAAAA,CAAAgD,KAAA,EAA0BD,QAAQ,EAAK;AAAA,QAAA,IAAAE,KAAA,GAAA1F,cAAA,CAAAyF,KAAA,EAAA,CAAA,CAAA;AAArCF,UAAAA,SAAS,GAAAG,KAAA,CAAA,CAAA,CAAA;AAAEC,UAAAA,UAAU,GAAAD,KAAA,CAAA,CAAA,CAAA,CAAA;QAClCH,SAAS,IAAI1C,qBAAqB,CAAC0C,SAAS,EAAE,KAAK,EAAE,IAAI,EAAEC,QAAQ,CAAC,CAAA;QACpEG,UAAU,IAAI1C,sBAAsB,CAAC0C,UAAU,EAAE,KAAK,EAAE,IAAI,EAAEH,QAAQ,CAAC,CAAA;QACvE,IAAID,SAAS,IAAII,UAAU,IAAI,CAACxJ,eAAe,IAAI,CAACC,gBAAgB,EAAE;UAClEuE,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,SAAA;AACJ,OAAA;AAAE,KACL,CAAC,EACDxF,UAAU,iBAAI0I,KAAA,CAAAC,aAAA,CAAC8B,UAAU,EAAA,IAAA,EAAEzK,UAAuB,CACjD,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM0K,qBAAqB,GAAG;AACjCC,EAAAA,IAAI,EAAE,iBAAiB;AACvBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE1L,mBAAmB;AAC3B2L,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR5K,IAAAA,IAAI,EAAE;AACF6K,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD7K,IAAAA,IAAI,EAAE;AACF4K,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD1K,IAAAA,QAAQ,EAAE;AACNwK,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD9K,IAAAA,QAAQ,EAAE;AACN0K,MAAAA,GAAG,EAAEK,MAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACNlL,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"RangeDate.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    SyntheticEvent,\n    createRef,\n    forwardRef,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport type { RangeInputRefs } from '../../Range/Range.types';\nimport { classes } from '../DatePicker.tokens';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerRangeProps } from './RangeDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledLabel, StyledRange, base } from './RangeDate.styles';\nimport { RangeDatePopover } from './RangeDatePopover/RangeDatePopover';\n\nexport const datePickerRangeRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerRangeProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<RangeInputRefs, DatePickerRangeProps>(\n        (\n            {\n                className,\n\n                isDoubleCalendar = false,\n                opened = false,\n\n                label,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                dividerVariant = 'dash',\n                dividerIcon,\n\n                defaultFirstDate = '',\n                defaultSecondDate = '',\n                firstValueError,\n                secondValueError,\n                firstValueSuccess,\n                secondValueSuccess,\n                firstPlaceholder,\n                secondPlaceholder,\n                firstTextfieldContentLeft,\n                firstTextfieldContentRight,\n                secondTextfieldContentLeft,\n                secondTextfieldContentRight,\n                firstTextfieldTextBefore,\n                secondTextfieldTextBefore,\n                firstTextfieldTextAfter,\n                secondTextfieldTextAfter,\n\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                closeOnEsc = true,\n                offset,\n\n                onToggle,\n\n                onChangeFirstValue,\n                onChangeSecondValue,\n\n                onCommitFirstDate,\n                onCommitSecondDate,\n\n                onFocusFirstTextfield,\n                onFocusSecondTextfield,\n                onBlurFirstTextfield,\n                onBlurSecondTextfield,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const rangeRef = ref && 'current' in ref ? ref : createRef<RangeInputRefs>();\n            const rootRef = useRef<HTMLDivElement | null>(null);\n\n            const [firstInputRef, setFirstInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n                rangeRef?.current?.firstTextField(),\n            );\n            const [secondInputRef, setSecondInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n                rangeRef?.current?.secondTextField(),\n            );\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const [calendarFirstValue, setCalendarFirstValue] = useState(\n                formatCalendarValue(defaultFirstDate, format, lang),\n            );\n            const [inputFirstValue, setInputFirstValue] = useState(\n                formatInputValue({ value: defaultFirstDate, format, lang }),\n            );\n\n            const [calendarSecondValue, setCalendarSecondValue] = useState(\n                formatCalendarValue(defaultSecondDate, format, lang),\n            );\n            const [inputSecondValue, setInputSecondValue] = useState(\n                formatInputValue({ value: defaultSecondDate, format, lang }),\n            );\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                handleChangeValue: handleChangeFirstValue,\n                handleCommitDate: handleCommitFirstDate,\n            } = useDatePicker({\n                currentValue: inputFirstValue,\n                setInputValue: setInputFirstValue,\n                setCalendarValue: setCalendarFirstValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError: firstValueError,\n                valueSuccess: firstValueSuccess,\n                inputRef: firstInputRef,\n                onChangeValue: onChangeFirstValue,\n                onCommitDate: onCommitFirstDate,\n            });\n\n            const {\n                handleChangeValue: handleChangeSecondValue,\n                handleCommitDate: handleCommitSecondDate,\n            } = useDatePicker({\n                currentValue: inputSecondValue,\n                setInputValue: setInputSecondValue,\n                setCalendarValue: setCalendarSecondValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError: secondValueError,\n                valueSuccess: secondValueSuccess,\n                inputRef: secondInputRef,\n                onChangeValue: onChangeSecondValue,\n                onCommitDate: onCommitSecondDate,\n            });\n\n            const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n                if (disabled || readOnly) {\n                    return;\n                }\n\n                const isCalendarOpen =\n                    firstInputRef?.current?.contains((event.target as Node) || null) ||\n                    secondInputRef?.current?.contains((event.target as Node) || null)\n                        ? true\n                        : opened;\n\n                if (onToggle) {\n                    return onToggle(isCalendarOpen, event);\n                }\n\n                setIsInnerOpen(isCalendarOpen);\n            };\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n            });\n\n            const RangeComponent = (\n                <>\n                    {/* TODO https://github.com/salute-developers/plasma/issues/1227\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    //@ts-ignore */}\n                    <StyledRange\n                        ref={rangeRef}\n                        dividerIcon={dividerIcon}\n                        dividerVariant={dividerVariant}\n                        disabled={disabled}\n                        readOnly={!disabled && readOnly}\n                        firstPlaceholder={firstPlaceholder}\n                        secondPlaceholder={secondPlaceholder}\n                        contentLeft={contentLeft}\n                        contentRight={contentRight}\n                        firstTextfieldTextBefore={firstTextfieldTextBefore}\n                        secondTextfieldTextBefore={secondTextfieldTextBefore}\n                        firstTextfieldTextAfter={firstTextfieldTextAfter}\n                        secondTextfieldTextAfter={secondTextfieldTextAfter}\n                        firstTextfieldContentLeft={firstTextfieldContentLeft}\n                        firstTextfieldContentRight={firstTextfieldContentRight}\n                        secondTextfieldContentLeft={secondTextfieldContentLeft}\n                        secondTextfieldContentRight={secondTextfieldContentRight}\n                        firstValue={inputFirstValue}\n                        secondValue={inputSecondValue}\n                        firstValueError={firstValueError}\n                        secondValueError={secondValueError}\n                        firstValueSuccess={firstValueSuccess}\n                        secondValueSuccess={secondValueSuccess}\n                        onChangeFirstValue={handleChangeFirstValue}\n                        onChangeSecondValue={handleChangeSecondValue}\n                        onSearchFirstValue={(_, date) => {\n                            handleCommitFirstDate(String(date), true, false);\n                            if (!calendarSecondValue || secondValueError) {\n                                rangeRef?.current?.secondTextField()?.current?.focus();\n                            }\n                        }}\n                        onSearchSecondValue={(_, date) => {\n                            handleCommitSecondDate(String(date), true, false);\n                            if (!calendarFirstValue || firstValueError) {\n                                rangeRef?.current?.firstTextField()?.current?.focus();\n                            }\n                        }}\n                        onFocusFirstTextfield={onFocusFirstTextfield}\n                        onFocusSecondTextfield={onFocusSecondTextfield}\n                        onBlurFirstTextfield={onBlurFirstTextfield}\n                        onBlurSecondTextfield={onBlurSecondTextfield}\n                        onKeyDown={onKeyDown}\n                    />\n                </>\n            );\n\n            useEffect(() => {\n                setFirstInputRef(rangeRef.current?.firstTextField());\n                setSecondInputRef(rangeRef.current?.secondTextField());\n            }, [rangeRef.current]);\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useEffect(() => {\n                setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));\n                setInputFirstValue(formatInputValue({ value: defaultFirstDate, format, lang }));\n            }, [defaultFirstDate]);\n\n            useEffect(() => {\n                setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));\n                setInputSecondValue(formatInputValue({ value: defaultSecondDate, format, lang }));\n            }, [defaultSecondDate]);\n\n            useEffect(() => {\n                setCalendarFirstValue(formatCalendarValue(defaultFirstDate, format, lang));\n                setInputFirstValue(formatInputValue({ value: defaultFirstDate, format, lang }));\n\n                setCalendarSecondValue(formatCalendarValue(defaultSecondDate, format, lang));\n                setInputSecondValue(formatInputValue({ value: defaultSecondDate, format, lang }));\n            }, [format, lang]);\n\n            return (\n                <Root\n                    ref={rootRef}\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    {...rest}\n                >\n                    {label && <StyledLabel>{label}</StyledLabel>}\n                    <RangeDatePopover\n                        calendarValue={[calendarFirstValue, calendarSecondValue]}\n                        target={RangeComponent}\n                        opened={isInnerOpen}\n                        includeEdgeDates={includeEdgeDates}\n                        eventList={eventList}\n                        disabledList={disabledList}\n                        eventMonthList={eventMonthList}\n                        disabledMonthList={disabledMonthList}\n                        eventQuarterList={eventQuarterList}\n                        disabledQuarterList={disabledQuarterList}\n                        eventYearList={eventYearList}\n                        disabledYearList={disabledYearList}\n                        min={min}\n                        max={max}\n                        placement={placement}\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        closeOnEsc={closeOnEsc}\n                        offset={offset}\n                        type={type}\n                        onToggle={handleToggle}\n                        isDoubleCalendar={isDoubleCalendar}\n                        onChangeStartOfRange={(firstDate, dateInfo) => {\n                            handleCommitFirstDate(firstDate, false, true, dateInfo);\n                            handleCommitSecondDate('');\n                        }}\n                        onChangeValue={([firstDate, secondDate], dateInfo) => {\n                            firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);\n                            secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);\n                            if (firstDate && secondDate && !firstValueError && !secondValueError) {\n                                setIsInnerOpen(false);\n                            }\n                        }}\n                    />\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerRangeConfig = {\n    name: 'DatePickerRange',\n    tag: 'div',\n    layout: datePickerRangeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRangeRoot","Root","forwardRef","_ref","ref","_rangeRef$current","_rangeRef$current2","className","_ref$isDoubleCalendar","isDoubleCalendar","_ref$opened","opened","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","_ref$defaultFirstDate","defaultFirstDate","_ref$defaultSecondDat","defaultSecondDate","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onToggle","onChangeFirstValue","onChangeSecondValue","onCommitFirstDate","onCommitSecondDate","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","createRef","rootRef","useRef","_useState","useState","current","firstTextField","_useState2","_slicedToArray","firstInputRef","setFirstInputRef","_useState3","secondTextField","_useState4","secondInputRef","setSecondInputRef","_useState5","_useState6","isInnerOpen","setIsInnerOpen","_useState7","formatCalendarValue","_useState8","calendarFirstValue","setCalendarFirstValue","_useState9","formatInputValue","value","_useState10","inputFirstValue","setInputFirstValue","_useState11","_useState12","calendarSecondValue","setCalendarSecondValue","_useState13","_useState14","inputSecondValue","setInputSecondValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","setInputValue","setCalendarValue","valueError","valueSuccess","inputRef","onChangeValue","onCommitDate","handleChangeFirstValue","handleChangeValue","handleCommitFirstDate","handleCommitDate","_useDatePicker2","handleChangeSecondValue","handleCommitSecondDate","handleToggle","event","_firstInputRef$curren","_secondInputRef$curre","isCalendarOpen","contains","target","_useKeyNavigation","useKeyNavigation","onKeyDown","RangeComponent","React","createElement","Fragment","StyledRange","firstValue","secondValue","onSearchFirstValue","_","date","String","_rangeRef$current3","focus","onSearchSecondValue","_rangeRef$current4","useEffect","_rangeRef$current5","_rangeRef$current6","prevOpen","_extends","cx","classes","datePickerRoot","StyledLabel","RangeDatePopover","calendarValue","onChangeStartOfRange","firstDate","dateInfo","_ref2","_ref3","secondDate","LeftHelper","datePickerRangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}

package/es/components/DatePicker/SingleDate/SingleDate.js

@@ -77,7 +77,11 @@ var datePickerRoot = function datePickerRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       calendarValue = _useState4[0],
       setCalendarValue = _useState4[1];
-    var _useState5 = useState(formatInputValue(defaultDate, format, lang)),
+    var _useState5 = useState(formatInputValue({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      })),
       _useState6 = _slicedToArray(_useState5, 2),
       inputValue = _useState6[0],
       setInputValue = _useState6[1];
@@ -143,11 +147,19 @@ var datePickerRoot = function datePickerRoot(Root) {
     }, [opened]);
     useEffect(function () {
       setCalendarValue(formatCalendarValue(defaultDate, format, lang));
-      setInputValue(formatInputValue(defaultDate, format, lang));
+      setInputValue(formatInputValue({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      }));
     }, [defaultDate]);
     useEffect(function () {
       setCalendarValue(formatCalendarValue(defaultDate, format, lang));
-      setInputValue(formatInputValue(defaultDate, format, lang));
+      setInputValue(formatInputValue({
+        value: defaultDate,
+        format: format,
+        lang: lang
+      }));
     }, [format, lang]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,

package/es/components/DatePicker/SingleDate/SingleDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n\n                label,\n                labelPlacement = 'outer',\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format, lang));\n            const [inputValue, setInputValue] = useState(formatInputValue(defaultDate, format, lang));\n\n            const innerLabelPlacement = labelPlacement === 'inner';\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleToggle,\n                handleChangeValue,\n                handleCommitDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                setInputValue,\n                setCalendarValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                inputRef,\n                onToggle,\n                onChangeValue,\n                onCommitDate,\n            });\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    size={size}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onKeyDown={onKeyDown}\n                    {...(innerLabelPlacement && { label, labelPlacement })}\n                />\n            );\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue(defaultDate, format, lang));\n            }, [defaultDate]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue(defaultDate, format, lang));\n            }, [format, lang]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    {!innerLabelPlacement && label && <StyledLabel>{label}</StyledLabel>}\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={false}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <StyledCalendar\n                            size={size}\n                            value={calendarValue}\n                            type={type}\n                            eventList={eventList}\n                            disabledList={disabledList}\n                            eventMonthList={eventMonthList}\n                            disabledMonthList={disabledMonthList}\n                            eventQuarterList={eventQuarterList}\n                            disabledQuarterList={disabledQuarterList}\n                            eventYearList={eventYearList}\n                            disabledYearList={disabledYearList}\n                            min={min}\n                            max={max}\n                            includeEdgeDates={includeEdgeDates}\n                            isRange={false}\n                            onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n                        />\n                    </StyledPopover>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","label","_ref$labelPlacement","labelPlacement","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","rest","_objectWithoutProperties","_excluded","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","_useState6","inputValue","setInputValue","innerLabelPlacement","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","_useKeyNavigation","useKeyNavigation","isCalendarOpen","onKeyDown","DatePickerInput","React","createElement","StyledInput","_extends","cx","value","onChange","onSearch","date","useEffect","prevOpen","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","dateInfo","LeftHelper","datePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n    Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'opened' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n    forwardRef<HTMLInputElement, DatePickerProps>(\n        (\n            {\n                className,\n                opened = false,\n\n                label,\n                labelPlacement = 'outer',\n                placeholder,\n                leftHelper,\n                contentLeft,\n                contentRight,\n                textBefore,\n                textAfter,\n                view,\n                size,\n                readOnly = false,\n                disabled = false,\n\n                defaultDate = '',\n                valueError,\n                valueSuccess,\n                format = 'DD.MM.YYYY',\n                lang = 'ru',\n                maskWithFormat,\n                min,\n                max,\n                includeEdgeDates = false,\n                eventList,\n                disabledList,\n                eventMonthList,\n                disabledMonthList,\n                eventQuarterList,\n                disabledQuarterList,\n                eventYearList,\n                disabledYearList,\n                type = 'Days',\n\n                placement = ['top', 'bottom'],\n                closeOnOverlayClick = true,\n                offset,\n\n                onChangeValue,\n                onCommitDate,\n                onToggle,\n                onFocus,\n                onBlur,\n\n                ...rest\n            },\n            ref,\n        ) => {\n            const inputRef = useRef<HTMLInputElement | null>(null);\n            const [isInnerOpen, setIsInnerOpen] = useState(opened);\n\n            const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format, lang));\n            const [inputValue, setInputValue] = useState(formatInputValue({ value: defaultDate, format, lang }));\n\n            const innerLabelPlacement = labelPlacement === 'inner';\n\n            const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n            const {\n                datePickerErrorClass,\n                datePickerSuccessClass,\n                handleToggle,\n                handleChangeValue,\n                handleCommitDate,\n            } = useDatePicker({\n                currentValue: inputValue,\n                setInputValue,\n                setCalendarValue,\n                setIsInnerOpen,\n                dateFormatDelimiter,\n                format,\n                lang,\n                disabled,\n                readOnly,\n                maskWithFormat,\n                valueError,\n                valueSuccess,\n                inputRef,\n                onToggle,\n                onChangeValue,\n                onCommitDate,\n            });\n\n            const { onKeyDown } = useKeyNavigation({\n                isCalendarOpen: isInnerOpen,\n                onToggle: handleToggle,\n            });\n\n            const DatePickerInput = (\n                <StyledInput\n                    ref={inputRef}\n                    className={cx(datePickerErrorClass, datePickerSuccessClass)}\n                    value={inputValue}\n                    size={size}\n                    readOnly={readOnly}\n                    disabled={disabled}\n                    placeholder={placeholder}\n                    contentLeft={contentLeft}\n                    contentRight={contentRight}\n                    textBefore={textBefore}\n                    textAfter={textAfter}\n                    onChange={handleChangeValue}\n                    onSearch={(date) => handleCommitDate(date, true, false)}\n                    onFocus={onFocus}\n                    onBlur={onBlur}\n                    onKeyDown={onKeyDown}\n                    {...(innerLabelPlacement && { label, labelPlacement })}\n                />\n            );\n\n            useEffect(() => {\n                setIsInnerOpen((prevOpen) => prevOpen !== opened && opened);\n            }, [opened]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n            }, [defaultDate]);\n\n            useEffect(() => {\n                setCalendarValue(formatCalendarValue(defaultDate, format, lang));\n                setInputValue(formatInputValue({ value: defaultDate, format, lang }));\n            }, [format, lang]);\n\n            return (\n                <Root\n                    view={view}\n                    size={size}\n                    className={cx(classes.datePickerRoot, className)}\n                    disabled={disabled}\n                    readOnly={!disabled && readOnly}\n                    ref={ref}\n                    {...rest}\n                >\n                    {!innerLabelPlacement && label && <StyledLabel>{label}</StyledLabel>}\n                    <StyledPopover\n                        opened={isInnerOpen}\n                        usePortal={false}\n                        onToggle={handleToggle}\n                        offset={offset}\n                        placement={getPlacements(placement)}\n                        trigger=\"click\"\n                        closeOnOverlayClick={closeOnOverlayClick}\n                        isFocusTrapped={false}\n                        target={DatePickerInput}\n                        preventOverflow={false}\n                    >\n                        <StyledCalendar\n                            size={size}\n                            value={calendarValue}\n                            type={type}\n                            eventList={eventList}\n                            disabledList={disabledList}\n                            eventMonthList={eventMonthList}\n                            disabledMonthList={disabledMonthList}\n                            eventQuarterList={eventQuarterList}\n                            disabledQuarterList={disabledQuarterList}\n                            eventYearList={eventYearList}\n                            disabledYearList={disabledYearList}\n                            min={min}\n                            max={max}\n                            includeEdgeDates={includeEdgeDates}\n                            isRange={false}\n                            onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n                        />\n                    </StyledPopover>\n                    {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n                </Root>\n            );\n        },\n    );\n\nexport const datePickerConfig = {\n    name: 'DatePicker',\n    tag: 'div',\n    layout: datePickerRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'default',\n    },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","label","_ref$labelPlacement","labelPlacement","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","_ref$lang","lang","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","rest","_objectWithoutProperties","_excluded","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","value","_useState6","inputValue","setInputValue","innerLabelPlacement","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","_useKeyNavigation","useKeyNavigation","isCalendarOpen","onKeyDown","DatePickerInput","React","createElement","StyledInput","_extends","cx","onChange","onSearch","date","useEffect","prevOpen","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","dateInfo","LeftHelper","datePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;IAiBaA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,IAAmG,EAAA;AAAA,EAAA,oBAEnGC,UAAU,CACN,UAAAC,IAAA,EAiDIC,GAAG,EACF;AAAA,IAAA,IAhDGC,SAAS,GAAAF,IAAA,CAATE,SAAS;MAAAC,WAAA,GAAAH,IAAA,CACTI,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MAEdE,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,mBAAA,GAAAN,IAAA,CACLO,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;MACxBE,WAAW,GAAAR,IAAA,CAAXQ,WAAW;MACXC,UAAU,GAAAT,IAAA,CAAVS,UAAU;MACVC,WAAW,GAAAV,IAAA,CAAXU,WAAW;MACXC,YAAY,GAAAX,IAAA,CAAZW,YAAY;MACZC,UAAU,GAAAZ,IAAA,CAAVY,UAAU;MACVC,SAAS,GAAAb,IAAA,CAATa,SAAS;MACTC,IAAI,GAAAd,IAAA,CAAJc,IAAI;MACJC,IAAI,GAAAf,IAAA,CAAJe,IAAI;MAAAC,aAAA,GAAAhB,IAAA,CACJiB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAAlB,IAAA,CAChBmB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,gBAAA,GAAApB,IAAA,CAEhBqB,WAAW;AAAXA,MAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;MAChBE,UAAU,GAAAtB,IAAA,CAAVsB,UAAU;MACVC,YAAY,GAAAvB,IAAA,CAAZuB,YAAY;MAAAC,WAAA,GAAAxB,IAAA,CACZyB,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,YAAY,GAAAA,WAAA;MAAAE,SAAA,GAAA1B,IAAA,CACrB2B,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;MACXE,cAAc,GAAA5B,IAAA,CAAd4B,cAAc;MACdC,GAAG,GAAA7B,IAAA,CAAH6B,GAAG;MACHC,GAAG,GAAA9B,IAAA,CAAH8B,GAAG;MAAAC,qBAAA,GAAA/B,IAAA,CACHgC,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;MACxBE,SAAS,GAAAjC,IAAA,CAATiC,SAAS;MACTC,YAAY,GAAAlC,IAAA,CAAZkC,YAAY;MACZC,cAAc,GAAAnC,IAAA,CAAdmC,cAAc;MACdC,iBAAiB,GAAApC,IAAA,CAAjBoC,iBAAiB;MACjBC,gBAAgB,GAAArC,IAAA,CAAhBqC,gBAAgB;MAChBC,mBAAmB,GAAAtC,IAAA,CAAnBsC,mBAAmB;MACnBC,aAAa,GAAAvC,IAAA,CAAbuC,aAAa;MACbC,gBAAgB,GAAAxC,IAAA,CAAhBwC,gBAAgB;MAAAC,SAAA,GAAAzC,IAAA,CAChB0C,IAAI;AAAJA,MAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;MAAAE,cAAA,GAAA3C,IAAA,CAEb4C,SAAS;MAATA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAAA,cAAA;MAAAE,qBAAA,GAAA7C,IAAA,CAC7B8C,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAC1BE,MAAM,GAAA/C,IAAA,CAAN+C,MAAM;MAENC,aAAa,GAAAhD,IAAA,CAAbgD,aAAa;MACbC,YAAY,GAAAjD,IAAA,CAAZiD,YAAY;MACZC,QAAQ,GAAAlD,IAAA,CAARkD,QAAQ;MACRC,OAAO,GAAAnD,IAAA,CAAPmD,OAAO;MACPC,MAAM,GAAApD,IAAA,CAANoD,MAAM;AAEHC,MAAAA,IAAI,GAAAC,wBAAA,CAAAtD,IAAA,EAAAuD,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAAC,SAAA,GAAsCC,QAAQ,CAACvD,MAAM,CAAC;MAAAwD,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/CI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,IAAA,IAAAI,UAAA,GAA0CL,QAAQ,CAACM,mBAAmB,CAAC5C,WAAW,EAAEI,MAAM,EAAEE,IAAI,CAAC,CAAC;MAAAuC,UAAA,GAAAL,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA3FG,MAAAA,aAAa,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,gBAAgB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACtC,IAAA,IAAAG,UAAA,GAAoCV,QAAQ,CAACW,gBAAgB,CAAC;AAAEC,QAAAA,KAAK,EAAElD,WAAW;AAAEI,QAAAA,MAAM,EAANA,MAAM;AAAEE,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAC;MAAA6C,UAAA,GAAAX,cAAA,CAAAQ,UAAA,EAAA,CAAA,CAAA;AAA7FI,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,IAAA,IAAMG,mBAAmB,GAAGpE,cAAc,KAAK,OAAO,CAAA;IAEtD,IAAMqE,mBAAmB,GAAGC,WAAW,CAAC,YAAA;MAAA,OAAMC,sBAAsB,CAACrD,MAAM,CAAC,CAAA;KAAE,EAAA,CAACA,MAAM,CAAC,CAAC,CAAA;IAEvF,IAAAsD,cAAA,GAMIC,aAAa,CAAC;AACdC,QAAAA,YAAY,EAAER,UAAU;AACxBC,QAAAA,aAAa,EAAbA,aAAa;AACbN,QAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBL,QAAAA,cAAc,EAAdA,cAAc;AACda,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBnD,QAAAA,MAAM,EAANA,MAAM;AACNE,QAAAA,IAAI,EAAJA,IAAI;AACJR,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,QAAQ,EAARA,QAAQ;AACRW,QAAAA,cAAc,EAAdA,cAAc;AACdN,QAAAA,UAAU,EAAVA,UAAU;AACVC,QAAAA,YAAY,EAAZA,YAAY;AACZiC,QAAAA,QAAQ,EAARA,QAAQ;AACRN,QAAAA,QAAQ,EAARA,QAAQ;AACRF,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,YAAY,EAAZA,YAAAA;AACJ,OAAC,CAAC;MAtBEiC,oBAAoB,GAAAH,cAAA,CAApBG,oBAAoB;MACpBC,sBAAsB,GAAAJ,cAAA,CAAtBI,sBAAsB;MACtBC,YAAY,GAAAL,cAAA,CAAZK,YAAY;MACZC,iBAAiB,GAAAN,cAAA,CAAjBM,iBAAiB;MACjBC,gBAAgB,GAAAP,cAAA,CAAhBO,gBAAgB,CAAA;IAoBpB,IAAAC,iBAAA,GAAsBC,gBAAgB,CAAC;AACnCC,QAAAA,cAAc,EAAE3B,WAAW;AAC3BZ,QAAAA,QAAQ,EAAEkC,YAAAA;AACd,OAAC,CAAC;MAHMM,SAAS,GAAAH,iBAAA,CAATG,SAAS,CAAA;IAKjB,IAAMC,eAAe,gBACjBC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAAC,QAAA,CAAA;AACR9F,MAAAA,GAAG,EAAEuD,QAAS;AACdtD,MAAAA,SAAS,EAAE8F,EAAE,CAACd,oBAAoB,EAAEC,sBAAsB,CAAE;AAC5DZ,MAAAA,KAAK,EAAEE,UAAW;AAClB1D,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBX,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,SAAS,EAAEA,SAAU;AACrBoF,MAAAA,QAAQ,EAAEZ,iBAAkB;MAC5Ba,QAAQ,EAAE,SAAAA,QAAAA,CAACC,IAAI,EAAA;AAAA,QAAA,OAAKb,gBAAgB,CAACa,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;OAAC;AACxDhD,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,MAAM,EAAEA,MAAO;AACfsC,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,EAChBf,mBAAmB,IAAI;AAAEtE,MAAAA,KAAK,EAALA,KAAK;AAAEE,MAAAA,cAAc,EAAdA,cAAAA;AAAe,KAAC,CACxD,CACJ,CAAA;AAED6F,IAAAA,SAAS,CAAC,YAAM;MACZrC,cAAc,CAAC,UAACsC,QAAQ,EAAA;AAAA,QAAA,OAAKA,QAAQ,KAAKjG,MAAM,IAAIA,MAAM,CAAA;OAAC,CAAA,CAAA;AAC/D,KAAC,EAAE,CAACA,MAAM,CAAC,CAAC,CAAA;AAEZgG,IAAAA,SAAS,CAAC,YAAM;MACZhC,gBAAgB,CAACH,mBAAmB,CAAC5C,WAAW,EAAEI,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAChE+C,aAAa,CAACJ,gBAAgB,CAAC;AAAEC,QAAAA,KAAK,EAAElD,WAAW;AAAEI,QAAAA,MAAM,EAANA,MAAM;AAAEE,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAC,CAAA;AACzE,KAAC,EAAE,CAACN,WAAW,CAAC,CAAC,CAAA;AAEjB+E,IAAAA,SAAS,CAAC,YAAM;MACZhC,gBAAgB,CAACH,mBAAmB,CAAC5C,WAAW,EAAEI,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;MAChE+C,aAAa,CAACJ,gBAAgB,CAAC;AAAEC,QAAAA,KAAK,EAAElD,WAAW;AAAEI,QAAAA,MAAM,EAANA,MAAM;AAAEE,QAAAA,IAAI,EAAJA,IAAAA;AAAK,OAAC,CAAC,CAAC,CAAA;AACzE,KAAC,EAAE,CAACF,MAAM,EAAEE,IAAI,CAAC,CAAC,CAAA;AAElB,IAAA,oBACIiE,KAAA,CAAAC,aAAA,CAAC/F,IAAI,EAAAiG,QAAA,CAAA;AACDjF,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXb,SAAS,EAAE8F,EAAE,CAACM,OAAO,CAACzG,cAAc,EAAEK,SAAS,CAAE;AACjDiB,MAAAA,QAAQ,EAAEA,QAAS;AACnBF,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChChB,MAAAA,GAAG,EAAEA,GAAAA;KACDoD,EAAAA,IAAI,GAEP,CAACsB,mBAAmB,IAAItE,KAAK,iBAAIuF,KAAA,CAAAC,aAAA,CAACU,WAAW,EAAA,IAAA,EAAElG,KAAmB,CAAC,eACpEuF,KAAA,CAAAC,aAAA,CAACW,aAAa,EAAA;AACVpG,MAAAA,MAAM,EAAE0D,WAAY;AACpB2C,MAAAA,SAAS,EAAE,KAAM;AACjBvD,MAAAA,QAAQ,EAAEkC,YAAa;AACvBrC,MAAAA,MAAM,EAAEA,MAAO;AACfH,MAAAA,SAAS,EAAE8D,aAAa,CAAC9D,SAAS,CAAE;AACpC+D,MAAAA,OAAO,EAAC,OAAO;AACf7D,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzC8D,MAAAA,cAAc,EAAE,KAAM;AACtBC,MAAAA,MAAM,EAAElB,eAAgB;AACxBmB,MAAAA,eAAe,EAAE,KAAA;AAAM,KAAA,eAEvBlB,KAAA,CAAAC,aAAA,CAACkB,cAAc,EAAA;AACXhG,MAAAA,IAAI,EAAEA,IAAK;AACXwD,MAAAA,KAAK,EAAEJ,aAAc;AACrBzB,MAAAA,IAAI,EAAEA,IAAK;AACXT,MAAAA,SAAS,EAAEA,SAAU;AACrBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,MAAAA,aAAa,EAAEA,aAAc;AAC7BC,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCX,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,gBAAgB,EAAEA,gBAAiB;AACnCgF,MAAAA,OAAO,EAAE,KAAM;AACfhE,MAAAA,aAAa,EAAE,SAAAA,aAACmD,CAAAA,IAAI,EAAEc,QAAQ,EAAA;QAAA,OAAK3B,gBAAgB,CAACa,IAAI,EAAE,KAAK,EAAE,IAAI,EAAEc,QAAQ,CAAC,CAAA;AAAA,OAAA;AAAC,KACpF,CACU,CAAC,EACfxG,UAAU,iBAAImF,KAAA,CAAAC,aAAA,CAACqB,UAAU,EAAEzG,IAAAA,EAAAA,UAAuB,CACjD,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM0G,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEzH,cAAc;AACtB0H,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR1G,IAAAA,IAAI,EAAE;AACF2G,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3G,IAAAA,IAAI,EAAE;AACF0G,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDxG,IAAAA,QAAQ,EAAE;AACNsG,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD5G,IAAAA,QAAQ,EAAE;AACNwG,MAAAA,GAAG,EAAEK,MAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACNhH,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}