@prom-ui/core 1.3.1 → 1.4.0

package/Overlay/cjs/index.development.v2.js

@@ -22,21 +22,21 @@ var Swipe = require('react-easy-swipe');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
@@ -44,141 +44,153 @@ var ScrollLock__default = /*#__PURE__*/_interopDefaultCompat(ScrollLock);
 var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var Swipe__default = /*#__PURE__*/_interopDefaultCompat(Swipe);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-function __makeTemplateObject(cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
+    }
+  }));
 }
 
 var css = {"root":"Overlay__root___-yvLz","backdrop":"Overlay__backdrop___MKZgL","popup":"Overlay__popup___RJENA","popup_placement_top":"Overlay__popup_placement_top___ERdxO","popup_placement_bottom":"Overlay__popup_placement_bottom___MJb6v","popup_placement_right":"Overlay__popup_placement_right___nL79b","popup_placement_left":"Overlay__popup_placement_left___p-p5e","content":"Overlay__content___uHLyZ","header":"Overlay__header___ntf6X","header__grid":"Overlay__header__grid___-OCio","header__item":"Overlay__header__item___gjOzy","header__title":"Overlay__header__title___-s4aZ Overlay__header__item___gjOzy","header__action":"Overlay__header__action___fzZrE Overlay__header__item___gjOzy","header__actionButton":"Overlay__header__actionButton___CC-hv","header__actionIcon":"Overlay__header__actionIcon___LoRyP","footer":"Overlay__footer___nE-cV","enter":"Overlay__enter___v7DoD","exit":"Overlay__exit___E0PkA","enterActive":"Overlay__enterActive___RFXzo","exitActive":"Overlay__exitActive___a2xd2"};
 
