@prom-ui/core 1.0.0-alpha.3 → 1.0.0-alpha.4

package/useIsMounted/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useIsMounted",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useKeyPress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useKeyPress",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useMedia/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useMedia",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useOutsideClick/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useOutsideClick",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/usePortal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/usePortal",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useScrollPosition/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useScrollPosition",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/PortableOverlay/cjs/index.development.js

@@ -1,110 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var classSet = require('classnames');
-var Button = require('@prom-ui/core/Button');
-var Icon = require('@prom-ui/core/Icon');
-var SideOverlay = require('@prom-ui/core/SideOverlay');
-var Text = require('@prom-ui/core/Text');
-var Left = require('@prom-ui/icons/Left');
-
-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]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
-var classSet__default = /*#__PURE__*/_interopDefaultCompat(classSet);
-
-var css = {"header":"PortableOverlay__header___seSVI","content":"PortableOverlay__content___2dqdx","contentGrey":"PortableOverlay__contentGrey___hNlfq","item":"PortableOverlay__item___hWWcF","itemTitle":"PortableOverlay__itemTitle___Pewzr","popupFullScreen":"PortableOverlay__popupFullScreen___hiqqZ"};
-
-var PortableOverlay = function (_a) {
-  var _b;
-  var _c = _a.bodyGrey,
-    bodyGrey = _c === void 0 ? false : _c,
-    children = _a.children,
-    className = _a.className,
-    headerClassname = _a.headerClassname,
-    onClose = _a.onClose,
-    onScroll = _a.onScroll,
-    title = _a.title,
-    _d = _a.visible,
-    visible = _d === void 0 ? false : _d,
-    _e = _a.fullScreen,
-    fullScreen = _e === void 0 ? false : _e,
-    _f = _a.useTouchScrollable,
-    useTouchScrollable = _f === void 0 ? true : _f,
-    _g = _a.useScrollLock,
-    useScrollLock = _g === void 0 ? true : _g,
-    _h = _a.useOutsideClose,
-    useOutsideClose = _h === void 0 ? true : _h,
-    dataQaId = _a.dataQaId,
-    contentRef = _a.contentRef;
-  return React__namespace.createElement(SideOverlay.SideOverlay, {
-    open: visible,
-    placement: 'right',
-    onClose: onClose,
-    padding: 'none',
-    useCloseButton: false,
-    useTouchScrollable: useTouchScrollable,
-    useScrollLock: useScrollLock,
-    useOutsideClose: useOutsideClose,
-    className: className,
-    size: fullScreen ? '100%' : 400,
-    classNames: {
-      Popup: fullScreen ? css.popupFullScreen : null
-    },
-    dataQaId: visible ? dataQaId : 'closed_popup',
-    contentRef: contentRef
-  }, React__namespace.createElement("div", {
-    className: classSet__default.default(css.header, headerClassname)
-  }, React__namespace.createElement("div", {
-    className: css.item
-  }, onClose && React__namespace.createElement(Button.Button, {
-    "button-padding": 'xxs',
-    "button-theme": 'white-inherit',
-    onClick: onClose,
-    "data-qaid": 'back'
-  }, React__namespace.createElement(Icon.Icon, {
-    "icon-as": Left.Left,
-    style: {
-      width: 24,
-      height: 24
-    }
-  }))), React__namespace.createElement("div", {
-    className: css.itemTitle,
-    "data-qaid": 'popup_title'
-  }, React__namespace.createElement(Text.Text, {
-    "text-color": 'white',
-    "text-size": 'h5',
-    "text-weight": 'bold',
-    "text-align": 'center',
-    "data-qaid": 'title'
-  }, typeof title === 'function' ? title() : title)), React__namespace.createElement("div", {
-    className: css.item
-  }, null)), React__namespace.createElement("div", {
-    className: classSet__default.default(css.content, (_b = {}, _b[css.contentGrey] = bodyGrey, _b)),
-    onScroll: onScroll
-  }, children));
-};
-
-exports.PortableOverlay = PortableOverlay;
-
-require('./style.development.css');

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

