@prom-ui/core 0.0.150 → 0.1.0

package/Media/breakpoints.d.ts

@@ -6,7 +6,7 @@ export declare const SCREEN_BREAKPOINTS: {
     wide: number;
     huge: number;
 };
-export declare type tSCREEN_BREAKPOINTS = keyof typeof SCREEN_BREAKPOINTS;
+export type tSCREEN_BREAKPOINTS = keyof typeof SCREEN_BREAKPOINTS;
 export declare const SCREEN_BREAKPOINTS_PROXY: {
     small: number;
     medium: number;

package/Media/cjs/index.development.js

@@ -1,16 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var reactResponsive = require('react-responsive');
 var React = require('react');
 var PropTypes = require('prop-types');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 var MIN_SCREEN_WIDTH = 1;
 var SCREEN_BREAKPOINTS = {
   small: 480,
@@ -60,7 +53,7 @@ var MediaProvider = function (_a) {
       setValue(undefined);
     }
   }, []);
-  return React__default["default"].createElement(reactResponsive.Context.Provider, {
+  return React.createElement(reactResponsive.Context.Provider, {
     value: value
   }, children);
 };
@@ -68,9 +61,9 @@ var MediaProvider = function (_a) {
 //     resetOnMount: false,
 // };
 MediaProvider.propTypes = {
-  resetOnMount: PropTypes__default["default"].bool,
+  resetOnMount: PropTypes.bool,
   // children: PropTypes.node.isRequired,
-  width: PropTypes__default["default"].oneOf(['small', 'medium', 'large', 'wide', 'huge'])
+  width: PropTypes.oneOf(['small', 'medium', 'large', 'wide', 'huge'])
 };
 
 var Media = function (_a) {

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

@@ -1,16 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var reactResponsive = require('react-responsive');
 var React = require('react');
 var PropTypes = require('prop-types');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 var MIN_SCREEN_WIDTH = 1;
 var SCREEN_BREAKPOINTS = {
   small: 480,
@@ -60,7 +53,7 @@ var MediaProvider = function (_a) {
       setValue(undefined);
     }
   }, []);
-  return React__default["default"].createElement(reactResponsive.Context.Provider, {
+  return React.createElement(reactResponsive.Context.Provider, {
     value: value
   }, children);
 };
@@ -68,9 +61,9 @@ var MediaProvider = function (_a) {
 //     resetOnMount: false,
 // };
 MediaProvider.propTypes = {
-  resetOnMount: PropTypes__default["default"].bool,
+  resetOnMount: PropTypes.bool,
   // children: PropTypes.node.isRequired,
-  width: PropTypes__default["default"].oneOf(['small', 'medium', 'large', 'wide', 'huge'])
+  width: PropTypes.oneOf(['small', 'medium', 'large', 'wide', 'huge'])
 };
 
 var Media = function (_a) {

package/Media/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-responsive"),t=require("react"),r=require("prop-types");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r),u={small:480,medium:768,large:960,wide:1200,huge:1400},d=new Proxy(u,{get:function(e,t){if(!e.hasOwnProperty(t)){var r=JSON.stringify(Object.keys(e));throw new Error('Media received unknown width "'.concat(t,'". You should use one of ').concat(r))}return e[t]}}),a=function(e){return"production"!==process.env.NODE_ENV?d[e]:u[e]},s=function(t){var r=t.minWidth,i=t.maxWidth;return e.useMediaQuery({minWidth:r?a(r):1,maxWidth:i?a(i)-1:void 0})},c=function(r){var i=r.resetOnMount,o=void 0!==i&&i,u=r.width,d=r.children,s=t.useState({width:u?a(u):1}),c=s[0],l=s[1];return t.useEffect((function(){o&&l(void 0)}),[]),n.default.createElement(e.Context.Provider,{value:c},d)};c.propTypes={resetOnMount:o.default.bool,width:o.default.oneOf(["small","medium","large","wide","huge"])};exports.Media=function(e){var t=e.minWidth,r=e.maxWidth,i=e.children;return s({minWidth:t,maxWidth:r})?i:null},exports.MediaProvider=c,exports.useMedia=s;
+"use strict";var e=require("react-responsive"),r=require("react"),t=require("prop-types"),i={small:480,medium:768,large:960,wide:1200,huge:1400},n=new Proxy(i,{get:function(e,r){if(!e.hasOwnProperty(r)){var t=JSON.stringify(Object.keys(e));throw new Error('Media received unknown width "'.concat(r,'". You should use one of ').concat(t))}return e[r]}}),o=function(e){return"production"!==process.env.NODE_ENV?n[e]:i[e]},u=function(r){var t=r.minWidth,i=r.maxWidth;return e.useMediaQuery({minWidth:t?o(t):1,maxWidth:i?o(i)-1:void 0})},d=function(t){var i=t.resetOnMount,n=void 0!==i&&i,u=t.width,d=t.children,a=r.useState({width:u?o(u):1}),s=a[0],c=a[1];return r.useEffect((function(){n&&c(void 0)}),[]),r.createElement(e.Context.Provider,{value:s},d)};d.propTypes={resetOnMount:t.bool,width:t.oneOf(["small","medium","large","wide","huge"])};exports.Media=function(e){var r=e.minWidth,t=e.maxWidth,i=e.children;return u({minWidth:r,maxWidth:t})?i:null},exports.MediaProvider=d,exports.useMedia=u;

package/Media/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react-responsive"),t=require("react"),r=require("prop-types");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(t),o=i(r),u={small:480,medium:768,large:960,wide:1200,huge:1400},d=new Proxy(u,{get:function(e,t){if(!e.hasOwnProperty(t)){var r=JSON.stringify(Object.keys(e));throw new Error('Media received unknown width "'.concat(t,'". You should use one of ').concat(r))}return e[t]}}),a=function(e){return"production"!==process.env.NODE_ENV?d[e]:u[e]},s=function(t){var r=t.minWidth,i=t.maxWidth;return e.useMediaQuery({minWidth:r?a(r):1,maxWidth:i?a(i)-1:void 0})},c=function(r){var i=r.resetOnMount,o=void 0!==i&&i,u=r.width,d=r.children,s=t.useState({width:u?a(u):1}),c=s[0],l=s[1];return t.useEffect((function(){o&&l(void 0)}),[]),n.default.createElement(e.Context.Provider,{value:c},d)};c.propTypes={resetOnMount:o.default.bool,width:o.default.oneOf(["small","medium","large","wide","huge"])};exports.Media=function(e){var t=e.minWidth,r=e.maxWidth,i=e.children;return s({minWidth:t,maxWidth:r})?i:null},exports.MediaProvider=c,exports.useMedia=s;
+"use strict";var e=require("react-responsive"),r=require("react"),t=require("prop-types"),i={small:480,medium:768,large:960,wide:1200,huge:1400},n=new Proxy(i,{get:function(e,r){if(!e.hasOwnProperty(r)){var t=JSON.stringify(Object.keys(e));throw new Error('Media received unknown width "'.concat(r,'". You should use one of ').concat(t))}return e[r]}}),o=function(e){return"production"!==process.env.NODE_ENV?n[e]:i[e]},u=function(r){var t=r.minWidth,i=r.maxWidth;return e.useMediaQuery({minWidth:t?o(t):1,maxWidth:i?o(i)-1:void 0})},d=function(t){var i=t.resetOnMount,n=void 0!==i&&i,u=t.width,d=t.children,a=r.useState({width:u?o(u):1}),s=a[0],c=a[1];return r.useEffect((function(){n&&c(void 0)}),[]),r.createElement(e.Context.Provider,{value:s},d)};d.propTypes={resetOnMount:t.bool,width:t.oneOf(["small","medium","large","wide","huge"])};exports.Media=function(e){var r=e.minWidth,t=e.maxWidth,i=e.children;return u({minWidth:r,maxWidth:t})?i:null},exports.MediaProvider=d,exports.useMedia=u;

package/Media/context.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { tSCREEN_BREAKPOINTS } from './breakpoints';
-export declare type MediaProviderProps = {
+export type MediaProviderProps = {
     children?: React.ReactNode;
     resetOnMount?: boolean;
     width?: tSCREEN_BREAKPOINTS;

package/Media/index.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { tSCREEN_BREAKPOINTS } from './breakpoints';
 import { useMedia } from './useMedia';
 import { MediaProvider } from './context';
-export declare type MediaProps = {
+export type MediaProps = {
     minWidth?: tSCREEN_BREAKPOINTS;
     maxWidth?: tSCREEN_BREAKPOINTS;
     /** React children */

package/Media/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Media",
-  "version": "0.0.150",
+  "version": "0.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Media/useMedia.d.ts

@@ -1,5 +1,5 @@
 import { tSCREEN_BREAKPOINTS } from './breakpoints';
-declare type tUseMedia = (arg: {
+type tUseMedia = (arg: {
     minWidth?: tSCREEN_BREAKPOINTS;
     maxWidth?: tSCREEN_BREAKPOINTS;
 }) => boolean;

package/OutsideClick/cjs/index.development.js

@@ -1,12 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var useOutsideClick = require('@prom-ui/hooks/useOutsideClick');
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -19,11 +16,11 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.

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

@@ -1,12 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var useOutsideClick = require('@prom-ui/hooks/useOutsideClick');
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -19,11 +16,11 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.

package/OutsideClick/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/hooks/useOutsideClick");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var n=t(e),i=function(){return i=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},i.apply(this,arguments)};exports.OutsideClick=function(e){var t=e.children,o=e.isActive,c=void 0===o||o,u=e.onClick,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t}(e,["children","isActive","onClick"]),a=r.useOutsideClick(u)[0];return c?n.createElement("div",i({},l,{ref:a}),t):n.createElement("div",null,t)};
+"use strict";var e=require("react"),t=require("@prom-ui/hooks/useOutsideClick");function r(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 n=r(e),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i.apply(this,arguments)};exports.OutsideClick=function(e){var r=e.children,c=e.isActive,o=void 0===c||c,l=e.onClick,u=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 i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r}(e,["children","isActive","onClick"]),a=t.useOutsideClick(l)[0];return o?n.createElement("div",i({},u,{ref:a}),r):n.createElement("div",null,r)};

package/OutsideClick/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("@prom-ui/hooks/useOutsideClick");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var n=t(e),i=function(){return i=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var i in r=arguments[t])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},i.apply(this,arguments)};exports.OutsideClick=function(e){var t=e.children,o=e.isActive,c=void 0===o||o,u=e.onClick,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)r.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(t[n[i]]=e[n[i]])}return t}(e,["children","isActive","onClick"]),a=r.useOutsideClick(u)[0];return c?n.createElement("div",i({},l,{ref:a}),t):n.createElement("div",null,t)};
+"use strict";var e=require("react"),t=require("@prom-ui/hooks/useOutsideClick");function r(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 n=r(e),i=function(){return i=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var i in t=arguments[r])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i.apply(this,arguments)};exports.OutsideClick=function(e){var r=e.children,c=e.isActive,o=void 0===c||c,l=e.onClick,u=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 i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]])}return r}(e,["children","isActive","onClick"]),a=t.useOutsideClick(l)[0];return o?n.createElement("div",i({},u,{ref:a}),r):n.createElement("div",null,r)};

