@prom-ui/core 0.0.121 → 0.0.131

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var classNames = require('classnames');
-var ttag = require('ttag');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
+var BodyProvider = require('@prom-ui/core/BodyProvider');
 var Left = require('@prom-ui/icons/Left');
 var Right = require('@prom-ui/icons/Right');
 
@@ -84,43 +84,40 @@ var DIRECTION_PREV = -1;
 var CONTROLS_UPDATE_DELAY = 100;
 var ScrollControlsButton = function (_a) {
   var _b, _c;
-
   var scrollRef = _a.scrollRef,
-      _d = _a.hideOnDisabled,
-      hideOnDisabled = _d === void 0 ? false : _d,
-      _e = _a.isActive,
-      isActive = _e === void 0 ? true : _e,
-      onClickNext = _a.onClickNext,
-      onClickPrev = _a.onClickPrev,
-      zIndex = _a.zIndex,
-      _f = _a.theme,
-      theme = _f === void 0 ? 'white' : _f,
-      children = _a.children;
+    _d = _a.hideOnDisabled,
+    hideOnDisabled = _d === void 0 ? false : _d,
+    _e = _a.isActive,
+    isActive = _e === void 0 ? true : _e,
+    onClickNext = _a.onClickNext,
+    onClickPrev = _a.onClickPrev,
+    zIndex = _a.zIndex,
+    _f = _a.theme,
+    theme = _f === void 0 ? 'white' : _f,
+    children = _a.children;
+  var t = BodyProvider.useBodyLocale().t;
   var updateControlsTimer = React.useRef(null);
-
   var _g = React.useState({
-    prev: false,
-    next: false
-  }),
-      controlsVisible = _g[0],
-      setControlsVisible = _g[1];
-
+      prev: false,
+      next: false
+    }),
+    controlsVisible = _g[0],
+    setControlsVisible = _g[1];
   var updateControlsVisible = function (nextScrollLeft) {
     var _a = scrollRef.current,
-        scrollLeft = _a.scrollLeft,
-        scrollWidth = _a.scrollWidth,
-        clientWidth = _a.clientWidth;
+      scrollLeft = _a.scrollLeft,
+      scrollWidth = _a.scrollWidth,
+      clientWidth = _a.clientWidth;
     var currentScrollLeft = (Number.isInteger(nextScrollLeft) ? nextScrollLeft : scrollLeft) || 0;
     setControlsVisible({
       prev: currentScrollLeft > 1,
       next: currentScrollLeft < scrollWidth - clientWidth
     });
   };
-
   var updateScrollLeft = function (direction) {
     var _a = scrollRef.current,
-        scrollLeft = _a.scrollLeft,
-        clientWidth = _a.clientWidth;
+      scrollLeft = _a.scrollLeft,
+      clientWidth = _a.clientWidth;
     var offset = clientWidth * direction;
     updateControlsVisible(scrollLeft + offset);
     requestAnimationFrame(function () {
@@ -132,41 +129,33 @@ var ScrollControlsButton = function (_a) {
       }
     });
   };
-
   var handleOnClickPrev = function () {
     if (typeof onClickPrev === 'function') {
       onClickPrev();
     }
-
     updateScrollLeft(DIRECTION_PREV);
   };
-
   var handleOnClickNext = function () {
     if (typeof onClickNext === 'function') {
       onClickNext();
     }
-
     updateScrollLeft(DIRECTION_NEXT);
   };
-
   var handleOnScroll = function () {
     clearTimeout(updateControlsTimer.current || 0);
     updateControlsTimer.current = setTimeout(updateControlsVisible, CONTROLS_UPDATE_DELAY);
   };
-
   React.useEffect(function () {
     if (scrollRef.current && isActive) {
       updateControlsVisible();
       scrollRef.current.addEventListener('scroll', handleOnScroll);
     }
-
     return function () {
       if (scrollRef.current && isActive) {
         scrollRef.current.removeEventListener('scroll', handleOnScroll);
       }
     };
   }, [isActive, children]);