@@ -1,110 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var classSet = require('classnames');
-var Button = require('@prom-ui/core/Button');
-var Icon = require('@prom-ui/core/Icon');
-var SideOverlay = require('@prom-ui/core/SideOverlay');
-var Text = require('@prom-ui/core/Text');
-var Left = require('@prom-ui/icons/Left');
-
-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]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
-var classSet__default = /*#__PURE__*/_interopDefaultCompat(classSet);
-
-var css = {"header":"PortableOverlay__header___cWSUq","content":"PortableOverlay__content___7Dup2","contentGrey":"PortableOverlay__contentGrey___rNiZI","item":"PortableOverlay__item___4gwkr","itemTitle":"PortableOverlay__itemTitle___ueNdA","popupFullScreen":"PortableOverlay__popupFullScreen___CxINU"};
-
-var PortableOverlay = function (_a) {
-  var _b;
-  var _c = _a.bodyGrey,
-    bodyGrey = _c === void 0 ? false : _c,
-    children = _a.children,
-    className = _a.className,
-    headerClassname = _a.headerClassname,
-    onClose = _a.onClose,
-    onScroll = _a.onScroll,
-    title = _a.title,
-    _d = _a.visible,
-    visible = _d === void 0 ? false : _d,
-    _e = _a.fullScreen,
-    fullScreen = _e === void 0 ? false : _e,
-    _f = _a.useTouchScrollable,
-    useTouchScrollable = _f === void 0 ? true : _f,
-    _g = _a.useScrollLock,
-    useScrollLock = _g === void 0 ? true : _g,
-    _h = _a.useOutsideClose,
-    useOutsideClose = _h === void 0 ? true : _h,
-    dataQaId = _a.dataQaId,
-    contentRef = _a.contentRef;
-  return React__namespace.createElement(SideOverlay.SideOverlay, {
-    open: visible,
-    placement: 'right',
-    onClose: onClose,
-    padding: 'none',
-    useCloseButton: false,
-    useTouchScrollable: useTouchScrollable,
-    useScrollLock: useScrollLock,
-    useOutsideClose: useOutsideClose,
-    className: className,
-    size: fullScreen ? '100%' : 400,
-    classNames: {
-      Popup: fullScreen ? css.popupFullScreen : null
-    },
-    dataQaId: visible ? dataQaId : 'closed_popup',
-    contentRef: contentRef
-  }, React__namespace.createElement("div", {
-    className: classSet__default.default(css.header, headerClassname)
-  }, React__namespace.createElement("div", {
-    className: css.item
-  }, onClose && React__namespace.createElement(Button.Button, {
-    "button-padding": 'xxs',
-    "button-theme": 'white-inherit',
-    onClick: onClose,
-    "data-qaid": 'back'
-  }, React__namespace.createElement(Icon.Icon, {
-    "icon-as": Left.Left,
-    style: {
-      width: 24,
-      height: 24
-    }
-  }))), React__namespace.createElement("div", {
-    className: css.itemTitle,
-    "data-qaid": 'popup_title'
-  }, React__namespace.createElement(Text.Text, {
-    "text-color": 'white',
-    "text-size": 'h5',
-    "text-weight": 'bold',
-    "text-align": 'center',
-    "data-qaid": 'title'
-  }, typeof title === 'function' ? title() : title)), React__namespace.createElement("div", {
-    className: css.item
-  }, null)), React__namespace.createElement("div", {
-    className: classSet__default.default(css.content, (_b = {}, _b[css.contentGrey] = bodyGrey, _b)),
-    onScroll: onScroll
-  }, children));
-};
-
-exports.PortableOverlay = PortableOverlay;
-
-require('./style.development.v2.css');

