@prom-ui/core 1.3.1 → 1.4.0

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

package/Overlay/components/OverlayHeader.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-type OverlayHeaderProps = {
-    isShowPrevButton?: boolean;
-    isShowCloseButton?: boolean;
-    children?: React.ReactNode;
-    title?: React.ReactNode;
-    onClose?: (e: any) => void;
-    onPrev?: (e: any) => void;
-};
-export declare const OverlayHeader: React.FC<OverlayHeaderProps>;
-export {};
+import React from 'react';
+type OverlayHeaderProps = {
+    isShowPrevButton?: boolean;
+    isShowCloseButton?: boolean;
+    children?: React.ReactNode;
+    title?: React.ReactNode;
+    onClose?: (e: any) => void;
+    onPrev?: (e: any) => void;
+};
+export declare const OverlayHeader: React.FC<OverlayHeaderProps>;
+export {};

package/Overlay/components/SwipeClose.d.ts

@@ -1,11 +1,11 @@
-import * as React from 'react';
-type SwipeCloseProps = {
-    isActive?: boolean;
-    children: React.ReactNode;
-    rootRef: React.RefObject<HTMLDivElement>;
-    contentRef: React.RefObject<HTMLDivElement>;
-    onClose: (e: any) => void;
-    placement: 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
-};
-export declare const SwipeClose: React.FC<SwipeCloseProps>;
-export {};
+import * as React from 'react';
+type SwipeCloseProps = {
+    isActive?: boolean;
+    children: React.ReactNode;
+    rootRef: React.RefObject<HTMLDivElement>;
+    contentRef: React.RefObject<HTMLDivElement>;
+    onClose: (e: any) => void;
+    placement: 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
+};
+export declare const SwipeClose: React.FC<SwipeCloseProps>;
+export {};

package/Overlay/components/TouchScrollable.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-type TouchScrollableProps = {
-    isActive?: boolean;
-    scrollRef: React.RefObject<HTMLDivElement>;
-    children: React.ReactNode;
-};
-export declare const TouchScrollable: React.FC<TouchScrollableProps>;
-export {};
+import * as React from 'react';
+type TouchScrollableProps = {
+    isActive?: boolean;
+    scrollRef: React.RefObject<HTMLDivElement>;
+    children: React.ReactNode;
+};
+export declare const TouchScrollable: React.FC<TouchScrollableProps>;
+export {};

package/Overlay/index.d.ts

