@dgshahr/ui-kit 0.0.97 → 0.0.99

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 (15) hide show
  1. package/dist/Chip/index.cjs +1 -1
  2. package/dist/Chip/index.d.ts.map +1 -1
  3. package/dist/Chip/index.mjs +19 -18
  4. package/dist/Sidebar/index.cjs +1 -1
  5. package/dist/Sidebar/index.d.ts.map +1 -1
  6. package/dist/Sidebar/index.mjs +138 -132
  7. package/dist/Sidebar/types.d.ts +1 -0
  8. package/dist/Sidebar/types.d.ts.map +1 -1
  9. package/dist/Table/TBody.d.ts.map +1 -1
  10. package/dist/Table/index.cjs +1 -1
  11. package/dist/Table/index.mjs +126 -112
  12. package/dist/Table/types.d.ts +1 -0
  13. package/dist/Table/types.d.ts.map +1 -1
  14. package/dist/assets/styles.css +1 -1
  15. package/package.json +1 -1
package/dist/Chip/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";require('../assets/styles.css');const a=require("react/jsx-runtime"),l=require("../clsx-C11secjj.cjs"),n=require("../Badge/index.cjs");;/* empty css */function o({size:i="small",filled:t,className:e,disabled:r,isActive:s}){const d="dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-full dgs-ui-kit-transition hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-100 dgs-ui-kit-flex dgs-ui-kit-items-center",u={small:"dgs-ui-kit-gap-1 dgs-ui-kit-py-1 dgs-ui-kit-px-3 dgs-ui-kit-font-p2-medium [&_svg]:dgs-ui-kit-size-4",large:"dgs-ui-kit-gap-2 dgs-ui-kit-py-2.5 dgs-ui-kit-px-5 dgs-ui-kit-font-p1-medium [&_svg]:dgs-ui-kit-size-5"},g={default:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-border-gray-300",filled:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-100"};return l.clsx(d,u[i],g[t?"filled":"default"],r&&"dgs-ui-kit-opacity-40 dgs-ui-kit-cursor-not-allowed",s&&"!dgs-ui-kit-border-primary-500 !dgs-ui-kit-text-primary-500",e)}const k=i=>{const{label:t,rightIcon:e=null,leftIcon:r=null,badgeNumber:s,clickable:d,...u}=i,g=d?"button":"div";return a.jsxs(g,{...u,className:o(i),children:[e,t,s&&a.jsx(n,{value:s,valueType:"number"}),r]})};module.exports=k;
1
+ "use strict";require('../assets/styles.css');const a=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs"),n=require("../omitObjects-CtiYo0hv.cjs"),c=require("../Badge/index.cjs");;/* empty css */function k({size:i="small",filled:t,className:e,disabled:r,isActive:s}){const d="dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-full dgs-ui-kit-transition hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-100 dgs-ui-kit-flex dgs-ui-kit-items-center",u={small:"dgs-ui-kit-gap-1 dgs-ui-kit-py-1 dgs-ui-kit-px-3 dgs-ui-kit-font-p2-medium [&_svg]:dgs-ui-kit-size-4",large:"dgs-ui-kit-gap-2 dgs-ui-kit-py-2.5 dgs-ui-kit-px-5 dgs-ui-kit-font-p1-medium [&_svg]:dgs-ui-kit-size-5"},g={default:"dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-border-gray-300",filled:"dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-100"};return o.clsx(d,u[i],g[t?"filled":"default"],r&&"dgs-ui-kit-opacity-40 dgs-ui-kit-cursor-not-allowed",s&&"!dgs-ui-kit-border-primary-500 !dgs-ui-kit-text-primary-500",e)}const p=i=>{const{label:t,rightIcon:e=null,leftIcon:r=null,badgeNumber:s,clickable:d,...u}=i,g=d?"button":"div",l=n.omitObject(u,["filled","size","isActive"]);return a.jsxs(g,{...l,className:k(i),children:[e,t,s&&a.jsx(c,{value:s,valueType:"number"}),r]})};module.exports=p;
package/dist/Chip/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Chip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjF,OAAO,kBAAkB,CAAC;AAE1B,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,CACI,CAAC;IAAE,SAAS,EAAE,IAAI,CAAA;CAAE,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAC/D,CAAC;IAAE,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAC3D,CAAC;AAgCJ,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAqBvB,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Chip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjF,OAAO,kBAAkB,CAAC;AAE1B,UAAU,aAAa;IACrB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,CACI,CAAC;IAAE,SAAS,EAAE,IAAI,CAAA;CAAE,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,GAC/D,CAAC;IAAE,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAC3D,CAAC;AAgCJ,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAsBvB,CAAC;AAEF,eAAe,IAAI,CAAC"}
package/dist/Chip/index.mjs CHANGED
@@ -1,46 +1,47 @@
1
- import { jsxs as g, jsx as l } from "react/jsx-runtime";
2
- import { c as o } from "../clsx-OuTLNxxd.js";
3
- import k from "../Badge/index.mjs";
1
+ import { jsxs as l, jsx as o } from "react/jsx-runtime";
2
+ import { c as n } from "../clsx-OuTLNxxd.js";
3
+ import { o as k } from "../omitObjects-CxFrrlkX.js";
4
+ import c from "../Badge/index.mjs";
4
5
  import '../assets/styles.css';/* empty css */
