@prom-ui/core 1.3.1 → 1.4.0

package/SimpleSlider/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),o=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 s=u(e),l=c(t),f=c(n),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var p,m,y,h=function(e){return!!e&&/\d\/\d/.test(e)},b=function(e,t){return Math.abs((e%t+t)%t)},x=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},g=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=h(r);return d({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},w=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,"%")}},O="WuTIM",E="G8BYu",j="_94Eq7",k="UqTOk I5yQD LXJjI",N="BbLNv I5yQD LXJjI",C="_89h6n",I="E7g4J",S="v-ZWk",q="cbWCu",P="_7N4yb LXJjI",_="yssoj",L="ig5DV",T=s.forwardRef((function(t,n){var c,u,T,B,D,R,M=t.showIndex,H=void 0===M?0:M,J=t.autoPlay,W=void 0===J?0:J,X=t.children,Q=t.className,z=t.duration,A=void 0===z?500:z,F=t.height,G=t.infinite,U=void 0!==G&&G,V=t.ratio,Y=t.style,Z=t.width,K=t.onChangeIndex,$=t.onClickDot,ee=t.onClickItem,te=t.onClickButtonNext,ne=t.onClickButtonPrev,re=t.onSwipeNext,ie=t.onSwipePrev,oe=t.showOnHoverButtons,ae=void 0!==oe&&oe,ce=t.showOnHoverDots,ue=void 0!==ce&&ce,se=t.isDotsTransparent,le=void 0!==se&&se,fe=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(t,["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),de=i.useBodyTTag().t,ve=s.useRef(null),pe=s.useRef(!1),me=s.useState(!1),ye=me[0],he=me[1],be=s.useState({index:H,offset:void 0}),xe=be[0],ge=be[1],we=s.Children.toArray(X),Oe=we.length,Ee=!U&&0===xe.index,je=!U&&xe.index===Oe-1,ke=Oe>1,Ne=Oe>1,Ce=!ye&&W>0,Ie=xe.index-1,Se=xe.index+1,qe=b(xe.index,Oe),Pe=b(Ie,Oe),_e=b(Se,Oe),Le=(T=function(){pe.current||je||ge({index:Se,offset:void 0})},B=W,D=e.useRef(null),[function(){R(),D.current=setTimeout(T,B)},R=function(){clearTimeout(D.current)}]),Te=Le[0],Be=Le[1],De=function(){pe.current=!0,Be()},Re=function(){pe.current=!1,Ce&&Te(),xe.index in we||ge({index:qe,offset:0}),"function"==typeof K&&K(qe)};return s.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Te():Be()}));return null===(e=ve.current)||void 0===e||e.addEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.addEventListener("transitionend",Re),Ce&&ve.current&&n.observe(ve.current),function(){var e,t;null===(e=ve.current)||void 0===e||e.removeEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.removeEventListener("transitionend",Re),Be(),n.disconnect()}}),[xe.index,Ce]),s.useEffect((function(){H!==xe.index&&ge({index:H,offset:void 0})}),[H]),s.createElement(l.default,d({ref:n,onSwipeLeft:function(){pe.current||je||("function"==typeof re&&re(_e),ge({index:Se,offset:void 0}))},onSwipeRight:function(){pe.current||Ee||("function"==typeof ie&&ie(Pe),ge({index:Ie,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(pe.current||t.touches&&t.touches.length>1)){var r=n;(Ee&&n>0||je&&n<0)&&(r=0),ge({index:xe.index,offset:r})}},className:f.default(O,Q,(c={},c[_]=ae,c[L]=ue,c)),style:g({width:Z,height:F,ratio:V,style:Y}),onSwipeStart:function(){return he(!0)},onSwipeEnd:function(){return he(!1)},onMouseEnter:function(){return he(!0)},onMouseLeave:function(){return he(!1)}},fe),h(V)&&s.createElement("div",{style:x(V)}),s.createElement("ul",{ref:ve,className:E,style:w({index:U?xe.index+1:xe.index,childrenCount:U?Oe+2:Oe,duration:A,offset:xe.offset}),"data-testid":"simple_slider_track"},U&&s.createElement("li",{className:j},we[we.length-1]),we.map((function(e,t){return s.createElement("li",{key:e.key,className:j,onClick:function(){"function"==typeof ee&&ee(t)},"data-qaid":"image_slider_".concat(t)},e)})),U&&s.createElement("li",{className:j},we[0])),ke&&s.createElement(s.Fragment,null,s.createElement("button",{type:"button",className:k,onClick:function(){pe.current||Ee||("function"==typeof ne&&ne(Pe),ge({index:Ie,offset:void 0}))},disabled:Ee,"aria-label":de(p||(p=v(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},s.createElement(r.Icon,{className:C,"icon-as":o.Left})),s.createElement("button",{type:"button",className:N,onClick:function(){pe.current||je||("function"==typeof te&&te(_e),ge({index:Se,offset:void 0}))},disabled:je,"aria-label":de(m||(m=v(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},s.createElement(r.Icon,{className:C,"icon-as":a.Right}))),Ne&&s.createElement("ul",{className:f.default(I,(u={},u[S]=le,u))},we.map((function(e,t){var n=t+1;return s.createElement("li",{className:q,key:e.key},s.createElement("button",{type:"button",className:P,onClick:function(){return e=t,void(pe.current||("function"==typeof $&&$(e),ge({index:e,offset:void 0})));var e},disabled:t===qe,"aria-label":de(y||(y=v(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=T,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),o=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 l=u(e),s=c(t),f=c(n);function d(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}function v(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function y(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,c=[],u=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(s){l=!0,i=s}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw i}}return c}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var g,O,w,j=function(e){return!!e&&/\d\/\d/.test(e)},x=function(e,t){return Math.abs((e%t+t)%t)},E=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},S=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?d(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(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)},P=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,"%")}},k="WuTIM",I="G8BYu",N="_94Eq7",C="UqTOk I5yQD LXJjI",q="BbLNv I5yQD LXJjI",D="_89h6n",T="E7g4J",_="v-ZWk",L="cbWCu",B="_7N4yb LXJjI",R="yssoj",A="ig5DV",M=["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"],H=l.forwardRef((function(t,n){var c,u,d,h,H,J=t.showIndex,W=void 0===J?0:J,X=t.autoPlay,z=void 0===X?0:X,Q=t.children,U=t.className,F=t.duration,G=void 0===F?500:F,V=t.height,Y=t.infinite,Z=void 0!==Y&&Y,$=t.ratio,K=t.style,ee=t.width,te=t.onChangeIndex,ne=t.onClickDot,re=t.onClickItem,ie=t.onClickButtonNext,oe=t.onClickButtonPrev,ae=t.onSwipeNext,ce=t.onSwipePrev,ue=t.showOnHoverButtons,le=void 0!==ue&&ue,se=t.showOnHoverDots,fe=void 0!==se&&se,de=t.isDotsTransparent,ve=void 0!==de&&de,pe=y(t,M),ye=i.useBodyTTag().t,me=l.useRef(null),be=l.useRef(!1),he=b(l.useState(!1),2),ge=he[0],Oe=he[1],we=b(l.useState({index:W,offset:void 0}),2),je=we[0],xe=we[1],Ee=l.Children.toArray(Q),Se=Ee.length,Pe=!Z&&0===je.index,ke=!Z&&je.index===Se-1,Ie=Se>1,Ne=Se>1,Ce=!ge&&z>0,qe=je.index-1,De=je.index+1,Te=x(je.index,Se),_e=x(qe,Se),Le=x(De,Se),Be=b((u=function(){be.current||ke||xe({index:De,offset:void 0})},d=z,h=e.useRef(null),[function(){H(),h.current=setTimeout(u,d)},H=function(){clearTimeout(h.current)}]),2),Re=Be[0],Ae=Be[1],Me=function(){be.current=!0,Ae()},He=function(){be.current=!1,Ce&&Re(),je.index in Ee||xe({index:Te,offset:0}),"function"==typeof te&&te(Te)};return l.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Re():Ae()}));return null===(e=me.current)||void 0===e||e.addEventListener("transitionstart",Me),null===(t=me.current)||void 0===t||t.addEventListener("transitionend",He),Ce&&me.current&&n.observe(me.current),function(){var e,t;null===(e=me.current)||void 0===e||e.removeEventListener("transitionstart",Me),null===(t=me.current)||void 0===t||t.removeEventListener("transitionend",He),Ae(),n.disconnect()}}),[je.index,Ce]),l.useEffect((function(){W!==je.index&&xe({index:W,offset:void 0})}),[W]),l.createElement(s.default,p({ref:n,onSwipeLeft:function(){be.current||ke||("function"==typeof ae&&ae(Le),xe({index:De,offset:void 0}))},onSwipeRight:function(){be.current||Pe||("function"==typeof ce&&ce(_e),xe({index:qe,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),xe({index:je.index,offset:r})}},className:f.default(k,U,(c={},v(c,R,le),v(c,A,fe),c)),style:S({width:ee,height:V,ratio:$,style:K}),onSwipeStart:function(){return Oe(!0)},onSwipeEnd:function(){return Oe(!1)},onMouseEnter:function(){return Oe(!0)},onMouseLeave:function(){return Oe(!1)}},pe),j($)&&l.createElement("div",{style:E($)}),l.createElement("ul",{ref:me,className:I,style:P({index:Z?je.index+1:je.index,childrenCount:Z?Se+2:Se,duration:G,offset:je.offset}),"data-testid":"simple_slider_track"},Z&&l.createElement("li",{className:N},Ee[Ee.length-1]),Ee.map((function(e,t){return l.createElement("li",{key:e.key,className:N,onClick:function(){"function"==typeof re&&re(t)},"data-qaid":"image_slider_".concat(t)},e)})),Z&&l.createElement("li",{className:N},Ee[0])),Ie&&l.createElement(l.Fragment,null,l.createElement("button",{type:"button",className:C,onClick:function(){be.current||Pe||("function"==typeof oe&&oe(_e),xe({index:qe,offset:void 0}))},disabled:Pe,"aria-label":ye(g||(g=m(["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},l.createElement(r.Icon,{className:D,"icon-as":o.Left})),l.createElement("button",{type:"button",className:q,onClick:function(){be.current||ke||("function"==typeof ie&&ie(Le),xe({index:De,offset:void 0}))},disabled:ke,"aria-label":ye(O||(O=m(["Показать следующий баннер"]))),"data-qaid":"next_image"},l.createElement(r.Icon,{className:D,"icon-as":a.Right}))),Ne&&l.createElement("ul",{className:f.default(T,v({},_,ve))},Ee.map((function(e,t){var n=t+1;return l.createElement("li",{className:L,key:e.key},l.createElement("button",{type:"button",className:B,onClick:function(){return e=t,void(be.current||("function"==typeof ne&&ne(e),xe({index:e,offset:void 0})));var e},disabled:t===Te,"aria-label":ye(w||(w=m(["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=H,require("./style.production.css");

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),o=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 s=u(e),l=c(t),f=c(n),d=function(){return d=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},d.apply(this,arguments)};function v(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var p,m,y,h=function(e){return!!e&&/\d\/\d/.test(e)},b=function(e,t){return Math.abs((e%t+t)%t)},x=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},g=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=h(r);return d({width:t,height:o?"auto":n,maxWidth:o?"100%":"none",aspectRatio:o?r:void 0},i)},w=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,"%")}},E="bXdCd",O="igqgQ",k="_7TgGX",C="_543BF cQvz3 gHpEr",N="uU4Gw cQvz3 gHpEr",j="LD9ov",P="GA591",S="fybKk",q="d4JnV",I="UPQSI gHpEr",_="_0cn-k",L="q4PLm",T=s.forwardRef((function(t,n){var c,u,T,B,D,R,H=t.showIndex,M=void 0===H?0:H,Q=t.autoPlay,z=void 0===Q?0:Q,G=t.children,X=t.className,A=t.duration,F=void 0===A?500:A,U=t.height,J=t.infinite,K=void 0!==J&&J,V=t.ratio,W=t.style,Y=t.width,Z=t.onChangeIndex,$=t.onClickDot,ee=t.onClickItem,te=t.onClickButtonNext,ne=t.onClickButtonPrev,re=t.onSwipeNext,ie=t.onSwipePrev,oe=t.showOnHoverButtons,ae=void 0!==oe&&oe,ce=t.showOnHoverDots,ue=void 0!==ce&&ce,se=t.isDotsTransparent,le=void 0!==se&&se,fe=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(t,["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"]),de=i.useBodyTTag().t,ve=s.useRef(null),pe=s.useRef(!1),me=s.useState(!1),ye=me[0],he=me[1],be=s.useState({index:M,offset:void 0}),xe=be[0],ge=be[1],we=s.Children.toArray(G),Ee=we.length,Oe=!K&&0===xe.index,ke=!K&&xe.index===Ee-1,Ce=Ee>1,Ne=Ee>1,je=!ye&&z>0,Pe=xe.index-1,Se=xe.index+1,qe=b(xe.index,Ee),Ie=b(Pe,Ee),_e=b(Se,Ee),Le=(T=function(){pe.current||ke||ge({index:Se,offset:void 0})},B=z,D=e.useRef(null),[function(){R(),D.current=setTimeout(T,B)},R=function(){clearTimeout(D.current)}]),Te=Le[0],Be=Le[1],De=function(){pe.current=!0,Be()},Re=function(){pe.current=!1,je&&Te(),xe.index in we||ge({index:qe,offset:0}),"function"==typeof Z&&Z(qe)};return s.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Te():Be()}));return null===(e=ve.current)||void 0===e||e.addEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.addEventListener("transitionend",Re),je&&ve.current&&n.observe(ve.current),function(){var e,t;null===(e=ve.current)||void 0===e||e.removeEventListener("transitionstart",De),null===(t=ve.current)||void 0===t||t.removeEventListener("transitionend",Re),Be(),n.disconnect()}}),[xe.index,je]),s.useEffect((function(){M!==xe.index&&ge({index:M,offset:void 0})}),[M]),s.createElement(l.default,d({ref:n,onSwipeLeft:function(){pe.current||ke||("function"==typeof re&&re(_e),ge({index:Se,offset:void 0}))},onSwipeRight:function(){pe.current||Oe||("function"==typeof ie&&ie(Ie),ge({index:Pe,offset:void 0}))},onSwipeMove:function(e,t){var n=e.x;if(!(pe.current||t.touches&&t.touches.length>1)){var r=n;(Oe&&n>0||ke&&n<0)&&(r=0),ge({index:xe.index,offset:r})}},className:f.default(E,X,(c={},c[_]=ae,c[L]=ue,c)),style:g({width:Y,height:U,ratio:V,style:W}),onSwipeStart:function(){return he(!0)},onSwipeEnd:function(){return he(!1)},onMouseEnter:function(){return he(!0)},onMouseLeave:function(){return he(!1)}},fe),h(V)&&s.createElement("div",{style:x(V)}),s.createElement("ul",{ref:ve,className:O,style:w({index:K?xe.index+1:xe.index,childrenCount:K?Ee+2:Ee,duration:F,offset:xe.offset}),"data-testid":"simple_slider_track"},K&&s.createElement("li",{className:k},we[we.length-1]),we.map((function(e,t){return s.createElement("li",{key:e.key,className:k,onClick:function(){"function"==typeof ee&&ee(t)},"data-qaid":"image_slider_".concat(t)},e)})),K&&s.createElement("li",{className:k},we[0])),Ce&&s.createElement(s.Fragment,null,s.createElement("button",{type:"button",className:C,onClick:function(){pe.current||Oe||("function"==typeof ne&&ne(Ie),ge({index:Pe,offset:void 0}))},disabled:Oe,"aria-label":de(p||(p=v(["Показать предыдущий баннер"],["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},s.createElement(r.Icon,{className:j,"icon-as":o.Left})),s.createElement("button",{type:"button",className:N,onClick:function(){pe.current||ke||("function"==typeof te&&te(_e),ge({index:Se,offset:void 0}))},disabled:ke,"aria-label":de(m||(m=v(["Показать следующий баннер"],["Показать следующий баннер"]))),"data-qaid":"next_image"},s.createElement(r.Icon,{className:j,"icon-as":a.Right}))),Ne&&s.createElement("ul",{className:f.default(P,(u={},u[S]=le,u))},we.map((function(e,t){var n=t+1;return s.createElement("li",{className:q,key:e.key},s.createElement("button",{type:"button",className:I,onClick:function(){return e=t,void(pe.current||("function"==typeof $&&$(e),ge({index:e,offset:void 0})));var e},disabled:t===qe,"aria-label":de(y||(y=v(["Показать баннер номер ",""],["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=T,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-easy-swipe"),n=require("classnames");require("intersection-observer");var r=require("@prom-ui/core/Icon"),i=require("@prom-ui/core/useBodyTTag"),o=require("@prom-ui/icons/Left"),a=require("@prom-ui/icons/Right");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(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 l=u(e),f=c(t),s=c(n);function d(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}function v(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},p.apply(this,arguments)}function y(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(i[n]=e[n])}return i}function m(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,c=[],u=!0,l=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);u=!0);}catch(f){l=!0,i=f}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(l)throw i}}return c}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var g,O,w,x=function(e){return!!e&&/\d\/\d/.test(e)},j=function(e,t){return Math.abs((e%t+t)%t)},E=function(e){return{paddingTop:"calc(".concat(e.split("/").reverse().join("/")," * 100%)")}},S=function(e){var t=e.width,n=e.height,r=e.ratio,i=e.style,o=x(r);return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(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)},P=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,"%")}},k="bXdCd",C="igqgQ",N="_7TgGX",I="_543BF cQvz3 gHpEr",q="uU4Gw cQvz3 gHpEr",_="LD9ov",D="GA591",T="fybKk",L="d4JnV",B="UPQSI gHpEr",A="_0cn-k",R="q4PLm",H=["showIndex","autoPlay","children","className","duration","height","infinite","ratio","style","width","onChangeIndex","onClickDot","onClickItem","onClickButtonNext","onClickButtonPrev","onSwipeNext","onSwipePrev","showOnHoverButtons","showOnHoverDots","isDotsTransparent"],M=l.forwardRef((function(t,n){var c,u,d,h,M,z=t.showIndex,Q=void 0===z?0:z,G=t.autoPlay,U=void 0===G?0:G,X=t.children,F=t.className,J=t.duration,K=void 0===J?500:J,V=t.height,W=t.infinite,$=void 0!==W&&W,Y=t.ratio,Z=t.style,ee=t.width,te=t.onChangeIndex,ne=t.onClickDot,re=t.onClickItem,ie=t.onClickButtonNext,oe=t.onClickButtonPrev,ae=t.onSwipeNext,ce=t.onSwipePrev,ue=t.showOnHoverButtons,le=void 0!==ue&&ue,fe=t.showOnHoverDots,se=void 0!==fe&&fe,de=t.isDotsTransparent,ve=void 0!==de&&de,pe=y(t,H),ye=i.useBodyTTag().t,me=l.useRef(null),be=l.useRef(!1),he=b(l.useState(!1),2),ge=he[0],Oe=he[1],we=b(l.useState({index:Q,offset:void 0}),2),xe=we[0],je=we[1],Ee=l.Children.toArray(X),Se=Ee.length,Pe=!$&&0===xe.index,ke=!$&&xe.index===Se-1,Ce=Se>1,Ne=Se>1,Ie=!ge&&U>0,qe=xe.index-1,_e=xe.index+1,De=j(xe.index,Se),Te=j(qe,Se),Le=j(_e,Se),Be=b((u=function(){be.current||ke||je({index:_e,offset:void 0})},d=U,h=e.useRef(null),[function(){M(),h.current=setTimeout(u,d)},M=function(){clearTimeout(h.current)}]),2),Ae=Be[0],Re=Be[1],He=function(){be.current=!0,Re()},Me=function(){be.current=!1,Ie&&Ae(),xe.index in Ee||je({index:De,offset:0}),"function"==typeof te&&te(De)};return l.useEffect((function(){var e,t,n=new IntersectionObserver((function(e){e[0].isIntersecting?Ae():Re()}));return null===(e=me.current)||void 0===e||e.addEventListener("transitionstart",He),null===(t=me.current)||void 0===t||t.addEventListener("transitionend",Me),Ie&&me.current&&n.observe(me.current),function(){var e,t;null===(e=me.current)||void 0===e||e.removeEventListener("transitionstart",He),null===(t=me.current)||void 0===t||t.removeEventListener("transitionend",Me),Re(),n.disconnect()}}),[xe.index,Ie]),l.useEffect((function(){Q!==xe.index&&je({index:Q,offset:void 0})}),[Q]),l.createElement(f.default,p({ref:n,onSwipeLeft:function(){be.current||ke||("function"==typeof ae&&ae(Le),je({index:_e,offset:void 0}))},onSwipeRight:function(){be.current||Pe||("function"==typeof ce&&ce(Te),je({index:qe,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:xe.index,offset:r})}},className:s.default(k,F,(c={},v(c,A,le),v(c,R,se),c)),style:S({width:ee,height:V,ratio:Y,style:Z}),onSwipeStart:function(){return Oe(!0)},onSwipeEnd:function(){return Oe(!1)},onMouseEnter:function(){return Oe(!0)},onMouseLeave:function(){return Oe(!1)}},pe),x(Y)&&l.createElement("div",{style:E(Y)}),l.createElement("ul",{ref:me,className:C,style:P({index:$?xe.index+1:xe.index,childrenCount:$?Se+2:Se,duration:K,offset:xe.offset}),"data-testid":"simple_slider_track"},$&&l.createElement("li",{className:N},Ee[Ee.length-1]),Ee.map((function(e,t){return l.createElement("li",{key:e.key,className:N,onClick:function(){"function"==typeof re&&re(t)},"data-qaid":"image_slider_".concat(t)},e)})),$&&l.createElement("li",{className:N},Ee[0])),Ce&&l.createElement(l.Fragment,null,l.createElement("button",{type:"button",className:I,onClick:function(){be.current||Pe||("function"==typeof oe&&oe(Te),je({index:qe,offset:void 0}))},disabled:Pe,"aria-label":ye(g||(g=m(["Показать предыдущий баннер"]))),"data-qaid":"prev_image"},l.createElement(r.Icon,{className:_,"icon-as":o.Left})),l.createElement("button",{type:"button",className:q,onClick:function(){be.current||ke||("function"==typeof ie&&ie(Le),je({index:_e,offset:void 0}))},disabled:ke,"aria-label":ye(O||(O=m(["Показать следующий баннер"]))),"data-qaid":"next_image"},l.createElement(r.Icon,{className:_,"icon-as":a.Right}))),Ne&&l.createElement("ul",{className:s.default(D,v({},T,ve))},Ee.map((function(e,t){var n=t+1;return l.createElement("li",{className:L,key:e.key},l.createElement("button",{type:"button",className:B,onClick:function(){return e=t,void(be.current||("function"==typeof ne&&ne(e),je({index:e,offset:void 0})));var e},disabled:t===De,"aria-label":ye(w||(w=m(["Показать баннер номер ",""])),n),"data-qaid":"view_image_".concat(n)},n))}))))}));exports.SimpleSlider=M,require("./style.production.v2.css");

package/SimpleSlider/index.d.ts

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

package/SimpleSlider/package.json

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

package/SimpleSlider/useAutoPlay.d.ts

@@ -1,3 +1,3 @@
-type tUseAutoPlay = (callback: () => void, delay: number) => [() => void, () => void];
-export declare const useAutoPlay: tUseAutoPlay;
-export {};
+type tUseAutoPlay = (callback: () => void, delay: number) => [() => void, () => void];
+export declare const useAutoPlay: tUseAutoPlay;
+export {};

package/SimpleSlider/utils.d.ts

@@ -1,19 +1,19 @@
-import React from 'react';
-export declare const isValidRatio: (ratio?: string) => boolean;
-export declare const getInfiniteIndex: (index: number, count: number) => number;
-export declare const getRatioHolderStyle: (ratio: string) => React.CSSProperties;
-type tGetRootStyle = (arg: {
-    width: string | number;
-    height: string | number;
-    ratio: string;
-    style?: {};
-}) => React.CSSProperties;
-export declare const getRootStyle: tGetRootStyle;
-type tGetTrackStyle = (arg: {
-    index: number;
-    childrenCount: number;
-    duration: number;
-    offset?: number;
-}) => React.CSSProperties;
-export declare const getTrackStyle: tGetTrackStyle;
-export {};
+import React from 'react';
+export declare const isValidRatio: (ratio?: string) => boolean;
+export declare const getInfiniteIndex: (index: number, count: number) => number;
+export declare const getRatioHolderStyle: (ratio: string) => React.CSSProperties;
+type tGetRootStyle = (arg: {
+    width: string | number;
+    height: string | number;
+    ratio: string;
+    style?: {};
+}) => React.CSSProperties;
+export declare const getRootStyle: tGetRootStyle;
+type tGetTrackStyle = (arg: {
+    index: number;
+    childrenCount: number;
+    duration: number;
+    offset?: number;
+}) => React.CSSProperties;
+export declare const getTrackStyle: tGetTrackStyle;
+export {};

package/Skeleton/cjs/index.development.js

@@ -6,86 +6,140 @@ var React = require('react');
 var evokit = require('evokit');
 
 function _interopNamespaceCompat(e) {
-    if (e && typeof e === 'object' && 'default' in e) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
         });
-    }
-    n.default = e;
-    return Object.freeze(n);
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
 }
 
 var css = {"ek-skeleton":"Skeleton__ek-skeleton___YQ77B","ek-skeleton_theme_grey":"Skeleton__ek-skeleton_theme_grey___fLU-I","skeleton-keyframes-wave":"Skeleton__skeleton-keyframes-wave___tx4t3","ek-skeleton_theme_black-100":"Skeleton__ek-skeleton_theme_black-100___7Lfmq","ek-skeleton_theme_white":"Skeleton__ek-skeleton_theme_white___HJ4sO","ek-skeleton_variant_text":"Skeleton__ek-skeleton_variant_text___8cqBE","ek-skeleton_variant_circle":"Skeleton__ek-skeleton_variant_circle___-y8Ac","ek-skeleton_variant_square":"Skeleton__ek-skeleton_variant_square___ER7Aa","ek-skeleton_align_left":"Skeleton__ek-skeleton_align_left___vFpty","ek-skeleton_align_center":"Skeleton__ek-skeleton_align_center___xLcUn","ek-skeleton_align_right":"Skeleton__ek-skeleton_align_right___YXQvi","ek-skeleton_opacity_0":"Skeleton__ek-skeleton_opacity_0___hV3fo","ek-skeleton_opacity_10":"Skeleton__ek-skeleton_opacity_10___SWeYg","ek-skeleton_opacity_20":"Skeleton__ek-skeleton_opacity_20___uh-KW","ek-skeleton_opacity_30":"Skeleton__ek-skeleton_opacity_30___o-fsf","ek-skeleton_opacity_40":"Skeleton__ek-skeleton_opacity_40___yQNnj","ek-skeleton_opacity_50":"Skeleton__ek-skeleton_opacity_50___8ChyF","ek-skeleton_opacity_60":"Skeleton__ek-skeleton_opacity_60___jPfCj","ek-skeleton_opacity_70":"Skeleton__ek-skeleton_opacity_70___yi2qY","ek-skeleton_opacity_80":"Skeleton__ek-skeleton_opacity_80___kUBbU","ek-skeleton_opacity_90":"Skeleton__ek-skeleton_opacity_90___C0qIh","ek-skeleton_opacity_100":"Skeleton__ek-skeleton_opacity_100___PYOu-"};
 
+var _excluded = ["align", "height", "opacity", "style", "theme", "variant", "width"];
 var SkeletonBlock = evokit.createBlock('div', 'skeleton', ['align', 'theme', 'variant', 'opacity'], {
   css: css
 });
-var Skeleton = React__namespace.forwardRef(function (_a, ref) {
-  var _b = _a.align,
-    align = _b === void 0 ? 'left' : _b,
-    height = _a.height,
-    opacity = _a.opacity,
-    style = _a.style,
-    _c = _a.theme,
-    theme = _c === void 0 ? 'grey' : _c,
-    _d = _a.variant,
-    variant = _d === void 0 ? 'text' : _d,
-    width = _a.width,
-    props = __rest(_a, ["align", "height", "opacity", "style", "theme", "variant", "width"]);
-  return React__namespace.createElement(SkeletonBlock, __assign({
+var Skeleton = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+  var _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
+    height = _ref.height,
+    opacity = _ref.opacity,
+    style = _ref.style,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'grey' : _ref$theme,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'text' : _ref$variant,
+    width = _ref.width,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement(SkeletonBlock, _extends({
     "skeleton-align": align,
     "skeleton-theme": theme,
     "skeleton-variant": variant,
     "skeleton-opacity": opacity,
-    style: __assign({
+    style: _objectSpread2({
       height: height,
       width: width
     }, style)