@@ -1,76 +1,76 @@
-import * as React from 'react';
-export type OverlayProps = React.ComponentProps<'div'> & {
-    /**
-     * Расположение
-     * <br>
-     * - `adaptive` = `isMinWidthMedium ? 'right' : 'bottom'`
-     * */
-    placement?: 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
-    /**
-     * Ширина или высота взависимости от **placement**
-     * <br>
-     * - `auto` размер по контенту
-     * <br>
-     * - `adaptive` размер относительно свойства **placement**:
-     * <br>
-     * &nbsp;&nbsp; **top | bottom** = `auto`
-     * <br>
-     * &nbsp;&nbsp; **left | right** = `400`
-     * <br>
-     * &nbsp;&nbsp; **adaptive** = `isMinWidthMedium ? 400 : 'auto'`
-     * */
-    size?: string | number;
-    /** Максимальная ширина или высота взависимости от **placement** */
-    maxSize?: string | number;
-    /** Состояние, открыто или нет */
-    isOpen: boolean;
-    /** Заголовок */
-    title?: React.ReactNode;
-    /** Отображение кнопки закрытия (крестик) */
-    isShowCloseButton?: boolean;
-    /** Отображение кнопки назад (стрелка) */
-    isShowPrevButton?: boolean;
-    /** Разрешает закрыть попап по клавише `Escape` */
-    isCloseOnEscape?: boolean;
-    /** Разрешает закрыть попап по свайпу, работает если `isScrollLock={true}` */
-    isCloseOnSwipe?: boolean;
-    /** Разрешает закрытие при клике на свободное пространство (затемнение документа) */
-    isCloseOutsideClick?: boolean;
-    /** Рендер в конец `<body>` */
-    isRenderPortal?: 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;
-    /** Срабатывает когда попап открыт и закончилась анимация */
-    onOpened?: () => void;
-    /** Срабатывает когда попап закрыт и закончилась анимация */
-    onClosed?: () => void;
-    /** Событие при нажатии кнопки назад */
-    onPrev?: (e: any) => void;
-    /** Внутренние отступы */
-    padding?: string | number;
-    /** Размещением по z-оси */
-    zIndex?: number;
-    /** HTML Атрибут `data-qaid` для автотестов */
-    /** `ref` для блока с контентом */
-    contentRef?: React.RefObject<HTMLDivElement>;
-    dataQaId?: string;
-};
-/**
- * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
- * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
- */
-export declare const Overlay: React.FC<OverlayProps>;
+import * as React from 'react';
+export type OverlayProps = React.ComponentProps<'div'> & {
+    /**
+     * Расположение
+     * <br>
+     * - `adaptive` = `isMinWidthMedium ? 'right' : 'bottom'`
+     * */
+    placement?: 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Ширина или высота взависимости от **placement**
+     * <br>
+     * - `auto` размер по контенту
+     * <br>
+     * - `adaptive` размер относительно свойства **placement**:
+     * <br>
+     * &nbsp;&nbsp; **top | bottom** = `auto`
+     * <br>
+     * &nbsp;&nbsp; **left | right** = `400`
+     * <br>
+     * &nbsp;&nbsp; **adaptive** = `isMinWidthMedium ? 400 : 'auto'`
+     * */
+    size?: string | number;
+    /** Максимальная ширина или высота взависимости от **placement** */
+    maxSize?: string | number;
+    /** Состояние, открыто или нет */
+    isOpen: boolean;
+    /** Заголовок */
+    title?: React.ReactNode;
+    /** Отображение кнопки закрытия (крестик) */
+    isShowCloseButton?: boolean;
+    /** Отображение кнопки назад (стрелка) */
+    isShowPrevButton?: boolean;
+    /** Разрешает закрыть попап по клавише `Escape` */
+    isCloseOnEscape?: boolean;
+    /** Разрешает закрыть попап по свайпу, работает если `isScrollLock={true}` */
+    isCloseOnSwipe?: boolean;
+    /** Разрешает закрытие при клике на свободное пространство (затемнение документа) */
+    isCloseOutsideClick?: boolean;
+    /** Рендер в конец `<body>` */
+    isRenderPortal?: 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;
+    /** Срабатывает когда попап открыт и закончилась анимация */
+    onOpened?: () => void;
+    /** Срабатывает когда попап закрыт и закончилась анимация */
+    onClosed?: () => void;
+    /** Событие при нажатии кнопки назад */
+    onPrev?: (e: any) => void;
+    /** Внутренние отступы */
+    padding?: string | number;
+    /** Размещением по z-оси */
+    zIndex?: number;
+    /** HTML Атрибут `data-qaid` для автотестов */
+    /** `ref` для блока с контентом */
+    contentRef?: React.RefObject<HTMLDivElement>;
+    dataQaId?: string;
+};
+/**
+ * Компонент используется для создания оверлея (накладывающегося слоя) на верху содержимого.
+ * Он может использоваться, например, для создания модальных окон, выпадающих списков и других элементов интерфейса.
+ */
+export declare const Overlay: React.FC<OverlayProps>;

package/Overlay/package.json

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

package/Overlay/utils.d.ts

@@ -1,10 +1,10 @@
-type TypePlacement = 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
-type TypeSize = string | number;
-type TypeGetPopupStyle = {
-    height?: TypeSize;
-    width?: TypeSize;
-    maxHeight?: TypeSize;
-    maxWidth?: TypeSize;
-};
-export declare const getPopupStyle: (placement: TypePlacement, size: TypeSize, maxSize: TypeSize) => TypeGetPopupStyle;
-export {};
+type TypePlacement = 'adaptive' | 'top' | 'right' | 'bottom' | 'left';
+type TypeSize = string | number;
+type TypeGetPopupStyle = {
+    height?: TypeSize;
+    width?: TypeSize;
+    maxHeight?: TypeSize;
+    maxWidth?: TypeSize;
+};
+export declare const getPopupStyle: (placement: TypePlacement, size: TypeSize, maxSize: TypeSize) => TypeGetPopupStyle;
+export {};

package/Picture/index.d.ts

