@prom-ui/core 2.0.1-alpha.0 → 2.0.2

package/Avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Avatar",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Backdrop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Backdrop",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Badge/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Badge",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Body/package.json

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

package/BodyContext/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyContext",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/BodyProvider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyProvider",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/BodyScrollLock/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyScrollLock",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Box/package.json

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

package/Button/package.json

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

package/ButtonPageUp/cjs/index.development.js

@@ -10,10 +10,11 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var tsDebounce = require('ts-debounce');
 var clsx = require('clsx');
-var useBodyTTag = require('@prom-ui/core/useBodyTTag');
-var Portal = require('@prom-ui/core/Portal');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
+var Portal = require('@prom-ui/core/Portal');
+var useBodyTTag = require('@prom-ui/core/useBodyTTag');
+var useIsMounted = require('@prom-ui/core/useIsMounted');
 var ArrowUp = require('@prom-ui/icons/ArrowUp');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -47,7 +48,7 @@ var clsx__default = /*#__PURE__*/_interopDefaultCompat(clsx);
 var css = {"root":"ButtonPageUp__root___5lPav"};
 
 var _templateObject;
-var _excluded = ["children", "scrollRef", "onClick", "scrollDelay", "scrollOffset", "margin", "zIndex", "style", "className"];
+var _excluded = ["children", "scrollRef", "onClick", "scrollDelay", "scrollOffset", "margin", "zIndex", "style", "className", "onVisibleChange"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var POSITION_FIXED = {
@@ -76,6 +77,7 @@ var ButtonPageUp = function ButtonPageUp(_ref) {
     zIndex = _ref$zIndex === void 0 ? 10 : _ref$zIndex,
     style = _ref.style,
     className = _ref.className,
+    onVisibleChange = _ref.onVisibleChange,
     props = _objectWithoutProperties__default.default(_ref, _excluded);
   var _useBodyTTag = useBodyTTag.useBodyTTag(),
     t = _useBodyTTag.t;
@@ -83,6 +85,7 @@ var ButtonPageUp = function ButtonPageUp(_ref) {
     _React$useState2 = _slicedToArray__default.default(_React$useState, 2),
     visible = _React$useState2[0],
     setVisible = _React$useState2[1];
+  var isMounted = useIsMounted.useIsMounted();
   var getRootElement = function getRootElement() {
     return (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.documentElement;
   };
@@ -101,6 +104,11 @@ var ButtonPageUp = function ButtonPageUp(_ref) {
     var isScrollСorrect = rootElement.scrollTop >= scrollOffset;
     setVisible(isScrollAllow && isScrollСorrect);
   }, scrollDelay);
+  React__namespace.useEffect(function () {
+    if (isMounted && typeof onVisibleChange === 'function') {
+      onVisibleChange(visible);
+    }
+  }, [visible]);
   React__namespace.useEffect(function () {
     var rootElement = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document;
     rootElement.addEventListener('resize', handleSetVisible);

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

@@ -10,10 +10,11 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var tsDebounce = require('ts-debounce');
 var clsx = require('clsx');
-var useBodyTTag = require('@prom-ui/core/useBodyTTag');
-var Portal = require('@prom-ui/core/Portal');
 var Button = require('@prom-ui/core/Button');
 var Icon = require('@prom-ui/core/Icon');
+var Portal = require('@prom-ui/core/Portal');
+var useBodyTTag = require('@prom-ui/core/useBodyTTag');
+var useIsMounted = require('@prom-ui/core/useIsMounted');
 var ArrowUp = require('@prom-ui/icons/ArrowUp');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -47,7 +48,7 @@ var clsx__default = /*#__PURE__*/_interopDefaultCompat(clsx);
 var css = {"root":"ButtonPageUp__root___L21yK"};
 
 var _templateObject;
-var _excluded = ["children", "scrollRef", "onClick", "scrollDelay", "scrollOffset", "margin", "zIndex", "style", "className"];
+var _excluded = ["children", "scrollRef", "onClick", "scrollDelay", "scrollOffset", "margin", "zIndex", "style", "className", "onVisibleChange"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var POSITION_FIXED = {
@@ -76,6 +77,7 @@ var ButtonPageUp = function ButtonPageUp(_ref) {
     zIndex = _ref$zIndex === void 0 ? 10 : _ref$zIndex,
     style = _ref.style,
     className = _ref.className,
+    onVisibleChange = _ref.onVisibleChange,
     props = _objectWithoutProperties__default.default(_ref, _excluded);
   var _useBodyTTag = useBodyTTag.useBodyTTag(),
     t = _useBodyTTag.t;
@@ -83,6 +85,7 @@ var ButtonPageUp = function ButtonPageUp(_ref) {
     _React$useState2 = _slicedToArray__default.default(_React$useState, 2),
     visible = _React$useState2[0],
     setVisible = _React$useState2[1];
+  var isMounted = useIsMounted.useIsMounted();
   var getRootElement = function getRootElement() {
     return (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.documentElement;
   };
@@ -101,6 +104,11 @@ var ButtonPageUp = function ButtonPageUp(_ref) {
     var isScrollСorrect = rootElement.scrollTop >= scrollOffset;
     setVisible(isScrollAllow && isScrollСorrect);
   }, scrollDelay);
+  React__namespace.useEffect(function () {
+    if (isMounted && typeof onVisibleChange === 'function') {
+      onVisibleChange(visible);
+    }
+  }, [visible]);
   React__namespace.useEffect(function () {
     var rootElement = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document;
     rootElement.addEventListener('resize', handleSetVisible);

package/ButtonPageUp/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),l=require("ts-debounce"),u=require("clsx"),c=require("@prom-ui/core/useBodyTTag"),a=require("@prom-ui/core/Portal"),s=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),f=require("@prom-ui/icons/ArrowUp");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 m,y=p(e),v=p(t),g=p(r),h=p(n),O=p(o),j=b(i),P=p(u),q="_5lPav",w=["children","scrollRef","onClick","scrollDelay","scrollOffset","margin","zIndex","style","className"];function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){g.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var B={position:"fixed",right:0,bottom:0,width:"100%"},k={position:"sticky",bottom:0,height:0,width:"100%"},D=function(e){var t=e.children,r=e.scrollRef,n=e.onClick,o=e.scrollDelay,i=void 0===o?100:o,u=e.scrollOffset,p=void 0===u?100:u,b=e.margin,g=void 0===b?"0 18px 18px 0":b,E=e.zIndex,D=void 0===E?10:E,T=e.style,z=e.className,U=O.default(e,w),I=c.useBodyTTag().t,L=j.useState(!1),N=h.default(L,2),S=N[0],A=N[1],C=function(){return(null==r?void 0:r.current)||document.documentElement},_=l.debounce((function(){var e=C(),t=e.scrollHeight-e.clientHeight>0,r=e.scrollTop>=p;A(t&&r)}),i);if(j.useEffect((function(){var e=(null==r?void 0:r.current)||document;return e.addEventListener("resize",_),e.addEventListener("scroll",_),_(),function(){e.removeEventListener("resize",_),e.removeEventListener("scroll",_)}}),[]),!S)return null;var H=null!=r&&r.current?j.Fragment:a.Portal,R=null!=r&&r.current?k:B;return j.createElement(H,null,j.createElement("div",{style:x(x({},R),{},{zIndex:D})},j.createElement(s.Button,y.default({"button-padding":"xs","button-theme":"white","button-round":"full","button-blackhole":"scroll-button",type:"button","aria-label":I(m||(m=v.default(["Наверх"]))),"data-qaid":"ButtonPageUp","data-testid":"ButtonPageUp"},U,{className:P.default(q,z),style:x(x({},T),{},{margin:g}),onClick:function(e){"function"==typeof n&&n(e),C().scroll({top:0,behavior:"smooth"})}}),t||j.createElement(d.Icon,{"icon-as":f.SvgArrowUp,style:{width:24,height:24}}))))};D.displayName="ButtonPageUp",exports.ButtonPageUp=D,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),u=require("ts-debounce"),l=require("clsx"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/Portal"),f=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/core/useIsMounted"),p=require("@prom-ui/icons/ArrowUp");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 y,g=b(e),h=b(t),v=b(r),O=b(n),j=b(o),P=m(i),q=b(l),E="_5lPav",w=["children","scrollRef","onClick","scrollDelay","scrollOffset","margin","zIndex","style","className","onVisibleChange"];function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function B(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){v.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k={position:"fixed",right:0,bottom:0,width:"100%"},D={position:"sticky",bottom:0,height:0,width:"100%"},I=function(e){var t=e.children,r=e.scrollRef,n=e.onClick,o=e.scrollDelay,i=void 0===o?100:o,l=e.scrollOffset,b=void 0===l?100:l,m=e.margin,v=void 0===m?"0 18px 18px 0":m,x=e.zIndex,I=void 0===x?10:x,T=e.style,z=e.className,U=e.onVisibleChange,C=j.default(e,w),L=f.useBodyTTag().t,N=P.useState(!1),S=O.default(N,2),A=S[0],M=S[1],_=d.useIsMounted(),H=function(){return(null==r?void 0:r.current)||document.documentElement},R=u.debounce((function(){var e=H(),t=e.scrollHeight-e.clientHeight>0,r=e.scrollTop>=b;M(t&&r)}),i);if(P.useEffect((function(){_&&"function"==typeof U&&U(A)}),[A]),P.useEffect((function(){var e=(null==r?void 0:r.current)||document;return e.addEventListener("resize",R),e.addEventListener("scroll",R),R(),function(){e.removeEventListener("resize",R),e.removeEventListener("scroll",R)}}),[]),!A)return null;var V=null!=r&&r.current?P.Fragment:s.Portal,F=null!=r&&r.current?D:k;return P.createElement(V,null,P.createElement("div",{style:B(B({},F),{},{zIndex:I})},P.createElement(c.Button,g.default({"button-padding":"xs","button-theme":"white","button-round":"full","button-blackhole":"scroll-button",type:"button","aria-label":L(y||(y=h.default(["Наверх"]))),"data-qaid":"ButtonPageUp","data-testid":"ButtonPageUp"},C,{className:q.default(E,z),style:B(B({},T),{},{margin:v}),onClick:function(e){"function"==typeof n&&n(e),H().scroll({top:0,behavior:"smooth"})}}),t||P.createElement(a.Icon,{"icon-as":p.SvgArrowUp,style:{width:24,height:24}}))))};I.displayName="ButtonPageUp",exports.ButtonPageUp=I,require("./style.production.css");

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),l=require("ts-debounce"),u=require("clsx"),c=require("@prom-ui/core/useBodyTTag"),a=require("@prom-ui/core/Portal"),s=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),f=require("@prom-ui/icons/ArrowUp");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function b(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 m,y=p(e),v=p(t),g=p(r),h=p(n),O=p(o),j=b(i),P=p(u),q="L21yK",w=["children","scrollRef","onClick","scrollDelay","scrollOffset","margin","zIndex","style","className"];function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){g.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var B={position:"fixed",right:0,bottom:0,width:"100%"},k={position:"sticky",bottom:0,height:0,width:"100%"},D=function(e){var t=e.children,r=e.scrollRef,n=e.onClick,o=e.scrollDelay,i=void 0===o?100:o,u=e.scrollOffset,p=void 0===u?100:u,b=e.margin,g=void 0===b?"0 18px 18px 0":b,E=e.zIndex,D=void 0===E?10:E,T=e.style,z=e.className,L=O.default(e,w),U=c.useBodyTTag().t,I=j.useState(!1),N=h.default(I,2),S=N[0],A=N[1],C=function(){return(null==r?void 0:r.current)||document.documentElement},H=l.debounce((function(){var e=C(),t=e.scrollHeight-e.clientHeight>0,r=e.scrollTop>=p;A(t&&r)}),i);if(j.useEffect((function(){var e=(null==r?void 0:r.current)||document;return e.addEventListener("resize",H),e.addEventListener("scroll",H),H(),function(){e.removeEventListener("resize",H),e.removeEventListener("scroll",H)}}),[]),!S)return null;var R=null!=r&&r.current?j.Fragment:a.Portal,_=null!=r&&r.current?k:B;return j.createElement(R,null,j.createElement("div",{style:x(x({},_),{},{zIndex:D})},j.createElement(s.Button,y.default({"button-padding":"xs","button-theme":"white","button-round":"full","button-blackhole":"scroll-button",type:"button","aria-label":U(m||(m=v.default(["Наверх"]))),"data-qaid":"ButtonPageUp","data-testid":"ButtonPageUp"},L,{className:P.default(q,z),style:x(x({},T),{},{margin:g}),onClick:function(e){"function"==typeof n&&n(e),C().scroll({top:0,behavior:"smooth"})}}),t||j.createElement(d.Icon,{"icon-as":f.SvgArrowUp,style:{width:24,height:24}}))))};D.displayName="ButtonPageUp",exports.ButtonPageUp=D,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),u=require("ts-debounce"),l=require("clsx"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/Portal"),f=require("@prom-ui/core/useBodyTTag"),d=require("@prom-ui/core/useIsMounted"),p=require("@prom-ui/icons/ArrowUp");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 y,g=b(e),h=b(t),v=b(r),O=b(n),j=b(o),P=m(i),q=b(l),E="L21yK",w=["children","scrollRef","onClick","scrollDelay","scrollOffset","margin","zIndex","style","className","onVisibleChange"];function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function B(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){v.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k={position:"fixed",right:0,bottom:0,width:"100%"},D={position:"sticky",bottom:0,height:0,width:"100%"},I=function(e){var t=e.children,r=e.scrollRef,n=e.onClick,o=e.scrollDelay,i=void 0===o?100:o,l=e.scrollOffset,b=void 0===l?100:l,m=e.margin,v=void 0===m?"0 18px 18px 0":m,x=e.zIndex,I=void 0===x?10:x,T=e.style,z=e.className,L=e.onVisibleChange,U=j.default(e,w),C=f.useBodyTTag().t,N=P.useState(!1),S=O.default(N,2),A=S[0],M=S[1],H=d.useIsMounted(),R=function(){return(null==r?void 0:r.current)||document.documentElement},V=u.debounce((function(){var e=R(),t=e.scrollHeight-e.clientHeight>0,r=e.scrollTop>=b;M(t&&r)}),i);if(P.useEffect((function(){H&&"function"==typeof L&&L(A)}),[A]),P.useEffect((function(){var e=(null==r?void 0:r.current)||document;return e.addEventListener("resize",V),e.addEventListener("scroll",V),V(),function(){e.removeEventListener("resize",V),e.removeEventListener("scroll",V)}}),[]),!A)return null;var _=null!=r&&r.current?P.Fragment:s.Portal,F=null!=r&&r.current?D:k;return P.createElement(_,null,P.createElement("div",{style:B(B({},F),{},{zIndex:I})},P.createElement(c.Button,g.default({"button-padding":"xs","button-theme":"white","button-round":"full","button-blackhole":"scroll-button",type:"button","aria-label":C(y||(y=h.default(["Наверх"]))),"data-qaid":"ButtonPageUp","data-testid":"ButtonPageUp"},U,{className:q.default(E,z),style:B(B({},T),{},{margin:v}),onClick:function(e){"function"==typeof n&&n(e),R().scroll({top:0,behavior:"smooth"})}}),t||P.createElement(a.Icon,{"icon-as":p.SvgArrowUp,style:{width:24,height:24}}))))};I.displayName="ButtonPageUp",exports.ButtonPageUp=I,require("./style.production.v2.css");

package/ButtonPageUp/index.d.ts

@@ -14,5 +14,10 @@ export type ButtonPageUpProps = React.ComponentPropsWithoutRef<'button'> & Butto
     zIndex?: number;
     /** Содержимое кнопки, по умолчанию стрелка */
     children?: React.ReactNode;
+    /**
+     * Викликається зі станом видимості кнопки, <br>
+     * коли змінюється видимість кнопки.
+     */
+    onVisibleChange?: (visible: boolean) => void;
 };
 export declare const ButtonPageUp: React.FC<ButtonPageUpProps>;

package/ButtonPageUp/package.json

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

package/Checkbox/package.json

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

package/ContextMenu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ContextMenu",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ErrorCatch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ErrorCatch",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Flex/package.json

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

package/Grid/package.json

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

package/Icon/package.json

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

package/Image/package.json

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

package/ImageEmoji/package.json

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

package/Input/package.json

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

package/InputField/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/InputField",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/KeyPress/package.json

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

package/Label/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Label",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Line/package.json

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

package/Link/package.json

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

package/List/package.json

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

package/Media/package.json

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

package/Modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Modal",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/OutsideClick/package.json

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

package/Overlay/package.json

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

package/PhotoGallery/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/PhotoGallery",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Picture/package.json

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

package/Portal/package.json

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

package/Progress/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Progress",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/QRCode/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/QRCode",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Rating/package.json

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

package/RatingSelect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/RatingSelect",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Scroll/package.json

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

package/ScrollControls/package.json

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

package/SimpleSlider/package.json

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

package/Skeleton/package.json

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

package/SnackBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SnackBar",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/SnackBarManager/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/SnackBarManager",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Spinner/package.json

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

package/Text/package.json

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

package/TextEmoji/package.json

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

package/Tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Tooltip",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Tumbler/package.json

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

package/Viewport/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Viewport",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@prom-ui/core",
     "author": "e.marchenko",
-    "version": "2.0.1-alpha.0",
+    "version": "2.0.2",
     "description": "core ui blocks",
     "scripts": {
         "lint": "eslint ./src",
@@ -63,5 +63,5 @@
         "react": ">=18.0.0",
         "react-dom": ">=18.0.0"
     },
-    "gitHead": "8f5e2229c4f861da0b00cfb1d80904ef84669531"
+    "gitHead": "8fd249804c0bf1501c222148f63f898d3358fde3"
 }

package/useBodyTTag/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useBodyTTag",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useBrowserLayoutEffect/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useBrowserLayoutEffect",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useDebounce/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useDebounce",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useForwardRef/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useForwardRef",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useInView/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useInView",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/useIsMounted/package.json

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

package/useKeyPress/package.json

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

package/useMedia/package.json

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

package/useOutsideClick/package.json

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

package/usePortal/package.json

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

package/useScrollPosition/package.json

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

package/useSnackBar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/useSnackBar",
-  "version": "2.0.1-alpha.0",
+  "version": "2.0.2",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [