@trafilea/afrodita-components 7.9.1 → 7.9.2

package/build/es/components/drawer/Drawer.js

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{Container as e,Backdrop as d,Sidebar as a}from"./style.js";var l=function(l){var u=l.children,c=l.isOpen,s=l.onClose,p=l.onOpen,f=l.backgroundColor,v=void 0===f?"#fff":f,m=l.backdropColor,h=void 0===m?"rgba(0, 0, 0, 0.5)":m,b=l.position,k=void 0===b?"left":b,C=l.width,g=void 0===C?"33%":C,O=l.height,w=void 0===O?"100%":O,T=l.top,j=void 0===T?"0":T,x=l.onClickOutside,D=l.ssr,y=void 0!==D&&D,B=t(c),S=B[0],q=B[1],z=t(c),A=z[0],E=z[1];return n((function(){if(!1===c){q(c);var o=setTimeout((function(){E(c),null==s||s()}),300);return function(){clearTimeout(o)}}E(c);var i=setTimeout((function(){q(c),null==p||p()}),100);return function(){clearTimeout(i)}}),[c,s,p]),A||y?i(e,{children:[r(d,{backgroundColor:h,isOpen:S,top:j,"data-testid":"Drawer-Backdrop",onClick:x&&x},void 0),r(a,o({position:k,width:g,height:w,top:j,backgroundColor:v,isOpen:S,"data-testid":"Drawer-Sidebar"},{children:u}),void 0)]},void 0):null};export{l as Drawer};
+import{__assign as o}from"tslib";import{jsxs as i,jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import{Container as e,Backdrop as d,Sidebar as l}from"./style.js";var a=function(a){var u=a.children,c=a.isOpen,s=a.onClose,p=a.onOpen,f=a.backgroundColor,v=void 0===f?"#fff":f,m=a.backdropColor,h=void 0===m?"rgba(0, 0, 0, 0.5)":m,b=a.position,k=void 0===b?"left":b,C=a.width,g=void 0===C?"33%":C,O=a.height,w=void 0===O?"100%":O,T=a.top,j=void 0===T?"0":T,x=a.onClickOutside,D=a.ssr,y=void 0!==D&&D,B=t(c),S=B[0],q=B[1],z=t(c),A=z[0],E=z[1];return n((function(){if(!1===c){q(c);var o=setTimeout((function(){E(c),null==s||s()}),300);return function(){clearTimeout(o)}}E(c);var i=setTimeout((function(){q(c),null==p||p()}),100);return function(){clearTimeout(i)}}),[c,s,p]),A||y?i(e,o({visible:!y||A},{children:[r(d,{backgroundColor:h,isOpen:S,top:j,"data-testid":"Drawer-Backdrop",onClick:x&&x},void 0),r(l,o({position:k,width:g,height:w,top:j,backgroundColor:v,isOpen:S,"data-testid":"Drawer-Sidebar"},{children:u}),void 0)]}),void 0):null};export{a as Drawer};
 //# sourceMappingURL=Drawer.js.map

package/build/es/components/drawer/style.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";var t,i,r,e=o.div(t||(t=n([""],[""]))),a=o.div(i||(i=n(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"],["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"])),(function(n){return n.top}),(function(n){var o=n.isOpen,t=n.backgroundColor;return o?"background-color: ".concat(t,";"):"transparent"})),s=o.div(r||(r=n(["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"])),(function(n){return n.height}),(function(n){return n.width}),(function(n){return n.position}),(function(n){return n.top}),(function(n){return n.backgroundColor}),(function(n){var o=n.isOpen,t=n.position;return o?"transform: translateX(0);":"transform: translateX(".concat("left"===t?"-100%":"100%",");")}));export{a as Backdrop,e as Container,s as Sidebar};
+import{__makeTemplateObject as n}from"tslib";import o from"@emotion/styled";var t,i,r,e=o.div(t||(t=n(["\n  visibility: ",";\n"],["\n  visibility: ",";\n"])),(function(n){return n.visible?"visible":"hidden"})),s=o.div(i||(i=n(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"],["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"])),(function(n){return n.top}),(function(n){var o=n.isOpen,t=n.backgroundColor;return o?"background-color: ".concat(t,";"):"transparent"})),a=o.div(r||(r=n(["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"])),(function(n){return n.height}),(function(n){return n.width}),(function(n){return n.position}),(function(n){return n.top}),(function(n){return n.backgroundColor}),(function(n){var o=n.isOpen,t=n.position;return o?"transform: translateX(0);":"transform: translateX(".concat("left"===t?"-100%":"100%",");")}));export{s as Backdrop,e as Container,a as Sidebar};
 //# sourceMappingURL=style.js.map

package/build/lib/components/drawer/Drawer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("./style.js");exports.Drawer=function(t){var n=t.children,s=t.isOpen,u=t.onClose,d=t.onOpen,a=t.backgroundColor,c=void 0===a?"#fff":a,l=t.backdropColor,p=void 0===l?"rgba(0, 0, 0, 0.5)":l,v=t.position,f=void 0===v?"left":v,b=t.width,h=void 0===b?"33%":b,k=t.height,C=void 0===k?"100%":k,g=t.top,j=void 0===g?"0":g,x=t.onClickOutside,O=t.ssr,m=void 0!==O&&O,w=r.useState(s),q=w[0],S=w[1],T=r.useState(s),_=T[0],D=T[1];return r.useEffect((function(){if(!1===s){S(s);var e=setTimeout((function(){D(s),null==u||u()}),300);return function(){clearTimeout(e)}}D(s);var i=setTimeout((function(){S(s),null==d||d()}),100);return function(){clearTimeout(i)}}),[s,u,d]),_||m?i.jsxs(o.Container,{children:[i.jsx(o.Backdrop,{backgroundColor:p,isOpen:q,top:j,"data-testid":"Drawer-Backdrop",onClick:x&&x},void 0),i.jsx(o.Sidebar,e.__assign({position:f,width:h,height:C,top:j,backgroundColor:c,isOpen:q,"data-testid":"Drawer-Sidebar"},{children:n}),void 0)]},void 0):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("./style.js");exports.Drawer=function(t){var n=t.children,s=t.isOpen,u=t.onClose,a=t.onOpen,d=t.backgroundColor,c=void 0===d?"#fff":d,l=t.backdropColor,v=void 0===l?"rgba(0, 0, 0, 0.5)":l,f=t.position,p=void 0===f?"left":f,b=t.width,h=void 0===b?"33%":b,g=t.height,k=void 0===g?"100%":g,C=t.top,j=void 0===C?"0":C,x=t.onClickOutside,O=t.ssr,_=void 0!==O&&O,m=r.useState(s),w=m[0],q=m[1],S=r.useState(s),T=S[0],D=S[1];if(r.useEffect((function(){if(!1===s){q(s);var e=setTimeout((function(){D(s),null==u||u()}),300);return function(){clearTimeout(e)}}D(s);var i=setTimeout((function(){q(s),null==a||a()}),100);return function(){clearTimeout(i)}}),[s,u,a]),!T&&!_)return null;var y=!_||T;return i.jsxs(o.Container,e.__assign({visible:y},{children:[i.jsx(o.Backdrop,{backgroundColor:v,isOpen:w,top:j,"data-testid":"Drawer-Backdrop",onClick:x&&x},void 0),i.jsx(o.Sidebar,e.__assign({position:p,width:h,height:k,top:j,backgroundColor:c,isOpen:w,"data-testid":"Drawer-Sidebar"},{children:n}),void 0)]}),void 0)};
 //# sourceMappingURL=Drawer.js.map

package/build/lib/components/drawer/style.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,e,r,i=t(require("@emotion/styled")),a=i.default.div(o||(o=n.__makeTemplateObject([""],[""]))),u=i.default.div(e||(e=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"],["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"])),(function(n){return n.top}),(function(n){var t=n.isOpen,o=n.backgroundColor;return t?"background-color: ".concat(o,";"):"transparent"})),d=i.default.div(r||(r=n.__makeTemplateObject(["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"])),(function(n){return n.height}),(function(n){return n.width}),(function(n){return n.position}),(function(n){return n.top}),(function(n){return n.backgroundColor}),(function(n){var t=n.isOpen,o=n.position;return t?"transform: translateX(0);":"transform: translateX(".concat("left"===o?"-100%":"100%",");")}));exports.Backdrop=u,exports.Container=a,exports.Sidebar=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var e,o,i,r=t(require("@emotion/styled")),a=r.default.div(e||(e=n.__makeTemplateObject(["\n  visibility: ",";\n"],["\n  visibility: ",";\n"])),(function(n){return n.visible?"visible":"hidden"})),u=r.default.div(o||(o=n.__makeTemplateObject(["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"],["\n  position: fixed;\n  z-index: 2;\n  left: 0;\n  top: ",";\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  transition: background-color 0.3s ease-out;\n\n  ","\n"])),(function(n){return n.top}),(function(n){var t=n.isOpen,e=n.backgroundColor;return t?"background-color: ".concat(e,";"):"transparent"})),s=r.default.div(i||(i=n.__makeTemplateObject(["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"],["\n  height: ",";\n  width: ",";\n  position: fixed;\n  z-index: 30;\n  ",": 0;\n  top: ",";\n  background-color: ",";\n  overflow-x: hidden;\n  transition: transform 0.3s ease-in-out;\n\n  ","\n"])),(function(n){return n.height}),(function(n){return n.width}),(function(n){return n.position}),(function(n){return n.top}),(function(n){return n.backgroundColor}),(function(n){var t=n.isOpen,e=n.position;return t?"transform: translateX(0);":"transform: translateX(".concat("left"===e?"-100%":"100%",");")}));exports.Backdrop=u,exports.Container=a,exports.Sidebar=s;
 //# sourceMappingURL=style.js.map

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "7.9.1",
+  "version": "7.9.2",
   "private": false,
   "main": "build/lib/index.js",
   "style": "build/es/index.css",