@prom-ui/core 2.5.0-alpha.0 → 3.0.0-alpha.0

package/ScrollControls/index.d.ts

@@ -6,15 +6,32 @@ export type ScrollControlsProps = Omit<React.ComponentProps<'div'>, 'children'>
      * Зазвичай це компонент `<Scroll>` або DOM-елемент (наприклад, `<div>`), що містить контент для прокрутки.
      */
     children: React.ReactElement<any, any>;
-    /** Показывать кнопки при наведении */
+    /** Показувати кнопки при наведенні */
     showOnHover?: boolean;
-    /** Скрыть кнопку если не активная */
+    /** Приховати кнопку, якщо не активна */
     hideOnDisabled?: ScrollControlsButtonProps['hideOnDisabled'];
-    /** Если передать `false` компонент перестанет работать */
+    /** Якщо передати `false`, компонент перестане працювати */
     isActive?: ScrollControlsButtonProps['isActive'];
+    /** Колбек кліку на кнопку «вперед» */
     onClickNext?: ScrollControlsButtonProps['onClickNext'];
+    /** Колбек кліку на кнопку «назад» */
     onClickPrev?: ScrollControlsButtonProps['onClickPrev'];
-    /** Устанавливает z-index кнопкам */
+    /** Встановлює z-index кнопкам */
     zIndex?: number;
+    /**
+     * Кількість пікселів прокрутки за один клік кнопки.
+     * Якщо не передано — прокрутка на `clientWidth` (повну ширину видимої зони).
+     */
+    step?: ScrollControlsButtonProps['step'];
 };
+/**
+ * Обгортає прокручуваний контент і додає кнопки «вперед» / «назад».
+ * Зазвичай використовується разом з компонентом `<Scroll>`.
+ * @example
+ * import { ScrollControls } from '@prom-ui/core/ScrollControls'
+ * import { Scroll } from '@prom-ui/core/Scroll'
+ * <ScrollControls>
+ *   <Scroll>...</Scroll>
+ * </ScrollControls>
+ */
 export declare const ScrollControls: React.ForwardRefExoticComponent<Omit<ScrollControlsProps, "ref"> & React.RefAttributes<HTMLElement>>;

package/ScrollControls/package.json

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

package/SimpleSlider/cjs/index.development.js

