@prom-ui/core 0.0.32 → 0.0.40

package/Body/package.json

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

package/Box/package.json

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

package/Button/package.json

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

package/ButtonPageUp/package.json

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

package/Checkbox/package.json

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

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/KeyPress/package.json

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

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/Media/package.json

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

package/OutsideClick/package.json

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

package/Overlay/blocks.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+export declare const Root: any;
+export declare const Backdrop: any;
+export declare const Popup: any;
+export declare const OverlayContent: any;
+export declare const OverlayBody: any;
+declare type AnimateProps = {
+    enabled?: boolean;
+    open?: boolean;
+    onEnter?: () => void;
+    children?: React.ReactNode;
+};
+declare type OverlayHeaderProps = {
+    isShowPrevButton?: boolean;
+    isShowCloseButton?: boolean;
+    children?: React.ReactNode;
+    title?: React.ReactNode;
+    onClose?: (e: any) => void;
+    onPrev?: (e: any) => void;
+};
+declare type OverlayFooterProps = {
+    children?: React.ReactNode;
+};
+export declare const Animate: React.FC<AnimateProps>;
+export declare const OverlayHeader: React.FC<OverlayHeaderProps>;
+export declare const OverlayFooter: React.FC<OverlayFooterProps>;
+export {};

package/Overlay/cjs/index.development.js