-
   if (isActive && (controlsVisible.prev || controlsVisible.next)) {
     return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(Button.Button, {
       "button-theme": theme,
@@ -179,7 +168,7 @@ var ScrollControlsButton = function (_a) {
         zIndex: zIndex
       },
       disabled: !controlsVisible.prev,
-      title: ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"])))
+      title: t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u041D\u0430\u0437\u0430\u0434"], ["\u041D\u0430\u0437\u0430\u0434"])))
     }, React__default["default"].createElement(Icon.Icon, {
       className: css.icon,
       "icon-as": Left.Left
@@ -194,35 +183,32 @@ var ScrollControlsButton = function (_a) {
         zIndex: zIndex
       },
       disabled: !controlsVisible.next,
-      title: ttag.t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0414\u0430\u043B\u0435\u0435"], ["\u0414\u0430\u043B\u0435\u0435"])))
+      title: t(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\u0414\u0430\u043B\u0435\u0435"], ["\u0414\u0430\u043B\u0435\u0435"])))
     }, React__default["default"].createElement(Icon.Icon, {
       className: css.icon,
       "icon-as": Right.Right
     })));
   }
-
   return null;
 };
 var templateObject_1, templateObject_2;
 
 var ScrollControls = React__namespace.forwardRef(function (_a, ref) {
   var _b;
-
   var children = _a.children,
-      className = _a.className,
-      _c = _a.hideOnDisabled,
-      hideOnDisabled = _c === void 0 ? false : _c,
-      _d = _a.isActive,
-      isActive = _d === void 0 ? true : _d,
-      onClickNext = _a.onClickNext,
-      onClickPrev = _a.onClickPrev,
-      _e = _a.showOnHover,
-      showOnHover = _e === void 0 ? false : _e,
-      zIndex = _a.zIndex,
-      _f = _a.theme,
-      theme = _f === void 0 ? 'white' : _f,
-      props = __rest(_a, ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "zIndex", "theme"]);
-
+    className = _a.className,
+    _c = _a.hideOnDisabled,
+    hideOnDisabled = _c === void 0 ? false : _c,
+    _d = _a.isActive,
+    isActive = _d === void 0 ? true : _d,
+    onClickNext = _a.onClickNext,
+    onClickPrev = _a.onClickPrev,
+    _e = _a.showOnHover,
+    showOnHover = _e === void 0 ? false : _e,
+    zIndex = _a.zIndex,
+    _f = _a.theme,
+    theme = _f === void 0 ? 'white' : _f,
+    props = __rest(_a, ["children", "className", "hideOnDisabled", "isActive", "onClickNext", "onClickPrev", "showOnHover", "zIndex", "theme"]);
   var scrollRef = React__namespace.useRef(null);
   return React__namespace.createElement("div", __assign({
     ref: ref,

package/ScrollControls/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("ttag"),n=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/icons/Left"),c=require("@prom-ui/icons/Right");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(e),s=u(e),f=l(t),d=function(){return d=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},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var m,p,b="mOlOq",h="cF2KB rZcyK",O="_9B-9g rZcyK",y="lzBzL",x="StbVV",g="IONkE",j=function(t){var l,u,s=t.scrollRef,d=t.hideOnDisabled,b=void 0!==d&&d,x=t.isActive,j=void 0===x||x,w=t.onClickNext,E=t.onClickPrev,N=t.zIndex,P=t.theme,k=void 0===P?"white":P,I=t.children,C=e.useRef(null),q=e.useState({prev:!1,next:!1}),z=q[0],B=q[1],L=function(e){var t=s.current,r=t.scrollLeft,n=t.scrollWidth,o=t.clientWidth,i=(Number.isInteger(e)?e:r)||0;B({prev:i>1,next:i<n-o})},R=function(e){var t=s.current,r=t.scrollLeft,n=t.clientWidth*e;L(r+n),requestAnimationFrame((function(){s.current&&s.current.scrollBy({left:n,behavior:"smooth"})}))},A=function(){clearTimeout(C.current||0),C.current=setTimeout(L,100)};return e.useEffect((function(){return s.current&&j&&(L(),s.current.addEventListener("scroll",A)),function(){s.current&&j&&s.current.removeEventListener("scroll",A)}}),[j,I]),j&&(z.prev||z.next)?a.default.createElement(a.default.Fragment,null,a.default.createElement(n.Button,{"button-theme":k,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(h,(l={},l[g]=b,l)),onClick:function(){"function"==typeof E&&E(),R(-1)},style:{zIndex:N},disabled:!z.prev,title:r.t(m||(m=v(["Назад"],["Назад"])))},a.default.createElement(o.Icon,{className:y,"icon-as":i.Left})),a.default.createElement(n.Button,{"button-theme":k,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(O,(u={},u[g]=b,u)),onClick:function(){"function"==typeof w&&w(),R(1)},style:{zIndex:N},disabled:!z.next,title:r.t(p||(p=v(["Далее"],["Далее"])))},a.default.createElement(o.Icon,{className:y,"icon-as":c.Right}))):null},w=s.forwardRef((function(e,t){var r,n=e.children,o=e.className,i=e.hideOnDisabled,c=void 0!==i&&i,l=e.isActive,u=void 0===l||l,a=e.onClickNext,v=e.onClickPrev,m=e.showOnHover,p=void 0!==m&&m,h=e.zIndex,O=e.theme,y=void 0===O?"white":O,g=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","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex","theme"]),w=s.useRef(null);return s.createElement("div",d({ref:t,className:f.default(b,o,(r={},r[x]=p,r))},g),n(w),s.createElement(j,{scrollRef:w,hideOnDisabled:c,isActive:u,onClickNext:a,onClickPrev:v,zIndex:h,theme:y},n))}));exports.ScrollControls=w,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Button"),n=require("@prom-ui/core/Icon"),o=require("@prom-ui/core/BodyProvider"),i=require("@prom-ui/icons/Left"),c=require("@prom-ui/icons/Right");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(e),s=u(e),f=l(t),d=function(){return d=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},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var m,p,b="mOlOq",h="cF2KB rZcyK",O="_9B-9g rZcyK",y="lzBzL",x="StbVV",g="IONkE",j=function(t){var l,u,s=t.scrollRef,d=t.hideOnDisabled,b=void 0!==d&&d,x=t.isActive,j=void 0===x||x,w=t.onClickNext,P=t.onClickPrev,E=t.zIndex,N=t.theme,k=void 0===N?"white":N,I=t.children,C=o.useBodyLocale().t,q=e.useRef(null),z=e.useState({prev:!1,next:!1}),B=z[0],L=z[1],R=function(e){var t=s.current,r=t.scrollLeft,n=t.scrollWidth,o=t.clientWidth,i=(Number.isInteger(e)?e:r)||0;L({prev:i>1,next:i<n-o})},A=function(e){var t=s.current,r=t.scrollLeft,n=t.clientWidth*e;R(r+n),requestAnimationFrame((function(){s.current&&s.current.scrollBy({left:n,behavior:"smooth"})}))},D=function(){clearTimeout(q.current||0),q.current=setTimeout(R,100)};return e.useEffect((function(){return s.current&&j&&(R(),s.current.addEventListener("scroll",D)),function(){s.current&&j&&s.current.removeEventListener("scroll",D)}}),[j,I]),j&&(B.prev||B.next)?a.default.createElement(a.default.Fragment,null,a.default.createElement(r.Button,{"button-theme":k,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(h,(l={},l[g]=b,l)),onClick:function(){"function"==typeof P&&P(),A(-1)},style:{zIndex:E},disabled:!B.prev,title:C(m||(m=v(["Назад"],["Назад"])))},a.default.createElement(n.Icon,{className:y,"icon-as":i.Left})),a.default.createElement(r.Button,{"button-theme":k,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(O,(u={},u[g]=b,u)),onClick:function(){"function"==typeof w&&w(),A(1)},style:{zIndex:E},disabled:!B.next,title:C(p||(p=v(["Далее"],["Далее"])))},a.default.createElement(n.Icon,{className:y,"icon-as":c.Right}))):null},w=s.forwardRef((function(e,t){var r,n=e.children,o=e.className,i=e.hideOnDisabled,c=void 0!==i&&i,l=e.isActive,u=void 0===l||l,a=e.onClickNext,v=e.onClickPrev,m=e.showOnHover,p=void 0!==m&&m,h=e.zIndex,O=e.theme,y=void 0===O?"white":O,g=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","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex","theme"]),w=s.useRef(null);return s.createElement("div",d({ref:t,className:f.default(b,o,(r={},r[x]=p,r))},g),n(w),s.createElement(j,{scrollRef:w,hideOnDisabled:c,isActive:u,onClickNext:a,onClickPrev:v,zIndex:h,theme:y},n))}));exports.ScrollControls=w,require("./style.production.css");

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("ttag"),n=require("@prom-ui/core/Button"),o=require("@prom-ui/core/Icon"),i=require("@prom-ui/icons/Left"),c=require("@prom-ui/icons/Right");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(e),s=u(e),f=l(t),d=function(){return d=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},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var m,p,b="_5xFyd",h="YhapL kQ3-r",y="yCCvv kQ3-r",O="z7X7-",x="PVtmJ",g="hwEsJ",j=function(t){var l,u,s=t.scrollRef,d=t.hideOnDisabled,b=void 0!==d&&d,x=t.isActive,j=void 0===x||x,w=t.onClickNext,P=t.onClickPrev,k=t.zIndex,C=t.theme,E=void 0===C?"white":C,N=t.children,I=e.useRef(null),q=e.useState({prev:!1,next:!1}),z=q[0],L=q[1],R=function(e){var t=s.current,r=t.scrollLeft,n=t.scrollWidth,o=t.clientWidth,i=(Number.isInteger(e)?e:r)||0;L({prev:i>1,next:i<n-o})},A=function(e){var t=s.current,r=t.scrollLeft,n=t.clientWidth*e;R(r+n),requestAnimationFrame((function(){s.current&&s.current.scrollBy({left:n,behavior:"smooth"})}))},D=function(){clearTimeout(I.current||0),I.current=setTimeout(R,100)};return e.useEffect((function(){return s.current&&j&&(R(),s.current.addEventListener("scroll",D)),function(){s.current&&j&&s.current.removeEventListener("scroll",D)}}),[j,N]),j&&(z.prev||z.next)?a.default.createElement(a.default.Fragment,null,a.default.createElement(n.Button,{"button-theme":E,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(h,(l={},l[g]=b,l)),onClick:function(){"function"==typeof P&&P(),A(-1)},style:{zIndex:k},disabled:!z.prev,title:r.t(m||(m=v(["Назад"],["Назад"])))},a.default.createElement(o.Icon,{className:O,"icon-as":i.Left})),a.default.createElement(n.Button,{"button-theme":E,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:f.default(y,(u={},u[g]=b,u)),onClick:function(){"function"==typeof w&&w(),A(1)},style:{zIndex:k},disabled:!z.next,title:r.t(p||(p=v(["Далее"],["Далее"])))},a.default.createElement(o.Icon,{className:O,"icon-as":c.Right}))):null},w=s.forwardRef((function(e,t){var r,n=e.children,o=e.className,i=e.hideOnDisabled,c=void 0!==i&&i,l=e.isActive,u=void 0===l||l,a=e.onClickNext,v=e.onClickPrev,m=e.showOnHover,p=void 0!==m&&m,h=e.zIndex,y=e.theme,O=void 0===y?"white":y,g=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","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex","theme"]),w=s.useRef(null);return s.createElement("div",d({ref:t,className:f.default(b,o,(r={},r[x]=p,r))},g),n(w),s.createElement(j,{scrollRef:w,hideOnDisabled:c,isActive:u,onClickNext:a,onClickPrev:v,zIndex:h,theme:O},n))}));exports.ScrollControls=w,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Button"),n=require("@prom-ui/core/Icon"),o=require("@prom-ui/core/BodyProvider"),i=require("@prom-ui/icons/Left"),c=require("@prom-ui/icons/Right");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=l(e),s=u(e),d=l(t),f=function(){return f=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},f.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var m,p,b="_5xFyd",h="YhapL kQ3-r",y="yCCvv kQ3-r",O="z7X7-",x="PVtmJ",g="hwEsJ",j=function(t){var l,u,s=t.scrollRef,f=t.hideOnDisabled,b=void 0!==f&&f,x=t.isActive,j=void 0===x||x,w=t.onClickNext,P=t.onClickPrev,k=t.zIndex,C=t.theme,E=void 0===C?"white":C,N=t.children,I=o.useBodyLocale().t,q=e.useRef(null),z=e.useState({prev:!1,next:!1}),L=z[0],R=z[1],B=function(e){var t=s.current,r=t.scrollLeft,n=t.scrollWidth,o=t.clientWidth,i=(Number.isInteger(e)?e:r)||0;R({prev:i>1,next:i<n-o})},A=function(e){var t=s.current,r=t.scrollLeft,n=t.clientWidth*e;B(r+n),requestAnimationFrame((function(){s.current&&s.current.scrollBy({left:n,behavior:"smooth"})}))},D=function(){clearTimeout(q.current||0),q.current=setTimeout(B,100)};return e.useEffect((function(){return s.current&&j&&(B(),s.current.addEventListener("scroll",D)),function(){s.current&&j&&s.current.removeEventListener("scroll",D)}}),[j,N]),j&&(L.prev||L.next)?a.default.createElement(a.default.Fragment,null,a.default.createElement(r.Button,{"button-theme":E,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:d.default(h,(l={},l[g]=b,l)),onClick:function(){"function"==typeof P&&P(),A(-1)},style:{zIndex:k},disabled:!L.prev,title:I(m||(m=v(["Назад"],["Назад"])))},a.default.createElement(n.Icon,{className:O,"icon-as":i.Left})),a.default.createElement(r.Button,{"button-theme":E,"button-round":"xs","button-weight":"normal","button-padding":"none xxs",className:d.default(y,(u={},u[g]=b,u)),onClick:function(){"function"==typeof w&&w(),A(1)},style:{zIndex:k},disabled:!L.next,title:I(p||(p=v(["Далее"],["Далее"])))},a.default.createElement(n.Icon,{className:O,"icon-as":c.Right}))):null},w=s.forwardRef((function(e,t){var r,n=e.children,o=e.className,i=e.hideOnDisabled,c=void 0!==i&&i,l=e.isActive,u=void 0===l||l,a=e.onClickNext,v=e.onClickPrev,m=e.showOnHover,p=void 0!==m&&m,h=e.zIndex,y=e.theme,O=void 0===y?"white":y,g=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","className","hideOnDisabled","isActive","onClickNext","onClickPrev","showOnHover","zIndex","theme"]),w=s.useRef(null);return s.createElement("div",f({ref:t,className:d.default(b,o,(r={},r[x]=p,r))},g),n(w),s.createElement(j,{scrollRef:w,hideOnDisabled:c,isActive:u,onClickNext:a,onClickPrev:v,zIndex:h,theme:O},n))}));exports.ScrollControls=w,require("./style.production.v2.css");

package/ScrollControls/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@prom-ui/core/ScrollControls",
-  "version": "0.0.121",
+  "version": "0.0.131",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
     "*.css"
   ],
   "dependencies": {
-    "classnames": "^2.3.1",
-    "ttag": "^1.7.24"
+    "classnames": "^2.3.1"
   }
 }

package/SideOverlay/cjs/index.development.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ttag = require('ttag');
 var ScrollLock = require('react-scrolllock');
-var Portal = require('@prom-ui/core/Portal');
 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');
 
@@ -90,11 +90,11 @@ 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;
+    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,
@@ -110,7 +110,6 @@ var getPopupStyle = function (placement, size) {
       height: size
     };
   }
-
   return {
     width: size
   };
@@ -118,38 +117,38 @@ var getPopupStyle = function (placement, 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"]);
-
+    _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 () {
@@ -187,7 +186,7 @@ var SideOverlay = function (_a) {
     className: classNames.Close,
     type: 'button',
     onClick: onClose,
-    "aria-label": ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
+    "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,

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ttag = require('ttag');
 var ScrollLock = require('react-scrolllock');
-var Portal = require('@prom-ui/core/Portal');
 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');
 
@@ -90,11 +90,11 @@ 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;
+    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,
@@ -110,7 +110,6 @@ var getPopupStyle = function (placement, size) {
       height: size
     };
   }
-
   return {
     width: size
   };
@@ -118,38 +117,38 @@ var getPopupStyle = function (placement, 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"]);
-
+    _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 () {
@@ -187,7 +186,7 @@ var SideOverlay = function (_a) {
     className: classNames.Close,
     type: 'button',
     onClick: onClose,
-    "aria-label": ttag.t(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"], ["\u0417\u0430\u043A\u0440\u044B\u0442\u044C"]))),
+    "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,

package/SideOverlay/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("ttag"),o=require("react-scrolllock"),r=require("@prom-ui/core/Portal"),n=require("@prom-ui/core/KeyPress"),a=require("evokit"),c=require("react-transition-group");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=l(e),u=i(e),p=l(o),d=function(){return d=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},d.apply(this,arguments)};var f,m={root:"zoSc7",backdrop:"v5Neh",popup:"LsB4w",content:"D9ezA",close:"aiN5k",popup_placement_top:"BSFf7",popup_placement_bottom:"k1gGY",popup_placement_right:"w9HUr",popup_placement_left:"DWBxa",enter:"ukL-B",exit:"QE5yq",enterActive:"VPRAq",exitActive:"FhiSX"},v={css:m,b:""},b=a.createBlock("div","root",[],v),y=a.createBlock("div","backdrop",[],v),O=a.createBlock("div","popup",["placement"],v),E=a.createBlock("div","content",[],v),h=a.createBlock("button","close",[],v),k=function(e){var t=e.open,o=void 0!==t&&t,r=e.children,n=e.enabled,a=void 0===n||n,l=e.onEnter;return s.default.createElement(c.CSSTransition,{in:o,timeout:a?225:0,classNames:m,unmountOnExit:!0,onEnter:l},r)},g=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.SideOverlay=function(e){var a,c,l=e.children,i=e.classNames,s=void 0===i?{}:i,m=e.onClose,v=e.onOpen,P=e.open,j=void 0!==P&&P,x=e.padding,C=void 0===x?"45px 30px 30px 30px":x,S=e.placement,q=void 0===S?"left":S,B=e.size,_=void 0===B?400:B,w=e.useCloseButton,N=void 0===w||w,z=e.useEscapeClose,A=void 0===z||z,I=e.useOutsideClose,D=void 0===I||I,L=e.usePortal,R=void 0===L||L,T=e.useScrollLock,K=void 0===T||T,Q=e.useTouchScrollable,F=void 0===Q||Q,M=e.zIndex,G=void 0===M?5e3:M,H=e.dataQaId,U=e.contentRef,V=e.animationEnabled,W=void 0===V||V,X=function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o}(e,["children","classNames","onClose","onOpen","open","padding","placement","size","useCloseButton","useEscapeClose","useOutsideClose","usePortal","useScrollLock","useTouchScrollable","zIndex","dataQaId","contentRef","animationEnabled"]);return u.createElement(k,{open:j,onEnter:function(){v&&v()},enabled:W},u.createElement(r.Portal,{isActive:R},u.createElement(b,d({role:"presentation",style:{zIndex:G},className:s.Root},X),u.createElement(p.default,{isActive:K}),u.createElement(n.KeyPress,{isActive:A,code:"Escape",onKeyDown:m}),u.createElement(y,{className:s.Backdrop,"aria-hidden":!0,onClick:function(e){D&&m&&m(e)}}),u.createElement(O,{"popup-placement":q,className:s.Popup,style:g(q,_),"data-qaid":H},N&&m&&u.createElement(h,{className:s.Close,type:"button",onClick:m,"aria-label":t.t(f||(a=["Закрыть"],c=["Закрыть"],Object.defineProperty?Object.defineProperty(a,"raw",{value:c}):a.raw=c,f=a)),"data-qaid":"close"}),F?u.createElement(o.TouchScrollable,null,u.createElement(E,{ref:U,className:s.Content,style:{padding:C}},l)):u.createElement(E,{ref:U,className:s.Content,style:{padding:C}},l)))))},require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),o=require("@prom-ui/core/KeyPress"),r=require("@prom-ui/core/Portal"),n=require("@prom-ui/core/BodyProvider"),a=require("evokit"),c=require("react-transition-group");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=l(e),u=i(e),p=l(t),d=function(){return d=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},d.apply(this,arguments)};var f,m={root:"zoSc7",backdrop:"v5Neh",popup:"LsB4w",content:"D9ezA",close:"aiN5k",popup_placement_top:"BSFf7",popup_placement_bottom:"k1gGY",popup_placement_right:"w9HUr",popup_placement_left:"DWBxa",enter:"ukL-B",exit:"QE5yq",enterActive:"VPRAq",exitActive:"FhiSX"},v={css:m,b:""},b=a.createBlock("div","root",[],v),y=a.createBlock("div","backdrop",[],v),O=a.createBlock("div","popup",["placement"],v),E=a.createBlock("div","content",[],v),h=a.createBlock("button","close",[],v),k=function(e){var t=e.open,o=void 0!==t&&t,r=e.children,n=e.enabled,a=void 0===n||n,l=e.onEnter;return s.default.createElement(c.CSSTransition,{in:o,timeout:a?225:0,classNames:m,unmountOnExit:!0,onEnter:l},r)},P=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.SideOverlay=function(e){var a,c,l=e.children,i=e.classNames,s=void 0===i?{}:i,m=e.onClose,v=e.onOpen,g=e.open,j=void 0!==g&&g,x=e.padding,B=void 0===x?"45px 30px 30px 30px":x,C=e.placement,S=void 0===C?"left":C,q=e.size,_=void 0===q?400:q,w=e.useCloseButton,N=void 0===w||w,z=e.useEscapeClose,A=void 0===z||z,I=e.useOutsideClose,L=void 0===I||I,D=e.usePortal,R=void 0===D||D,T=e.useScrollLock,K=void 0===T||T,Q=e.useTouchScrollable,F=void 0===Q||Q,M=e.zIndex,G=void 0===M?5e3:M,H=e.dataQaId,U=e.contentRef,V=e.animationEnabled,W=void 0===V||V,X=function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o}(e,["children","classNames","onClose","onOpen","open","padding","placement","size","useCloseButton","useEscapeClose","useOutsideClose","usePortal","useScrollLock","useTouchScrollable","zIndex","dataQaId","contentRef","animationEnabled"]),Y=n.useBodyLocale().t;return u.createElement(k,{open:j,onEnter:function(){v&&v()},enabled:W},u.createElement(r.Portal,{isActive:R},u.createElement(b,d({role:"presentation",style:{zIndex:G},className:s.Root},X),u.createElement(p.default,{isActive:K}),u.createElement(o.KeyPress,{isActive:A,code:"Escape",onKeyDown:m}),u.createElement(y,{className:s.Backdrop,"aria-hidden":!0,onClick:function(e){L&&m&&m(e)}}),u.createElement(O,{"popup-placement":S,className:s.Popup,style:P(S,_),"data-qaid":H},N&&m&&u.createElement(h,{className:s.Close,type:"button",onClick:m,"aria-label":Y(f||(a=["Закрыть"],c=["Закрыть"],Object.defineProperty?Object.defineProperty(a,"raw",{value:c}):a.raw=c,f=a)),"data-qaid":"close"}),F?u.createElement(t.TouchScrollable,null,u.createElement(E,{ref:U,className:s.Content,style:{padding:B}},l)):u.createElement(E,{ref:U,className:s.Content,style:{padding:B}},l)))))},require("./style.production.css");

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("ttag"),o=require("react-scrolllock"),r=require("@prom-ui/core/Portal"),n=require("@prom-ui/core/KeyPress"),a=require("evokit"),c=require("react-transition-group");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=l(e),p=i(e),u=l(o),d=function(){return d=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},d.apply(this,arguments)};var f,m={root:"_0hSa2",backdrop:"wUZLN",popup:"Ulqfh",content:"N1Cdb",close:"D-QIP",popup_placement_top:"qJTjO",popup_placement_bottom:"TDEZ7",popup_placement_right:"xZVWW",popup_placement_left:"ywgfV",enter:"_5IZPy",exit:"N9pJ7",enterActive:"SiX-q",exitActive:"oRVo0"},v={css:m,b:""},b=a.createBlock("div","root",[],v),y=a.createBlock("div","backdrop",[],v),O=a.createBlock("div","popup",["placement"],v),E=a.createBlock("div","content",[],v),h=a.createBlock("button","close",[],v),P=function(e){var t=e.open,o=void 0!==t&&t,r=e.children,n=e.enabled,a=void 0===n||n,l=e.onEnter;return s.default.createElement(c.CSSTransition,{in:o,timeout:a?225:0,classNames:m,unmountOnExit:!0,onEnter:l},r)},g=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.SideOverlay=function(e){var a,c,l=e.children,i=e.classNames,s=void 0===i?{}:i,m=e.onClose,v=e.onOpen,j=e.open,k=void 0!==j&&j,x=e.padding,C=void 0===x?"45px 30px 30px 30px":x,_=e.placement,q=void 0===_?"left":_,N=e.size,S=void 0===N?400:N,w=e.useCloseButton,B=void 0===w||w,I=e.useEscapeClose,z=void 0===I||I,T=e.useOutsideClose,A=void 0===T||T,D=e.usePortal,R=void 0===D||D,Z=e.useScrollLock,K=void 0===Z||Z,L=e.useTouchScrollable,Q=void 0===L||L,V=e.zIndex,J=void 0===V?5e3:V,M=e.dataQaId,U=e.contentRef,W=e.animationEnabled,X=void 0===W||W,F=function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o}(e,["children","classNames","onClose","onOpen","open","padding","placement","size","useCloseButton","useEscapeClose","useOutsideClose","usePortal","useScrollLock","useTouchScrollable","zIndex","dataQaId","contentRef","animationEnabled"]);return p.createElement(P,{open:k,onEnter:function(){v&&v()},enabled:X},p.createElement(r.Portal,{isActive:R},p.createElement(b,d({role:"presentation",style:{zIndex:J},className:s.Root},F),p.createElement(u.default,{isActive:K}),p.createElement(n.KeyPress,{isActive:z,code:"Escape",onKeyDown:m}),p.createElement(y,{className:s.Backdrop,"aria-hidden":!0,onClick:function(e){A&&m&&m(e)}}),p.createElement(O,{"popup-placement":q,className:s.Popup,style:g(q,S),"data-qaid":M},B&&m&&p.createElement(h,{className:s.Close,type:"button",onClick:m,"aria-label":t.t(f||(a=["Закрыть"],c=["Закрыть"],Object.defineProperty?Object.defineProperty(a,"raw",{value:c}):a.raw=c,f=a)),"data-qaid":"close"}),Q?p.createElement(o.TouchScrollable,null,p.createElement(E,{ref:U,className:s.Content,style:{padding:C}},l)):p.createElement(E,{ref:U,className:s.Content,style:{padding:C}},l)))))},require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),o=require("@prom-ui/core/KeyPress"),r=require("@prom-ui/core/Portal"),n=require("@prom-ui/core/BodyProvider"),a=require("evokit"),c=require("react-transition-group");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var s=l(e),u=i(e),p=l(t),d=function(){return d=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},d.apply(this,arguments)};var f,m={root:"_0hSa2",backdrop:"wUZLN",popup:"Ulqfh",content:"N1Cdb",close:"D-QIP",popup_placement_top:"qJTjO",popup_placement_bottom:"TDEZ7",popup_placement_right:"xZVWW",popup_placement_left:"ywgfV",enter:"_5IZPy",exit:"N9pJ7",enterActive:"SiX-q",exitActive:"oRVo0"},v={css:m,b:""},b=a.createBlock("div","root",[],v),y=a.createBlock("div","backdrop",[],v),O=a.createBlock("div","popup",["placement"],v),E=a.createBlock("div","content",[],v),h=a.createBlock("button","close",[],v),P=function(e){var t=e.open,o=void 0!==t&&t,r=e.children,n=e.enabled,a=void 0===n||n,l=e.onEnter;return s.default.createElement(c.CSSTransition,{in:o,timeout:a?225:0,classNames:m,unmountOnExit:!0,onEnter:l},r)},g=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.SideOverlay=function(e){var a,c,l=e.children,i=e.classNames,s=void 0===i?{}:i,m=e.onClose,v=e.onOpen,j=e.open,k=void 0!==j&&j,x=e.padding,C=void 0===x?"45px 30px 30px 30px":x,_=e.placement,q=void 0===_?"left":_,N=e.size,S=void 0===N?400:N,w=e.useCloseButton,B=void 0===w||w,I=e.useEscapeClose,z=void 0===I||I,T=e.useOutsideClose,A=void 0===T||T,D=e.usePortal,L=void 0===D||D,R=e.useScrollLock,Z=void 0===R||R,K=e.useTouchScrollable,Q=void 0===K||K,V=e.zIndex,J=void 0===V?5e3:V,M=e.dataQaId,U=e.contentRef,W=e.animationEnabled,X=void 0===W||W,F=function(e,t){var o={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(o[r[n]]=e[r[n]])}return o}(e,["children","classNames","onClose","onOpen","open","padding","placement","size","useCloseButton","useEscapeClose","useOutsideClose","usePortal","useScrollLock","useTouchScrollable","zIndex","dataQaId","contentRef","animationEnabled"]),G=n.useBodyLocale().t;return u.createElement(P,{open:k,onEnter:function(){v&&v()},enabled:X},u.createElement(r.Portal,{isActive:L},u.createElement(b,d({role:"presentation",style:{zIndex:J},className:s.Root},F),u.createElement(p.default,{isActive:Z}),u.createElement(o.KeyPress,{isActive:z,code:"Escape",onKeyDown:m}),u.createElement(y,{className:s.Backdrop,"aria-hidden":!0,onClick:function(e){A&&m&&m(e)}}),u.createElement(O,{"popup-placement":q,className:s.Popup,style:g(q,S),"data-qaid":M},B&&m&&u.createElement(h,{className:s.Close,type:"button",onClick:m,"aria-label":G(f||(a=["Закрыть"],c=["Закрыть"],Object.defineProperty?Object.defineProperty(a,"raw",{value:c}):a.raw=c,f=a)),"data-qaid":"close"}),Q?u.createElement(t.TouchScrollable,null,u.createElement(E,{ref:U,className:s.Content,style:{padding:C}},l)):u.createElement(E,{ref:U,className:s.Content,style:{padding:C}},l)))))},require("./style.production.v2.css");

package/SideOverlay/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SideOverlay",
-  "version": "0.0.121",
+  "version": "0.0.131",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -9,7 +9,6 @@
   "dependencies": {
     "evokit": "^3.2.3",
     "react-scrolllock": "^5.0.1",
-    "react-transition-group": "^4.4.2",
-    "ttag": "^1.7.24"
+    "react-transition-group": "^4.4.2"
   }
 }