package/OutsideClick/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-declare type OutsideClickProps = {
+type OutsideClickProps = {
     /** React children */
     children?: React.ReactNode;
     /** Если передать `false` компонент перестанет работать */

package/OutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/OutsideClick",
-  "version": "0.0.150",
+  "version": "0.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Overlay/cjs/index.development.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var ScrollLock = require('react-scrolllock');
 var reactTransitionGroup = require('react-transition-group');
@@ -19,10 +17,7 @@ var ArrowBack = require('@prom-ui/icons/ArrowBack');
 var utils = require('react-scrolllock/dist/utils');
 var Swipe = require('react-easy-swipe');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -35,15 +30,11 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ScrollLock__default = /*#__PURE__*/_interopDefaultLegacy(ScrollLock);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var Swipe__default = /*#__PURE__*/_interopDefaultLegacy(Swipe);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -98,40 +89,40 @@ var OverlayHeader = function (_a) {
     onClose = _a.onClose,
     onPrev = _a.onPrev;
   var t = BodyProvider.useBodyLocale().t;
-  return React__default["default"].createElement("header", {
+  return React.createElement("header", {
     className: css.header
-  }, typeof children !== 'undefined' ? children : React__default["default"].createElement("div", {
+  }, typeof children !== 'undefined' ? children : React.createElement("div", {
     className: css.header__grid
-  }, React__default["default"].createElement("div", {
+  }, React.createElement("div", {
     className: css.header__action
-  }, isShowPrevButton && React__default["default"].createElement(Button.Button, {
+  }, isShowPrevButton && React.createElement(Button.Button, {
     className: css.header__actionButton,
     "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__default["default"].createElement(Icon.Icon, {
+  }, React.createElement(Icon.Icon, {
     "icon-as": ArrowBack.ArrowBack,
     className: css.header__actionIcon
-  }))), React__default["default"].createElement("div", {
+  }))), React.createElement("div", {
     className: css.header__title
-  }, typeof title === 'string' ? React__default["default"].createElement(Text.Text, {
+  }, typeof title === 'string' ? React.createElement(Text.Text, {
     "text-align": 'center',
     "text-size": 'h4',
     "text-wrap": 'ellipsis',
     "text-weight": 'bold',
     "data-qaid": 'title'
-  }, title) : title), React__default["default"].createElement("div", {
+  }, title) : title), React.createElement("div", {
     className: css.header__action
-  }, isShowCloseButton && onClose && React__default["default"].createElement(Button.Button, {
+  }, isShowCloseButton && onClose && React.createElement(Button.Button, {
     className: css.header__actionButton,
     "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__default["default"].createElement(Icon.Icon, {
+  }, React.createElement(Icon.Icon, {
     "icon-as": Close.Close,
     className: css.header__actionIcon
   })))));
@@ -251,7 +242,7 @@ var SwipeClose = function (_a) {
       });
       setStyle(contentRef.current, {
         'pointer-events': "none",
-        'overflow': 'hidden'
+        overflow: 'hidden'
       });
     }
   };
@@ -263,7 +254,7 @@ var SwipeClose = function (_a) {
       });
       setStyle(contentRef.current, {
         'pointer-events': null,
-        'overflow': null
+        overflow: null
       });
       setTimeout(function () {
         setStyle(rootRef.current, {
@@ -279,7 +270,7 @@ var SwipeClose = function (_a) {
     isAllowSwipe.current = null;
     isAllowClose.current = false;
   };
-  return React__namespace.createElement(Swipe__default["default"], {
+  return React__namespace.createElement(Swipe, {
     onSwipeMove: onSwipeMove,
     onSwipeEnd: onSwipeEnd
   }, children);
@@ -391,7 +382,7 @@ var Overlay = function (_a) {
     style: {
       zIndex: zIndex
     }
-  }, props), React__namespace.createElement(ScrollLock__default["default"], {
+  }, props), React__namespace.createElement(ScrollLock, {
     isActive: isScrollLock
   }), React__namespace.createElement(KeyPress.KeyPress, {
     isActive: isCloseOnEscape,
@@ -407,7 +398,7 @@ var Overlay = function (_a) {
     }
   }), React__namespace.createElement("div", {
     ref: popupRef,
-    className: classNames__default["default"](css.popup, css["popup_placement_".concat(currentPlacement)]),
+    className: classNames(css.popup, css["popup_placement_".concat(currentPlacement)]),
     "aria-modal": true,
     role: 'dialog',
     style: getPopupStyle(currentPlacement, currentSize, maxSize),

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var ScrollLock = require('react-scrolllock');
 var reactTransitionGroup = require('react-transition-group');
@@ -19,10 +17,7 @@ var ArrowBack = require('@prom-ui/icons/ArrowBack');
 var utils = require('react-scrolllock/dist/utils');
 var Swipe = require('react-easy-swipe');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -35,15 +30,11 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var ScrollLock__default = /*#__PURE__*/_interopDefaultLegacy(ScrollLock);
-var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
-var Swipe__default = /*#__PURE__*/_interopDefaultLegacy(Swipe);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -98,40 +89,40 @@ var OverlayHeader = function (_a) {
     onClose = _a.onClose,
     onPrev = _a.onPrev;
   var t = BodyProvider.useBodyLocale().t;
-  return React__default["default"].createElement("header", {
+  return React.createElement("header", {
     className: css.header
-  }, typeof children !== 'undefined' ? children : React__default["default"].createElement("div", {
+  }, typeof children !== 'undefined' ? children : React.createElement("div", {
     className: css.header__grid
-  }, React__default["default"].createElement("div", {
+  }, React.createElement("div", {
     className: css.header__action
-  }, isShowPrevButton && React__default["default"].createElement(Button.Button, {
+  }, isShowPrevButton && React.createElement(Button.Button, {
     className: css.header__actionButton,
     "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__default["default"].createElement(Icon.Icon, {
+  }, React.createElement(Icon.Icon, {
     "icon-as": ArrowBack.ArrowBack,
     className: css.header__actionIcon
-  }))), React__default["default"].createElement("div", {
+  }))), React.createElement("div", {
     className: css.header__title
-  }, typeof title === 'string' ? React__default["default"].createElement(Text.Text, {
+  }, typeof title === 'string' ? React.createElement(Text.Text, {
     "text-align": 'center',
     "text-size": 'h4',
     "text-wrap": 'ellipsis',
     "text-weight": 'bold',
     "data-qaid": 'title'
-  }, title) : title), React__default["default"].createElement("div", {
+  }, title) : title), React.createElement("div", {
     className: css.header__action
-  }, isShowCloseButton && onClose && React__default["default"].createElement(Button.Button, {
+  }, isShowCloseButton && onClose && React.createElement(Button.Button, {
     className: css.header__actionButton,
     "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__default["default"].createElement(Icon.Icon, {
+  }, React.createElement(Icon.Icon, {
     "icon-as": Close.Close,
     className: css.header__actionIcon
   })))));
@@ -251,7 +242,7 @@ var SwipeClose = function (_a) {
       });
       setStyle(contentRef.current, {
         'pointer-events': "none",
-        'overflow': 'hidden'
+        overflow: 'hidden'
       });
     }
   };
@@ -263,7 +254,7 @@ var SwipeClose = function (_a) {
       });
       setStyle(contentRef.current, {
         'pointer-events': null,
-        'overflow': null
+        overflow: null
       });
       setTimeout(function () {
         setStyle(rootRef.current, {
@@ -279,7 +270,7 @@ var SwipeClose = function (_a) {
     isAllowSwipe.current = null;
     isAllowClose.current = false;
   };
-  return React__namespace.createElement(Swipe__default["default"], {
+  return React__namespace.createElement(Swipe, {
     onSwipeMove: onSwipeMove,
     onSwipeEnd: onSwipeEnd
   }, children);
@@ -391,7 +382,7 @@ var Overlay = function (_a) {
     style: {
       zIndex: zIndex
     }
-  }, props), React__namespace.createElement(ScrollLock__default["default"], {
+  }, props), React__namespace.createElement(ScrollLock, {
     isActive: isScrollLock
   }), React__namespace.createElement(KeyPress.KeyPress, {
     isActive: isCloseOnEscape,
@@ -407,7 +398,7 @@ var Overlay = function (_a) {
     }
   }), React__namespace.createElement("div", {
     ref: popupRef,
-    className: classNames__default["default"](css.popup, css["popup_placement_".concat(currentPlacement)]),
+    className: classNames(css.popup, css["popup_placement_".concat(currentPlacement)]),
     "aria-modal": true,
     role: 'dialog',
     style: getPopupStyle(currentPlacement, currentSize, maxSize),

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/BodyProvider"),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 _(e){if(e&&e.__esModule)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=h(e),E=_(e),w=h(t),O=h(n),b=h(v),g=function(){return g=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},g.apply(this,arguments)};function x(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var P,S,C={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"},k=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,c=d.useBodyLocale().t;return y.default.createElement("header",{className:C.header},void 0!==n?n:y.default.createElement("div",{className:C.header__grid},y.default.createElement("div",{className:C.header__action},t&&y.default.createElement(l.Button,{className:C.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":c(P||(P=x(["Назад"],["Назад"]))),"data-qaid":"prev"},y.default.createElement(s.Icon,{"icon-as":m.ArrowBack,className:C.header__actionIcon}))),y.default.createElement("div",{className:C.header__title},"string"==typeof o?y.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),y.default.createElement("div",{className:C.header__action},r&&i&&y.default.createElement(l.Button,{className:C.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":c(S||(S=x(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},y.default.createElement(s.Icon,{"icon-as":p.Close,className:C.header__actionIcon})))))},q=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),B=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return E.useEffect((function(){if(r&&q&&(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&&q&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",f.preventInertiaScroll,f.listenerOptions),n.current.removeEventListener("touchmove",f.allowTouchMove,f.listenerOptions))}})),E.createElement(E.Fragment,null,o)},R=["-webkit","-moz","-ms","-o"],z=["transform","transition"],I=function(e,t){if(e)for(var r in t){var n=-1!==z.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=R;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=R;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},N=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=E.useRef(null),s=E.useRef(!1),u=E.useRef(0);if(!r)return E.createElement(E.Fragment,null,n);return E.createElement(b.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,_=!1,y=!1,E=Math.abs(o),w=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),_=v<=1&&d<=0&&w>E,y=w>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),_=f<=1&&d>=0&&w>E,y=w>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),_=o<=0&&E>w,y=E>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),_=o>=0&&E>w,y=E>70),null===l.current&&(l.current=!!_),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&y&&(s.current=!0),I(a.current,{transform:h}),I(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){I(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),I(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){I(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)},j=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,_=e.isCloseOnEscape,y=void 0===_||_,b=e.isCloseOnSwipe,x=void 0===b||b,P=e.isCloseOutsideClick,S=void 0===P||P,q=e.isAnimated,R=void 0===q||q,z=e.isRenderPortal,I=void 0===z||z,A=e.isScrollLock,L=void 0===A||A,T=e.isScrollLockTouch,M=void 0===T||T,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=E.useRef(null),ne=$||E.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"),E.createElement(E.Fragment,null,E.createElement(o.Backdrop,{isOpen:p,isAnimated:R,zIndex:Z-1,isRenderPortal:I}),E.createElement(r.CSSTransition,{in:p,timeout:R?225:0,classNames:C,unmountOnExit:!0,onEnter:l,onEntered:u,onExited:d},E.createElement(a.Portal,{isActive:I},E.createElement(N,{isActive:L&&x,rootRef:re,contentRef:ne,placement:ie,onClose:n},E.createElement("div",g({className:C.root,role:"presentation",style:{zIndex:Z}},te),E.createElement(w.default,{isActive:L}),E.createElement(i.KeyPress,{isActive:y,code:"Escape",onKeyDown:n}),E.createElement("div",{className:C.backdrop,"aria-hidden":!0,onClick:function(e){S&&n&&n(e)}}),E.createElement("div",{ref:re,className:O.default(C.popup,C["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:j(ie,ae,J),"data-qaid":ee},E.createElement(k,{isShowCloseButton:f,isShowPrevButton:h,onClose:n,onPrev:s,title:F},D),E.createElement("footer",{className:C.footer},H),E.createElement(B,{isActive:M,scrollRef:ne},E.createElement("div",{className:C.content,ref:ne,style:{padding:Y}},t))))))))},require("./style.production.css");
+"use strict";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/BodyProvider"),p=require("@prom-ui/icons/Close"),m=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function h(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 E=h(e),_=function(){return _=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},_.apply(this,arguments)};function w(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var y,O,b={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"},g=function(t){var r=t.isShowPrevButton,n=t.isShowCloseButton,o=t.children,i=t.title,a=t.onClose,c=t.onPrev,v=d.useBodyLocale().t;return e.createElement("header",{className:b.header},void 0!==o?o:e.createElement("div",{className:b.header__grid},e.createElement("div",{className:b.header__action},r&&e.createElement(l.Button,{className:b.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:c,"aria-label":v(y||(y=w(["Назад"],["Назад"]))),"data-qaid":"prev"},e.createElement(s.Icon,{"icon-as":m.ArrowBack,className:b.header__actionIcon}))),e.createElement("div",{className:b.header__title},"string"==typeof i?e.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},i):i),e.createElement("div",{className:b.header__action},n&&a&&e.createElement(l.Button,{className:b.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":v(O||(O=w(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},e.createElement(s.Icon,{"icon-as":p.Close,className:b.header__actionIcon})))))},x=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),S=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return E.useEffect((function(){if(r&&x&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&x&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),E.createElement(E.Fragment,null,o)},P=["-webkit","-moz","-ms","-o"],C=["transform","transition"],k=function(e,t){if(e)for(var r in t){var n=-1!==C.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=P;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=P;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},q=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=E.useRef(null),s=E.useRef(!1),u=E.useRef(0);if(!r)return E.createElement(E.Fragment,null,n);return E.createElement(f,{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,v=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,f=p-(v+m),h=null,E=!1,_=!1,w=Math.abs(o),y=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=f<=1&&d<=0&&y>w,_=y>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=v<=1&&d>=0&&y>w,_=y>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&w>y,_=w>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&w>y,_=w>70),null===l.current&&(l.current=!!E),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&_&&(s.current=!0),k(a.current,{transform:h}),k(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){k(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),k(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){k(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)},B=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}};exports.Overlay=function(e){var l=e.children,s=e.onClose,u=e.onOpen,d=e.onPrev,p=e.onOpened,m=e.onClosed,v=e.isOpen,f=e.isShowCloseButton,h=void 0===f||f,w=e.isShowPrevButton,y=void 0!==w&&w,O=e.isCloseOnEscape,x=void 0===O||O,P=e.isCloseOnSwipe,C=void 0===P||P,k=e.isCloseOutsideClick,R=void 0===k||k,z=e.isAnimated,I=void 0===z||z,N=e.isRenderPortal,A=void 0===N||N,j=e.isScrollLock,L=void 0===j||j,T=e.isScrollLockTouch,M=void 0===T||T,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=E.useRef(null),ne=$||E.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"),E.createElement(E.Fragment,null,E.createElement(o.Backdrop,{isOpen:v,isAnimated:I,zIndex:Z-1,isRenderPortal:A}),E.createElement(r.CSSTransition,{in:v,timeout:I?225:0,classNames:b,unmountOnExit:!0,onEnter:u,onEntered:p,onExited:m},E.createElement(a.Portal,{isActive:A},E.createElement(q,{isActive:L&&C,rootRef:re,contentRef:ne,placement:ie,onClose:s},E.createElement("div",_({className:b.root,role:"presentation",style:{zIndex:Z}},te),E.createElement(t,{isActive:L}),E.createElement(i.KeyPress,{isActive:x,code:"Escape",onKeyDown:s}),E.createElement("div",{className:b.backdrop,"aria-hidden":!0,onClick:function(e){R&&s&&s(e)}}),E.createElement("div",{ref:re,className:n(b.popup,b["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:B(ie,ae,J),"data-qaid":ee},E.createElement(g,{isShowCloseButton:h,isShowPrevButton:y,onClose:s,onPrev:d,title:F},D),E.createElement("footer",{className:b.footer},H),E.createElement(S,{isActive:M,scrollRef:ne},E.createElement("div",{className:b.content,ref:ne,style:{padding:Y}},l))))))))},require("./style.production.css");

package/Overlay/cjs/index.production.v2.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/BodyProvider"),p=require("@prom-ui/icons/Close"),m=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(e){if(e&&e.__esModule)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=h(e),O=E(e),w=h(t),b=h(n),_=h(f),g=function(){return g=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},g.apply(this,arguments)};function x(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var P,C,S={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2"},k=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,n=e.children,o=e.title,i=e.onClose,a=e.onPrev,c=d.useBodyLocale().t;return y.default.createElement("header",{className:S.header},void 0!==n?n:y.default.createElement("div",{className:S.header__grid},y.default.createElement("div",{className:S.header__action},t&&y.default.createElement(l.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":c(P||(P=x(["Назад"],["Назад"]))),"data-qaid":"prev"},y.default.createElement(s.Icon,{"icon-as":m.ArrowBack,className:S.header__actionIcon}))),y.default.createElement("div",{className:S.header__title},"string"==typeof o?y.default.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},o):o),y.default.createElement("div",{className:S.header__action},r&&i&&y.default.createElement(l.Button,{className:S.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":c(C||(C=x(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},y.default.createElement(s.Icon,{"icon-as":p.Close,className:S.header__actionIcon})))))},q=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),B=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return O.useEffect((function(){if(r&&q&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&q&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),O.createElement(O.Fragment,null,o)},R=["-webkit","-moz","-ms","-o"],j=["transform","transition"],z=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=R;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=R;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},A=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=O.useRef(null),s=O.useRef(!1),u=O.useRef(0);if(!r)return O.createElement(O.Fragment,null,n);return O.createElement(_.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,v=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,f=p-(v+m),h=null,E=!1,y=!1,O=Math.abs(o),w=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=f<=1&&d<=0&&w>O,y=w>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=v<=1&&d>=0&&w>O,y=w>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&O>w,y=O>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&O>w,y=O>70),null===l.current&&(l.current=!!E),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&y&&(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)},N=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,v=void 0===m||m,f=e.isShowPrevButton,h=void 0!==f&&f,E=e.isCloseOnEscape,y=void 0===E||E,_=e.isCloseOnSwipe,x=void 0===_||_,P=e.isCloseOutsideClick,C=void 0===P||P,q=e.isAnimated,R=void 0===q||q,j=e.isRenderPortal,z=void 0===j||j,I=e.isScrollLock,L=void 0===I||I,M=e.isScrollLockTouch,T=void 0===M||M,D=e.header,F=e.footer,H=e.padding,K=void 0===H?"20px 20px 20px 20px":H,X=e.title,Z=e.placement,J=void 0===Z?"adaptive":Z,Q=e.size,W=void 0===Q?"adaptive":Q,Y=e.maxSize,V=void 0===Y?"90%":Y,G=e.zIndex,U=void 0===G?5e3:G,$=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=O.useRef(null),ne=$||O.useRef(null),oe=c.useMedia({minWidth:"medium"}),ie=J,ae=W;return"adaptive"===W&&(ae="top"===J||"bottom"===J?"auto":"adaptive"===J?oe?400:"auto":400),"adaptive"===J&&(ie=oe?"right":"bottom"),O.createElement(O.Fragment,null,O.createElement(o.Backdrop,{isOpen:p,isAnimated:R,zIndex:U-1,isRenderPortal:z}),O.createElement(r.CSSTransition,{in:p,timeout:R?225:0,classNames:S,unmountOnExit:!0,onEnter:l,onEntered:u,onExited:d},O.createElement(a.Portal,{isActive:z},O.createElement(A,{isActive:L&&x,rootRef:re,contentRef:ne,placement:ie,onClose:n},O.createElement("div",g({className:S.root,role:"presentation",style:{zIndex:U}},te),O.createElement(w.default,{isActive:L}),O.createElement(i.KeyPress,{isActive:y,code:"Escape",onKeyDown:n}),O.createElement("div",{className:S.backdrop,"aria-hidden":!0,onClick:function(e){C&&n&&n(e)}}),O.createElement("div",{ref:re,className:b.default(S.popup,S["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:N(ie,ae,V),"data-qaid":ee},O.createElement(k,{isShowCloseButton:v,isShowPrevButton:h,onClose:n,onPrev:s,title:X},D),O.createElement("footer",{className:S.footer},F),O.createElement(B,{isActive:T,scrollRef:ne},O.createElement("div",{className:S.content,ref:ne,style:{padding:K}},t))))))))},require("./style.production.v2.css");
+"use strict";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/BodyProvider"),p=require("@prom-ui/icons/Close"),m=require("@prom-ui/icons/ArrowBack"),v=require("react-scrolllock/dist/utils"),f=require("react-easy-swipe");function h(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 E=h(e),y=function(){return y=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},y.apply(this,arguments)};function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var w,b,_={root:"-yvLz",backdrop:"MKZgL",popup:"RJENA",popup_placement_top:"ERdxO",popup_placement_bottom:"MJb6v",popup_placement_right:"nL79b",popup_placement_left:"p-p5e",content:"uHLyZ",header:"ntf6X",header__grid:"-OCio",header__item:"gjOzy",header__title:"-s4aZ gjOzy",header__action:"fzZrE gjOzy",header__actionButton:"CC-hv",header__actionIcon:"LoRyP",footer:"nE-cV",enter:"v7DoD",exit:"E0PkA",enterActive:"RFXzo",exitActive:"a2xd2"},g=function(t){var r=t.isShowPrevButton,n=t.isShowCloseButton,o=t.children,i=t.title,a=t.onClose,c=t.onPrev,v=d.useBodyLocale().t;return e.createElement("header",{className:_.header},void 0!==o?o:e.createElement("div",{className:_.header__grid},e.createElement("div",{className:_.header__action},r&&e.createElement(l.Button,{className:_.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:c,"aria-label":v(w||(w=O(["Назад"],["Назад"]))),"data-qaid":"prev"},e.createElement(s.Icon,{"icon-as":m.ArrowBack,className:_.header__actionIcon}))),e.createElement("div",{className:_.header__title},"string"==typeof i?e.createElement(u.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},i):i),e.createElement("div",{className:_.header__action},n&&a&&e.createElement(l.Button,{className:_.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:a,"aria-label":v(b||(b=O(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},e.createElement(s.Icon,{"icon-as":p.Close,className:_.header__actionIcon})))))},x=!("undefined"==typeof window||!window.document||!window.document.createElement)&&!(!window.addEventListener&&!window.attachEvent),P=function(e){var t=e.isActive,r=void 0!==t&&t,n=e.scrollRef,o=e.children;return E.useEffect((function(){if(r&&x&&(null==n?void 0:n.current))return n.current.addEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.addEventListener("touchmove",v.allowTouchMove,v.listenerOptions),function(){r&&x&&(null==n?void 0:n.current)&&(n.current.removeEventListener("touchstart",v.preventInertiaScroll,v.listenerOptions),n.current.removeEventListener("touchmove",v.allowTouchMove,v.listenerOptions))}})),E.createElement(E.Fragment,null,o)},C=["-webkit","-moz","-ms","-o"],S=["transform","transition"],k=function(e,t){if(e)for(var r in t){var n=-1!==S.indexOf(r);if(t[r]){if(e.style.setProperty(r,t[r]),n)for(var o=0,i=C;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=C;a<c.length;a++){var l=c[a];e.style.removeProperty("".concat(l,"-").concat(r))}}},q=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=E.useRef(null),s=E.useRef(!1),u=E.useRef(0);if(!r)return E.createElement(E.Fragment,null,n);return E.createElement(f,{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,v=(null===(n=c.current)||void 0===n?void 0:n.scrollTop)||0,f=p-(v+m),h=null,E=!1,y=!1,O=Math.abs(o),w=Math.abs(d);"top"===i?(h="translateY(".concat(d>=0?0:d,"px)"),E=f<=1&&d<=0&&w>O,y=w>70):"bottom"===i?(h="translateY(".concat(d<=0?0:d,"px)"),E=v<=1&&d>=0&&w>O,y=w>70):"left"===i?(h="translateX(".concat(o>=0?0:o,"px)"),E=o<=0&&O>w,y=O>70):"right"===i&&(h="translateX(".concat(o<=0?0:o,"px)"),E=o>=0&&O>w,y=O>70),null===l.current&&(l.current=!!E),l.current&&(u.current||(u.current=(new Date).getTime()),!s.current&&y&&(s.current=!0),k(a.current,{transform:h}),k(c.current,{"pointer-events":"none",overflow:"hidden"}))},onSwipeEnd:function(){if(l.current){k(a.current,{transition:"transform ".concat(225,"ms cubic-bezier(0, 0, 0.2, 1) 0ms"),transform:null}),k(c.current,{"pointer-events":null,overflow:null}),setTimeout((function(){k(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)},B=function(e,t,r){return["top","bottom"].includes(e)?{height:t,maxHeight:r}:{width:t,maxWidth:r}};exports.Overlay=function(e){var l=e.children,s=e.onClose,u=e.onOpen,d=e.onPrev,p=e.onOpened,m=e.onClosed,v=e.isOpen,f=e.isShowCloseButton,h=void 0===f||f,O=e.isShowPrevButton,w=void 0!==O&&O,b=e.isCloseOnEscape,x=void 0===b||b,C=e.isCloseOnSwipe,S=void 0===C||C,k=e.isCloseOutsideClick,R=void 0===k||k,z=e.isAnimated,j=void 0===z||z,A=e.isRenderPortal,N=void 0===A||A,I=e.isScrollLock,L=void 0===I||I,T=e.isScrollLockTouch,M=void 0===T||T,D=e.header,F=e.footer,H=e.padding,K=void 0===H?"20px 20px 20px 20px":H,X=e.title,Z=e.placement,J=void 0===Z?"adaptive":Z,Q=e.size,W=void 0===Q?"adaptive":Q,Y=e.maxSize,V=void 0===Y?"90%":Y,G=e.zIndex,U=void 0===G?5e3:G,$=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=E.useRef(null),ne=$||E.useRef(null),oe=c.useMedia({minWidth:"medium"}),ie=J,ae=W;return"adaptive"===W&&(ae="top"===J||"bottom"===J?"auto":"adaptive"===J?oe?400:"auto":400),"adaptive"===J&&(ie=oe?"right":"bottom"),E.createElement(E.Fragment,null,E.createElement(o.Backdrop,{isOpen:v,isAnimated:j,zIndex:U-1,isRenderPortal:N}),E.createElement(r.CSSTransition,{in:v,timeout:j?225:0,classNames:_,unmountOnExit:!0,onEnter:u,onEntered:p,onExited:m},E.createElement(a.Portal,{isActive:N},E.createElement(q,{isActive:L&&S,rootRef:re,contentRef:ne,placement:ie,onClose:s},E.createElement("div",y({className:_.root,role:"presentation",style:{zIndex:U}},te),E.createElement(t,{isActive:L}),E.createElement(i.KeyPress,{isActive:x,code:"Escape",onKeyDown:s}),E.createElement("div",{className:_.backdrop,"aria-hidden":!0,onClick:function(e){R&&s&&s(e)}}),E.createElement("div",{ref:re,className:n(_.popup,_["popup_placement_".concat(ie)]),"aria-modal":!0,role:"dialog",style:B(ie,ae,V),"data-qaid":ee},E.createElement(g,{isShowCloseButton:h,isShowPrevButton:w,onClose:s,onPrev:d,title:X},D),E.createElement("footer",{className:_.footer},F),E.createElement(P,{isActive:M,scrollRef:ne},E.createElement("div",{className:_.content,ref:ne,style:{padding:K}},l))))))))},require("./style.production.v2.css");

package/Overlay/components/OverlayHeader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type OverlayHeaderProps = {
+type OverlayHeaderProps = {
     isShowPrevButton?: boolean;
     isShowCloseButton?: boolean;
     children?: React.ReactNode;