@dgshahr/ui-kit 0.0.17 → 0.0.18

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.
Files changed (4) hide show
  1. package/dist/Drawer/index.cjs +1 -1
  2. package/dist/Drawer/index.d.ts.map +1 -1
  3. package/dist/Drawer/index.js +40 -38
  4. 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"),k=require("react");;/* empty css */const w=require("../CloseRemove-BUG0Hjfl.cjs"),h=150;function m({position:e,padding:d=0,item:o}){return o==="width"?e==="bottom"||e==="top"?`calc(100% - ${d*2})`:"auto":e==="bottom"||e==="top"?"auto":`calc(100% - ${d*2})`}const j=e=>{const{open:d,onClose:o,persist:f,position:s="bottom",children:x,className:p,maskClassName:v,containerClassName:b,padding:u=8,header:t,footer:n}=e,[l,g]=k.useState(!1);function N(){document.body.classList.add("dgs-ui-kit-overflow-hidden"),setTimeout(()=>{g(!0)},h)}function c(){f||(g(!1),setTimeout(()=>{document.body.classList.remove("dgs-ui-kit-overflow-hidden"),o()},h))}k.useEffect(()=>{d&&N()},[d]);const y=t?Object.values(t).some(r=>!!r):!1;return i.jsx("button",{className:a.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-fixed 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":l,"dgs-ui-kit-w-screen dgs-ui-kit-h-screen":d},v),onClick:c,children:i.jsxs("div",{className:a.clsx("dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-absolute dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-z-10 dgs-ui-kit-bg-white dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",{"dgs-ui-kit-opacity-100":l,"dgs-ui-kit-translate-y-full":!l&&s==="bottom","-dgs-ui-kit-translate-y-full":!l&&s==="top","dgs-ui-kit-translate-x-full":!l&&s==="right","-dgs-ui-kit-translate-x-full":!l&&s==="left"},p),style:{top:s!=="bottom"?u??0:"auto",bottom:s!=="top"?u??0:"auto",left:s!=="right"?u??0:"auto",right:s!=="left"?u??0:"auto",width:m({position:s,padding:u,item:"width"}),height:m({position:s,padding:u,item:"height"})},onClick:r=>r.stopPropagation(),children:[t&&y&&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:c,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(w.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4",b),children:x}),n?.element?i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",n.containerClassName),children:n.element}):null]})})};module.exports=j;
1
+ "use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),a=require("../clsx-C11secjj.cjs"),k=require("react");;/* empty css */const w=require("../CloseRemove-BUG0Hjfl.cjs"),h=150;function m({position:d,padding:u=0,item:o}){return o==="width"?d==="bottom"||d==="top"?`calc(100% - ${u*2}px)`:"auto":d==="bottom"||d==="top"?"auto":`calc(100% - ${u*2}px)`}const j=d=>{const{open:u,onClose:o,persist:x,position:s="bottom",children:f,className:p,maskClassName:v,containerClassName:b,padding:e=8,header:t,footer:n}=d,[l,g]=k.useState(!1);function N(){document.body.classList.add("dgs-ui-kit-overflow-hidden"),setTimeout(()=>{g(!0)},h)}function c(){x||(g(!1),setTimeout(()=>{document.body.classList.remove("dgs-ui-kit-overflow-hidden"),o()},h))}k.useEffect(()=>{u&&N()},[u]);const y=t?Object.values(t).some(r=>!!r):!1;return i.jsx("button",{className:a.clsx("dgs-ui-kit-bg-black/40 dgs-ui-kit-fixed 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":l,"dgs-ui-kit-w-screen dgs-ui-kit-h-screen":u},v),onClick:c,children:i.jsxs("div",{className:a.clsx("dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-absolute dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-z-10 dgs-ui-kit-bg-white dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",{"dgs-ui-kit-opacity-100":l,"dgs-ui-kit-translate-y-full":!l&&s==="bottom","-dgs-ui-kit-translate-y-full":!l&&s==="top","dgs-ui-kit-translate-x-full":!l&&s==="right","-dgs-ui-kit-translate-x-full":!l&&s==="left"},p),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(100vh - ${e*2}px)`,maxWidth:`calc(100vw - ${e*2}px)`,width:m({position:s,padding:e,item:"width"}),height:m({position:s,padding:e,item:"height"})},onClick:r=>r.stopPropagation(),children:[t&&y&&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:c,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(w.CloseRemoveIcon,{width:24,height:24,className:"dgs-ui-kit-text-gray-600"})})]}),i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4",b),children:f}),n?.element?i.jsx("div",{className:a.clsx("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto",n.containerClassName),children:n.element}):null]})})};module.exports=j;
package/dist/Drawer/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,kBAAkB,CAAC;AAK1B,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAoBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAwH9C,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,kBAAkB,CAAC;AAK1B,UAAU,WAAW;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B,CAAC;CACH;AAoBD,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CA0H9C,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/dist/Drawer/index.js CHANGED
@@ -5,71 +5,73 @@ import { useState as w, useEffect as C } from "react";
5
5
  import '../assets/styles.css';/* empty css */