@@ -1,70 +1,70 @@
-import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
-type PictureItemDisplay = EvokitMediaSufix<'block' | 'none'>;
-type PictureThemes = EvokitMediaSufix<'black-400' | 'white' | 'yellow-500'>;
-type PictureDisplay = EvokitMediaSufix<'block' | 'none'>;
-type PictureFit = EvokitMediaSufix<'none' | 'fill' | 'contain' | 'cover' | 'scale-down'>;
-type PictureRound = EvokitMediaSufix<'none' | 'full' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
-type PictureBorderWidth = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
-type PictureBorderStyle = EvokitMediaSufix<'solid' | 'dotted' | 'dashed'>;
-export type PictureItemProps = {
-    'picture-item'?: EvokitProp<PictureItemDisplay>;
-};
-export type PictureProps = {
-    'picture-background'?: EvokitProp<PictureThemes>;
-    'picture-display'?: EvokitProp<PictureDisplay>;
-    'picture-fit'?: EvokitProp<PictureFit>;
-    'picture-blackhole'?: EvokitProp<'alt-hidden'>;
-    'picture-border'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
-    /** @ignore */
-    'picture-border-top'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
-    /** @ignore */
-    'picture-border-right'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
-    /** @ignore */
-    'picture-border-bottom'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
-    /** @ignore */
-    'picture-border-left'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
-    /** @ignore */
-    'picture-border-color'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
-    /** @ignore */
-    'picture-border-color-top'?: EvokitProp<PictureThemes>;
-    /** @ignore */
-    'picture-border-color-right'?: EvokitProp<PictureThemes>;
-    /** @ignore */
-    'picture-border-color-bottom'?: EvokitProp<PictureThemes>;
-    /** @ignore */
-    'picture-border-color-left'?: EvokitProp<PictureThemes>;
-    /** @ignore */
-    'picture-border-width'?: EvokitProp<PictureBorderWidth | `${PictureBorderWidth} ${string}`>;
-    /** @ignore */
-    'picture-border-width-top'?: EvokitProp<PictureBorderWidth>;
-    /** @ignore */
-    'picture-border-width-right'?: EvokitProp<PictureBorderWidth>;
-    /** @ignore */
-    'picture-border-width-bottom'?: EvokitProp<PictureBorderWidth>;
-    /** @ignore */
-    'picture-border-width-left'?: EvokitProp<PictureBorderWidth>;
-    /** @ignore */
-    'picture-border-style'?: EvokitProp<PictureBorderStyle | `${PictureBorderStyle} ${string}`>;
-    /** @ignore */
-    'picture-border-style-top'?: EvokitProp<PictureBorderStyle>;
-    /** @ignore */
-    'picture-border-style-right'?: EvokitProp<PictureBorderStyle>;
-    /** @ignore */
-    'picture-border-style-bottom'?: EvokitProp<PictureBorderStyle>;
-    /** @ignore */
-    'picture-border-style-left'?: EvokitProp<PictureBorderStyle>;
-    'picture-round'?: EvokitProp<PictureRound | `${PictureRound} ${string}`>;
-    /** @ignore */
-    'picture-round-top-left'?: EvokitProp<PictureRound>;
-    /** @ignore */
-    'picture-round-top-right'?: EvokitProp<PictureRound>;
-    /** @ignore */
-    'picture-round-bottom-left'?: EvokitProp<PictureRound>;
-    /** @ignore */
-    'picture-round-bottom-right'?: EvokitProp<PictureRound>;
-};
-declare const PictureItem: CreateBlock<'img', 'picture-item', PictureItemProps>;
-export declare const Picture: CreateBlock<'picture', 'picture', PictureProps> & {
-    Item: typeof PictureItem;
-};
-export {};
+import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
+type PictureItemDisplay = EvokitMediaSufix<'block' | 'none'>;
+type PictureThemes = EvokitMediaSufix<'black-400' | 'white' | 'yellow-500'>;
+type PictureDisplay = EvokitMediaSufix<'block' | 'none'>;
+type PictureFit = EvokitMediaSufix<'none' | 'fill' | 'contain' | 'cover' | 'scale-down'>;
+type PictureRound = EvokitMediaSufix<'none' | 'full' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
+type PictureBorderWidth = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
+type PictureBorderStyle = EvokitMediaSufix<'solid' | 'dotted' | 'dashed'>;
+export type PictureItemProps = {
+    'picture-item'?: EvokitProp<PictureItemDisplay>;
+};
+export type PictureProps = {
+    'picture-background'?: EvokitProp<PictureThemes>;
+    'picture-display'?: EvokitProp<PictureDisplay>;
+    'picture-fit'?: EvokitProp<PictureFit>;
+    'picture-blackhole'?: EvokitProp<'alt-hidden'>;
+    'picture-border'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
+    /** @ignore */
+    'picture-border-top'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
+    /** @ignore */
+    'picture-border-right'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
+    /** @ignore */
+    'picture-border-bottom'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
+    /** @ignore */
+    'picture-border-left'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
+    /** @ignore */
+    'picture-border-color'?: EvokitProp<PictureThemes | `${PictureThemes} ${string}`>;
+    /** @ignore */
+    'picture-border-color-top'?: EvokitProp<PictureThemes>;
+    /** @ignore */
+    'picture-border-color-right'?: EvokitProp<PictureThemes>;
+    /** @ignore */
+    'picture-border-color-bottom'?: EvokitProp<PictureThemes>;
+    /** @ignore */
+    'picture-border-color-left'?: EvokitProp<PictureThemes>;
+    /** @ignore */
+    'picture-border-width'?: EvokitProp<PictureBorderWidth | `${PictureBorderWidth} ${string}`>;
+    /** @ignore */
+    'picture-border-width-top'?: EvokitProp<PictureBorderWidth>;
+    /** @ignore */
+    'picture-border-width-right'?: EvokitProp<PictureBorderWidth>;
+    /** @ignore */
+    'picture-border-width-bottom'?: EvokitProp<PictureBorderWidth>;
+    /** @ignore */
+    'picture-border-width-left'?: EvokitProp<PictureBorderWidth>;
+    /** @ignore */
+    'picture-border-style'?: EvokitProp<PictureBorderStyle | `${PictureBorderStyle} ${string}`>;
+    /** @ignore */
+    'picture-border-style-top'?: EvokitProp<PictureBorderStyle>;
+    /** @ignore */
+    'picture-border-style-right'?: EvokitProp<PictureBorderStyle>;
+    /** @ignore */
+    'picture-border-style-bottom'?: EvokitProp<PictureBorderStyle>;
+    /** @ignore */
+    'picture-border-style-left'?: EvokitProp<PictureBorderStyle>;
+    'picture-round'?: EvokitProp<PictureRound | `${PictureRound} ${string}`>;
+    /** @ignore */
+    'picture-round-top-left'?: EvokitProp<PictureRound>;
+    /** @ignore */
+    'picture-round-top-right'?: EvokitProp<PictureRound>;
+    /** @ignore */
+    'picture-round-bottom-left'?: EvokitProp<PictureRound>;
+    /** @ignore */
+    'picture-round-bottom-right'?: EvokitProp<PictureRound>;
+};
+declare const PictureItem: CreateBlock<'img', 'picture-item', PictureItemProps>;
+export declare const Picture: CreateBlock<'picture', 'picture', PictureProps> & {
+    Item: typeof PictureItem;
+};
+export {};