package/PortableOverlay/cjs/index.production.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/SideOverlay"),l=require("@prom-ui/core/Text"),i=require("@prom-ui/icons/Left");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(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 o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(e),s=c(t),d="seSVI",f="_2dqdx",m="hNlfq",p="hWWcF",v="Pewzr",b="hiqqZ";exports.PortableOverlay=function(e){var t,c=e.bodyGrey,n=void 0!==c&&c,h=e.children,q=e.className,y=e.headerClassname,O=e.onClose,x=e.onScroll,E=e.title,S=e.visible,g=void 0!==S&&S,N=e.fullScreen,j=void 0!==N&&N,C=e.useTouchScrollable,w=void 0===C||C,P=e.useScrollLock,k=void 0===P||P,I=e.useOutsideClose,_=void 0===I||I,z=e.dataQaId,L=e.contentRef;return u.createElement(a.SideOverlay,{open:g,placement:"right",onClose:O,padding:"none",useCloseButton:!1,useTouchScrollable:w,useScrollLock:k,useOutsideClose:_,className:q,size:j?"100%":400,classNames:{Popup:j?b:null},dataQaId:g?z:"closed_popup",contentRef:L},u.createElement("div",{className:s.default(d,y)},u.createElement("div",{className:p},O&&u.createElement(r.Button,{"button-padding":"xxs","button-theme":"white-inherit",onClick:O,"data-qaid":"back"},u.createElement(o.Icon,{"icon-as":i.Left,style:{width:24,height:24}}))),u.createElement("div",{className:v,"data-qaid":"popup_title"},u.createElement(l.Text,{"text-color":"white","text-size":"h5","text-weight":"bold","text-align":"center","data-qaid":"title"},"function"==typeof E?E():E)),u.createElement("div",{className:p},null)),u.createElement("div",{className:s.default(f,(t={},t[m]=n,t)),onScroll:x},h))},require("./style.production.css");

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),a=require("@prom-ui/core/SideOverlay"),l=require("@prom-ui/core/Text"),i=require("@prom-ui/icons/Left");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function n(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 o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=n(e),s=c(t),d="cWSUq",p="_7Dup2",f="rNiZI",m="_4gwkr",v="ueNdA",b="CxINU";exports.PortableOverlay=function(e){var t,c=e.bodyGrey,n=void 0!==c&&c,h=e.children,y=e.className,q=e.headerClassname,O=e.onClose,x=e.onScroll,N=e.title,g=e.visible,E=void 0!==g&&g,S=e.fullScreen,j=void 0!==S&&S,C=e.useTouchScrollable,k=void 0===C||C,w=e.useScrollLock,I=void 0===w||w,_=e.useOutsideClose,P=void 0===_||_,L=e.dataQaId,T=e.contentRef;return u.createElement(a.SideOverlay,{open:E,placement:"right",onClose:O,padding:"none",useCloseButton:!1,useTouchScrollable:k,useScrollLock:I,useOutsideClose:P,className:y,size:j?"100%":400,classNames:{Popup:j?b:null},dataQaId:E?L:"closed_popup",contentRef:T},u.createElement("div",{className:s.default(d,q)},u.createElement("div",{className:m},O&&u.createElement(r.Button,{"button-padding":"xxs","button-theme":"white-inherit",onClick:O,"data-qaid":"back"},u.createElement(o.Icon,{"icon-as":i.Left,style:{width:24,height:24}}))),u.createElement("div",{className:v,"data-qaid":"popup_title"},u.createElement(l.Text,{"text-color":"white","text-size":"h5","text-weight":"bold","text-align":"center","data-qaid":"title"},"function"==typeof N?N():N)),u.createElement("div",{className:m},null)),u.createElement("div",{className:s.default(p,(t={},t[f]=n,t)),onScroll:x},h))},require("./style.production.v2.css");

package/PortableOverlay/cjs/style.development.css

@@ -1 +0,0 @@
-.PortableOverlay__header___seSVI{position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}.PortableOverlay__content___2dqdx{height:calc(100% - 50px)}.PortableOverlay__content___2dqdx::after{clear:both}.PortableOverlay__content___2dqdx::after,.PortableOverlay__content___2dqdx::before{content:"";display:table}.PortableOverlay__contentGrey___hNlfq{background:var(--black-100)}.PortableOverlay__item___hWWcF{width:40px}.PortableOverlay__itemTitle___Pewzr{flex:1;min-width:1px;overflow:hidden}.PortableOverlay__popupFullScreen___hiqqZ{max-width:100%}

package/PortableOverlay/cjs/style.development.v2.css

@@ -1 +0,0 @@
-.PortableOverlay__header___cWSUq{position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}.PortableOverlay__content___7Dup2{height:calc(100% - 50px)}.PortableOverlay__content___7Dup2::after{clear:both}.PortableOverlay__content___7Dup2::after,.PortableOverlay__content___7Dup2::before{content:"";display:table}.PortableOverlay__contentGrey___rNiZI{background:var(--black-100)}.PortableOverlay__item___4gwkr{width:40px}.PortableOverlay__itemTitle___ueNdA{flex:1;min-width:1px;overflow:hidden}.PortableOverlay__popupFullScreen___CxINU{max-width:100%}

package/PortableOverlay/cjs/style.production.css

@@ -1 +0,0 @@
-.seSVI{position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}._2dqdx{height:calc(100% - 50px)}._2dqdx::after{clear:both}._2dqdx::after,._2dqdx::before{content:"";display:table}.hNlfq{background:var(--black-100)}.hWWcF{width:40px}.Pewzr{flex:1;min-width:1px;overflow:hidden}.hiqqZ{max-width:100%}

package/PortableOverlay/cjs/style.production.v2.css

@@ -1 +0,0 @@
-.cWSUq{position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}._7Dup2{height:calc(100% - 50px)}._7Dup2::after{clear:both}._7Dup2::after,._7Dup2::before{content:"";display:table}.rNiZI{background:var(--black-100)}._4gwkr{width:40px}.ueNdA{flex:1;min-width:1px;overflow:hidden}.CxINU{max-width:100%}

package/PortableOverlay/index.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { SideOverlayProps } from '@prom-ui/core/SideOverlay';
-export type PortableOverlayProps = Pick<SideOverlayProps, 'children' | 'onClose' | 'useTouchScrollable' | 'useScrollLock' | 'useOutsideClose' | 'dataQaId' | 'contentRef'> & {
-    /** Устанавливает серый цвет фона, по умолчанию белый */
-    bodyGrey?: boolean;
-    className?: string;
-    headerClassname?: string;
-    title?: any;
-    visible?: boolean;
-    /** @ignore */
-    fullScreen?: boolean;
-    onScroll?: () => void;
-};
-export declare const PortableOverlay: React.FC<PortableOverlayProps>;

package/PortableOverlay/index.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === 'production') {
-    module.exports = require('./cjs/index.production.js');
-} else {
-    module.exports = require('./cjs/index.development.js');
-}