-var OverlayHeader = function (_a) {
-  var isShowPrevButton = _a.isShowPrevButton,
-    isShowCloseButton = _a.isShowCloseButton,
-    children = _a.children,
-    title = _a.title,
-    onClose = _a.onClose,
-    onPrev = _a.onPrev;
-  var t = useBodyTTag.useBodyTTag().t;
-  return React__namespace.default.createElement("header", {
+var _templateObject, _templateObject2;
+var OverlayHeader = function OverlayHeader(_ref) {
+  var isShowPrevButton = _ref.isShowPrevButton,
+    isShowCloseButton = _ref.isShowCloseButton,
+    children = _ref.children,
+    title = _ref.title,
+    onClose = _ref.onClose,
+    onPrev = _ref.onPrev;
+  var _useBodyTTag = useBodyTTag.useBodyTTag(),
+    t = _useBodyTTag.t;
+  return /*#__PURE__*/React__namespace.default.createElement("header", {
     className: css.header
-  }, typeof children !== 'undefined' ? children : React__namespace.default.createElement("div", {
+  }, typeof children !== 'undefined' ? children : /*#__PURE__*/React__namespace.default.createElement("div", {
     className: css.header__grid
-  }, React__namespace.default.createElement("div", {
+  }, /*#__PURE__*/React__namespace.default.createElement("div", {
     className: css.header__action
-  }, isShowPrevButton && React__namespace.default.createElement(Button.Button, {
+  }, isShowPrevButton && /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
     className: css.header__actionButton,
-    "button-theme": 'black-inherit',
-    type: 'button',
+    "button-theme": "black-inherit",
+    type: "button",
     onClick: onPrev,
-    "aria-label": t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"]))),
-    "data-qaid": 'prev'
-  }, React__namespace.default.createElement(Icon.Icon, {
+    "aria-label": t(_templateObject || (_templateObject = _taggedTemplateLiteral(["\u041D\u0430\u0437\u0430\u0434"]))),
+    "data-qaid": "prev"
+  }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     "icon-as": ArrowBack.ArrowBack,
     className: css.header__actionIcon
-  }))), React__namespace.default.createElement("div", {
+  }))), /*#__PURE__*/React__namespace.default.createElement("div", {
     className: css.header__title
-  }, typeof title === 'string' ? React__namespace.default.createElement(Text.Text, {
-    "text-align": 'center',
-    "text-size": 'h4',
-    "text-wrap": 'ellipsis',
-    "text-weight": 'bold',
-    "data-qaid": 'title'
-  }, title) : title), React__namespace.default.createElement("div", {
+  }, typeof title === 'string' ? /*#__PURE__*/React__namespace.default.createElement(Text.Text, {
+    "text-align": "center",
+    "text-size": "h4",
+    "text-wrap": "ellipsis",
+    "text-weight": "bold",
+    "data-qaid": "title"
+  }, title) : title), /*#__PURE__*/React__namespace.default.createElement("div", {
     className: css.header__action
-  }, isShowCloseButton && onClose && React__namespace.default.createElement(Button.Button, {
+  }, isShowCloseButton && onClose && /*#__PURE__*/React__namespace.default.createElement(Button.Button, {
     className: css.header__actionButton,
-    "button-theme": 'black-inherit',
-    type: 'button',
+    "button-theme": "black-inherit",
+    type: "button",
     onClick: onClose,
-    "aria-label": t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
-    "data-qaid": 'close'
-  }, React__namespace.default.createElement(Icon.Icon, {
+    "aria-label": t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
+    "data-qaid": "close"
+  }, /*#__PURE__*/React__namespace.default.createElement(Icon.Icon, {
     "icon-as": Close.Close,
     className: css.header__actionIcon
   })))));
 };
-var templateObject_1, templateObject_2;
 
 // FORK FROM https://github.com/jossmac/react-scrolllock/blob/master/src/TouchScrollable.js
+
 var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+
 /* @ts-ignore */
 var canUseEventListeners = canUseDOM && !!(window.addEventListener || window.attachEvent);
-var TouchScrollable = function (_a) {
-  var _b = _a.isActive,
-    isActive = _b === void 0 ? false : _b,
-    scrollRef = _a.scrollRef,
-    children = _a.children;
+var TouchScrollable = function TouchScrollable(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? false : _ref$isActive,
+    scrollRef = _ref.scrollRef,
+    children = _ref.children;
   React__namespace.useEffect(function () {
-    if (!isActive || !canUseEventListeners || !(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) return;
+    if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
     scrollRef.current.addEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
     scrollRef.current.addEventListener('touchmove', utils.allowTouchMove, utils.listenerOptions);
     return function () {
-      if (!isActive || !canUseEventListeners || !(scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current)) return;
+      if (!isActive || !canUseEventListeners || !(scrollRef !== null && scrollRef !== void 0 && scrollRef.current)) return;
       scrollRef.current.removeEventListener('touchstart', utils.preventInertiaScroll, utils.listenerOptions);
       scrollRef.current.removeEventListener('touchmove', utils.allowTouchMove, utils.listenerOptions);
     };
   });
-  return React__namespace.createElement(React__namespace.Fragment, null, children);
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
 };
 
 var VENDOR_PREFIX = ['-webkit', '-moz', '-ms', '-o'];
 var PROPERTYES_VENDOR_PREFIX = ['transform', 'transition'];
-var setStyle = function (element, style) {
+var setStyle = function setStyle(element, style) {
   if (!element) return;
   for (var property in style) {
     var isVendorPrefix = PROPERTYES_VENDOR_PREFIX.indexOf(property) !== -1;
     if (!!!style[property]) {
       element.style.removeProperty(property);
       if (isVendorPrefix) {
-        for (var _i = 0, VENDOR_PREFIX_1 = VENDOR_PREFIX; _i < VENDOR_PREFIX_1.length; _i++) {
-          var vendor = VENDOR_PREFIX_1[_i];
+        for (var _i = 0, _VENDOR_PREFIX = VENDOR_PREFIX; _i < _VENDOR_PREFIX.length; _i++) {
+          var vendor = _VENDOR_PREFIX[_i];
           element.style.removeProperty("".concat(vendor, "-").concat(property));
         }
       }
     } else {
       element.style.setProperty(property, style[property]);
       if (isVendorPrefix) {
-        for (var _a = 0, VENDOR_PREFIX_2 = VENDOR_PREFIX; _a < VENDOR_PREFIX_2.length; _a++) {
-          var vendor = VENDOR_PREFIX_2[_a];
-          element.style.setProperty("".concat(vendor, "-").concat(property), style[property]);
+        for (var _i2 = 0, _VENDOR_PREFIX2 = VENDOR_PREFIX; _i2 < _VENDOR_PREFIX2.length; _i2++) {
+          var _vendor = _VENDOR_PREFIX2[_i2];
+          element.style.setProperty("".concat(_vendor, "-").concat(property), style[property]);
         }
       }
     }
@@ -187,27 +199,27 @@ var setStyle = function (element, style) {
 var SWIPE_TIME_RATE = 250;
 var SWIPE_MIN_POS = 70;
 var SWIPE_TRANSITION_DURATION = 225;
-var SwipeClose = function (_a) {
-  var _b = _a.isActive,
-    isActive = _b === void 0 ? true : _b,
-    children = _a.children,
-    onClose = _a.onClose,
-    placement = _a.placement,
-    rootRef = _a.rootRef,
-    contentRef = _a.contentRef;
+var SwipeClose = function SwipeClose(_ref) {
+  var _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? true : _ref$isActive,
+    children = _ref.children,
+    onClose = _ref.onClose,
+    placement = _ref.placement,
+    rootRef = _ref.rootRef,
+    contentRef = _ref.contentRef;
   var isAllowSwipe = React__namespace.useRef(null);
   var isAllowClose = React__namespace.useRef(false);
   var startTime = React__namespace.useRef(0);
   if (!isActive) {
-    return React__namespace.createElement(React__namespace.Fragment, null, children);
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, children);
   }
-  var onSwipeMove = function (_a) {
-    var _b, _c, _d;
-    var x = _a.x,
-      y = _a.y;
-    var contentsScrollHeight = ((_b = contentRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) || 0;
-    var contentOffsetHeight = ((_c = contentRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0;
-    var contentScrollTop = ((_d = contentRef.current) === null || _d === void 0 ? void 0 : _d.scrollTop) || 0;
+  var onSwipeMove = function onSwipeMove(_ref2) {
+    var _contentRef$current, _contentRef$current2, _contentRef$current3;
+    var x = _ref2.x,
+      y = _ref2.y;
+    var contentsScrollHeight = ((_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 ? void 0 : _contentRef$current.scrollHeight) || 0;
+    var contentOffsetHeight = ((_contentRef$current2 = contentRef.current) === null || _contentRef$current2 === void 0 ? void 0 : _contentRef$current2.offsetHeight) || 0;
+    var contentScrollTop = ((_contentRef$current3 = contentRef.current) === null || _contentRef$current3 === void 0 ? void 0 : _contentRef$current3.scrollTop) || 0;
     var contentScrollBottom = contentsScrollHeight - (contentScrollTop + contentOffsetHeight);
     var transform = null;
     var isAllowSwipeCords = false;
@@ -254,7 +266,7 @@ var SwipeClose = function (_a) {
       });
     }
   };
-  var onSwipeEnd = function () {
+  var onSwipeEnd = function onSwipeEnd() {
     if (isAllowSwipe.current) {
       setStyle(rootRef.current, {
         transition: "transform ".concat(SWIPE_TRANSITION_DURATION, "ms cubic-bezier(0, 0, 0.2, 1) 0ms"),
@@ -278,13 +290,13 @@ var SwipeClose = function (_a) {
     isAllowSwipe.current = null;
     isAllowClose.current = false;
   };
-  return React__namespace.createElement(Swipe__default.default, {
+  return /*#__PURE__*/React__namespace.createElement(Swipe__default.default, {
     onSwipeMove: onSwipeMove,
     onSwipeEnd: onSwipeEnd
   }, children);
 };
 
-var getPopupStyle = function (placement, size, maxSize) {
+var getPopupStyle = function getPopupStyle(placement, size, maxSize) {
   if (['top', 'bottom'].includes(placement)) {
     return {
       height: size,
@@ -297,53 +309,55 @@ var getPopupStyle = function (placement, size, maxSize) {
   };
 };
 
+var _excluded = ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClosed", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isCloseOnSwipe", "isCloseOutsideClick", "isAnimated", "isRenderPortal", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "maxSize", "zIndex", "contentRef", "dataQaId"];
 var DEFAULT_SIZE = 400;
-/**
- * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
- * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
+
+/**
+ * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
+ * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
  */
-var Overlay = function (_a) {
-  var children = _a.children,
-    onClose = _a.onClose,
-    onOpen = _a.onOpen,
-    onPrev = _a.onPrev,
-    onOpened = _a.onOpened,
-    onClosed = _a.onClosed,
-    isOpen = _a.isOpen,
-    _b = _a.isShowCloseButton,
-    isShowCloseButton = _b === void 0 ? true : _b,
-    _c = _a.isShowPrevButton,
-    isShowPrevButton = _c === void 0 ? false : _c,
-    _d = _a.isCloseOnEscape,
-    isCloseOnEscape = _d === void 0 ? true : _d,
-    _e = _a.isCloseOnSwipe,
-    isCloseOnSwipe = _e === void 0 ? true : _e,
-    _f = _a.isCloseOutsideClick,
-    isCloseOutsideClick = _f === void 0 ? true : _f,
-    _g = _a.isAnimated,
-    isAnimated = _g === void 0 ? true : _g,
-    _h = _a.isRenderPortal,
-    isRenderPortal = _h === void 0 ? true : _h,
-    _j = _a.isScrollLock,
-    isScrollLock = _j === void 0 ? true : _j,
-    _k = _a.isScrollLockTouch,
-    isScrollLockTouch = _k === void 0 ? true : _k,
-    header = _a.header,
-    footer = _a.footer,
-    _l = _a.padding,
-    padding = _l === void 0 ? '20px 20px 20px 20px' : _l,
-    title = _a.title,
-    _m = _a.placement,
-    placement = _m === void 0 ? 'adaptive' : _m,
-    _o = _a.size,
-    size = _o === void 0 ? 'adaptive' : _o,
-    _p = _a.maxSize,
-    maxSize = _p === void 0 ? '90%' : _p,
-    _q = _a.zIndex,
-    zIndex = _q === void 0 ? 5000 : _q,
-    contentRef = _a.contentRef,
-    dataQaId = _a.dataQaId,
-    props = __rest(_a, ["children", "onClose", "onOpen", "onPrev", "onOpened", "onClosed", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isCloseOnSwipe", "isCloseOutsideClick", "isAnimated", "isRenderPortal", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "maxSize", "zIndex", "contentRef", "dataQaId"]);
+var Overlay = function Overlay(_ref) {
+  var children = _ref.children,
+    onClose = _ref.onClose,
+    onOpen = _ref.onOpen,
+    onPrev = _ref.onPrev,
+    onOpened = _ref.onOpened,
+    onClosed = _ref.onClosed,
+    isOpen = _ref.isOpen,
+    _ref$isShowCloseButto = _ref.isShowCloseButton,
+    isShowCloseButton = _ref$isShowCloseButto === void 0 ? true : _ref$isShowCloseButto,
+    _ref$isShowPrevButton = _ref.isShowPrevButton,
+    isShowPrevButton = _ref$isShowPrevButton === void 0 ? false : _ref$isShowPrevButton,
+    _ref$isCloseOnEscape = _ref.isCloseOnEscape,
+    isCloseOnEscape = _ref$isCloseOnEscape === void 0 ? true : _ref$isCloseOnEscape,
+    _ref$isCloseOnSwipe = _ref.isCloseOnSwipe,
+    isCloseOnSwipe = _ref$isCloseOnSwipe === void 0 ? true : _ref$isCloseOnSwipe,
+    _ref$isCloseOutsideCl = _ref.isCloseOutsideClick,
+    isCloseOutsideClick = _ref$isCloseOutsideCl === void 0 ? true : _ref$isCloseOutsideCl,
+    _ref$isAnimated = _ref.isAnimated,
+    isAnimated = _ref$isAnimated === void 0 ? true : _ref$isAnimated,
+    _ref$isRenderPortal = _ref.isRenderPortal,
+    isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
+    _ref$isScrollLock = _ref.isScrollLock,
+    isScrollLock = _ref$isScrollLock === void 0 ? true : _ref$isScrollLock,
+    _ref$isScrollLockTouc = _ref.isScrollLockTouch,
+    isScrollLockTouch = _ref$isScrollLockTouc === void 0 ? true : _ref$isScrollLockTouc,
+    header = _ref.header,
+    footer = _ref.footer,
+    _ref$padding = _ref.padding,
+    padding = _ref$padding === void 0 ? '20px 20px 20px 20px' : _ref$padding,
+    title = _ref.title,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'adaptive' : _ref$placement,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'adaptive' : _ref$size,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? '90%' : _ref$maxSize,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 5000 : _ref$zIndex,
+    contentRef = _ref.contentRef,
+    dataQaId = _ref.dataQaId,
+    props = _objectWithoutProperties(_ref, _excluded);
   var popupRef = React__namespace.useRef(null);
   var currentContentRef = contentRef || React__namespace.useRef(null);
   var isMinWidthMedium = Media.useMedia({
@@ -363,66 +377,66 @@ var Overlay = function (_a) {
   if (placement === 'adaptive') {
     currentPlacement = isMinWidthMedium ? 'right' : 'bottom';
   }
-  return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.createElement(Backdrop.Backdrop, {
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Backdrop.Backdrop, {
     isOpen: isOpen,
     isAnimated: isAnimated,
     zIndex: zIndex,
     isRenderPortal: isRenderPortal
-  }), React__namespace.createElement(reactTransitionGroup.CSSTransition, {
-    in: isOpen,
+  }), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, {
+    "in": isOpen,
     timeout: isAnimated ? 225 : 0,
     classNames: css,
     unmountOnExit: true,
     onEnter: onOpen,
     onEntered: onOpened,
     onExited: onClosed
-  }, React__namespace.createElement(Portal.Portal, {
+  }, /*#__PURE__*/React__namespace.createElement(Portal.Portal, {
     isActive: isRenderPortal
-  }, React__namespace.createElement(SwipeClose, {
+  }, /*#__PURE__*/React__namespace.createElement(SwipeClose, {
     isActive: isScrollLock && isCloseOnSwipe,
     rootRef: popupRef,
     contentRef: currentContentRef,
     placement: currentPlacement,
     onClose: onClose
-  }, React__namespace.createElement("div", __assign({
+  }, /*#__PURE__*/React__namespace.createElement("div", _extends({
     className: css.root,
-    role: 'presentation',
+    role: "presentation",
     style: {
       zIndex: zIndex
     }
-  }, props), React__namespace.createElement(ScrollLock__default.default, {
+  }, props), /*#__PURE__*/React__namespace.createElement(ScrollLock__default.default, {
     isActive: isScrollLock
-  }), React__namespace.createElement(KeyPress.KeyPress, {
+  }), /*#__PURE__*/React__namespace.createElement(KeyPress.KeyPress, {
     isActive: isCloseOnEscape,
-    code: 'Escape',
+    code: "Escape",
     onKeyDown: onClose
-  }), React__namespace.createElement("div", {
+  }), /*#__PURE__*/React__namespace.createElement("div", {
     className: css.backdrop,
     "aria-hidden": true,
-    onClick: function (e) {
+    onClick: function onClick(e) {
       if (isCloseOutsideClick && onClose) {
         onClose(e);
       }
     }
-  }), React__namespace.createElement("div", {
+  }), /*#__PURE__*/React__namespace.createElement("div", {
     ref: popupRef,
     className: classNames__default.default(css.popup, css["popup_placement_".concat(currentPlacement)]),
     "aria-modal": true,
-    role: 'dialog',
+    role: "dialog",
     style: getPopupStyle(currentPlacement, currentSize, maxSize),
     "data-qaid": dataQaId
-  }, React__namespace.createElement(OverlayHeader, {
+  }, /*#__PURE__*/React__namespace.createElement(OverlayHeader, {
     isShowCloseButton: isShowCloseButton,
     isShowPrevButton: isShowPrevButton,
     onClose: onClose,
     onPrev: onPrev,
     title: title
-  }, header), React__namespace.createElement("footer", {
+  }, header), /*#__PURE__*/React__namespace.createElement("footer", {
     className: css.footer
-  }, footer), React__namespace.createElement(TouchScrollable, {
+  }, footer), /*#__PURE__*/React__namespace.createElement(TouchScrollable, {
     isActive: isScrollLockTouch,
     scrollRef: currentContentRef
-  }, React__namespace.createElement("div", {
+  }, /*#__PURE__*/React__namespace.createElement("div", {
     className: css.content,
     ref: currentContentRef,
     style: {

package/Overlay/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("react-transition-group"),n=require("classnames"),o=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),c=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Text"),d=require("@prom-ui/core/useBodyTTag"),p=require("@prom-ui/icons/Close"),m=require("@prom-ui/icons/ArrowBack"),f=require("react-scrolllock/dist/utils"),v=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var _=y(e),E=h(t),w=h(n),O=h(v),b=function(){return b=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},b.apply(this,arguments)};function g(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var x,S,P={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},C=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,c=d.useBodyTTag().t;return _.default.createElement("header",{className:P.header},void 0!==n?n:_.default.createElement("div",{className:P.header__grid},_.default.createElement("div",{className:P.header__action},t&&_.default.createElement(l.Button,{className:P.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":c(x||(x=g(["Назад"],["Назад"]))),"data-qaid":"prev"},_.default.createElement(s.Icon,{"icon-as":m.ArrowBack,className:P.header__actionIcon}))),_.default.createElement("div",{className:P.header__title},"string"==typeof o?_.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),_.default.createElement("div",{className:P.header__action},r&&i&&_.default.createElement(l.Button,{className:P.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":c(S||(S=g(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},_.default.createElement(s.Icon,{"icon-as":p.Close,className:P.header__actionIcon})))))},k=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),q=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return _.useEffect((function(){if(r&&k&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",f.preventInertiaScroll,f.listenerOptions),n.current.addEventListener("touchmove",f.allowTouchMove,f.listenerOptions),function(){r&&k&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",f.preventInertiaScroll,f.listenerOptions),n.current.removeEventListener("touchmove",f.allowTouchMove,f.listenerOptions))}})),_.createElement(_.Fragment,null,o)},B=["-webkit","-moz","-ms","-o"],R=["transform","transition"],z=function(e,t){if(e)for(var r in t){var n=-1!==R.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=B;o<i.length;o++){l=i[o];e.style.setProperty("".concat(l,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var a=0,c=B;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},j=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=_.useRef(null),s=_.useRef(!1),u=_.useRef(0);if(!r)return _.createElement(_.Fragment,null,n);return _.createElement(O.default,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,m=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,f=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,v=p-(f+m),h=null,y=!1,_=!1,E=Math.abs(o),w=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),y=v<=1&&d<=0&&w>E,_=w>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),y=f<=1&&d>=0&&w>E,_=w>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),y=o<=0&&E>w,_=E>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),y=o>=0&&E>w,_=E>70),null===l.current&&(l.current=!!y),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&_&&(s.current=!0),z(a.current,{transform:h}),z(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){z(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),z(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){z(a.current,{transition:null})}),225);var e=(new Date).getTime()-u.current;s.current&&e<250&&o&&o({})}u.current=0,l.current=null,s.current=!1}},n)},I=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}};exports.Overlay=function(e){var t=e.children,n=e.onClose,l=e.onOpen,s=e.onPrev,u=e.onOpened,d=e.onClosed,p=e.isOpen,m=e.isShowCloseButton,f=void 0===m||m,v=e.isShowPrevButton,h=void 0!==v&&v,y=e.isCloseOnEscape,O=void 0===y||y,g=e.isCloseOnSwipe,x=void 0===g||g,S=e.isCloseOutsideClick,k=void 0===S||S,B=e.isAnimated,R=void 0===B||B,z=e.isRenderPortal,N=void 0===z||z,A=e.isScrollLock,T=void 0===A||A,L=e.isScrollLockTouch,M=void 0===L||L,D=e.header,H=e.footer,U=e.padding,Y=void 0===U?"20px 20px 20px 20px":U,F=e.title,K=e.placement,Q=void 0===K?"adaptive":K,W=e.size,X=void 0===W?"adaptive":W,G=e.maxSize,J=void 0===G?"90%":G,V=e.zIndex,Z=void 0===V?5e3:V,$=e.contentRef,ee=e.dataQaId,te=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}(e,["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId"]),re=_.useRef(null),ne=$||_.useRef(null),oe=c.useMedia({minWidth:"medium"}),ie=Q,ae=X;return"adaptive"===X&&(ae="top"===Q||"bottom"===Q?"auto":"adaptive"===Q?oe?400:"auto":400),"adaptive"===Q&&(ie=oe?"right":"bottom"),_.createElement(_.Fragment,null,_.createElement(o.Backdrop,{isOpen:p,isAnimated:R,zIndex:Z,isRenderPortal:N}),_.createElement(r.CSSTransition,{in:p,timeout:R?225:0,classNames:P,unmountOnExit:!0,onEnter:l,onEntered:u,onExited:d},_.createElement(a.Portal,{isActive:N},_.createElement(j,{isActive:T&&x,rootRef:re,contentRef:ne,placement:ie,onClose:n},_.createElement("div",b({className:P.root,role:"presentation",style:{zIndex:Z}},te),_.createElement(E.default,{isActive:T}),_.createElement(i.KeyPress,{isActive:O,code:"Escape",onKeyDown:n}),_.createElement("div",{className:P.backdrop,"aria-hidden":!0,onClick:function(e){k&&n&&n(e)}}),_.createElement("div",{ref:re,className:w.default(P.popup,P["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:I(ie,ae,J),"data-qaid":ee},_.createElement(C,{isShowCloseButton:f,isShowPrevButton:h,onClose:n,onPrev:s,title:F},D),_.createElement("footer",{className:P.footer},H),_.createElement(q,{isActive:M,scrollRef:ne},_.createElement("div",{className:P.content,ref:ne,style:{padding:Y}},t))))))))},require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("react-transition-group"),n=require("classnames"),o=require("@prom-ui/core/Backdrop"),i=require("@prom-ui/core/KeyPress"),a=require("@prom-ui/core/Portal"),c=require("@prom-ui/core/Media"),l=require("@prom-ui/core/Button"),s=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Text"),d=require("@prom-ui/core/useBodyTTag"),p=require("@prom-ui/icons/Close"),f=require("@prom-ui/icons/ArrowBack"),m=require("react-scrolllock/dist/utils"),v=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function _(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var b=_(e),E=h(t),O=h(n),y=h(v);function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},w.apply(this,arguments)}function g(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function x(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var S,C,k={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},P=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,c=d.useBodyTTag().t;return b.default.createElement("header",{className:k.header},void 0!==n?n:b.default.createElement("div",{className:k.header__grid},b.default.createElement("div",{className:k.header__action},t&&b.default.createElement(l.Button,{className:k.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":c(S||(S=x(["Назад"]))),"data-qaid":"prev"},b.default.createElement(s.Icon,{"icon-as":f.ArrowBack,className:k.header__actionIcon}))),b.default.createElement("div",{className:k.header__title},"string"==typeof o?b.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),b.default.createElement("div",{className:k.header__action},r&&i&&b.default.createElement(l.Button,{className:k.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":c(C||(C=x(["Закрыть"]))),"data-qaid":"close"},b.default.createElement(s.Icon,{"icon-as":p.Close,className:k.header__actionIcon})))))},q=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),z=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return b.useEffect((function(){if(r&&q&&null!=n&&n.current)return n.current.addEventListener("touchstart",m.preventInertiaScroll,m.listenerOptions),n.current.addEventListener("touchmove",m.allowTouchMove,m.listenerOptions),function(){r&&q&&null!=n&&n.current&&(n.current.removeEventListener("touchstart",m.preventInertiaScroll,m.listenerOptions),n.current.removeEventListener("touchmove",m.allowTouchMove,m.listenerOptions))}})),b.createElement(b.Fragment,null,o)},B=["-webkit","-moz","-ms","-o"],j=["transform","transition"],R=function(e,t){if(e)for(var r in t){var n=-1!==j.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=B;o<i.length;o++){var a=i[o];e.style.setProperty("".concat(a,"-").concat(r),t[r])}}else if(e.style.removeProperty(r),n)for(var c=0,l=B;c<l.length;c++){var s=l[c];e.style.removeProperty("".concat(s,"-").concat(r))}}},I=function(e){var t=e.isActive,r=void 0===t||t,n=e.children,o=e.onClose,i=e.placement,a=e.rootRef,c=e.contentRef,l=b.useRef(null),s=b.useRef(!1),u=b.useRef(0);if(!r)return b.createElement(b.Fragment,null,n);return b.createElement(y.default,{onSwipeMove:function(e){var t,r,n,o=e.x,d=e.y,p=(null===(t=c.current)||void 0===t?void 0:t.scrollHeight)||0,f=(null===(r=c.current)||void 0===r?void 0:r.offsetHeight)||0,m=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,v=p-(m+f),h=null,_=!1,b=!1,E=Math.abs(o),O=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),_=v<=1&&d<=0&&O>E,b=O>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),_=m<=1&&d>=0&&O>E,b=O>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),_=o<=0&&E>O,b=E>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),_=o>=0&&E>O,b=E>70),null===l.current&&(l.current=!!_),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&b&&(s.current=!0),R(a.current,{transform:h}),R(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){R(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),R(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){R(a.current,{transition:null})}),225);var e=(new Date).getTime()-u.current;s.current&&e<250&&o&&o({})}u.current=0,l.current=null,s.current=!1}},n)},N=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}},A=["children","onClose","onOpen","onPrev","onOpened","onClosed","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isCloseOnSwipe","isCloseOutsideClick","isAnimated","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","maxSize","zIndex","contentRef","dataQaId"];exports.Overlay=function(e){var t=e.children,n=e.onClose,l=e.onOpen,s=e.onPrev,u=e.onOpened,d=e.onClosed,p=e.isOpen,f=e.isShowCloseButton,m=void 0===f||f,v=e.isShowPrevButton,h=void 0!==v&&v,_=e.isCloseOnEscape,y=void 0===_||_,x=e.isCloseOnSwipe,S=void 0===x||x,C=e.isCloseOutsideClick,q=void 0===C||C,B=e.isAnimated,j=void 0===B||B,R=e.isRenderPortal,T=void 0===R||R,L=e.isScrollLock,M=void 0===L||L,D=e.isScrollLockTouch,H=void 0===D||D,U=e.header,Y=e.footer,F=e.padding,K=void 0===F?"20px 20px 20px 20px":F,Q=e.title,W=e.placement,X=void 0===W?"adaptive":W,G=e.size,J=void 0===G?"adaptive":G,V=e.maxSize,Z=void 0===V?"90%":V,$=e.zIndex,ee=void 0===$?5e3:$,te=e.contentRef,re=e.dataQaId,ne=g(e,A),oe=b.useRef(null),ie=te||b.useRef(null),ae=c.useMedia({minWidth:"medium"}),ce=X,le=J;return"adaptive"===J&&(le="top"===X||"bottom"===X?"auto":"adaptive"===X?ae?400:"auto":400),"adaptive"===X&&(ce=ae?"right":"bottom"),b.createElement(b.Fragment,null,b.createElement(o.Backdrop,{isOpen:p,isAnimated:j,zIndex:ee,isRenderPortal:T}),b.createElement(r.CSSTransition,{in:p,timeout:j?225:0,classNames:k,unmountOnExit:!0,onEnter:l,onEntered:u,onExited:d},b.createElement(a.Portal,{isActive:T},b.createElement(I,{isActive:M&&S,rootRef:oe,contentRef:ie,placement:ce,onClose:n},b.createElement("div",w({className:k.root,role:"presentation",style:{zIndex:ee}},ne),b.createElement(E.default,{isActive:M}),b.createElement(i.KeyPress,{isActive:y,code:"Escape",onKeyDown:n}),b.createElement("div",{className:k.backdrop,"aria-hidden":!0,onClick:function(e){q&&n&&n(e)}}),b.createElement("div",{ref:oe,className:O.default(k.popup,k["popup_placement_".concat(ce)]),"aria-modal":!0,role:"dialog",style:N(ce,le,Z),"data-qaid":re},b.createElement(P,{isShowCloseButton:m,isShowPrevButton:h,onClose:n,onPrev:s,title:Q},U),b.createElement("footer",{className:k.footer},Y),b.createElement(z,{isActive:H,scrollRef:ie},b.createElement("div",{className:k.content,ref:ie,style:{padding:K}},t))))))))},require("./style.production.css");