@dgshahr/ui-kit 0.0.45 → 0.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Drawer/index.cjs +1 -1
- package/dist/Drawer/index.js +1 -1
- package/package.json +1 -1
package/dist/Drawer/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),m=require("react");;/* empty css */const q=require("react-dom"),D=require("../CloseRemove-BUG0Hjfl.cjs"),x=150;function f({position:l,padding:d=0,item:o}){return o==="width"?l==="bottom"||l==="top"?`calc(100% - ${d*2}px)`:"auto":l==="bottom"||l==="top"?"auto":`calc(100% - ${d*2}px)`}const I=l=>{const{open:d,onClose:o,persist:v,position:s="bottom",children:p,className:w,maskClassName:y,containerClassName:N,padding:e=8,width:b,header:t,footer:n,containerElement:c}=l,[u,k]=m.useState(!1),r=c??document.body;function j(){r.classList.add("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),setTimeout(()=>{k(!0)},x)}function h(){v||(k(!1),setTimeout(()=>{r.classList.remove("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),o()},x))}m.useEffect(()=>{d&&j()},[d]);const C=t?Object.values(t).some(g=>!!g):!1;return q.createPortal(i.jsx("div",{className:a.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-w-full dgs-ui-kit-h-full":d},c?"dgs-ui-kit-absolute":"dgs-ui-kit-fixed",y),onClick:h,children:i.jsx("div",{className:a.clsx("dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-translate-y-full":!u&&s==="bottom","-dgs-ui-kit-translate-y-full":!u&&s==="top","dgs-ui-kit-translate-x-full":!u&&s==="right","-dgs-ui-kit-translate-x-full":!u&&s==="left"},w),style:{top:s!=="bottom"?e??0:"unset",bottom:s!=="top"?e??0:"unset",left:s!=="right"?e??0:"unset",right:s!=="left"?e??0:"unset",maxHeight:`calc(
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),m=require("react");;/* empty css */const q=require("react-dom"),D=require("../CloseRemove-BUG0Hjfl.cjs"),x=150;function f({position:l,padding:d=0,item:o}){return o==="width"?l==="bottom"||l==="top"?`calc(100% - ${d*2}px)`:"auto":l==="bottom"||l==="top"?"auto":`calc(100% - ${d*2}px)`}const I=l=>{const{open:d,onClose:o,persist:v,position:s="bottom",children:p,className:w,maskClassName:y,containerClassName:N,padding:e=8,width:b,header:t,footer:n,containerElement:c}=l,[u,k]=m.useState(!1),r=c??document.body;function j(){r.classList.add("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),setTimeout(()=>{k(!0)},x)}function h(){v||(k(!1),setTimeout(()=>{r.classList.remove("dgs-ui-kit-overflow-hidden","dgs-ui-kit-relative"),o()},x))}m.useEffect(()=>{d&&j()},[d]);const C=t?Object.values(t).some(g=>!!g):!1;return q.createPortal(i.jsx("div",{className:a.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-opacity-0 dgs-ui-kit-overflow-hidden dgs-ui-kit-cursor-default dgs-ui-kit-transition dgs-ui-kit-ease-linear",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-w-full dgs-ui-kit-h-full":d},c?"dgs-ui-kit-absolute":"dgs-ui-kit-fixed",y),onClick:h,children:i.jsx("div",{className:a.clsx("dgs-ui-kit-absolute dgs-ui-kit-z-10 dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-flex dgs-ui-kit-justify-center",{"dgs-ui-kit-opacity-100":u,"dgs-ui-kit-translate-y-full":!u&&s==="bottom","-dgs-ui-kit-translate-y-full":!u&&s==="top","dgs-ui-kit-translate-x-full":!u&&s==="right","-dgs-ui-kit-translate-x-full":!u&&s==="left"},w),style:{top:s!=="bottom"?e??0:"unset",bottom:s!=="top"?e??0:"unset",left:s!=="right"?e??0:"unset",right:s!=="left"?e??0:"unset",maxHeight:`calc(100svh - ${e*2}px)`,maxWidth:`calc(100vw - ${e*2}px)`,width:f({position:s,padding:e,item:"width"}),height:f({position:s,padding:e,item:"height"})},children:i.jsxs("div",{className:"dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-bg-white dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",style:{width:b??"100%"},onClick:g=>g.stopPropagation(),children:[t&&C&&i.jsxs("div",{className:a.clsx("dgs-ui-kit-h-16 dgs-ui-kit-relative dgs-ui-kit-shrink-0",t?.containerClassName),children:[t.actionElement?i.jsx("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-right-4 [&>svg]:dgs-ui-kit-w-6 [&_svg]:dgs-ui-kit-h-6 dgs-ui-kit-text-gray-600",children:t.actionElement}):null,t.title?i.jsxs("div",{className:"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-right-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-translate-x-1/2 dgs-ui-kit-text-center",children:[i.jsx("span",{className:"dgs-ui-kit-font-h6-bold dgs-ui-kit-text-gray-800",children:t.title}),t.description?i.jsx("span",{className:"dgs-ui-kit-font-caption-regular dgs-ui-kit-text-gray-500",children:t.description}):null]}):null,t.haveCloseIcon&&i.jsx("button",{onClick:h,className:"dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",children:i.jsx(D.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-overflow-y-auto",N),children:p}),n?.element?i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",n.containerClassName),children:n.element}):null]})})}),r)};module.exports=I;
|
package/dist/Drawer/index.js
CHANGED
|
@@ -73,7 +73,7 @@ const L = (d) => {
|
|
|
73
73
|
bottom: t !== "top" ? s ?? 0 : "unset",
|
|
74
74
|
left: t !== "right" ? s ?? 0 : "unset",
|
|
75
75
|
right: t !== "left" ? s ?? 0 : "unset",
|
|
76
|
-
maxHeight: `calc(
|
|
76
|
+
maxHeight: `calc(100svh - ${s * 2}px)`,
|
|
77
77
|
maxWidth: `calc(100vw - ${s * 2}px)`,
|
|
78
78
|
width: p({ position: t, padding: s, item: "width" }),
|
|
79
79
|
height: p({ position: t, padding: s, item: "height" })
|