5
- function n({ size: i = "small", filled: s, className: r, disabled: d, isActive: t }) {
6
- const e = "dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-full dgs-ui-kit-transition hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-100 dgs-ui-kit-flex dgs-ui-kit-items-center", u = {
6
+ function m({ size: i = "small", filled: s, className: r, disabled: e, isActive: t }) {
7
+ const d = "dgs-ui-kit-bg-white dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-rounded-full dgs-ui-kit-transition hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-100 dgs-ui-kit-flex dgs-ui-kit-items-center", u = {
7
8
  small: "dgs-ui-kit-gap-1 dgs-ui-kit-py-1 dgs-ui-kit-px-3 dgs-ui-kit-font-p2-medium [&_svg]:dgs-ui-kit-size-4",
8
9
  large: "dgs-ui-kit-gap-2 dgs-ui-kit-py-2.5 dgs-ui-kit-px-5 dgs-ui-kit-font-p1-medium [&_svg]:dgs-ui-kit-size-5"
9
10
  }, a = {
10
11
  default: "dgs-ui-kit-text-gray-700 hover:dgs-ui-kit-text-primary-500 dgs-ui-kit-border-gray-200 hover:dgs-ui-kit-border-gray-300",
11
12
  filled: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500 dgs-ui-kit-border-primary-100"
12
13
  };
13
- return o(
14
- e,
14
+ return n(
15
+ d,
15
16
  u[i],
16
17
  a[s ? "filled" : "default"],
17
- d && "dgs-ui-kit-opacity-40 dgs-ui-kit-cursor-not-allowed",
18
+ e && "dgs-ui-kit-opacity-40 dgs-ui-kit-cursor-not-allowed",
18
19
  t && "!dgs-ui-kit-border-primary-500 !dgs-ui-kit-text-primary-500",
19
20
  r
20
21
  );
21
22
  }
22
- const v = (i) => {
23
- const { label: s, rightIcon: r = null, leftIcon: d = null, badgeNumber: t, clickable: e, ...u } = i;
24
- return /* @__PURE__ */ g(
25
- e ? "button" : "div",
23
+ const C = (i) => {
24
+ const { label: s, rightIcon: r = null, leftIcon: e = null, badgeNumber: t, clickable: d, ...u } = i, a = d ? "button" : "div", g = k(u, ["filled", "size", "isActive"]);
25
+ return /* @__PURE__ */ l(
26
+ a,
26
27
  {
27
- ...u,
28
- className: n(i),
28
+ ...g,
29
+ className: m(i),
29
30
  children: [
30
31
  r,
31
32
  s,
32
- t && /* @__PURE__ */ l(
33
- k,
33
+ t && /* @__PURE__ */ o(
34
+ c,
34
35
  {
35
36
  value: t,
36
37
  valueType: "number"
37
38
  }
38
39
  ),
39
- d
40
+ e
40
41
  ]
41
42
  }
42
43
  );
43
44
  };
44
45
  export {
45
- v as default
46
+ C as default
46
47
  };
package/dist/Sidebar/index.cjs CHANGED
@@ -1 +1 @@
1
- "use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),d=require("../clsx-C11secjj.cjs"),o=require("react"),q=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),S=require("../Badge/index.cjs"),B=require("../index-CSis3p-s.cjs");;/* empty css */const C=require("../AccordionItem-BcOHTf5E.cjs"),N=require("../Divider/index.cjs"),I=require("../IconArrowLeft2-CNA3H0xY.cjs"),O=require("../Button/index.cjs"),R=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),x="dgs-ui-kit-duration-300",j="dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600",w="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",A="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",v=`${A} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`,E=o.createContext({isOpen:!1,setIsOpen:()=>{}}),p=()=>o.useContext(E),f=s=>d.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",s?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",x);function y(s,t){return i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",t?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[s.icon,i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",t?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",f),children:s.title}),s.badgeCount&&i.jsx(S,{className:d.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function _(s,t){return s.map(u=>{if("children"in u&&u.children){const n=_(u.children,t);if(n.length>0)return{...u,children:n}}return u.title.includes(t)?{...u}:null}).filter(u=>!!u)}const T=s=>{const{value:t,onChange:u}=s,{isOpen:n,searchInput:a}=p();return i.jsx(B.Input,{value:t,onChange:u,rightIcon:i.jsx(z.IconSearch,{}),placeholder:"جستجو",...typeof a=="boolean"?{}:a,wrapperClassName:d.clsx("dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",f(n),typeof a=="object"&&a.wrapperClassName,x)})},D=()=>{const{isOpen:s,searchInput:t=!0,items:u}=p(),[n,a]=o.useState(""),[g,h]=o.useState(u??[]),m=o.useCallback(q.debounce(l=>{h(_(g,l))},800),[]);function b(l){const c=l.target.value;a(c),m(c)}function k(){a(""),h(u??[])}return o.useEffect(()=>{n&&k()},[s]),i.jsxs("div",{className:"dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar",children:[!!t&&i.jsx(T,{value:n,onChange:b}),i.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:g.map((l,c)=>i.jsxs(o.Fragment,{children:[i.jsx("div",{className:d.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",f(s)),children:l.title}),i.jsx(C.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:l.children?.map(e=>e.link?i.jsx("a",{href:e.link,className:d.clsx("dgs-ui-kit-pr-3",e.disabled&&w,e.active&&v,s?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",j),children:y(e,s)},e.link):i.jsx(C.AccordionItem,{className:d.clsx("!dgs-ui-kit-p-0",e.disabled&&w),title:y(e,s),hideDivider:!0,hideArrow:!s||e.disabled,disable:!s||e.disabled,titleClassName:d.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",s?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",e.children?.find(r=>r.active)&&v,j),children:e.children?.map(r=>i.jsxs("a",{href:r.link,className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",r.disabled&&w,r.active&&A,j),children:[i.jsx("p",{children:r.title}),r.badgeCount&&i.jsx(S,{valueType:"number",value:r.badgeCount,color:"error",type:"twoTone",size:"small"})]},r.link))},e.link??e.title))}),c!==g.length-1&&i.jsx(N,{type:"horizontal"})]},l.title))})]})},M=()=>{const{isOpen:s,logo:t}=p();return i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:d.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",t?.className)})})},P=()=>{const{userProfile:s,isOpen:t}=p();return i.jsxs("a",{href:s?.link??"#",className:d.clsx("dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",{"dgs-ui-kit-pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),i.jsxs("div",{className:d.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",f(t)),children:[i.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:s?.name}),i.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:s?.description})]})]})},F=()=>{const{isOpen:s,setIsOpen:t}=p();return i.jsx("button",{type:"button",className:"dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",onClick:()=>t(!s),children:i.jsx(I.IconArrowLeft2,{className:d.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",s&&"dgs-ui-kit-rotate-180",x),width:16,height:16})})},V=s=>{const{isOpen:t,className:u,logo:n,items:a,extraComponent:g,userProfile:h,logOutButtonProps:m,onLogout:b,showMask:k,onMaskClick:l}=s,c=k?"div":o.Fragment,e=document.documentElement;return o.useEffect(()=>{const r="dgs-ui-kit-pr-[80px]";return e.classList.add(r),()=>{e.classList.remove(r)}},[]),o.useEffect(()=>{if(!k)return;const r="dgs-ui-kit-overflow-hidden";return t?e.classList.add(r):e.classList.remove(r),()=>{e.classList.remove(r)}},[k,t]),i.jsx(E.Provider,{value:s,children:i.jsx(c,{...c==="div"?{className:d.clsx("dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",t?"dgs-ui-kit-size-full dgs-ui-kit-bg-black/40":"dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",x),onClick:r=>{typeof l=="function"&&r.target===r.currentTarget&&l()}}:{},children:i.jsxs("div",{className:d.clsx(u,"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width]",t?"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",x),children:[i.jsx(F,{}),!!(n?.open??n?.close)&&i.jsx(M,{}),a&&a.length>0&&i.jsx(D,{}),i.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[g,i.jsx(N,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!h?.image&&i.jsx(P,{}),i.jsx(O,{color:"error",variant:"secondary",rightIcon:i.jsx(R,{}),isFullWidth:!0,onClick:b,...m,children:t?"خروج":""})]})]})})})};module.exports=V;
1
+ "use client";"use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),r=require("../clsx-C11secjj.cjs"),o=require("react"),O=require("../index-BfuaA-Ji.cjs"),z=require("../IconSearch-BeVs-gUu.cjs"),N=require("../Badge/index.cjs"),B=require("../index-CSis3p-s.cjs");;/* empty css */const y=require("../AccordionItem-BcOHTf5E.cjs"),A=require("../Divider/index.cjs"),I=require("../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../Button/index.cjs"),T=s=>i.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...s,children:[i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M9 12.12a.75.75 0 0 1 .75-.75h12.041a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75",clipRule:"evenodd"}),i.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M18.333 8.675a.75.75 0 0 1 1.06-.002l2.928 2.916a.75.75 0 0 1 0 1.063l-2.928 2.916a.75.75 0 0 1-1.058-1.063l2.394-2.384-2.394-2.385a.75.75 0 0 1-.002-1.06M14.288 4.45c.777.576 1.165 1.516 1.325 3.249a.75.75 0 1 0 1.494-.138c-.17-1.848-.617-3.347-1.926-4.316C13.927 2.315 12.037 2 9.36 2c-3.55 0-5.733.556-6.853 2.38-.533.869-.77 1.945-.884 3.177-.114 1.228-.114 2.702-.114 4.411v.063c0 1.71 0 3.184.114 4.411.115 1.233.35 2.309.884 3.178C3.627 21.443 5.81 22 9.36 22c2.677 0 4.567-.316 5.821-1.245 1.309-.97 1.755-2.468 1.926-4.316a.75.75 0 1 0-1.494-.138c-.16 1.732-.548 2.673-1.325 3.249-.83.615-2.276.95-4.928.95-3.551 0-4.92-.599-5.575-1.665-.353-.576-.561-1.379-.668-2.531-.107-1.15-.108-2.557-.108-4.304s0-3.154.108-4.304c.107-1.153.315-1.955.668-2.531C4.441 4.098 5.81 3.5 9.36 3.5c2.652 0 4.098.334 4.928.95",clipRule:"evenodd"})]}),p="dgs-ui-kit-duration-300",w="dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600",C="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",E="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",v=`${E} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`,_=o.createContext({isOpen:!1,setIsOpen:()=>{}}),h=()=>o.useContext(_),m=s=>r.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",s?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",p);function S(s,t){return i.jsxs("div",{className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",t?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[s.icon,i.jsx("div",{className:r.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",t?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",m),children:s.title}),s.badgeCount&&i.jsx(N,{className:r.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!t}),value:s.badgeCount,valueType:"number",color:"error",size:"small"})]})}function q(s,t){return s.map(d=>{if("children"in d&&d.children){const n=q(d.children,t);if(n.length>0)return{...d,children:n}}return d.title.includes(t)?{...d}:null}).filter(d=>!!d)}const D=s=>{const{value:t,onChange:d}=s,{isOpen:n,searchInput:a}=h();return i.jsx(B.Input,{value:t,onChange:d,rightIcon:i.jsx(z.IconSearch,{}),placeholder:"جستجو",...typeof a=="boolean"?{}:a,wrapperClassName:r.clsx("dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",m(n),typeof a=="object"&&a.wrapperClassName,p)})},M=()=>{const{isOpen:s,searchInput:t=!0,items:d}=h(),[n,a]=o.useState(""),[k,f]=o.useState(d??[]),b=o.useCallback(O.debounce(l=>{f(q(k,l))},800),[]);function j(l){const c=l.target.value;a(c),b(c)}function x(){a(""),f(d??[])}return o.useEffect(()=>{n&&x()},[s]),i.jsxs("div",{className:"dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar",children:[!!t&&i.jsx(D,{value:n,onChange:j}),i.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:k.map((l,c)=>i.jsxs(o.Fragment,{children:[i.jsx("div",{className:r.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",m(s)),children:l.title}),i.jsx(y.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:l.children?.map(e=>e.link?i.jsx("a",{href:e.link,className:r.clsx("dgs-ui-kit-pr-3",e.disabled&&C,e.active&&v,s?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",w),children:S(e,s)},e.link):i.jsx(y.AccordionItem,{className:r.clsx("!dgs-ui-kit-p-0",e.disabled&&C),title:S(e,s),hideDivider:!0,hideArrow:!s||e.disabled,disable:!s||e.disabled,titleClassName:r.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",s?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",e.children?.find(u=>u.active)&&v,w),children:e.children?.map(u=>i.jsxs("a",{href:u.link,className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",u.disabled&&C,u.active&&E,w),children:[i.jsx("p",{children:u.title}),u.badgeCount&&i.jsx(N,{valueType:"number",value:u.badgeCount,color:"error",type:"twoTone",size:"small"})]},u.link))},e.link??e.title))}),c!==k.length-1&&i.jsx(A,{type:"horizontal"})]},l.title))})]})},P=()=>{const{isOpen:s,logo:t}=h();return i.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:i.jsx("img",{...t,alt:t?.alt??"Logo",src:s?t?.open:t?.close,className:r.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",t?.className)})})},F=()=>{const{userProfile:s,isOpen:t}=h();return i.jsxs("a",{href:s?.link??"#",className:r.clsx("dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",{"dgs-ui-kit-pointer-events-none":!s?.link}),children:[i.jsx("img",{src:s?.image,alt:s?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),i.jsxs("div",{className:r.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",m(t)),children:[i.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:s?.name}),i.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:s?.description})]})]})},V=()=>{const{isOpen:s,setIsOpen:t}=h();return i.jsx("button",{type:"button",className:"dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",onClick:()=>t(!s),children:i.jsx(I.IconArrowLeft2,{className:r.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",s&&"dgs-ui-kit-rotate-180",p),width:16,height:16})})},H=s=>{const{isOpen:t,className:d,logo:n,items:a,extraComponent:k,userProfile:f,logOutButtonProps:b,onLogout:j,showMask:x,onMaskClick:l,hideOnClose:c}=s,e=x?"div":o.Fragment,u=document.documentElement;return o.useEffect(()=>{if(c)return;const g="dgs-ui-kit-pr-[80px]";return u.classList.add(g),()=>{u.classList.remove(g)}},[c,t]),o.useEffect(()=>{if(!x)return;const g="dgs-ui-kit-overflow-hidden";return t?u.classList.add(g):u.classList.remove(g),()=>{u.classList.remove(g)}},[x,t]),i.jsx(_.Provider,{value:s,children:i.jsx(e,{...e==="div"?{className:r.clsx("dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",t?"dgs-ui-kit-size-full dgs-ui-kit-bg-black/40":"dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",p),onClick:g=>{typeof l=="function"&&g.target===g.currentTarget&&l()}}:{},children:i.jsxs("div",{className:r.clsx(d,"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width,opacity]",{"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":t,"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]":!t&&!c,"dgs-ui-kit-w-0 dgs-ui-kit-opacity-0":!t&&c},p),children:[i.jsx(V,{}),!!(n?.open??n?.close)&&i.jsx(P,{}),a&&a.length>0&&i.jsx(M,{}),i.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[k,i.jsx(A,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!f?.image&&i.jsx(F,{}),i.jsx(R,{color:"error",variant:"secondary",rightIcon:i.jsx(T,{}),isFullWidth:!0,onClick:j,...b,children:t?"خروج":""})]})]})})})};module.exports=H;
package/dist/Sidebar/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6F7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAQrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkG7B,CAAC;AAEF,eAAe,OAAO,CAAC;AACvB,cAAc,SAAS,CAAC"}
package/dist/Sidebar/index.mjs CHANGED
@@ -1,17 +1,17 @@
1
1
  "use client";
2
- import { jsxs as l, jsx as t } from "react/jsx-runtime";
3
- import { c as r } from "../clsx-OuTLNxxd.js";
4
- import { createContext as I, useContext as T, useState as y, useCallback as j, useEffect as v, Fragment as A } from "react";
5
- import { d as D } from "../index-CzwAoGdL.js";
6
- import { I as M } from "../IconSearch-aShj2vmu.js";
7
- import _ from "../Badge/index.mjs";
8
- import { I as R } from "../index-BOxK2gfQ.js";
2
+ import { jsxs as c, jsx as t } from "react/jsx-runtime";
3
+ import { c as d } from "../clsx-OuTLNxxd.js";
4
+ import { createContext as T, useContext as j, useState as N, useCallback as D, useEffect as v, Fragment as _ } from "react";
5
+ import { d as M } from "../index-CzwAoGdL.js";
6
+ import { I as R } from "../IconSearch-aShj2vmu.js";
7
+ import E from "../Badge/index.mjs";
8
+ import { I as P } from "../index-BOxK2gfQ.js";
9
9
  import '../assets/styles.css';/* empty css */
10
- import { A as P, a as V } from "../AccordionItem-CbYyB1Ub.js";
11
- import E from "../Divider/index.mjs";
12
- import { I as F } from "../IconArrowLeft2-cxcPyDqS.js";
13
- import H from "../Button/index.mjs";
14
- const G = (i) => /* @__PURE__ */ l(
10
+ import { A as V, a as F } from "../AccordionItem-CbYyB1Ub.js";
11
+ import O from "../Divider/index.mjs";
12
+ import { I as H } from "../IconArrowLeft2-cxcPyDqS.js";
13
+ import G from "../Button/index.mjs";
14
+ const U = (i) => /* @__PURE__ */ c(
15
15
  "svg",
16
16
  {
17
17
  xmlns: "http://www.w3.org/2000/svg",
@@ -41,20 +41,20 @@ const G = (i) => /* @__PURE__ */ l(
41
41
  )
42
42
  ]
43
43
  }
44
- ), p = "dgs-ui-kit-duration-300", C = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", w = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", z = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", N = `${z} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, B = I({
44
+ ), f = "dgs-ui-kit-duration-300", w = "dgs-ui-kit-relative dgs-ui-kit-transition-all hover:dgs-ui-kit-bg-gray-50 dgs-ui-kit-rounded-lg focus:dgs-ui-kit-ring-[3px] focus:dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-primary-300 dgs-ui-kit-text-gray-600", y = "dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none", z = "!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600", S = `${z} before:dgs-ui-kit-content-[""] before:dgs-ui-kit-absolute before:dgs-ui-kit-w-1 before:dgs-ui-kit-h-[22px] before:dgs-ui-kit-rounded-l-md before:dgs-ui-kit-bg-primary-500 before:dgs-ui-kit-top-1/2 before:-dgs-ui-kit-translate-y-1/2 before:-dgs-ui-kit-right-4`, B = T({
45
45
  isOpen: !1,
46
46
  setIsOpen: () => {
47
47
  }
48
- }), f = () => T(B), m = (i) => r(
48
+ }), h = () => j(B), b = (i) => d(
49
49
  "dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",
50
50
  i ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0",
51
- p
51
+ f
52
52
  );
53
- function S(i, s) {
54
- return /* @__PURE__ */ l(
53
+ function A(i, s) {
54
+ return /* @__PURE__ */ c(
55
55
  "div",
56
56
  {
57
- className: r(
57
+ className: d(
58
58
  "dgs-ui-kit-flex dgs-ui-kit-items-center [&_svg]:dgs-ui-kit-size-6 [&_svg]:dgs-ui-kit-shrink-0 dgs-ui-kit-min-h-12 dgs-ui-kit-text-start",
59
59
  s ? "dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse" : "dgs-ui-kit-justify-center"
60
60
  ),
@@ -63,18 +63,18 @@ function S(i, s) {
63
63
  /* @__PURE__ */ t(
64
64
  "div",
65
65
  {
66
- className: r(
66
+ className: d(
67
67
  "dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",
68
68
  s ? "dgs-ui-kit-w-full" : "dgs-ui-kit-w-0",
69
- m
69
+ b
70
70
  ),
71
71
  children: i.title
72
72
  }
73
73
  ),
74
74
  i.badgeCount && /* @__PURE__ */ t(
75
- _,
75
+ E,
76
76
  {
77
- className: r("dgs-ui-kit-shrink-0", {
77
+ className: d("dgs-ui-kit-shrink-0", {
78
78
  "!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0": !s
79
79
  }),
80
80
  value: i.badgeCount,
@@ -87,115 +87,115 @@ function S(i, s) {
87
87
  }
88
88
  );
89
89
  }
90
- function O(i, s) {
91
- return i.map((u) => {
92
- if ("children" in u && u.children) {
93
- const n = O(u.children, s);
90
+ function I(i, s) {
91
+ return i.map((r) => {
92
+ if ("children" in r && r.children) {
93
+ const n = I(r.children, s);
94
94
  if (n.length > 0)
95
- return { ...u, children: n };
95
+ return { ...r, children: n };
96
96
  }
97
- return u.title.includes(s) ? { ...u } : null;
98
- }).filter((u) => !!u);
97
+ return r.title.includes(s) ? { ...r } : null;
98
+ }).filter((r) => !!r);
99
99
  }
100
- const U = (i) => {
101
- const { value: s, onChange: u } = i, { isOpen: n, searchInput: a } = f();
100
+ const W = (i) => {
101
+ const { value: s, onChange: r } = i, { isOpen: n, searchInput: a } = h();
102
102
  return /* @__PURE__ */ t(
103
- R,
103
+ P,
104
104
  {
105
105
  value: s,
106
- onChange: u,
107
- rightIcon: /* @__PURE__ */ t(M, {}),
106
+ onChange: r,
107
+ rightIcon: /* @__PURE__ */ t(R, {}),
108
108
  placeholder: "جستجو",
109
109
  ...typeof a == "boolean" ? {} : a,
110
- wrapperClassName: r(
110
+ wrapperClassName: d(
111
111
  "dgs-ui-kit-mb-8 dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-4",
112
- m(n),
112
+ b(n),
113
113
  typeof a == "object" && a.wrapperClassName,
114
- p
114
+ f
115
115
  )
116
116
  }
117
117
  );
118
- }, W = () => {
119
- const { isOpen: i, searchInput: s = !0, items: u } = f(), [n, a] = y(""), [c, h] = y(u ?? []), b = j(
120
- D((o) => {
121
- h(O(c, o));
118
+ }, $ = () => {
119
+ const { isOpen: i, searchInput: s = !0, items: r } = h(), [n, a] = N(""), [k, m] = N(r ?? []), x = D(
120
+ M((o) => {
121
+ m(I(k, o));
122
122
  }, 800),
123
123
  []
124
124
  );
125
- function x(o) {
126
- const g = o.target.value;
127
- a(g), b(g);
125
+ function C(o) {
126
+ const l = o.target.value;
127
+ a(l), x(l);
128
128
  }
129
- function k() {
130
- a(""), h(u ?? []);
129
+ function p() {
130
+ a(""), m(r ?? []);
131
131
  }
132
132
  return v(() => {
133
- n && k();
134
- }, [i]), /* @__PURE__ */ l("div", { className: "dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar", children: [
133
+ n && p();
134
+ }, [i]), /* @__PURE__ */ c("div", { className: "dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden -dgs-ui-kit-mx-4 dgs-ui-kit-h-3/4 no-scrollbar", children: [
135
135
  !!s && /* @__PURE__ */ t(
136
- U,
136
+ W,
137
137
  {
138
138
  value: n,
139
- onChange: x
139
+ onChange: C
140
140
  }
141
141
  ),
142
- /* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: c.map((o, g) => /* @__PURE__ */ l(A, { children: [
142
+ /* @__PURE__ */ t("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: k.map((o, l) => /* @__PURE__ */ c(_, { children: [
143
143
  /* @__PURE__ */ t(
144
144
  "div",
145
145
  {
146
- className: r(
146
+ className: d(
147
147
  "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",
148
- m(i)
148
+ b(i)
149
149
  ),
150
150
  children: o.title
151
151
  }
152
152
  ),
153
- /* @__PURE__ */ t(P, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children: o.children?.map(
153
+ /* @__PURE__ */ t(V, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children: o.children?.map(
154
154
  (e) => e.link ? /* @__PURE__ */ t(
155
155
  "a",
156
156
  {
157
157
  href: e.link,
158
- className: r(
158
+ className: d(
159
159
  "dgs-ui-kit-pr-3",
160
- e.disabled && w,
161
- e.active && N,
160
+ e.disabled && y,
161
+ e.active && S,
162
162
  i ? "dgs-ui-kit-pl-9" : "dgs-ui-kit-pl-3",
163
- C
163
+ w
164
164
  ),
165
- children: S(e, i)
165
+ children: A(e, i)
166
166
  },
167
167
  e.link
168
168
  ) : /* @__PURE__ */ t(
169
- V,
169
+ F,
170
170
  {
171
- className: r("!dgs-ui-kit-p-0", e.disabled && w),
172
- title: S(e, i),
171
+ className: d("!dgs-ui-kit-p-0", e.disabled && y),
172
+ title: A(e, i),
173
173
  hideDivider: !0,
174
174
  hideArrow: !i || e.disabled,
175
175
  disable: !i || e.disabled,
176
- titleClassName: r(
176
+ titleClassName: d(
177
177
  "[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",
178
178
  i ? "dgs-ui-kit-px-3" : "!dgs-ui-kit-justify-center",
179
- e.children?.find((d) => d.active) && N,
180
- C
179
+ e.children?.find((u) => u.active) && S,
180
+ w
181
181
  ),
182
- children: e.children?.map((d) => /* @__PURE__ */ l(
182
+ children: e.children?.map((u) => /* @__PURE__ */ c(
183
183
  "a",
184
184
  {
185
- href: d.link,
186
- className: r(
185
+ href: u.link,
186
+ className: d(
187
187
  "dgs-ui-kit-flex dgs-ui-kit-justify-between dgs-ui-kit-h-10 dgs-ui-kit-pl-9 dgs-ui-kit-pr-11 dgs-ui-kit-py-2 dgs-ui-kit-mt-1 first:dgs-ui-kit-mt-0",
188
- d.disabled && w,
189
- d.active && z,
190
- C
188
+ u.disabled && y,
189
+ u.active && z,
190
+ w
191
191
  ),
192
192
  children: [
193
- /* @__PURE__ */ t("p", { children: d.title }),
194
- d.badgeCount && /* @__PURE__ */ t(
195
- _,
193
+ /* @__PURE__ */ t("p", { children: u.title }),
194
+ u.badgeCount && /* @__PURE__ */ t(
195
+ E,
196
196
  {
197
197
  valueType: "number",
198
- value: d.badgeCount,
198
+ value: u.badgeCount,
199
199
  color: "error",
200
200
  type: "twoTone",
201
201
  size: "small"
@@ -203,33 +203,33 @@ const U = (i) => {
203
203
  )
204
204
  ]
205
205
  },
206
- d.link
206
+ u.link
207
207
  ))
208
208
  },
209
209
  e.link ?? e.title
210
210
  )
211
211
  ) }),
212
- g !== c.length - 1 && /* @__PURE__ */ t(E, { type: "horizontal" })
212
+ l !== k.length - 1 && /* @__PURE__ */ t(O, { type: "horizontal" })
213
213
  ] }, o.title)) })
214
214
  ] });
215
- }, $ = () => {
216
- const { isOpen: i, logo: s } = f();
215
+ }, q = () => {
216
+ const { isOpen: i, logo: s } = h();
217
217
  return /* @__PURE__ */ t("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8", children: /* @__PURE__ */ t(
218
218
  "img",
219
219
  {
220
220
  ...s,
221
221
  alt: s?.alt ?? "Logo",
222
222
  src: i ? s?.open : s?.close,
223
- className: r("dgs-ui-kit-h-12 dgs-ui-kit-w-full", s?.className)
223
+ className: d("dgs-ui-kit-h-12 dgs-ui-kit-w-full", s?.className)
224
224
  }
225
225
  ) });
226
- }, q = () => {
227
- const { userProfile: i, isOpen: s } = f();
228
- return /* @__PURE__ */ l(
226
+ }, J = () => {
227
+ const { userProfile: i, isOpen: s } = h();
228
+ return /* @__PURE__ */ c(
229
229
  "a",
230
230
  {
231
231
  href: i?.link ?? "#",
232
- className: r(
232
+ className: d(
233
233
  "dgs-ui-kit-mb-4 dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
234
234
  { "dgs-ui-kit-pointer-events-none": !i?.link }
235
235
  ),
@@ -242,15 +242,15 @@ const U = (i) => {
242
242
  className: "dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"
243
243
  }
244
244
  ),
245
- /* @__PURE__ */ l("div", { className: r("dgs-ui-kit-flex dgs-ui-kit-flex-col", m(s)), children: [
245
+ /* @__PURE__ */ c("div", { className: d("dgs-ui-kit-flex dgs-ui-kit-flex-col", b(s)), children: [
246
246
  /* @__PURE__ */ t("p", { className: "dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700", children: i?.name }),
247
247
  /* @__PURE__ */ t("p", { className: "dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400", children: i?.description })
248
248
  ] })
249
249
  ]
250
250
  }
251
251
  );
252
- }, J = () => {
253
- const { isOpen: i, setIsOpen: s } = f();
252
+ }, K = () => {
253
+ const { isOpen: i, setIsOpen: s } = h();
254
254
  return /* @__PURE__ */ t(
255
255
  "button",
256
256
  {
@@ -258,12 +258,12 @@ const U = (i) => {
258
258
  className: "dgs-ui-kit-absolute dgs-ui-kit-top-7 dgs-ui-kit-left-0 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-p-1 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-gray-300 dgs-ui-kit-bg-white",
259
259
  onClick: () => s(!i),
260
260
  children: /* @__PURE__ */ t(
261
- F,
261
+ H,
262
262
  {
263
- className: r(
263
+ className: d(
264
264
  "dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",
265
265
  i && "dgs-ui-kit-rotate-180",
266
- p
266
+ f
267
267
  ),
268
268
  width: 16,
269
269
  height: 16
@@ -271,75 +271,81 @@ const U = (i) => {
271
271
  )
272
272
  }
273
273
  );
274
- }, ui = (i) => {
274
+ }, ni = (i) => {
275
275
  const {
276
276
  isOpen: s,
277
- className: u,
277
+ className: r,
278
278
  logo: n,
279
279
  items: a,
280
- extraComponent: c,
281
- userProfile: h,
282
- logOutButtonProps: b,
283
- onLogout: x,
284
- showMask: k,
285
- onMaskClick: o
286
- } = i, g = k ? "div" : A, e = document.documentElement;
280
+ extraComponent: k,
281
+ userProfile: m,
282
+ logOutButtonProps: x,
283
+ onLogout: C,
284
+ showMask: p,
285
+ onMaskClick: o,
286
+ hideOnClose: l
287
+ } = i, e = p ? "div" : _, u = document.documentElement;
287
288
  return v(() => {
288
- const d = "dgs-ui-kit-pr-[80px]";
289
- return e.classList.add(d), () => {
290
- e.classList.remove(d);
289
+ if (l) return;
290
+ const g = "dgs-ui-kit-pr-[80px]";
291
+ return u.classList.add(g), () => {
292
+ u.classList.remove(g);
291
293
  };
292
- }, []), v(() => {
293
- if (!k) return;
294
- const d = "dgs-ui-kit-overflow-hidden";
295
- return s ? e.classList.add(d) : e.classList.remove(d), () => {
296
- e.classList.remove(d);
294
+ }, [l, s]), v(() => {
295
+ if (!p) return;
296
+ const g = "dgs-ui-kit-overflow-hidden";
297
+ return s ? u.classList.add(g) : u.classList.remove(g), () => {
298
+ u.classList.remove(g);
297
299
  };
298
- }, [k, s]), /* @__PURE__ */ t(B.Provider, { value: i, children: /* @__PURE__ */ t(
299
- g,
300
+ }, [p, s]), /* @__PURE__ */ t(B.Provider, { value: i, children: /* @__PURE__ */ t(
301
+ e,
300
302
  {
301
- ...g === "div" ? {
302
- className: r(
303
+ ...e === "div" ? {
304
+ className: d(
303
305
  "dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-left-0 dgs-ui-kit-z-50 dgs-ui-kit-overflow-hidden dgs-ui-kit-transition-[background-color] dgs-ui-kit-ease-linear",
304
306
  s ? "dgs-ui-kit-size-full dgs-ui-kit-bg-black/40" : "dgs-ui-kit-size-0 dgs-ui-kit-bg-transparent",
305
- p
307
+ f
306
308
  ),
307
- onClick: (d) => {
308
- typeof o == "function" && d.target === d.currentTarget && o();
309
+ onClick: (g) => {
310
+ typeof o == "function" && g.target === g.currentTarget && o();
309
311
  }
310
312
  } : {},
311
- children: /* @__PURE__ */ l(
313
+ children: /* @__PURE__ */ c(
312
314
  "div",
313
315
  {
314
- className: r(
315
- u,
316
- "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width]",
317
- s ? "dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full" : "dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",
318
- p
316
+ className: d(
317
+ r,
318
+ "dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-fixed dgs-ui-kit-top-0 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-shadow-md dgs-ui-kit-h-full dgs-ui-kit-p-4 dgs-ui-kit-pt-6 dgs-ui-kit-transition-[width,max-width,opacity]",
319
+ {
320
+ "dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full": s,
321
+ "dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]": !s && !l,
322
+ "dgs-ui-kit-w-0 dgs-ui-kit-opacity-0": !s && l
323
+ },
324
+ f
319
325
  ),
320
326
  children: [
321
- /* @__PURE__ */ t(J, {}),
322
- !!(n?.open ?? n?.close) && /* @__PURE__ */ t($, {}),
323
- a && a.length > 0 && /* @__PURE__ */ t(W, {}),
324
- /* @__PURE__ */ l("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
325
- c,
327
+ /* @__PURE__ */ t(K, {}),
328
+ !!(n?.open ?? n?.close) && /* @__PURE__ */ t(q, {}),
329
+ a && a.length > 0 && /* @__PURE__ */ t($, {}),
330
+ /* @__PURE__ */ c("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
331
+ k,
326
332
  /* @__PURE__ */ t(
327
- E,
333
+ O,
328
334
  {
329
335
  className: "dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",
330
336
  type: "horizontal"
331
337
  }
332
338
  ),
333
- !!h?.image && /* @__PURE__ */ t(q, {}),
339
+ !!m?.image && /* @__PURE__ */ t(J, {}),
334
340
  /* @__PURE__ */ t(
335
- H,
341
+ G,
336
342
  {
337
343
  color: "error",
338
344
  variant: "secondary",
339
- rightIcon: /* @__PURE__ */ t(G, {}),
345
+ rightIcon: /* @__PURE__ */ t(U, {}),
340
346
  isFullWidth: !0,
341
- onClick: x,
342
- ...b,
347
+ onClick: C,
348
+ ...x,
343
349
  children: s ? "خروج" : ""
344
350
  }
345
351
  )
@@ -351,5 +357,5 @@ const U = (i) => {
351
357
  ) });
352
358
  };
353
359
  export {
354
- ui as default
360
+ ni as default
355
361
  };
package/dist/Sidebar/types.d.ts CHANGED
@@ -40,6 +40,7 @@ interface SidebarPropsBase {
40
40
  onLogout?: () => void;
41
41
  logOutButtonProps?: Omit<ButtonProps, 'onClick'>;
42
42
  className?: string;
43
+ hideOnClose?: boolean;
43
44
  }
44
45
  interface SidebarPropsWithMask {
45
46
  showMask: true;
package/dist/Sidebar/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACpF,KAAK,CACN,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,IAAI,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,CAAC,oBAAoB,GAAG,uBAAuB,CAAC,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,qBAAqB,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAC;CACrC;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EACpF,KAAK,CACN,CAAC;IACF,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;IAC/D,KAAK,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,IAAI,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,UAAU,uBAAuB;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,KAAK,CAAC;CAC3B;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,CAAC,oBAAoB,GAAG,uBAAuB,CAAC,CAAC"}
package/dist/Table/TBody.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TBody.d.ts","sourceRoot":"","sources":["../../src/components/Table/TBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAchC,UAAU,UAAU;IAClB,cAAc,EAAE,OAAO,CAAC;CACzB;AA8CD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAiEzB,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"TBody.d.ts","sourceRoot":"","sources":["../../src/components/Table/TBody.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAchC,UAAU,UAAU;IAClB,cAAc,EAAE,OAAO,CAAC;CACzB;AA8CD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CA6EzB,CAAC;AAEF,eAAe,KAAK,CAAC"}