@@ -0,0 +1,261 @@
+'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 ttag = require('ttag');
+var evokit = require('evokit');
+var reactTransitionGroup = require('react-transition-group');
+var Text = require('@prom-ui/core/Text');
+var Button = require('@prom-ui/core/Button');
+var Icon = require('@prom-ui/core/Icon');
+var Close = require('@prom-ui/icons/Close');
+var ArrowBack = require('@prom-ui/icons/ArrowBack');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) 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__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ScrollLock__default = /*#__PURE__*/_interopDefaultLegacy(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":"Overlay__root___v0oYp","backdrop":"Overlay__backdrop___RvRWz","popup":"Overlay__popup___elIqJ","popup_placement_top":"Overlay__popup_placement_top___Llv4b","popup_placement_bottom":"Overlay__popup_placement_bottom___DJyNc","popup_placement_right":"Overlay__popup_placement_right___4DX3c","popup_placement_left":"Overlay__popup_placement_left___OwkR7","body":"Overlay__body___fvbis","content":"Overlay__content___5qQ0k","header":"Overlay__header___LIk9z","header__grid":"Overlay__header__grid___SShy4","header__item":"Overlay__header__item___9fUzS","header__title":"Overlay__header__title___Vuilz Overlay__header__item___9fUzS","header__action":"Overlay__header__action___c-A8d Overlay__header__item___9fUzS","header__actionButton":"Overlay__header__actionButton___yYG24","header__actionIcon":"Overlay__header__actionIcon___La2ok","footer":"Overlay__footer___3Ca-G","enter":"Overlay__enter___OjeZp","exit":"Overlay__exit___HiHMU","enterActive":"Overlay__enterActive___Ne-Vn","exitActive":"Overlay__exitActive___6f7f1"};
+
+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 OverlayContent = evokit.createBlock('div', 'content', [], BLOCKS_PRESET);
+var OverlayBody = evokit.createBlock('div', 'body', [], 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__default["default"].createElement(reactTransitionGroup.CSSTransition, {
+    in: open,
+    timeout: enabled ? 225 : 0,
+    classNames: css,
+    unmountOnExit: true,
+    onEnter: onEnter
+  }, children);
+};
+var OverlayHeader = function (_a) {
+  var isShowPrevButton = _a.isShowPrevButton,
+      isShowCloseButton = _a.isShowCloseButton,
+      children = _a.children,
+      title = _a.title,
+      onClose = _a.onClose,
+      onPrev = _a.onPrev;
+  return React__default["default"].createElement("div", {
+    className: css.header
+  }, typeof children !== 'undefined' ? children : React__default["default"].createElement("div", {
+    className: css.header__grid
+  }, React__default["default"].createElement("div", {
+    className: css.header__action
+  }, isShowPrevButton && React__default["default"].createElement(Button.Button, {
+    className: css.header__actionButton,
+    "button-theme": 'black-inherit',
+    type: 'button',
+    onClick: onPrev,
+    "aria-label": ttag.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, {
+    "icon-as": ArrowBack.ArrowBack,
+    className: css.header__actionIcon
+  }))), React__default["default"].createElement("div", {
+    className: css.header__title
+  }, typeof title === 'string' ? React__default["default"].createElement(Text.Text, {
+    "text-align": 'center',
+    "text-size": 'h4',
+    "text-wrap": 'ellipsis',
+    "text-weight": 'bold'
+  }, title) : title), React__default["default"].createElement("div", {
+    className: css.header__action
+  }, isShowCloseButton && onClose && React__default["default"].createElement(Button.Button, {
+    className: css.header__actionButton,
+    "button-theme": 'black-inherit',
+    type: 'button',
+    onClick: onClose,
+    "aria-label": ttag.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, {
+    "icon-as": Close.Close,
+    className: css.header__actionIcon
+  })))));
+};
+var OverlayFooter = function (_a) {
+  var children = _a.children;
+  return React__default["default"].createElement("div", {
+    className: css.footer
+  }, children);
+};
+var templateObject_1, templateObject_2;
+
+var getPopupStyle = function (placement, size) {
+  if (['top', 'bottom'].includes(placement)) {
+    return {
+      height: size
+    };
+  }
+
+  return {
+    width: size
+  };
+};
+
+var Overlay = function (_a) {
+  var children = _a.children,
+      onClose = _a.onClose,
+      onOpen = _a.onOpen,
+      onPrev = _a.onPrev,
+      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.isAnimated,
+      isAnimated = _e === void 0 ? true : _e,
+      _f = _a.isCloseOutsideClick,
+      isCloseOutsideClick = _f === void 0 ? true : _f,
+      _g = _a.isRenderPortal,
+      isRenderPortal = _g === void 0 ? true : _g,
+      _h = _a.isScrollLock,
+      isScrollLock = _h === void 0 ? true : _h,
+      _j = _a.isScrollLockTouch,
+      isScrollLockTouch = _j === void 0 ? true : _j,
+      header = _a.header,
+      footer = _a.footer,
+      _k = _a.padding,
+      padding = _k === void 0 ? '20px 20px 20px 20px' : _k,
+      title = _a.title,
+      _l = _a.placement,
+      placement = _l === void 0 ? 'right' : _l,
+      _m = _a.size,
+      size = _m === void 0 ? 400 : _m,
+      _o = _a.zIndex,
+      zIndex = _o === void 0 ? 5000 : _o,
+      contentRef = _a.contentRef,
+      dataQaId = _a.dataQaId,
+      props = __rest(_a, ["children", "onClose", "onOpen", "onPrev", "isOpen", "isShowCloseButton", "isShowPrevButton", "isCloseOnEscape", "isAnimated", "isCloseOutsideClick", "isRenderPortal", "isScrollLock", "isScrollLockTouch", "header", "footer", "padding", "title", "placement", "size", "zIndex", "contentRef", "dataQaId"]);
+
+  var ScrollableWrapper = isScrollLockTouch ? ScrollLock.TouchScrollable : React__namespace.Fragment;
+  return React__namespace.createElement(Animate, {
+    open: isOpen,
+    onEnter: function () {
+      onOpen && onOpen();
+    },
+    enabled: isAnimated
+  }, React__namespace.createElement(Portal.Portal, {
+    isActive: isRenderPortal
+  }, React__namespace.createElement(Root, __assign({
+    role: 'presentation',
+    style: {
+      zIndex: zIndex
+    }
+  }, props), React__namespace.createElement(ScrollLock__default["default"], {
+    isActive: isScrollLock
+  }), React__namespace.createElement(KeyPress.KeyPress, {
+    isActive: isCloseOnEscape,
+    code: 'Escape',
+    onKeyDown: onClose
+  }), React__namespace.createElement(Backdrop, {
+    "aria-hidden": true,
+    onClick: function (e) {
+      if (isCloseOutsideClick && onClose) {
+        onClose(e);
+      }
+    }
+  }), React__namespace.createElement(Popup, {
+    "popup-placement": placement,
+    "aria-modal": true,
+    role: 'dialog',
+    style: getPopupStyle(placement, size),
+    "data-qaid": dataQaId
+  }, React__namespace.createElement(OverlayBody, null, React__namespace.createElement(OverlayHeader, {
+    isShowCloseButton: isShowCloseButton,
+    isShowPrevButton: isShowPrevButton,
+    onClose: onClose,
+    onPrev: onPrev,
+    title: title
+  }, header), React__namespace.createElement(ScrollableWrapper, null, React__namespace.createElement(OverlayContent, {
+    ref: contentRef,
+    style: {
+      padding: padding
+    }
+  }, children)), React__namespace.createElement(OverlayFooter, null, footer))))));
+};
+
+exports.Overlay = Overlay;
+
+require('./style.development.css');

package/Overlay/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),o=require("@prom-ui/core/Portal"),n=require("ttag"),a=require("evokit"),i=require("react-transition-group"),c=require("@prom-ui/core/Text"),l=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),u=require("@prom-ui/icons/Close"),s=require("@prom-ui/icons/ArrowBack");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)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 m=p(e),v=f(e),h=p(t),_=function(){return _=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},_.apply(this,arguments)};function b(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var y,E,O={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",body:"fvbis",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={css:O,b:""},g=a.createBlock("div","root",[],k),P=a.createBlock("div","backdrop",[],k),w=a.createBlock("div","popup",["placement"],k),S=a.createBlock("div","content",[],k),B=a.createBlock("div","body",[],k),C=function(e){var t=e.open,r=void 0!==t&&t,o=e.children,n=e.enabled,a=void 0===n||n,c=e.onEnter;return m.default.createElement(i.CSSTransition,{in:r,timeout:a?225:0,classNames:O,unmountOnExit:!0,onEnter:c},o)},x=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,a=e.title,i=e.onClose,p=e.onPrev;return m.default.createElement("div",{className:O.header},void 0!==o?o:m.default.createElement("div",{className:O.header__grid},m.default.createElement("div",{className:O.header__action},t&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:p,"aria-label":n.t(y||(y=b(["Назад"],["Назад"]))),"data-qaid":"prev"},m.default.createElement(d.Icon,{"icon-as":s.ArrowBack,className:O.header__actionIcon}))),m.default.createElement("div",{className:O.header__title},"string"==typeof a?m.default.createElement(c.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold"},a):a),m.default.createElement("div",{className:O.header__action},r&&i&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":n.t(E||(E=b(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},m.default.createElement(d.Icon,{"icon-as":u.Close,className:O.header__actionIcon})))))},q=function(e){var t=e.children;return m.default.createElement("div",{className:O.footer},t)},j=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.Overlay=function(e){var n=e.children,a=e.onClose,i=e.onOpen,c=e.onPrev,l=e.isOpen,d=e.isShowCloseButton,u=void 0===d||d,s=e.isShowPrevButton,p=void 0!==s&&s,f=e.isCloseOnEscape,m=void 0===f||f,b=e.isAnimated,y=void 0===b||b,E=e.isCloseOutsideClick,O=void 0===E||E,k=e.isRenderPortal,I=void 0===k||k,z=e.isScrollLock,N=void 0===z||z,A=e.isScrollLockTouch,L=void 0===A||A,R=e.header,T=e.footer,D=e.padding,U=void 0===D?"20px 20px 20px 20px":D,K=e.title,M=e.placement,Q=void 0===M?"right":M,G=e.size,H=void 0===G?400:G,J=e.zIndex,V=void 0===J?5e3:J,Y=e.contentRef,F=e.dataQaId,W=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(e,["children","onClose","onOpen","onPrev","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isAnimated","isCloseOutsideClick","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","zIndex","contentRef","dataQaId"]),X=L?t.TouchScrollable:v.Fragment;return v.createElement(C,{open:l,onEnter:function(){i&&i()},enabled:y},v.createElement(o.Portal,{isActive:I},v.createElement(g,_({role:"presentation",style:{zIndex:V}},W),v.createElement(h.default,{isActive:N}),v.createElement(r.KeyPress,{isActive:m,code:"Escape",onKeyDown:a}),v.createElement(P,{"aria-hidden":!0,onClick:function(e){O&&a&&a(e)}}),v.createElement(w,{"popup-placement":Q,"aria-modal":!0,role:"dialog",style:j(Q,H),"data-qaid":F},v.createElement(B,null,v.createElement(x,{isShowCloseButton:u,isShowPrevButton:p,onClose:a,onPrev:c,title:K},R),v.createElement(X,null,v.createElement(S,{ref:Y,style:{padding:U}},n)),v.createElement(q,null,T))))))},require("./style.production.css");

package/Overlay/cjs/style.development.css

@@ -0,0 +1 @@
+.Overlay__root___v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.Overlay__popup___elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc,.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{transform:none;will-change:transform}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc{right:0;left:0;max-height:90%}.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{top:0;bottom:0;max-width:90%}.Overlay__popup_placement_top___Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__body___fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}.Overlay__content___5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___5qQ0k:after{clear:both}.Overlay__content___5qQ0k:before,.Overlay__content___5qQ0k:after{content:"";display:table}.Overlay__header___LIk9z{box-sizing:border-box;flex:0}.Overlay__header___LIk9z:after{clear:both}.Overlay__header___LIk9z:before,.Overlay__header___LIk9z:after{content:"";display:table}.Overlay__header__grid___SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___Vuilz{flex:1}.Overlay__header__action___c-A8d{min-width:34px}.Overlay__header__actionButton___yYG24{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___La2ok{width:24px;height:24px}.Overlay__footer___3Ca-G{box-sizing:border-box;flex:0}.Overlay__footer___3Ca-G:after{clear:both}.Overlay__footer___3Ca-G:before,.Overlay__footer___3Ca-G:after{content:"";display:table}.Overlay__enter___OjeZp,.Overlay__exit___HiHMU{pointer-events:auto}.Overlay__enterActive___Ne-Vn,.Overlay__exitActive___6f7f1{pointer-events:none}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz,.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{transition:opacity 256ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transition:transform 256ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enter___OjeZp .Overlay__backdrop___RvRWz{opacity:0}.Overlay__enter___OjeZp .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz{opacity:.5}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exit___HiHMU .Overlay__backdrop___RvRWz{opacity:.5}.Overlay__exit___HiHMU .Overlay__popup_placement_top___Llv4b,.Overlay__exit___HiHMU .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__exit___HiHMU .Overlay__popup_placement_left___OwkR7,.Overlay__exit___HiHMU .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{opacity:0}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b{transform:translateY(calc(-100% - 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c{transform:translateX(calc(100% + 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc{transform:translateY(calc(100% + 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transform:translateX(calc(-100% - 80px))}

package/Overlay/cjs/style.production.css

@@ -0,0 +1 @@
+.v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Llv4b,.DJyNc,._4DX3c,.OwkR7{transform:none;will-change:transform}.Llv4b,.DJyNc{right:0;left:0;max-height:90%}._4DX3c,.OwkR7{top:0;bottom:0;max-width:90%}.Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}._4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}._5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}._5qQ0k:after{clear:both}._5qQ0k:before,._5qQ0k:after{content:"";display:table}.LIk9z{box-sizing:border-box;flex:0}.LIk9z:after{clear:both}.LIk9z:before,.LIk9z:after{content:"";display:table}.SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}._9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Vuilz{flex:1}.c-A8d{min-width:34px}.yYG24{padding:0;width:34px;height:34px}.La2ok{width:24px;height:24px}._3Ca-G{box-sizing:border-box;flex:0}._3Ca-G:after{clear:both}._3Ca-G:before,._3Ca-G:after{content:"";display:table}.OjeZp,.HiHMU{pointer-events:auto}.Ne-Vn,._6f7f1{pointer-events:none}.Ne-Vn .RvRWz,._6f7f1 .RvRWz{transition:opacity 256ms cubic-bezier(.4,0,.2,1) 0ms}.Ne-Vn .Llv4b,._6f7f1 .Llv4b,.Ne-Vn ._4DX3c,._6f7f1 ._4DX3c,.Ne-Vn .DJyNc,._6f7f1 .DJyNc,.Ne-Vn .OwkR7,._6f7f1 .OwkR7{transition:transform 256ms cubic-bezier(.4,0,.2,1) 0ms}.OjeZp .RvRWz{opacity:0}.OjeZp .Llv4b{transform:translateY(-100%)}.OjeZp ._4DX3c{transform:translateX(100%)}.OjeZp .DJyNc{transform:translateY(100%)}.OjeZp .OwkR7{transform:translateX(-100%)}.Ne-Vn .RvRWz{opacity:.5}.Ne-Vn .Llv4b,.Ne-Vn .DJyNc{transform:translateY(0)}.Ne-Vn .OwkR7,.Ne-Vn ._4DX3c{transform:translateX(0)}.HiHMU .RvRWz{opacity:.5}.HiHMU .Llv4b,.HiHMU .DJyNc{transform:translateY(0)}.HiHMU .OwkR7,.HiHMU ._4DX3c{transform:translateX(0)}._6f7f1 .RvRWz{opacity:0}._6f7f1 .Llv4b{transform:translateY(calc(-100% - 80px))}._6f7f1 ._4DX3c{transform:translateX(calc(100% + 80px))}._6f7f1 .DJyNc{transform:translateY(calc(100% + 80px))}._6f7f1 .OwkR7{transform:translateX(calc(-100% - 80px))}

package/Overlay/index.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+export declare type OverlayProps = React.ComponentProps<"div"> & {
+    /** Состояние, открыто или нет */
+    isOpen: boolean;
+    /** Заголовок */
+    title?: React.ReactNode;
+    /** Отображение кнопки закрытия (крестик) */
+    isShowCloseButton?: boolean;
+    /** Отображение кнопки назад (стрелка) */
+    isShowPrevButton?: boolean;
+    /** Разрешает закрыть попап по клавише `Escape` */
+    isCloseOnEscape?: boolean;
+    /** Рендер в конец `<body>` */
+    isRenderPortal?: boolean;
+    /** Разрешает закрытие при клике на свободное пространство (затемнение документа) */
+    isCloseOutsideClick?: boolean;
+    /** Включает/отключает анимацию открытия/скрытия шторки */
+    isAnimated?: boolean;
+    /** Запрещает прокрутку `<body>` */
+    isScrollLock?: boolean;
+    /** Запрещает прокрутку `<body>` для iOS */
+    isScrollLockTouch?: boolean;
+    /** React children */
+    children: React.ReactNode;
+    /** React children header block */
+    header?: React.ReactNode;
+    /** React children footer block */
+    footer?: React.ReactNode;
+    /** Срабатывает когда попап открыт */
+    onOpen?: () => void;
+    /** Handle для закрытия попапа */
+    onClose: (e: any) => void;
+    /** Событие при нажатии кнопки назад */
+    onPrev?: (e: any) => void;
+    /** Расположение */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    /** Внутренние отступы */
+    padding?: string | number;
+    /** Ширина или высота взависимости от placement */
+    size?: string | number;
+    /** Размещением по z-оси */
+    zIndex?: string | number;
+    /** HTML Атрибут `data-qaid` для автотестов */
+    /** `ref` для блока с контентом */
+    contentRef?: React.RefObject<HTMLElement>;
+    dataQaId?: string;
+};
+export declare const Overlay: React.FC<OverlayProps>;

package/Overlay/index.js

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

package/Overlay/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@prom-ui/core/Overlay",
+  "version": "0.0.40",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "evokit": "^3.2.3",
+    "react-scrolllock": "^5.0.1",
+    "react-transition-group": "^4.4.2",
+    "ttag": "^1.7.24"
+  }
+}

package/Overlay/utils.d.ts

@@ -0,0 +1,8 @@
+declare type tPlacement = 'top' | 'right' | 'bottom' | 'left';
+declare type tSize = string | number;
+declare type tGetPopupStyle = {
+    height?: tSize;
+    width?: tSize;
+};
+export declare const getPopupStyle: (placement: tPlacement, size: tSize) => tGetPopupStyle;
+export {};

package/Picture/package.json

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

package/PortableOverlay/package.json

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

package/Portal/package.json

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

package/Rating/package.json

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

package/SafeQuery/package.json

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

package/Scroll/package.json

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

package/ScrollControls/package.json

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

package/SideOverlay/package.json

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

package/SimpleSlider/package.json

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

package/Skeleton/package.json

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

package/Spinner/package.json

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

package/Text/package.json

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

package/TextEmoji/package.json

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

package/Tumbler/package.json

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

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@prom-ui/core",
   "author": "e.marchenko",
-  "version": "0.0.32",
+  "version": "0.0.40",
   "description": "core ui blocks",
   "scripts": {
+    "test": "jest",
     "prebuild": "node ./preBuild.js",
     "build": "NODE_ENV=development rollup --config ./rollup.config.js",
     "postbuild": "NODE_ENV=production rollup --config ./rollup.config.js",
@@ -61,5 +62,5 @@
       "optional": true
     }
   },
-  "gitHead": "d08da8cdd19362331abd11aaca788bab303cba4c"
+  "gitHead": "779254d46558c0a3d212ac5eed071a386b18ef40"
 }