package/PortableOverlay/index.v2.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === 'production') {
-    module.exports = require('./cjs/index.production.v2.js');
-} else {
-    module.exports = require('./cjs/index.development.v2.js');
-}

package/PortableOverlay/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "@prom-ui/core/PortableOverlay",
-  "version": "1.0.0-alpha.3",
-  "main": "index.js",
-  "types": "index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
-  "dependencies": {
-    "classnames": "^2.3.1"
-  }
-}

package/SideOverlay/blocks.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export declare const Root: any;
-export declare const Backdrop: any;
-export declare const Popup: any;
-export declare const Content: any;
-export declare const Close: any;
-type tAnimateProps = {
-    enabled?: boolean;
-    open?: boolean;
-    onEnter?: () => void;
-    children?: React.ReactNode;
-};
-export declare const Animate: React.FC<tAnimateProps>;
-export {};

package/SideOverlay/cjs/index.development.js

@@ -1,208 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ScrollLock = require('react-scrolllock');
-var KeyPress = require('@prom-ui/core/KeyPress');
-var Portal = require('@prom-ui/core/Portal');
-var BodyProvider = require('@prom-ui/core/BodyProvider');
-var evokit = require('evokit');
-var reactTransitionGroup = require('react-transition-group');
-
-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]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
-var ScrollLock__default = /*#__PURE__*/_interopDefaultCompat(ScrollLock);
-
-/******************************************************************************
-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;
-}
-
-var css = {"root":"SideOverlay__root___zoSc7","backdrop":"SideOverlay__backdrop___v5Neh","popup":"SideOverlay__popup___LsB4w","content":"SideOverlay__content___D9ezA","close":"SideOverlay__close___aiN5k","popup_placement_top":"SideOverlay__popup_placement_top___BSFf7","popup_placement_bottom":"SideOverlay__popup_placement_bottom___k1gGY","popup_placement_right":"SideOverlay__popup_placement_right___w9HUr","popup_placement_left":"SideOverlay__popup_placement_left___DWBxa","enter":"SideOverlay__enter___ukL-B","exit":"SideOverlay__exit___QE5yq","enterActive":"SideOverlay__enterActive___VPRAq","exitActive":"SideOverlay__exitActive___FhiSX"};
-
-var BLOCKS_PRESET = {
-  css: css,
-  b: ''
-};
-var Root = evokit.createBlock('div', 'root', [], BLOCKS_PRESET);
-var Backdrop = evokit.createBlock('div', 'backdrop', [], BLOCKS_PRESET);
-var Popup = evokit.createBlock('div', 'popup', ['placement'], BLOCKS_PRESET);
-var Content = evokit.createBlock('div', 'content', [], BLOCKS_PRESET);
-var Close = evokit.createBlock('button', 'close', [], BLOCKS_PRESET);
-var Animate = function (_a) {
-  var _b = _a.open,
-    open = _b === void 0 ? false : _b,
-    children = _a.children,
-    _c = _a.enabled,
-    enabled = _c === void 0 ? true : _c,
-    onEnter = _a.onEnter;
-  return React__namespace.default.createElement(reactTransitionGroup.CSSTransition, {
-    in: open,
-    timeout: enabled ? 225 : 0,
-    classNames: css,
-    unmountOnExit: true,
-    onEnter: onEnter
-  }, children);
-};
-
-var getPopupStyle = function (placement, size) {
-  if (['top', 'bottom'].includes(placement)) {
-    return {
-      height: size
-    };
-  }
-  return {
-    width: size
-  };
-};
-
-var SideOverlay = function (_a) {
-  var children = _a.children,
-    _b = _a.classNames,
-    classNames = _b === void 0 ? {} : _b,
-    onClose = _a.onClose,
-    onOpen = _a.onOpen,
-    _c = _a.open,
-    open = _c === void 0 ? false : _c,
-    _d = _a.padding,
-    padding = _d === void 0 ? '45px 30px 30px 30px' : _d,
-    _e = _a.placement,
-    placement = _e === void 0 ? 'left' : _e,
-    _f = _a.size,
-    size = _f === void 0 ? 400 : _f,
-    _g = _a.useCloseButton,
-    useCloseButton = _g === void 0 ? true : _g,
-    _h = _a.useEscapeClose,
-    useEscapeClose = _h === void 0 ? true : _h,
-    _j = _a.useOutsideClose,
-    useOutsideClose = _j === void 0 ? true : _j,
-    _k = _a.usePortal,
-    usePortal = _k === void 0 ? true : _k,
-    _l = _a.useScrollLock,
-    useScrollLock = _l === void 0 ? true : _l,
-    _m = _a.useTouchScrollable,
-    useTouchScrollable = _m === void 0 ? true : _m,
-    _o = _a.zIndex,
-    zIndex = _o === void 0 ? 5000 : _o,
-    dataQaId = _a.dataQaId,
-    contentRef = _a.contentRef,
-    _p = _a.animationEnabled,
-    animationEnabled = _p === void 0 ? true : _p,
-    props = __rest(_a, ["children", "classNames", "onClose", "onOpen", "open", "padding", "placement", "size", "useCloseButton", "useEscapeClose", "useOutsideClose", "usePortal", "useScrollLock", "useTouchScrollable", "zIndex", "dataQaId", "contentRef", "animationEnabled"]);
-  var t = BodyProvider.useBodyLocale().t;
-  return React__namespace.createElement(Animate, {
-    open: open,
-    onEnter: function () {
-      onOpen && onOpen();
-    },
-    enabled: animationEnabled
-  }, React__namespace.createElement(Portal.Portal, {
-    isActive: usePortal
-  }, React__namespace.createElement(Root, __assign({
-    role: 'presentation',
-    style: {
-      zIndex: zIndex
-    },
-    className: classNames.Root
-  }, props), React__namespace.createElement(ScrollLock__default.default, {
-    isActive: useScrollLock
-  }), React__namespace.createElement(KeyPress.KeyPress, {
-    isActive: useEscapeClose,
-    code: 'Escape',
-    onKeyDown: onClose
-  }), React__namespace.createElement(Backdrop, {
-    className: classNames.Backdrop,
-    "aria-hidden": true,
-    onClick: function (e) {
-      if (useOutsideClose && onClose) {
-        onClose(e);
-      }
-    }
-  }), React__namespace.createElement(Popup, {
-    "popup-placement": placement,
-    className: classNames.Popup,
-    style: getPopupStyle(placement, size),
-    "data-qaid": dataQaId
-  }, useCloseButton && onClose && React__namespace.createElement(Close, {
-    className: classNames.Close,
-    type: 'button',
-    onClick: onClose,
-    "aria-label": t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
-    "data-qaid": 'close'
-  }), useTouchScrollable ? React__namespace.createElement(ScrollLock.TouchScrollable, null, React__namespace.createElement(Content, {
-    ref: contentRef,
-    className: classNames.Content,
-    style: {
-      padding: padding
-    }
-  }, children)) : React__namespace.createElement(Content, {
-    ref: contentRef,
-    className: classNames.Content,
-    style: {
-      padding: padding
-    }
-  }, children)))));
-};
-var templateObject_1;
-
-exports.SideOverlay = SideOverlay;
-
-require('./style.development.css');