6
6
  import { C as I } from "../CloseRemove-BzqPxkjk.js";
7
7
  const m = 150;
8
- function f({
9
- position: e,
10
- padding: d = 0,
11
- item: l
8
+ function h({
9
+ position: d,
10
+ padding: a = 0,
11
+ item: o
12
12
  }) {
13
- return l === "width" ? e === "bottom" || e === "top" ? `calc(100% - ${d * 2})` : "auto" : e === "bottom" || e === "top" ? "auto" : `calc(100% - ${d * 2})`;
13
+ return o === "width" ? d === "bottom" || d === "top" ? `calc(100% - ${a * 2}px)` : "auto" : d === "bottom" || d === "top" ? "auto" : `calc(100% - ${a * 2}px)`;
14
14
  }
15
- const E = (e) => {
15
+ const A = (d) => {
16
16
  const {
17
- open: d,
18
- onClose: l,
19
- persist: h,
17
+ open: a,
18
+ onClose: o,
19
+ persist: f,
20
20
  position: i = "bottom",
21
21
  children: p,
22
- className: v,
23
- maskClassName: b,
24
- containerClassName: x,
25
- padding: a = 8,
22
+ className: x,
23
+ maskClassName: v,
24
+ containerClassName: b,
25
+ padding: e = 8,
26
26
  header: t,
27
27
  footer: n
28
- } = e, [o, k] = w(!1);
28
+ } = d, [l, c] = w(!1);
29
29
  function N() {
30
30
  document.body.classList.add("dgs-ui-kit-overflow-hidden"), setTimeout(() => {
31
- k(!0);
31
+ c(!0);
32
32
  }, m);
33
33
  }
34
- function c() {
35
- h || (k(!1), setTimeout(() => {
36
- document.body.classList.remove("dgs-ui-kit-overflow-hidden"), l();
34
+ function k() {
35
+ f || (c(!1), setTimeout(() => {
36
+ document.body.classList.remove("dgs-ui-kit-overflow-hidden"), o();
37
37
  }, m));
38
38
  }
39
39
  C(() => {
40
- d && N();
41
- }, [d]);
40
+ a && N();
41
+ }, [a]);
42
42
  const y = t ? Object.values(t).some((r) => !!r) : !1;
43
43
  return /* @__PURE__ */ s(
44
44
  "button",
45
45
  {
46
46
  className: u(
47
47
  "dgs-ui-kit-bg-black/40 dgs-ui-kit-fixed 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",
48
- { "dgs-ui-kit-opacity-100": o, "dgs-ui-kit-w-screen dgs-ui-kit-h-screen": d },
49
- b
48
+ { "dgs-ui-kit-opacity-100": l, "dgs-ui-kit-w-screen dgs-ui-kit-h-screen": a },
49
+ v
50
50
  ),
51
- onClick: c,
51
+ onClick: k,
52
52
  children: /* @__PURE__ */ g(
53
53
  "div",
54
54
  {
55
55
  className: u(
56
56
  "dgs-ui-kit-overflow-x-hidden dgs-ui-kit-rounded-2xl dgs-ui-kit-absolute dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-z-10 dgs-ui-kit-bg-white dgs-ui-kit-opacity-0 dgs-ui-kit-transition dgs-ui-kit-duration-100 dgs-ui-kit-divide-y dgs-ui-kit-divide-gray-200 dgs-ui-kit-divide-solid",
57
57
  {
58
- "dgs-ui-kit-opacity-100": o,
59
- "dgs-ui-kit-translate-y-full": !o && i === "bottom",
60
- "-dgs-ui-kit-translate-y-full": !o && i === "top",
61
- "dgs-ui-kit-translate-x-full": !o && i === "right",
62
- "-dgs-ui-kit-translate-x-full": !o && i === "left"
58
+ "dgs-ui-kit-opacity-100": l,
59
+ "dgs-ui-kit-translate-y-full": !l && i === "bottom",
60
+ "-dgs-ui-kit-translate-y-full": !l && i === "top",
61
+ "dgs-ui-kit-translate-x-full": !l && i === "right",
62
+ "-dgs-ui-kit-translate-x-full": !l && i === "left"
63
63
  },
64
- v
64
+ x
65
65
  ),
66
66
  style: {
67
- top: i !== "bottom" ? a ?? 0 : "auto",
68
- bottom: i !== "top" ? a ?? 0 : "auto",
69
- left: i !== "right" ? a ?? 0 : "auto",
70
- right: i !== "left" ? a ?? 0 : "auto",
71
- width: f({ position: i, padding: a, item: "width" }),
72
- height: f({ position: i, padding: a, item: "height" })
67
+ top: i !== "bottom" ? e ?? 0 : "unset",
68
+ bottom: i !== "top" ? e ?? 0 : "unset",
69
+ left: i !== "right" ? e ?? 0 : "unset",
70
+ right: i !== "left" ? e ?? 0 : "unset",
71
+ maxHeight: `calc(100vh - ${e * 2}px)`,
72
+ maxWidth: `calc(100vw - ${e * 2}px)`,
73
+ width: h({ position: i, padding: e, item: "width" }),
74
+ height: h({ position: i, padding: e, item: "height" })
73
75
  },
74
76
  onClick: (r) => r.stopPropagation(),
75
77
  children: [
@@ -89,7 +91,7 @@ const E = (e) => {
89
91
  t.haveCloseIcon && /* @__PURE__ */ s(
90
92
  "button",
91
93
  {
92
- onClick: c,
94
+ onClick: k,
93
95
  className: "dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-left-4",
94
96
  children: /* @__PURE__ */ s(
95
97
  I,
@@ -104,7 +106,7 @@ const E = (e) => {
104
106
  ]
105
107
  }
106
108
  ),
107
- /* @__PURE__ */ s("div", { className: u("dgs-ui-kit-p-4", x), children: p }),
109
+ /* @__PURE__ */ s("div", { className: u("dgs-ui-kit-p-4", b), children: p }),
108
110
  n?.element ? /* @__PURE__ */ s("div", { className: u("dgs-ui-kit-p-4 dgs-ui-kit-mt-auto", n.containerClassName), children: n.element }) : null
109
111
  ]
110
112
  }
@@ -113,5 +115,5 @@ const E = (e) => {
113
115
  );
114
116
  };
115
117
  export {
116
- E as default
118
+ A as default
117
119
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dgshahr/ui-kit",
3
- "version": "0.0.17",
3
+ "version": "0.0.18",
4
4
  "description": "dgshahr ui-kit",
5
5
  "author": "dgshahr",
6
6
  "license": "MIT",