@@ -103,6 +103,15 @@ var css = {"root":"SimpleSlider__root___WuTIM","track":"SimpleSlider__track___G8
 
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["showIndex", "autoPlay", "children", "className", "duration", "height", "infinite", "ratio", "style", "width", "onChangeIndex", "onClickDot", "onClickItem", "onClickButtonNext", "onClickButtonPrev", "onSwipeNext", "onSwipePrev", "showOnHoverButtons", "showOnHoverDots", "isDotsTransparent"];
+/**
+ * Слайдер з підтримкою свайпу, автопрокрутки та нескінченного гортання.
+ * @example
+ * import { SimpleSlider } from '@prom-ui/core/SimpleSlider'
+ * <SimpleSlider ratio='16/9' width='100%' height={400}>
+ *   <div>Слайд 1</div>
+ *   <div>Слайд 2</div>
+ * </SimpleSlider>
+ */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var SimpleSlider = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var _ref$showIndex = _ref.showIndex,

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

@@ -103,6 +103,15 @@ var css = {"root":"SimpleSlider__root___bXdCd","track":"SimpleSlider__track___ig
 
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["showIndex", "autoPlay", "children", "className", "duration", "height", "infinite", "ratio", "style", "width", "onChangeIndex", "onClickDot", "onClickItem", "onClickButtonNext", "onClickButtonPrev", "onSwipeNext", "onSwipePrev", "showOnHoverButtons", "showOnHoverDots", "isDotsTransparent"];
+/**
+ * Слайдер з підтримкою свайпу, автопрокрутки та нескінченного гортання.
+ * @example
+ * import { SimpleSlider } from '@prom-ui/core/SimpleSlider'
+ * <SimpleSlider ratio='16/9' width='100%' height={400}>
+ *   <div>Слайд 1</div>
+ *   <div>Слайд 2</div>
+ * </SimpleSlider>
+ */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var SimpleSlider = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var _ref$showIndex = _ref.showIndex,

package/SimpleSlider/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"),n=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),i=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),a=require("react-easy-swipe"),u=require("clsx"),c=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/BodyProvider"),l=require("@prom-ui/icons/Left"),d=require("@prom-ui/icons/Right");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=f(e),m=f(t),b=f(n),h=f(r),y=f(i),x=p(o),g=f(a),w=f(u);function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var E,j,N,S=function(e){return!!e&&/\d\/\d/.test(e)},P=function(e,t){return Math.abs((e%t+t)%t)},k=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},q=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=S(r);return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){b.default(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},C=function(e){var t=e.index,n=e.childrenCount,r=e.duration,i=e.offset,o="number"==typeof i,a=o?i:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:o?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},I="WuTIM",D="G8BYu",L="_94Eq7",_="UqTOk I5yQD LXJjI",T="BbLNv I5yQD LXJjI",B="_89h6n",R="E7g4J",M="v-ZWk",W="cbWCu",H="_7N4yb LXJjI",J="yssoj",X="ig5DV",A=["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"],Q=x.forwardRef((function(e,t){var n,r,i,a,u=e.showIndex,f=void 0===u?0:u,p=e.autoPlay,O=void 0===p?0:p,Q=e.children,z=e.className,F=e.duration,G=void 0===F?500:F,U=e.height,V=e.infinite,Y=void 0!==V&&V,Z=e.ratio,K=e.style,$=e.width,ee=e.onChangeIndex,te=e.onClickDot,ne=e.onClickItem,re=e.onClickButtonNext,ie=e.onClickButtonPrev,oe=e.onSwipeNext,ae=e.onSwipePrev,ue=e.showOnHoverButtons,ce=void 0!==ue&&ue,se=e.showOnHoverDots,le=void 0!==se&&se,de=e.isDotsTransparent,fe=void 0!==de&&de,pe=y.default(e,A),ve=s.useBodyStoreTTag().t,me=x.useRef(null),be=x.useRef(!1),he=x.useState(!1),ye=h.default(he,2),xe=ye[0],ge=ye[1],we=x.useState({index:f,offset:void 0}),Oe=h.default(we,2),Ee=Oe[0],je=Oe[1],Ne=x.Children.toArray(Q),Se=Ne.length,Pe=!Y&&0===Ee.index,ke=!Y&&Ee.index===Se-1,qe=Se>1,Ce=Se>1,Ie=!xe&&O>0,De=Ee.index-1,Le=Ee.index+1,_e=P(Ee.index,Se),Te=P(De,Se),Be=P(Le,Se),Re=(n=function(){be.current||ke||je({index:Le,offset:void 0})},r=O,i=o.useRef(null),[function(){a(),i.current=setTimeout(n,r)},a=function(){i.current&&clearTimeout(i.current)}]),Me=h.default(Re,2),We=Me[0],He=Me[1],Je=function(){be.current=!0,He()},Xe=function(){be.current=!1,Ie&&We(),Ee.index in Ne||je({index:_e,offset:0}),"function"==typeof ee&&ee(_e)};return x.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?We():He()}));return null===(e=me.current)||void 0===e||e.addEventListener("transitionstart",Je),null===(t=me.current)||void 0===t||t.addEventListener("transitionend",Xe),Ie&&me.current&&n.observe(me.current),function(){var e,t;null===(e=me.current)||void 0===e||e.removeEventListener("transitionstart",Je),null===(t=me.current)||void 0===t||t.removeEventListener("transitionend",Xe),He(),n.disconnect()}}),[Ee.index,Ie]),x.useEffect((function(){f!==Ee.index&&je({index:f,offset:void 0})}),[f]),x.createElement(g.default,v.default({ref:t,onSwipeLeft:function(){be.current||ke||("function"==typeof oe&&oe(Be),je({index:Le,offset:void 0}))},onSwipeRight:function(){be.current||Pe||("function"==typeof ae&&ae(Te),je({index:De,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(be.current||t.touches&&t.touches.length>1)){var r=n;(Pe&&n>0||ke&&n<0)&&(r=0),je({index:Ee.index,offset:r})}},className:w.default(I,z,b.default(b.default({},J,ce),X,le)),style:q({width:$,height:U,ratio:Z,style:K}),onSwipeStart:function(){return ge(!0)},onSwipeEnd:function(){return ge(!1)},onMouseEnter:function(){return ge(!0)},onMouseLeave:function(){return ge(!1)}},pe),S(Z)&&x.createElement("div",{style:k(Z)}),x.createElement("ul",{ref:me,className:D,style:C({index:Y?Ee.index+1:Ee.index,childrenCount:Y?Se+2:Se,duration:G,offset:Ee.offset}),"data-testid":"simple_slider_track"},Y&&x.createElement("li",{className:L},Ne[Ne.length-1]),Ne.map((function(e,t){return x.createElement("li",{key:t,className:L,onClick:function(){"function"==typeof ne&&ne(t)},"data-qaid":"image_slider_".concat(t)},e)})),Y&&x.createElement("li",{className:L},Ne[0])),qe&&x.createElement(x.Fragment,null,x.createElement("button",{type:"button",className:_,onClick:function(){be.current||Pe||("function"==typeof ie&&ie(Te),je({index:De,offset:void 0}))},disabled:Pe,"aria-label":ve(E||(E=m.default(["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},x.createElement(c.Icon,{className:B,"icon-as":l.SvgLeft})),x.createElement("button",{type:"button",className:T,onClick:function(){be.current||ke||("function"==typeof re&&re(Be),je({index:Le,offset:void 0}))},disabled:ke,"aria-label":ve(j||(j=m.default(["Показать следующий баннер"]))),"data-qaid":"next_image"},x.createElement(c.Icon,{className:B,"icon-as":d.SvgRight}))),Ce&&x.createElement("ul",{className:w.default(R,b.default({},M,fe))},Ne.map((function(e,t){var n=t+1;return x.createElement("li",{className:W,key:t},x.createElement("button",{type:"button",className:H,onClick:function(){return e=t,void(be.current||("function"==typeof te&&te(e),je({index:e,offset:void 0})));var e},disabled:t===_e,"aria-label":ve(N||(N=m.default(["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));Q.displayName="SimpleSlider",exports.SimpleSlider=Q,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"),n=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),i=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),a=require("react-easy-swipe"),u=require("clsx"),c=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/BodyProvider"),l=require("@prom-ui/icons/Left"),d=require("@prom-ui/icons/Right");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var v=f(e),m=f(t),b=f(n),h=f(r),y=f(i),x=p(o),g=f(a),w=f(u);function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}var E,j,N,S=function(e){return!!e&&/\d\/\d/.test(e)},P=function(e,t){return Math.abs((e%t+t)%t)},k=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},q=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=S(r);return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach(function(t){b.default(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},C=function(e){var t=e.index,n=e.childrenCount,r=e.duration,i=e.offset,o="number"==typeof i,a=o?i:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:o?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},I="WuTIM",D="G8BYu",L="_94Eq7",_="UqTOk I5yQD LXJjI",T="BbLNv I5yQD LXJjI",B="_89h6n",R="E7g4J",M="v-ZWk",W="cbWCu",H="_7N4yb LXJjI",J="yssoj",X="ig5DV",A=["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"],Q=x.forwardRef(function(e,t){var n,r,i,a,u=e.showIndex,f=void 0===u?0:u,p=e.autoPlay,O=void 0===p?0:p,Q=e.children,z=e.className,F=e.duration,G=void 0===F?500:F,U=e.height,V=e.infinite,Y=void 0!==V&&V,Z=e.ratio,K=e.style,$=e.width,ee=e.onChangeIndex,te=e.onClickDot,ne=e.onClickItem,re=e.onClickButtonNext,ie=e.onClickButtonPrev,oe=e.onSwipeNext,ae=e.onSwipePrev,ue=e.showOnHoverButtons,ce=void 0!==ue&&ue,se=e.showOnHoverDots,le=void 0!==se&&se,de=e.isDotsTransparent,fe=void 0!==de&&de,pe=y.default(e,A),ve=s.useBodyStoreTTag().t,me=x.useRef(null),be=x.useRef(!1),he=x.useState(!1),ye=h.default(he,2),xe=ye[0],ge=ye[1],we=x.useState({index:f,offset:void 0}),Oe=h.default(we,2),Ee=Oe[0],je=Oe[1],Ne=x.Children.toArray(Q),Se=Ne.length,Pe=!Y&&0===Ee.index,ke=!Y&&Ee.index===Se-1,qe=Se>1,Ce=Se>1,Ie=!xe&&O>0,De=Ee.index-1,Le=Ee.index+1,_e=P(Ee.index,Se),Te=P(De,Se),Be=P(Le,Se),Re=(n=function(){be.current||ke||je({index:Le,offset:void 0})},r=O,i=o.useRef(null),[function(){a(),i.current=setTimeout(n,r)},a=function(){i.current&&clearTimeout(i.current)}]),Me=h.default(Re,2),We=Me[0],He=Me[1],Je=function(){be.current=!0,He()},Xe=function(){be.current=!1,Ie&&We(),Ee.index in Ne||je({index:_e,offset:0}),"function"==typeof ee&&ee(_e)};return x.useEffect(function(){var e,t,n=new IntersectionObserver(function(e){e[0].isIntersecting?We():He()});return null===(e=me.current)||void 0===e||e.addEventListener("transitionstart",Je),null===(t=me.current)||void 0===t||t.addEventListener("transitionend",Xe),Ie&&me.current&&n.observe(me.current),function(){var e,t;null===(e=me.current)||void 0===e||e.removeEventListener("transitionstart",Je),null===(t=me.current)||void 0===t||t.removeEventListener("transitionend",Xe),He(),n.disconnect()}},[Ee.index,Ie]),x.useEffect(function(){f!==Ee.index&&je({index:f,offset:void 0})},[f]),x.createElement(g.default,v.default({ref:t,onSwipeLeft:function(){be.current||ke||("function"==typeof oe&&oe(Be),je({index:Le,offset:void 0}))},onSwipeRight:function(){be.current||Pe||("function"==typeof ae&&ae(Te),je({index:De,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(be.current||t.touches&&t.touches.length>1)){var r=n;(Pe&&n>0||ke&&n<0)&&(r=0),je({index:Ee.index,offset:r})}},className:w.default(I,z,b.default(b.default({},J,ce),X,le)),style:q({width:$,height:U,ratio:Z,style:K}),onSwipeStart:function(){return ge(!0)},onSwipeEnd:function(){return ge(!1)},onMouseEnter:function(){return ge(!0)},onMouseLeave:function(){return ge(!1)}},pe),S(Z)&&x.createElement("div",{style:k(Z)}),x.createElement("ul",{ref:me,className:D,style:C({index:Y?Ee.index+1:Ee.index,childrenCount:Y?Se+2:Se,duration:G,offset:Ee.offset}),"data-testid":"simple_slider_track"},Y&&x.createElement("li",{className:L},Ne[Ne.length-1]),Ne.map(function(e,t){return x.createElement("li",{key:t,className:L,onClick:function(){"function"==typeof ne&&ne(t)},"data-qaid":"image_slider_".concat(t)},e)}),Y&&x.createElement("li",{className:L},Ne[0])),qe&&x.createElement(x.Fragment,null,x.createElement("button",{type:"button",className:_,onClick:function(){be.current||Pe||("function"==typeof ie&&ie(Te),je({index:De,offset:void 0}))},disabled:Pe,"aria-label":ve(E||(E=m.default(["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},x.createElement(c.Icon,{className:B,"icon-as":l.SvgLeft})),x.createElement("button",{type:"button",className:T,onClick:function(){be.current||ke||("function"==typeof re&&re(Be),je({index:Le,offset:void 0}))},disabled:ke,"aria-label":ve(j||(j=m.default(["Показать следующий баннер"]))),"data-qaid":"next_image"},x.createElement(c.Icon,{className:B,"icon-as":d.SvgRight}))),Ce&&x.createElement("ul",{className:w.default(R,b.default({},M,fe))},Ne.map(function(e,t){var n=t+1;return x.createElement("li",{className:W,key:t},x.createElement("button",{type:"button",className:H,onClick:function(){return e=t,void(be.current||("function"==typeof te&&te(e),je({index:e,offset:void 0})));var e},disabled:t===_e,"aria-label":ve(N||(N=m.default(["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))})))});Q.displayName="SimpleSlider",exports.SimpleSlider=Q,require("./style.production.css");

package/SimpleSlider/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"),n=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),i=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),a=require("react-easy-swipe"),c=require("clsx"),u=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/BodyProvider"),l=require("@prom-ui/icons/Left"),d=require("@prom-ui/icons/Right");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var v=f(e),m=f(t),b=f(n),h=f(r),y=f(i),g=p(o),x=f(a),w=f(c);function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var E,P,S,j=function(e){return!!e&&/\d\/\d/.test(e)},k=function(e,t){return Math.abs((e%t+t)%t)},q=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},N=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=j(r);return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){b.default(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},C=function(e){var t=e.index,n=e.childrenCount,r=e.duration,i=e.offset,o="number"==typeof i,a=o?i:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:o?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},_="bXdCd",D="igqgQ",I="_7TgGX",L="_543BF cQvz3 gHpEr",T="uU4Gw cQvz3 gHpEr",B="LD9ov",R="GA591",H="fybKk",M="d4JnV",Q="UPQSI gHpEr",z="_0cn-k",A="q4PLm",G=["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"],X=g.forwardRef((function(e,t){var n,r,i,a,c=e.showIndex,f=void 0===c?0:c,p=e.autoPlay,O=void 0===p?0:p,X=e.children,F=e.className,U=e.duration,W=void 0===U?500:U,J=e.height,K=e.infinite,V=void 0!==K&&K,Y=e.ratio,Z=e.style,$=e.width,ee=e.onChangeIndex,te=e.onClickDot,ne=e.onClickItem,re=e.onClickButtonNext,ie=e.onClickButtonPrev,oe=e.onSwipeNext,ae=e.onSwipePrev,ce=e.showOnHoverButtons,ue=void 0!==ce&&ce,se=e.showOnHoverDots,le=void 0!==se&&se,de=e.isDotsTransparent,fe=void 0!==de&&de,pe=y.default(e,G),ve=s.useBodyStoreTTag().t,me=g.useRef(null),be=g.useRef(!1),he=g.useState(!1),ye=h.default(he,2),ge=ye[0],xe=ye[1],we=g.useState({index:f,offset:void 0}),Oe=h.default(we,2),Ee=Oe[0],Pe=Oe[1],Se=g.Children.toArray(X),je=Se.length,ke=!V&&0===Ee.index,qe=!V&&Ee.index===je-1,Ne=je>1,Ce=je>1,_e=!ge&&O>0,De=Ee.index-1,Ie=Ee.index+1,Le=k(Ee.index,je),Te=k(De,je),Be=k(Ie,je),Re=(n=function(){be.current||qe||Pe({index:Ie,offset:void 0})},r=O,i=o.useRef(null),[function(){a(),i.current=setTimeout(n,r)},a=function(){i.current&&clearTimeout(i.current)}]),He=h.default(Re,2),Me=He[0],Qe=He[1],ze=function(){be.current=!0,Qe()},Ae=function(){be.current=!1,_e&&Me(),Ee.index in Se||Pe({index:Le,offset:0}),"function"==typeof ee&&ee(Le)};return g.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Me():Qe()}));return null===(e=me.current)||void 0===e||e.addEventListener("transitionstart",ze),null===(t=me.current)||void 0===t||t.addEventListener("transitionend",Ae),_e&&me.current&&n.observe(me.current),function(){var e,t;null===(e=me.current)||void 0===e||e.removeEventListener("transitionstart",ze),null===(t=me.current)||void 0===t||t.removeEventListener("transitionend",Ae),Qe(),n.disconnect()}}),[Ee.index,_e]),g.useEffect((function(){f!==Ee.index&&Pe({index:f,offset:void 0})}),[f]),g.createElement(x.default,v.default({ref:t,onSwipeLeft:function(){be.current||qe||("function"==typeof oe&&oe(Be),Pe({index:Ie,offset:void 0}))},onSwipeRight:function(){be.current||ke||("function"==typeof ae&&ae(Te),Pe({index:De,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(be.current||t.touches&&t.touches.length>1)){var r=n;(ke&&n>0||qe&&n<0)&&(r=0),Pe({index:Ee.index,offset:r})}},className:w.default(_,F,b.default(b.default({},z,ue),A,le)),style:N({width:$,height:J,ratio:Y,style:Z}),onSwipeStart:function(){return xe(!0)},onSwipeEnd:function(){return xe(!1)},onMouseEnter:function(){return xe(!0)},onMouseLeave:function(){return xe(!1)}},pe),j(Y)&&g.createElement("div",{style:q(Y)}),g.createElement("ul",{ref:me,className:D,style:C({index:V?Ee.index+1:Ee.index,childrenCount:V?je+2:je,duration:W,offset:Ee.offset}),"data-testid":"simple_slider_track"},V&&g.createElement("li",{className:I},Se[Se.length-1]),Se.map((function(e,t){return g.createElement("li",{key:t,className:I,onClick:function(){"function"==typeof ne&&ne(t)},"data-qaid":"image_slider_".concat(t)},e)})),V&&g.createElement("li",{className:I},Se[0])),Ne&&g.createElement(g.Fragment,null,g.createElement("button",{type:"button",className:L,onClick:function(){be.current||ke||("function"==typeof ie&&ie(Te),Pe({index:De,offset:void 0}))},disabled:ke,"aria-label":ve(E||(E=m.default(["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},g.createElement(u.Icon,{className:B,"icon-as":l.SvgLeft})),g.createElement("button",{type:"button",className:T,onClick:function(){be.current||qe||("function"==typeof re&&re(Be),Pe({index:Ie,offset:void 0}))},disabled:qe,"aria-label":ve(P||(P=m.default(["Показать следующий баннер"]))),"data-qaid":"next_image"},g.createElement(u.Icon,{className:B,"icon-as":d.SvgRight}))),Ce&&g.createElement("ul",{className:w.default(R,b.default({},H,fe))},Se.map((function(e,t){var n=t+1;return g.createElement("li",{className:M,key:t},g.createElement("button",{type:"button",className:Q,onClick:function(){return e=t,void(be.current||("function"==typeof te&&te(e),Pe({index:e,offset:void 0})));var e},disabled:t===Le,"aria-label":ve(S||(S=m.default(["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));X.displayName="SimpleSlider",exports.SimpleSlider=X,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"),n=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),i=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),a=require("react-easy-swipe"),c=require("clsx"),u=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/BodyProvider"),l=require("@prom-ui/icons/Left"),d=require("@prom-ui/icons/Right");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var v=f(e),m=f(t),b=f(n),h=f(r),y=f(i),g=p(o),x=f(a),w=f(c);function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}var E,P,S,j=function(e){return!!e&&/\d\/\d/.test(e)},k=function(e,t){return Math.abs((e%t+t)%t)},q=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},N=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=j(r);return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach(function(t){b.default(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},C=function(e){var t=e.index,n=e.childrenCount,r=e.duration,i=e.offset,o="number"==typeof i,a=o?i:0;return{transform:"translateX(calc(".concat(t*(100/n)*-1,"% + ").concat(a,"px))"),transition:o?void 0:"transform ".concat(r,"ms ease"),width:"".concat(100*n,"%")}},_="bXdCd",D="igqgQ",I="_7TgGX",L="_543BF cQvz3 gHpEr",T="uU4Gw cQvz3 gHpEr",B="LD9ov",R="GA591",H="fybKk",M="d4JnV",Q="UPQSI gHpEr",z="_0cn-k",A="q4PLm",G=["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"],X=g.forwardRef(function(e,t){var n,r,i,a,c=e.showIndex,f=void 0===c?0:c,p=e.autoPlay,O=void 0===p?0:p,X=e.children,F=e.className,U=e.duration,W=void 0===U?500:U,J=e.height,K=e.infinite,V=void 0!==K&&K,Y=e.ratio,Z=e.style,$=e.width,ee=e.onChangeIndex,te=e.onClickDot,ne=e.onClickItem,re=e.onClickButtonNext,ie=e.onClickButtonPrev,oe=e.onSwipeNext,ae=e.onSwipePrev,ce=e.showOnHoverButtons,ue=void 0!==ce&&ce,se=e.showOnHoverDots,le=void 0!==se&&se,de=e.isDotsTransparent,fe=void 0!==de&&de,pe=y.default(e,G),ve=s.useBodyStoreTTag().t,me=g.useRef(null),be=g.useRef(!1),he=g.useState(!1),ye=h.default(he,2),ge=ye[0],xe=ye[1],we=g.useState({index:f,offset:void 0}),Oe=h.default(we,2),Ee=Oe[0],Pe=Oe[1],Se=g.Children.toArray(X),je=Se.length,ke=!V&&0===Ee.index,qe=!V&&Ee.index===je-1,Ne=je>1,Ce=je>1,_e=!ge&&O>0,De=Ee.index-1,Ie=Ee.index+1,Le=k(Ee.index,je),Te=k(De,je),Be=k(Ie,je),Re=(n=function(){be.current||qe||Pe({index:Ie,offset:void 0})},r=O,i=o.useRef(null),[function(){a(),i.current=setTimeout(n,r)},a=function(){i.current&&clearTimeout(i.current)}]),He=h.default(Re,2),Me=He[0],Qe=He[1],ze=function(){be.current=!0,Qe()},Ae=function(){be.current=!1,_e&&Me(),Ee.index in Se||Pe({index:Le,offset:0}),"function"==typeof ee&&ee(Le)};return g.useEffect(function(){var e,t,n=new IntersectionObserver(function(e){e[0].isIntersecting?Me():Qe()});return null===(e=me.current)||void 0===e||e.addEventListener("transitionstart",ze),null===(t=me.current)||void 0===t||t.addEventListener("transitionend",Ae),_e&&me.current&&n.observe(me.current),function(){var e,t;null===(e=me.current)||void 0===e||e.removeEventListener("transitionstart",ze),null===(t=me.current)||void 0===t||t.removeEventListener("transitionend",Ae),Qe(),n.disconnect()}},[Ee.index,_e]),g.useEffect(function(){f!==Ee.index&&Pe({index:f,offset:void 0})},[f]),g.createElement(x.default,v.default({ref:t,onSwipeLeft:function(){be.current||qe||("function"==typeof oe&&oe(Be),Pe({index:Ie,offset:void 0}))},onSwipeRight:function(){be.current||ke||("function"==typeof ae&&ae(Te),Pe({index:De,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(be.current||t.touches&&t.touches.length>1)){var r=n;(ke&&n>0||qe&&n<0)&&(r=0),Pe({index:Ee.index,offset:r})}},className:w.default(_,F,b.default(b.default({},z,ue),A,le)),style:N({width:$,height:J,ratio:Y,style:Z}),onSwipeStart:function(){return xe(!0)},onSwipeEnd:function(){return xe(!1)},onMouseEnter:function(){return xe(!0)},onMouseLeave:function(){return xe(!1)}},pe),j(Y)&&g.createElement("div",{style:q(Y)}),g.createElement("ul",{ref:me,className:D,style:C({index:V?Ee.index+1:Ee.index,childrenCount:V?je+2:je,duration:W,offset:Ee.offset}),"data-testid":"simple_slider_track"},V&&g.createElement("li",{className:I},Se[Se.length-1]),Se.map(function(e,t){return g.createElement("li",{key:t,className:I,onClick:function(){"function"==typeof ne&&ne(t)},"data-qaid":"image_slider_".concat(t)},e)}),V&&g.createElement("li",{className:I},Se[0])),Ne&&g.createElement(g.Fragment,null,g.createElement("button",{type:"button",className:L,onClick:function(){be.current||ke||("function"==typeof ie&&ie(Te),Pe({index:De,offset:void 0}))},disabled:ke,"aria-label":ve(E||(E=m.default(["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},g.createElement(u.Icon,{className:B,"icon-as":l.SvgLeft})),g.createElement("button",{type:"button",className:T,onClick:function(){be.current||qe||("function"==typeof re&&re(Be),Pe({index:Ie,offset:void 0}))},disabled:qe,"aria-label":ve(P||(P=m.default(["Показать следующий баннер"]))),"data-qaid":"next_image"},g.createElement(u.Icon,{className:B,"icon-as":d.SvgRight}))),Ce&&g.createElement("ul",{className:w.default(R,b.default({},H,fe))},Se.map(function(e,t){var n=t+1;return g.createElement("li",{className:M,key:t},g.createElement("button",{type:"button",className:Q,onClick:function(){return e=t,void(be.current||("function"==typeof te&&te(e),Pe({index:e,offset:void 0})));var e},disabled:t===Le,"aria-label":ve(S||(S=m.default(["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))})))});X.displayName="SimpleSlider",exports.SimpleSlider=X,require("./style.production.v2.css");

package/SimpleSlider/index.d.ts

@@ -1,40 +1,51 @@
 import * as React from 'react';
 export type SimpleSliderProps = {
-    /** React children */
+    /** Дочірні React-елементи */
     children: React.ReactNode;
+    /** Висота слайдера у px або CSS-рядком */
     height: number | string;
+    /** Ширина слайдера у px або CSS-рядком */
     width: number | string;
-    /** Автоматические листание в `ms`, по умолчанию `0` - выключено */
+    /** Автоматичне гортання у `ms`, за замовчуванням `0` — вимкнено */
     autoPlay?: number;
     className?: string;
-    /** Скорость анимации листания в `ms` */
+    /** Швидкість анімації гортання у `ms` */
     duration?: number;
-    /** Бесконечное листание */
+    /** Нескінченне гортання */
     infinite?: boolean;
-    /** Соотношение сторон `16/9`, `4/3`, `1/1` или нестандартное `900/400` */
+    /** Співвідношення сторін `16/9`, `4/3`, `1/1` або нестандартне `900/400` */
     ratio: string;
     style?: React.CSSProperties;
-    /** Добавляет прозрачный фон вспомогательной навигации */
+    /** Додає прозорий фон допоміжної навігації */
     isDotsTransparent?: boolean;
-    /** Показать выбранный слайд по индексу, нумерация начинается с `0` */
+    /** Показати вибраний слайд за індексом, нумерація починається з `0` */
     showIndex?: number;
-    /** Показывать при наведении кнопки по бокам Вперед и Назад */
+    /** Показувати при наведенні кнопки по боках Вперед і Назад */
     showOnHoverButtons?: boolean;
-    /** Показывать при наведении точки снизу */
+    /** Показувати при наведенні точки знизу */
     showOnHoverDots?: boolean;
-    /** Обратный вызов изменения `index` в конце анимации `(index) =>`  */
+    /** Зворотний виклик зміни `index` в кінці анімації `(index) =>` */
     onChangeIndex?: (index: number) => void;
-    /** Обратный вызов изменения `(index) =>`  */
+    /** Зворотний виклик кліку на точку `(index) =>` */
     onClickDot?: (index: number) => void;
-    /** Обратный вызов изменения `(index) =>`  */
+    /** Зворотний виклик кліку на елемент `(index) =>` */
     onClickItem?: (index: number) => void;
-    /** Обратный вызов изменения `(index) =>`  */
+    /** Зворотний виклик кліку на кнопку "Вперед" `(index) =>` */
     onClickButtonNext?: (index: number) => void;
-    /** Обратный вызов изменения `(index) =>`  */
+    /** Зворотний виклик кліку на кнопку "Назад" `(index) =>` */
     onClickButtonPrev?: (index: number) => void;
-    /** Обратный вызов изменения `(index) =>`  */
+    /** Зворотний виклик свайпу вперед `(index) =>` */
     onSwipeNext?: (index: number) => void;
-    /** Обратный вызов изменения `(index) =>`  */
+    /** Зворотний виклик свайпу назад `(index) =>` */
     onSwipePrev?: (index: number) => void;
 };
+/**
+ * Слайдер з підтримкою свайпу, автопрокрутки та нескінченного гортання.
+ * @example
+ * import { SimpleSlider } from '@prom-ui/core/SimpleSlider'
+ * <SimpleSlider ratio='16/9' width='100%' height={400}>
+ *   <div>Слайд 1</div>
+ *   <div>Слайд 2</div>
+ * </SimpleSlider>
+ */
 export declare const SimpleSlider: React.ForwardRefExoticComponent<SimpleSliderProps & React.RefAttributes<any>>;

package/SimpleSlider/package.json

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

package/Skeleton/cjs/index.development.js

@@ -42,6 +42,17 @@ var SkeletonBlock = evokit.createBlock('div', 'skeleton', ['align', 'theme', 'va
   css: css
 });
 SkeletonBlock.displayName = 'SkeletonBlock';
+/**
+ * Skeleton-заглушка для відображення під час завантаження контенту.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Skeleton } from '@prom-ui/core/Skeleton';
+ *
+ * <Skeleton width='100%' height={48} />
+ * <Skeleton variant='circle' width={40} height={40} />
+ */
 var Skeleton = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'left' : _ref$align,

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

@@ -42,6 +42,17 @@ var SkeletonBlock = evokit.createBlock('div', 'skeleton', ['align', 'theme', 'va
   css: css
 });
 SkeletonBlock.displayName = 'SkeletonBlock';
+/**
+ * Skeleton-заглушка для відображення під час завантаження контенту.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Skeleton } from '@prom-ui/core/Skeleton';
+ *
+ * <Skeleton width='100%' height={48} />
+ * <Skeleton variant='circle' width={40} height={40} />
+ */
 var Skeleton = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'left' : _ref$align,

package/Skeleton/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/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("@prom-ui/core/evokit");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=i(e),c=i(t),s=i(r),k=a(o),u=["align","height","opacity","style","theme","variant","width"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=n.createBlock("div","skeleton",["align","theme","variant","opacity"],{css:{"ek-skeleton":"YQ77B","ek-skeleton_theme_black-100":"_7Lfmq","ek-skeleton_theme_white":"HJ4sO","ek-skeleton_variant_text":"_8cqBE","ek-skeleton_variant_circle":"-y8Ac","ek-skeleton_variant_square":"ER7Aa","ek-skeleton_align_left":"vFpty","ek-skeleton_align_center":"xLcUn","ek-skeleton_align_right":"YXQvi","ek-skeleton_opacity_0":"hV3fo","ek-skeleton_opacity_10":"SWeYg","ek-skeleton_opacity_20":"uh-KW","ek-skeleton_opacity_30":"o-fsf","ek-skeleton_opacity_40":"yQNnj","ek-skeleton_opacity_50":"_8ChyF","ek-skeleton_opacity_60":"jPfCj","ek-skeleton_opacity_70":"yi2qY","ek-skeleton_opacity_80":"kUBbU","ek-skeleton_opacity_90":"C0qIh","ek-skeleton_opacity_100":"PYOu-"}});y.displayName="SkeletonBlock";var _=k.forwardRef((function(e,t){var r=e.align,o=void 0===r?"left":r,n=e.height,i=e.opacity,a=e.style,c=e.theme,p=void 0===c?"black-100":c,_=e.variant,b=void 0===_?"text":_,d=e.width,h=s.default(e,u);return k.createElement(y,l.default({"skeleton-align":o,"skeleton-theme":p,"skeleton-variant":b,"skeleton-opacity":i,style:f({height:n,width:d},a),"data-qaid":"skeleton","data-testid":"skeleton"},h,{ref:t}))}));_.displayName="Skeleton",exports.Skeleton=_,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("@prom-ui/core/evokit");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=i(e),c=i(t),s=i(r),k=a(o),u=["align","height","opacity","style","theme","variant","width"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach(function(t){c.default(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var y=n.createBlock("div","skeleton",["align","theme","variant","opacity"],{css:{"ek-skeleton":"YQ77B","ek-skeleton_theme_black-100":"_7Lfmq","ek-skeleton_theme_white":"HJ4sO","ek-skeleton_variant_text":"_8cqBE","ek-skeleton_variant_circle":"-y8Ac","ek-skeleton_variant_square":"ER7Aa","ek-skeleton_align_left":"vFpty","ek-skeleton_align_center":"xLcUn","ek-skeleton_align_right":"YXQvi","ek-skeleton_opacity_0":"hV3fo","ek-skeleton_opacity_10":"SWeYg","ek-skeleton_opacity_20":"uh-KW","ek-skeleton_opacity_30":"o-fsf","ek-skeleton_opacity_40":"yQNnj","ek-skeleton_opacity_50":"_8ChyF","ek-skeleton_opacity_60":"jPfCj","ek-skeleton_opacity_70":"yi2qY","ek-skeleton_opacity_80":"kUBbU","ek-skeleton_opacity_90":"C0qIh","ek-skeleton_opacity_100":"PYOu-"}});y.displayName="SkeletonBlock";var _=k.forwardRef(function(e,t){var r=e.align,o=void 0===r?"left":r,n=e.height,i=e.opacity,a=e.style,c=e.theme,p=void 0===c?"black-100":c,_=e.variant,b=void 0===_?"text":_,d=e.width,h=s.default(e,u);return k.createElement(y,l.default({"skeleton-align":o,"skeleton-theme":p,"skeleton-variant":b,"skeleton-opacity":i,style:f({height:n,width:d},a),"data-qaid":"skeleton","data-testid":"skeleton"},h,{ref:t}))});_.displayName="Skeleton",exports.Skeleton=_,require("./style.production.css");

package/Skeleton/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/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("@prom-ui/core/evokit");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=i(e),c=i(t),s=i(r),k=a(o),p=["align","height","opacity","style","theme","variant","width"];function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=n.createBlock("div","skeleton",["align","theme","variant","opacity"],{css:{"ek-skeleton":"k6rop","ek-skeleton_theme_black-100":"eJWcz","ek-skeleton_theme_white":"PCwFG","ek-skeleton_variant_text":"NbT89","ek-skeleton_variant_circle":"SlAh0","ek-skeleton_variant_square":"_7p339","ek-skeleton_align_left":"TbAuG","ek-skeleton_align_center":"De09W","ek-skeleton_align_right":"C-QUn","ek-skeleton_opacity_0":"BV48x","ek-skeleton_opacity_10":"oVBvx","ek-skeleton_opacity_20":"F--5F","ek-skeleton_opacity_30":"rwtgY","ek-skeleton_opacity_40":"iR-d8","ek-skeleton_opacity_50":"r6goB","ek-skeleton_opacity_60":"-DW2y","ek-skeleton_opacity_70":"zqdBc","ek-skeleton_opacity_80":"Vc9gU","ek-skeleton_opacity_90":"t9rT-","ek-skeleton_opacity_100":"lw65w"}});y.displayName="SkeletonBlock";var f=k.forwardRef((function(e,t){var r=e.align,o=void 0===r?"left":r,n=e.height,i=e.opacity,a=e.style,c=e.theme,u=void 0===c?"black-100":c,f=e.variant,b=void 0===f?"text":f,d=e.width,h=s.default(e,p);return k.createElement(y,l.default({"skeleton-align":o,"skeleton-theme":u,"skeleton-variant":b,"skeleton-opacity":i,style:_({height:n,width:d},a),"data-qaid":"skeleton","data-testid":"skeleton"},h,{ref:t}))}));f.displayName="Skeleton",exports.Skeleton=f,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/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("@prom-ui/core/evokit");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=i(e),c=i(t),s=i(r),k=a(o),p=["align","height","opacity","style","theme","variant","width"];function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function _(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach(function(t){c.default(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var y=n.createBlock("div","skeleton",["align","theme","variant","opacity"],{css:{"ek-skeleton":"k6rop","ek-skeleton_theme_black-100":"eJWcz","ek-skeleton_theme_white":"PCwFG","ek-skeleton_variant_text":"NbT89","ek-skeleton_variant_circle":"SlAh0","ek-skeleton_variant_square":"_7p339","ek-skeleton_align_left":"TbAuG","ek-skeleton_align_center":"De09W","ek-skeleton_align_right":"C-QUn","ek-skeleton_opacity_0":"BV48x","ek-skeleton_opacity_10":"oVBvx","ek-skeleton_opacity_20":"F--5F","ek-skeleton_opacity_30":"rwtgY","ek-skeleton_opacity_40":"iR-d8","ek-skeleton_opacity_50":"r6goB","ek-skeleton_opacity_60":"-DW2y","ek-skeleton_opacity_70":"zqdBc","ek-skeleton_opacity_80":"Vc9gU","ek-skeleton_opacity_90":"t9rT-","ek-skeleton_opacity_100":"lw65w"}});y.displayName="SkeletonBlock";var f=k.forwardRef(function(e,t){var r=e.align,o=void 0===r?"left":r,n=e.height,i=e.opacity,a=e.style,c=e.theme,u=void 0===c?"black-100":c,f=e.variant,b=void 0===f?"text":f,d=e.width,h=s.default(e,p);return k.createElement(y,l.default({"skeleton-align":o,"skeleton-theme":u,"skeleton-variant":b,"skeleton-opacity":i,style:_({height:n,width:d},a),"data-qaid":"skeleton","data-testid":"skeleton"},h,{ref:t}))});f.displayName="Skeleton",exports.Skeleton=f,require("./style.production.v2.css");

package/Skeleton/index.d.ts

@@ -7,31 +7,92 @@ type SkeletonBlockProps = {
     'skeleton-opacity'?: EvokitProp<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100>;
 };
 export type SkeletonProps = React.ComponentPropsWithoutRef<'div'> & {
-    /** Выравнивание */
+    /**
+     * Горизонтальне вирівнювання скелетону. Дефолт: `'left'`.
+     * @example 'center'
+     * @example 'left'
+     */
     align?: SkeletonBlockProps['skeleton-align'];
-    /** Устанавливает прозрачность в % */
+    /**
+     * Прозорість скелетону в % (0–100).
+     * @example 50
+     * @example 0
+     */
     opacity?: SkeletonBlockProps['skeleton-opacity'];
-    /** Устанавливает тему */
+    /**
+     * Тема кольору скелетону. Дефолт: `'black-100'`.
+     * @example 'black-100'
+     * @example 'white'
+     */
     theme?: SkeletonBlockProps['skeleton-theme'];
-    /** Вариант отображения */
+    /**
+     * Форма скелетону. Дефолт: `'text'`.
+     * @example 'text'
+     * @example 'circle'
+     * @example 'square'
+     */
     variant?: SkeletonBlockProps['skeleton-variant'];
-    /** Устанавливает высоту */
+    /**
+     * Висота скелетону (CSS-значення або число в пікселях).
+     * @example '48px'
+     * @example 100
+     */
     height?: string | number;
-    /** Устанавливает ширину */
+    /**
+     * Ширина скелетону (CSS-значення або число в пікселях).
+     * @example '100%'
+     * @example 200
+     */
     width?: string | number;
 };
+/**
+ * Skeleton-заглушка для відображення під час завантаження контенту.
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Skeleton } from '@prom-ui/core/Skeleton';
+ *
+ * <Skeleton width='100%' height={48} />
+ * <Skeleton variant='circle' width={40} height={40} />
+ */
 export declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    /** Выравнивание */
+    /**
+     * Горизонтальне вирівнювання скелетону. Дефолт: `'left'`.
+     * @example 'center'
+     * @example 'left'
+     */
     align?: SkeletonBlockProps["skeleton-align"];
-    /** Устанавливает прозрачность в % */
+    /**
+     * Прозорість скелетону в % (0–100).
+     * @example 50
+     * @example 0
+     */
     opacity?: SkeletonBlockProps["skeleton-opacity"];
-    /** Устанавливает тему */
+    /**
+     * Тема кольору скелетону. Дефолт: `'black-100'`.
+     * @example 'black-100'
+     * @example 'white'
+     */
     theme?: SkeletonBlockProps["skeleton-theme"];
-    /** Вариант отображения */
+    /**
+     * Форма скелетону. Дефолт: `'text'`.
+     * @example 'text'
+     * @example 'circle'
+     * @example 'square'
+     */
     variant?: SkeletonBlockProps["skeleton-variant"];
-    /** Устанавливает высоту */
+    /**
+     * Висота скелетону (CSS-значення або число в пікселях).
+     * @example '48px'
+     * @example 100
+     */
     height?: string | number;
-    /** Устанавливает ширину */
+    /**
+     * Ширина скелетону (CSS-значення або число в пікселях).
+     * @example '100%'
+     * @example 200
+     */
     width?: string | number;
 } & React.RefAttributes<HTMLDivElement>>;
 export {};

package/Skeleton/package.json

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

package/SnackBar/cjs/index.development.js

@@ -43,7 +43,12 @@ var _excluded = ["isOpen", "onClose", "onOpened", "onClosed", "children", "class
 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; }
 /**
- * Компонент для кратких уведомлений о процессах
+ * Тост-повідомлення з автоматичним закриттям та підтримкою позиціонування.
+ * @example
+ * import { SnackBar } from '@prom-ui/core/SnackBar'
+ * <SnackBar isOpen={isOpen} onClose={() => setOpen(false)}>
+ *   Збережено успішно
+ * </SnackBar>
  */
 var SnackBar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var isOpen = _ref.isOpen,

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

@@ -43,7 +43,12 @@ var _excluded = ["isOpen", "onClose", "onOpened", "onClosed", "children", "class
 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; }
 /**
- * Компонент для кратких уведомлений о процессах
+ * Тост-повідомлення з автоматичним закриттям та підтримкою позиціонування.
+ * @example
+ * import { SnackBar } from '@prom-ui/core/SnackBar'
+ * <SnackBar isOpen={isOpen} onClose={() => setOpen(false)}>
+ *   Збережено успішно
+ * </SnackBar>
  */
 var SnackBar = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var isOpen = _ref.isOpen,

package/SnackBar/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/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("clsx"),i=require("react-transition-group"),c=require("@prom-ui/core/Portal"),u=require("@prom-ui/core/useForwardRef");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),f=a(t),p=a(r),d=s(o),b=a(n),y={root:"zviPe",content:"v4tgu","root_position_top-center":"TR90b","root_position_bottom-center":"YlR9W","root_position_top-left":"QBAq1","root_position_top-right":"DzSIt","root_position_bottom-left":"ZNKwU","root_position_bottom-right":"DvkY7",enterActive:"b-sYk",exitActive:"CXTc9",enter:"V8HbR",exit:"FAqxX"},O=["isOpen","onClose","onOpened","onClosed","children","className","style","position","zIndex","padding","autoCloseDelay","isRenderPortal"];function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){f.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=d.forwardRef((function(e,t){var r=e.isOpen,o=e.onClose,n=e.onOpened,a=e.onClosed,s=e.children,f=e.className,m=e.style,j=e.position,g=void 0===j?"bottom-center":j,P=e.zIndex,_=void 0===P?5e3:P,h=e.padding,x=void 0===h?"12px 16px":h,E=e.autoCloseDelay,q=void 0===E?2e3:E,w=e.isRenderPortal,R=void 0===w||w,C=p.default(e,O),D=u.useForwardRef(t,null),k=d.useRef(!1),N=d.useRef(void 0),S=g?y["root_position_".concat(g)]:void 0,z=function(){clearTimeout(N.current)},A=function(){k.current=!1,z(),q>0&&(N.current=setTimeout((function(){k.current=!0,"function"==typeof o&&o()}),q))},T=function(){z()},I=function(){"function"==typeof n&&n(),A()};return d.useEffect((function(){return r&&I(),function(){T()}}),[]),d.createElement(i.CSSTransition,{nodeRef:D,in:r,timeout:125,classNames:y,unmountOnExit:!0,onEntered:I,onExit:T,onExited:function(){"function"==typeof a&&a({isAutoClose:k.current})}},d.createElement(c.Portal,{isActive:R},d.createElement("div",l.default({className:b.default(y.root,S),ref:D,style:{zIndex:_},role:"presentation","data-testid":"snackbar","data-qaid":"snackbar","data-pds-color-scheme":"light"},C),d.createElement("div",{className:b.default(y.content,f),style:v({padding:x},m),role:"alert",onMouseEnter:z,onMouseLeave:A},s))))}));j.displayName="SnackBar",exports.SnackBar=j,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("clsx"),i=require("react-transition-group"),c=require("@prom-ui/core/Portal"),u=require("@prom-ui/core/useForwardRef");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=a(e),f=a(t),p=a(r),d=s(o),b=a(n),y={root:"zviPe",content:"v4tgu","root_position_top-center":"TR90b","root_position_bottom-center":"YlR9W","root_position_top-left":"QBAq1","root_position_top-right":"DzSIt","root_position_bottom-left":"ZNKwU","root_position_bottom-right":"DvkY7",enterActive:"b-sYk",exitActive:"CXTc9",enter:"V8HbR",exit:"FAqxX"},O=["isOpen","onClose","onOpened","onClosed","children","className","style","position","zIndex","padding","autoCloseDelay","isRenderPortal"];function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(t){f.default(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var j=d.forwardRef(function(e,t){var r=e.isOpen,o=e.onClose,n=e.onOpened,a=e.onClosed,s=e.children,f=e.className,m=e.style,j=e.position,g=void 0===j?"bottom-center":j,P=e.zIndex,_=void 0===P?5e3:P,h=e.padding,x=void 0===h?"12px 16px":h,E=e.autoCloseDelay,q=void 0===E?2e3:E,w=e.isRenderPortal,R=void 0===w||w,C=p.default(e,O),D=u.useForwardRef(t,null),k=d.useRef(!1),N=d.useRef(void 0),S=g?y["root_position_".concat(g)]:void 0,z=function(){clearTimeout(N.current)},A=function(){k.current=!1,z(),q>0&&(N.current=setTimeout(function(){k.current=!0,"function"==typeof o&&o()},q))},T=function(){z()},I=function(){"function"==typeof n&&n(),A()};return d.useEffect(function(){return r&&I(),function(){T()}},[]),d.createElement(i.CSSTransition,{nodeRef:D,in:r,timeout:125,classNames:y,unmountOnExit:!0,onEntered:I,onExit:T,onExited:function(){"function"==typeof a&&a({isAutoClose:k.current})}},d.createElement(c.Portal,{isActive:R},d.createElement("div",l.default({className:b.default(y.root,S),ref:D,style:{zIndex:_},role:"presentation","data-testid":"snackbar","data-qaid":"snackbar","data-pds-color-scheme":"light"},C),d.createElement("div",{className:b.default(y.content,f),style:v({padding:x},m),role:"alert",onMouseEnter:z,onMouseLeave:A},s))))});j.displayName="SnackBar",exports.SnackBar=j,require("./style.production.css");

package/SnackBar/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/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("clsx"),i=require("react-transition-group"),c=require("@prom-ui/core/Portal"),u=require("@prom-ui/core/useForwardRef");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),f=a(t),p=a(r),d=s(o),b=a(n),m={root:"KYIW0",content:"F8zNR","root_position_top-center":"I5Lmf","root_position_bottom-center":"QB4Ps","root_position_top-left":"QJETh","root_position_top-right":"vHlAp","root_position_bottom-left":"cU3cS","root_position_bottom-right":"dlDmS",enterActive:"mLVVo",exitActive:"_5JFKS",enter:"Rlx0S",exit:"B32cZ"},y=["isOpen","onClose","onOpened","onClosed","children","className","style","position","zIndex","padding","autoCloseDelay","isRenderPortal"];function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){f.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var j=d.forwardRef((function(e,t){var r=e.isOpen,o=e.onClose,n=e.onOpened,a=e.onClosed,s=e.children,f=e.className,O=e.style,j=e.position,P=void 0===j?"bottom-center":j,g=e.zIndex,_=void 0===g?5e3:g,h=e.padding,x=void 0===h?"12px 16px":h,E=e.autoCloseDelay,q=void 0===E?2e3:E,w=e.isRenderPortal,R=void 0===w||w,S=p.default(e,y),C=u.useForwardRef(t,null),D=d.useRef(!1),N=d.useRef(void 0),k=P?m["root_position_".concat(P)]:void 0,z=function(){clearTimeout(N.current)},A=function(){D.current=!1,z(),q>0&&(N.current=setTimeout((function(){D.current=!0,"function"==typeof o&&o()}),q))},I=function(){z()},B=function(){"function"==typeof n&&n(),A()};return d.useEffect((function(){return r&&B(),function(){I()}}),[]),d.createElement(i.CSSTransition,{nodeRef:C,in:r,timeout:125,classNames:m,unmountOnExit:!0,onEntered:B,onExit:I,onExited:function(){"function"==typeof a&&a({isAutoClose:D.current})}},d.createElement(c.Portal,{isActive:R},d.createElement("div",l.default({className:b.default(m.root,k),ref:C,style:{zIndex:_},role:"presentation","data-testid":"snackbar","data-qaid":"snackbar","data-pds-color-scheme":"light"},S),d.createElement("div",{className:b.default(m.content,f),style:v({padding:x},O),role:"alert",onMouseEnter:z,onMouseLeave:A},s))))}));j.displayName="SnackBar",exports.SnackBar=j,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/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),n=require("clsx"),i=require("react-transition-group"),c=require("@prom-ui/core/Portal"),u=require("@prom-ui/core/useForwardRef");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var l=a(e),f=a(t),p=a(r),d=s(o),b=a(n),m={root:"KYIW0",content:"F8zNR","root_position_top-center":"I5Lmf","root_position_bottom-center":"QB4Ps","root_position_top-left":"QJETh","root_position_top-right":"vHlAp","root_position_bottom-left":"cU3cS","root_position_bottom-right":"dlDmS",enterActive:"mLVVo",exitActive:"_5JFKS",enter:"Rlx0S",exit:"B32cZ"},y=["isOpen","onClose","onOpened","onClosed","children","className","style","position","zIndex","padding","autoCloseDelay","isRenderPortal"];function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach(function(t){f.default(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var j=d.forwardRef(function(e,t){var r=e.isOpen,o=e.onClose,n=e.onOpened,a=e.onClosed,s=e.children,f=e.className,O=e.style,j=e.position,P=void 0===j?"bottom-center":j,g=e.zIndex,_=void 0===g?5e3:g,h=e.padding,x=void 0===h?"12px 16px":h,E=e.autoCloseDelay,q=void 0===E?2e3:E,w=e.isRenderPortal,R=void 0===w||w,S=p.default(e,y),C=u.useForwardRef(t,null),D=d.useRef(!1),N=d.useRef(void 0),k=P?m["root_position_".concat(P)]:void 0,z=function(){clearTimeout(N.current)},A=function(){D.current=!1,z(),q>0&&(N.current=setTimeout(function(){D.current=!0,"function"==typeof o&&o()},q))},I=function(){z()},B=function(){"function"==typeof n&&n(),A()};return d.useEffect(function(){return r&&B(),function(){I()}},[]),d.createElement(i.CSSTransition,{nodeRef:C,in:r,timeout:125,classNames:m,unmountOnExit:!0,onEntered:B,onExit:I,onExited:function(){"function"==typeof a&&a({isAutoClose:D.current})}},d.createElement(c.Portal,{isActive:R},d.createElement("div",l.default({className:b.default(m.root,k),ref:C,style:{zIndex:_},role:"presentation","data-testid":"snackbar","data-qaid":"snackbar","data-pds-color-scheme":"light"},S),d.createElement("div",{className:b.default(m.content,f),style:v({padding:x},O),role:"alert",onMouseEnter:z,onMouseLeave:A},s))))});j.displayName="SnackBar",exports.SnackBar=j,require("./style.production.v2.css");

package/SnackBar/index.d.ts

@@ -1,47 +1,54 @@
 import * as React from 'react';
 export type SnackBarProps = React.ComponentPropsWithoutRef<'div'> & React.PropsWithChildren<{
+    /** Стан — відкрито чи ні */
     isOpen: boolean;
-    /** Handle для закрытия */
+    /** Обробник закриття */
     onClose: () => void;
-    /** Срабатывает когда SnackBar открыт и закончилась анимация */
+    /** Спрацьовує, коли SnackBar відкрито і анімацію завершено */
     onOpened?: () => void;
     /** Викликається після закриття SnackBar (`isAutoClose`: автоматично чи вручну) */
     onClosed?: (args: {
         isAutoClose: boolean;
     }) => void;
-    /** Расположение */
+    /** Розташування */
     position?: 'top-center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom-center';
-    /** Размещением по z-оси */
+    /** Розміщення по z-осі */
     zIndex?: number;
-    /** Количество миллисекунд ожидания перед автоматическим вызовом `onClose` функции */
+    /** Кількість мілісекунд очікування перед автоматичним викликом функції `onClose` */
     autoCloseDelay?: number;
-    /** Внутренние отступы */
+    /** Внутрішні відступи */
     padding?: string | number;
-    /** Рендер в конец `<body>` */
+    /** Рендер у кінець `<body>` */
     isRenderPortal?: boolean;
 }>;
 /**
- * Компонент для кратких уведомлений о процессах
+ * Тост-повідомлення з автоматичним закриттям та підтримкою позиціонування.
+ * @example
+ * import { SnackBar } from '@prom-ui/core/SnackBar'
+ * <SnackBar isOpen={isOpen} onClose={() => setOpen(false)}>
+ *   Збережено успішно
+ * </SnackBar>
  */
 export declare const SnackBar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Стан — відкрито чи ні */
     isOpen: boolean;
-    /** Handle для закрытия */
+    /** Обробник закриття */
     onClose: () => void;
-    /** Срабатывает когда SnackBar открыт и закончилась анимация */
+    /** Спрацьовує, коли SnackBar відкрито і анімацію завершено */
     onOpened?: () => void;
     /** Викликається після закриття SnackBar (`isAutoClose`: автоматично чи вручну) */
     onClosed?: (args: {
         isAutoClose: boolean;
     }) => void;
-    /** Расположение */
+    /** Розташування */
     position?: "top-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | "bottom-center";
-    /** Размещением по z-оси */
+    /** Розміщення по z-осі */
     zIndex?: number;
-    /** Количество миллисекунд ожидания перед автоматическим вызовом `onClose` функции */
+    /** Кількість мілісекунд очікування перед автоматичним викликом функції `onClose` */
     autoCloseDelay?: number;
-    /** Внутренние отступы */
+    /** Внутрішні відступи */
     padding?: string | number;
-    /** Рендер в конец `<body>` */
+    /** Рендер у кінець `<body>` */
     isRenderPortal?: boolean;
 } & {
     children?: React.ReactNode | undefined;

package/SnackBar/package.json

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

package/Spinner/cjs/index.development.js

@@ -42,6 +42,17 @@ var SpinnerCircleBlock = evokit.createBlock('circle', 'spinner__circle', [], {
   css: css
 });
 SpinnerCircleBlock.displayName = 'SpinnerCircleBlock';
+/**
+ * Анімований індикатор завантаження (SVG-спіннер).
+ *
+ * Не підтримує медіа-суфікси.
+ *
+ * @example
+ * import { Spinner } from '@prom-ui/core/Spinner';
+ *
+ * <Spinner spinner-color='violet-500' width='24px' height='24px' />
+ * <Spinner spinner-color='white' />
+ */
 var Spinner = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var _ref$width = _ref.width,
     width = _ref$width === void 0 ? '1em' : _ref$width,