package/Picture/package.json

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

package/Portal/cjs/index.development.js

@@ -26,25 +26,25 @@ function _interopNamespaceCompat(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 
-var PortalApp = function (_a) {
-  var id = _a.id,
-    children = _a.children;
+var PortalApp = function PortalApp(_ref) {
+  var id = _ref.id,
+    children = _ref.children;
   var target = usePortal.usePortal(id);
   if (target) {
-    return reactDom.createPortal(children, target);
+    return /*#__PURE__*/reactDom.createPortal(children, target);
   }
   return children;
 };
-var Portal = function (_a) {
-  var _b = _a.id,
-    id = _b === void 0 ? 'react-portal' : _b,
-    _c = _a.isActive,
-    isActive = _c === void 0 ? true : _c,
-    children = _a.children;
+var Portal = function Portal(_ref2) {
+  var _ref2$id = _ref2.id,
+    id = _ref2$id === void 0 ? 'react-portal' : _ref2$id,
+    _ref2$isActive = _ref2.isActive,
+    isActive = _ref2$isActive === void 0 ? true : _ref2$isActive,
+    children = _ref2.children;
   if (!isActive) {
     return children;
   }
-  return React__namespace.createElement(PortalApp, {
+  return /*#__PURE__*/React__namespace.createElement(PortalApp, {
     id: id
   }, children);
 };

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

@@ -26,25 +26,25 @@ function _interopNamespaceCompat(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 
-var PortalApp = function (_a) {
-  var id = _a.id,
-    children = _a.children;
+var PortalApp = function PortalApp(_ref) {
+  var id = _ref.id,
+    children = _ref.children;
   var target = usePortal.usePortal(id);
   if (target) {
-    return reactDom.createPortal(children, target);
+    return /*#__PURE__*/reactDom.createPortal(children, target);
   }
   return children;
 };
-var Portal = function (_a) {
-  var _b = _a.id,
-    id = _b === void 0 ? 'react-portal' : _b,
-    _c = _a.isActive,
-    isActive = _c === void 0 ? true : _c,
-    children = _a.children;
+var Portal = function Portal(_ref2) {
+  var _ref2$id = _ref2.id,
+    id = _ref2$id === void 0 ? 'react-portal' : _ref2$id,
+    _ref2$isActive = _ref2.isActive,
+    isActive = _ref2$isActive === void 0 ? true : _ref2$isActive,
+    children = _ref2.children;
   if (!isActive) {
     return children;
   }
-  return React__namespace.createElement(PortalApp, {
+  return /*#__PURE__*/React__namespace.createElement(PortalApp, {
     id: id
   }, children);
 };

package/Portal/index.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-export type PortalProps = {
-    /** ID html ноды, Если такая нода отсутствует на странице, будет создан новый `<div>` в конце `<body>` */
-    id?: string;
-    /** Если передать `false` компонент перестанет работать */
-    isActive?: boolean;
-    /** React children */
-    children?: any;
-};
-export declare const Portal: React.FC<PortalProps>;
+import * as React from 'react';
+export type PortalProps = {
+    /** ID html ноды, Если такая нода отсутствует на странице, будет создан новый `<div>` в конце `<body>` */
+    id?: string;
+    /** Если передать `false` компонент перестанет работать */
+    isActive?: boolean;
+    /** React children */
+    children?: any;
+};
+export declare const Portal: React.FC<PortalProps>;

package/Portal/package.json

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

package/QRCode/cjs/index.development.js

@@ -27,17 +27,17 @@ var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 
 var css = {"root":"QRCode__root___ZFxvt"};
 
-var QRCode = function (_a) {
-  var value = _a.value,
-    _b = _a.size,
-    size = _b === void 0 ? 100 : _b,
-    _c = _a.bgColor,
-    bgColor = _c === void 0 ? 'var(--white)' : _c,
-    _d = _a.fgColor,
-    fgColor = _d === void 0 ? 'var(--black-900)' : _d,
-    _e = _a.level,
-    level = _e === void 0 ? 'L' : _e;
-  return React__namespace.createElement(qrcode_react.QRCodeSVG, {
+var QRCode = function QRCode(_ref) {
+  var value = _ref.value,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 100 : _ref$size,
+    _ref$bgColor = _ref.bgColor,
+    bgColor = _ref$bgColor === void 0 ? 'var(--white)' : _ref$bgColor,
+    _ref$fgColor = _ref.fgColor,
+    fgColor = _ref$fgColor === void 0 ? 'var(--black-900)' : _ref$fgColor,
+    _ref$level = _ref.level,
+    level = _ref$level === void 0 ? 'L' : _ref$level;
+  return /*#__PURE__*/React__namespace.createElement(qrcode_react.QRCodeSVG, {
     value: value,
     size: size,
     bgColor: bgColor,

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

@@ -27,17 +27,17 @@ var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 
 var css = {"root":"QRCode__root___8QnCu"};
 
-var QRCode = function (_a) {
-  var value = _a.value,
-    _b = _a.size,
-    size = _b === void 0 ? 100 : _b,
-    _c = _a.bgColor,
-    bgColor = _c === void 0 ? 'var(--white)' : _c,
-    _d = _a.fgColor,
-    fgColor = _d === void 0 ? 'var(--black-900)' : _d,
-    _e = _a.level,
-    level = _e === void 0 ? 'L' : _e;
-  return React__namespace.createElement(qrcode_react.QRCodeSVG, {
+var QRCode = function QRCode(_ref) {
+  var value = _ref.value,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 100 : _ref$size,
+    _ref$bgColor = _ref.bgColor,
+    bgColor = _ref$bgColor === void 0 ? 'var(--white)' : _ref$bgColor,
+    _ref$fgColor = _ref.fgColor,
+    fgColor = _ref$fgColor === void 0 ? 'var(--black-900)' : _ref$fgColor,
+    _ref$level = _ref.level,
+    level = _ref$level === void 0 ? 'L' : _ref$level;
+  return /*#__PURE__*/React__namespace.createElement(qrcode_react.QRCodeSVG, {
     value: value,
     size: size,
     bgColor: bgColor,