@dgshahr/ui-kit 0.0.88 → 0.0.90

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 (62) hide show
  1. package/dist/Card/index.cjs +1 -1
  2. package/dist/Card/index.d.ts.map +1 -1
  3. package/dist/Card/index.mjs +18 -19
  4. package/dist/FieldBottomInfo-CE1uBAqq.cjs +1 -0
  5. package/dist/FieldBottomInfo-CJ8_Kr25.js +49 -0
  6. package/dist/Form/Datepicker/index.cjs +1 -1
  7. package/dist/Form/Datepicker/index.mjs +1 -1
  8. package/dist/Form/FileUploader/index.cjs +1 -1
  9. package/dist/Form/FileUploader/index.d.ts.map +1 -1
  10. package/dist/Form/FileUploader/index.mjs +80 -80
  11. package/dist/Form/FileUploader/types.d.ts +2 -1
  12. package/dist/Form/FileUploader/types.d.ts.map +1 -1
  13. package/dist/Form/Input/index.cjs +1 -1
  14. package/dist/Form/Input/index.mjs +1 -1
  15. package/dist/Form/OtpInput/index.cjs +1 -1
  16. package/dist/Form/OtpInput/index.mjs +2 -2
  17. package/dist/Form/Select/Options.d.ts.map +1 -1
  18. package/dist/Form/Select/index.cjs +1 -1
  19. package/dist/Form/Select/index.mjs +26 -22
  20. package/dist/Form/Textarea/index.cjs +1 -1
  21. package/dist/Form/Textarea/index.mjs +1 -1
  22. package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -1
  23. package/dist/IconInfoCircleOutline-0ef3qbeI.cjs +1 -0
  24. package/dist/IconInfoCircleOutline-aO1F3qnG.js +35 -0
  25. package/dist/PickerWrapper-BuAOe-BZ.cjs +1 -0
  26. package/dist/PickerWrapper-CrHfM70f.js +141 -0
  27. package/dist/Sidebar/index.cjs +1 -1
  28. package/dist/Sidebar/index.mjs +143 -229
  29. package/dist/Table/Header.d.ts +7 -0
  30. package/dist/Table/Header.d.ts.map +1 -0
  31. package/dist/Table/TBody.d.ts +11 -0
  32. package/dist/Table/TBody.d.ts.map +1 -0
  33. package/dist/Table/THead.d.ts +11 -0
  34. package/dist/Table/THead.d.ts.map +1 -0
  35. package/dist/Table/index.cjs +1 -0
  36. package/dist/Table/index.d.ts +5 -0
  37. package/dist/Table/index.d.ts.map +1 -0
  38. package/dist/Table/index.mjs +329 -0
  39. package/dist/Table/types.d.ts +54 -0
  40. package/dist/Table/types.d.ts.map +1 -0
  41. package/dist/Table/utils.d.ts +8 -0
  42. package/dist/Table/utils.d.ts.map +1 -0
  43. package/dist/{TextFieldWrapper-K0g1kAl1.cjs → TextFieldWrapper-CQbBbmlX.cjs} +1 -1
  44. package/dist/{TextFieldWrapper-44165bs_.js → TextFieldWrapper-CQgQsfMJ.js} +1 -1
  45. package/dist/Tooltip/index.cjs +1 -1
  46. package/dist/Tooltip/index.d.ts +3 -9
  47. package/dist/Tooltip/index.d.ts.map +1 -1
  48. package/dist/Tooltip/index.mjs +53 -44
  49. package/dist/assets/styles.css +1 -1
  50. package/dist/index-BfuaA-Ji.cjs +1 -0
  51. package/dist/index-CzwAoGdL.js +90 -0
  52. package/dist/index.cjs +1 -1
  53. package/dist/index.d.ts +1 -0
  54. package/dist/index.d.ts.map +1 -1
  55. package/dist/index.mjs +12 -10
  56. package/dist/useFlipPosition-CLwjhe7O.cjs +1 -0
  57. package/dist/useFlipPosition-pGmVUUhs.js +133 -0
  58. package/package.json +6 -1
  59. package/dist/FieldBottomInfo-7YeZbp0-.cjs +0 -1
  60. package/dist/FieldBottomInfo-B1n-gK3T.js +0 -78
  61. package/dist/PickerWrapper-CoDy6coa.cjs +0 -1
  62. package/dist/PickerWrapper-DlnSW_YD.js +0 -128
@@ -1,11 +1,11 @@
1
- import { jsx as n, jsxs as b, Fragment as w } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as y, Fragment as N } from "react/jsx-runtime";
2
2
  import { c as d } from "../../clsx-OuTLNxxd.js";
3
3
  import { memo as D, useState as $, useRef as F, useMemo as O, useCallback as j, useEffect as B } from "react";
4
4
  import { I as K } from "../../IconSearch-aShj2vmu.js";
5
5
  import U from "../Checkbox/index.mjs";
6
6
  import V from "../../Button/index.mjs";
7
7
  import q from "../Input/index.mjs";
8
- import { u as G, P as J } from "../../PickerWrapper-DlnSW_YD.js";
8
+ import { u as G, P as J } from "../../PickerWrapper-CrHfM70f.js";
9
9
  import '../../assets/styles.css';/* empty css */
10
10
  function Q(i, s = 100) {
11
11
  if (!i) return;
@@ -72,24 +72,28 @@ const Y = (i) => {
72
72
  optionCellClassName: M,
73
73
  emptyContent: W = "نتیجه‌ای یافت نشد !",
74
74
  showClearButtonOnEmpty: H = !0
75
- } = i, [m, T] = $(""), [f, z] = $(0), g = F(null), { toggleWrapperVisibility: R } = G(), E = d(
75
+ } = i, [m, E] = $(""), [f, z] = $(0), g = F(null), { toggleWrapperVisibility: R } = G(), T = d(
76
76
  "dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
77
77
  (!a && !r || e === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
78
78
  !!o && "last-of-type:dgs-ui-kit-border-b"
79
79
  );
80
80
  let k;
81
- const y = a;
81
+ const b = a;
82
82
  typeof a == "boolean" ? k = a : k = Object.keys(a).length > 0;
83
- const v = O(() => m ? s?.filter((t) => t.label.includes(m)) : s, [m, s]), x = O(() => e === "multiple" && u ? s?.filter((t) => c.includes(t.value)) ?? [] : [], [s, c]), S = O(() => {
83
+ const v = O(() => {
84
+ if (!Array.isArray(s))
85
+ throw new Error("options should be array");
86
+ return m ? s?.filter((t) => t.label.includes(m)) : s;
87
+ }, [m, s]), x = O(() => e === "multiple" && u ? s?.filter((t) => c.includes(t.value)) ?? [] : [], [s, c]), S = O(() => {
84
88
  let t = v;
85
- e === "multiple" && u && (t = t?.filter((N) => !c.includes(N.value)));
89
+ e === "multiple" && u && (t = t?.filter((w) => !c.includes(w.value)));
86
90
  const l = Math.min(f + Z, t?.length ?? 0);
87
91
  return t?.slice(f, l);
88
92
  }, [v, f, c]), h = g?.current?.children[0]?.clientHeight ?? 50, _ = (v?.length ?? 0) * h, C = j(() => {
89
93
  const t = g?.current?.parentElement;
90
94
  if (!t) return;
91
- const l = t.scrollTop, N = g.current.offsetTop, A = Math.floor((l - N) / h);
92
- z(A >= 0 ? A : 0);
95
+ const l = t.scrollTop, w = g.current.offsetTop, P = Math.floor((l - w) / h);
96
+ z(P >= 0 ? P : 0);
93
97
  }, [h]);
94
98
  B(() => {
95
99
  const t = g.current?.parentElement;
@@ -98,7 +102,7 @@ const Y = (i) => {
98
102
  }, [C]), B(() => {
99
103
  k && Q(document.getElementById("search-input"), 400);
100
104
  }, []);
101
- const P = j(
105
+ const A = j(
102
106
  (t) => {
103
107
  if (typeof p == "function")
104
108
  if (e === "multiple") {
@@ -109,7 +113,7 @@ const Y = (i) => {
109
113
  },
110
114
  [c]
111
115
  );
112
- return /* @__PURE__ */ b(w, { children: [
116
+ return /* @__PURE__ */ y(N, { children: [
113
117
  k && /* @__PURE__ */ n(
114
118
  q,
115
119
  {
@@ -117,12 +121,12 @@ const Y = (i) => {
117
121
  wrapperClassName: d(
118
122
  "dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-pt-3 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-3",
119
123
  r ? "dgs-ui-kit-pb-2" : "dgs-ui-kit-pb-3",
120
- y?.wrapperClassName
124
+ b?.wrapperClassName
121
125
  ),
122
- placeholder: y?.placeholder ?? "جستجوی عنوان",
126
+ placeholder: b?.placeholder ?? "جستجوی عنوان",
123
127
  value: m,
124
- onChange: (t) => T(t.currentTarget.value),
125
- rightIcon: y?.rightIcon ?? /* @__PURE__ */ n(
128
+ onChange: (t) => E(t.currentTarget.value),
129
+ rightIcon: b?.rightIcon ?? /* @__PURE__ */ n(
126
130
  K,
127
131
  {
128
132
  width: 20,
@@ -133,20 +137,20 @@ const Y = (i) => {
133
137
  }
134
138
  ),
135
139
  r,
136
- e === "multiple" && u && x.length > 0 && /* @__PURE__ */ b(w, { children: [
140
+ e === "multiple" && u && x.length > 0 && /* @__PURE__ */ y(N, { children: [
137
141
  /* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: `${I}‌ی انتخاب شده` }),
138
142
  x.map((t) => /* @__PURE__ */ n(
139
143
  L,
140
144
  {
141
- onClick: () => P(t.value),
145
+ onClick: () => A(t.value),
142
146
  option: t,
143
- optionCellClassName: d(E, M),
147
+ optionCellClassName: d(T, M),
144
148
  ...i
145
149
  },
146
150
  t.value
147
151
  ))
148
152
  ] }),
149
- /* @__PURE__ */ b(w, { children: [
153
+ /* @__PURE__ */ y(N, { children: [
150
154
  e === "multiple" && u && /* @__PURE__ */ n("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: I }),
151
155
  /* @__PURE__ */ n(
152
156
  "div",
@@ -157,12 +161,12 @@ const Y = (i) => {
157
161
  children: S?.map((t, l) => /* @__PURE__ */ n(
158
162
  "div",
159
163
  {
160
- className: d("dgs-ui-kit-absolute dgs-ui-kit-w-full", E),
164
+ className: d("dgs-ui-kit-absolute dgs-ui-kit-w-full", T),
161
165
  style: { top: `${(f + l) * h}px` },
162
166
  children: /* @__PURE__ */ n(
163
167
  L,
164
168
  {
165
- onClick: () => P(t.value),
169
+ onClick: () => A(t.value),
166
170
  option: t,
167
171
  ...i
168
172
  }
@@ -172,7 +176,7 @@ const Y = (i) => {
172
176
  ))
173
177
  }
174
178
  ),
175
- !S?.length && !x.length && /* @__PURE__ */ b("div", { className: "dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2", children: [
179
+ !S?.length && !x.length && /* @__PURE__ */ y("div", { className: "dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2", children: [
176
180
  /* @__PURE__ */ n("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: W }),
177
181
  H && /* @__PURE__ */ n(
178
182
  V,
@@ -181,7 +185,7 @@ const Y = (i) => {
181
185
  className: "dgs-ui-kit-mt-1",
182
186
  variant: "text",
183
187
  size: "small",
184
- onClick: () => T(""),
188
+ onClick: () => E(""),
185
189
  children: "پاک کردن"
186
190
  }
187
191
  )
@@ -1 +1 @@
1
- "use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-K0g1kAl1.cjs"),g=u.forwardRef(function(e,i){const{dir:t="rtl",placeholderDir:l=t,className:a,...r}=e,n=c.omitObject(r,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength","containerClassName"]);return s.jsx(d.TextFieldWrapper,{...e,children:s.jsx("textarea",{...n,ref:i,className:o.clsx("dgs-ui-kit-bg-transparent dgs-ui-kit-leading-normal dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",t==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",l==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",a),rows:r.rows??5})})});module.exports=g;
1
+ "use strict";const s=require("react/jsx-runtime"),o=require("../../clsx-C11secjj.cjs"),u=require("react"),c=require("../../omitObjects-CtiYo0hv.cjs"),d=require("../../TextFieldWrapper-CQbBbmlX.cjs"),g=u.forwardRef(function(e,i){const{dir:t="rtl",placeholderDir:l=t,className:a,...r}=e,n=c.omitObject(r,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength","containerClassName"]);return s.jsx(d.TextFieldWrapper,{...e,children:s.jsx("textarea",{...n,ref:i,className:o.clsx("dgs-ui-kit-bg-transparent dgs-ui-kit-leading-normal dgs-ui-kit-w-full dgs-ui-kit-h-full focus:dgs-ui-kit-outline-none ss02 dgs-ui-kit-flex-1 dgs-ui-kit-resize-none",t==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",l==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",a),rows:r.rows??5})})});module.exports=g;
@@ -2,7 +2,7 @@ import { jsx as i } from "react/jsx-runtime";
2
2
  import { c as n } from "../../clsx-OuTLNxxd.js";
3
3
  import { forwardRef as d } from "react";
4
4
  import { o as g } from "../../omitObjects-CxFrrlkX.js";
5
- import { T as u } from "../../TextFieldWrapper-44165bs_.js";
5
+ import { T as u } from "../../TextFieldWrapper-CQgQsfMJ.js";
6
6
  const h = d(function(t, s) {
7
7
  const { dir: e = "rtl", placeholderDir: o = e, className: a, ...r } = t, l = g(r, [
8
8
  "labelAddon",
@@ -1 +1 @@
1
- {"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKlE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGjD,OAAO,kBAAkB,CAAC;AAM1B,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA6H5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAMlE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGjD,OAAO,kBAAkB,CAAC;AAM1B,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA8I5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1 @@
1
+ "use strict";const e=require("react/jsx-runtime"),n=l=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...l,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",clipRule:"evenodd"})]});exports.IconInfoCircleOutline=n;
@@ -0,0 +1,35 @@
1
+ import { jsxs as o, jsx as e } from "react/jsx-runtime";
2
+ const n = (l) => /* @__PURE__ */ o(
3
+ "svg",
4
+ {
5
+ xmlns: "http://www.w3.org/2000/svg",
6
+ width: "1em",
7
+ height: "1em",
8
+ fill: "none",
9
+ viewBox: "0 0 24 24",
10
+ ...l,
11
+ children: [
12
+ /* @__PURE__ */ e(
13
+ "path",
14
+ {
15
+ fill: "currentColor",
16
+ fillRule: "evenodd",
17
+ d: "M12.25 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5M2.5 12a9.75 9.75 0 0 1 9.75-9.75A9.75 9.75 0 0 1 22 12c0 5.384-4.365 9.75-9.75 9.75S2.5 17.384 2.5 12",
18
+ clipRule: "evenodd"
19
+ }
20
+ ),
21
+ /* @__PURE__ */ e(
22
+ "path",
23
+ {
24
+ fill: "currentColor",
25
+ fillRule: "evenodd",
26
+ d: "M12.25 7.541a.75.75 0 0 1 .75.75v.063a.75.75 0 0 1-1.5 0v-.063a.75.75 0 0 1 .75-.75m.006 3.103a.75.75 0 0 1 .75.75v4.3a.75.75 0 0 1-1.5 0v-4.3a.75.75 0 0 1 .75-.75",
27
+ clipRule: "evenodd"
28
+ }
29
+ )
30
+ ]
31
+ }
32
+ );
33
+ export {
34
+ n as I
35
+ };
@@ -0,0 +1 @@
1
+ "use client";"use strict";require('./assets/styles.css');const t=require("react/jsx-runtime"),e=require("./clsx-C11secjj.cjs"),n=require("react"),R=require("./Drawer/index.cjs"),q=require("./useFlipPosition-CLwjhe7O.cjs"),S=require("./IconArrowDown2-C1dLVveG.cjs"),E=require("./Form/Input/index.cjs");;/* empty css */const v=n.createContext({toggleWrapperVisibility:()=>{}}),D=()=>n.useContext(v),A=a=>{const i=n.useRef(null);return n.useEffect(()=>{const s=r=>{i.current&&!i.current.contains(r.target)&&a()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i,a]),i},C="dgs-ui-kit-duration-300",b=400,O=a=>{const{dropdownType:i="popover",disabled:s,isLoading:r,wrapperClassName:N,customInput:g,children:k,drawerProps:m,inputProps:I,popoverClassName:y}=a,[u,c]=n.useState(!1),[f,d]=n.useState(!1),[x,P]=n.useState("bottom-left");let o;const{anchorRef:T,popperRef:W}=q.useFlipPosition({initialPosition:"bottom-left",minVisible:180,onPositionChange(l){P(w=>w===l?w:l)}}),j=A(()=>{i==="popover"&&u&&(c(!1),o&&clearTimeout(o),o=setTimeout(()=>{d(!1)},b))});function h(){if(s||r)return;const l=!f;o&&clearTimeout(o),l?(d(!0),o=setTimeout(()=>{c(!0)},0)):(c(!1),o=setTimeout(()=>{d(!1)},b))}const p=e.clsx({"!dgs-ui-kit-cursor-not-allowed":s,"!dgs-ui-kit-cursor-wait":r,"!dgs-ui-kit-cursor-pointer":!r&&!s});return t.jsxs("div",{ref:j,className:e.clsx("dgs-ui-kit-relative",N),children:[t.jsx("button",{ref:T,type:"button",className:e.clsx("dgs-ui-kit-w-full",p),onClick:h,children:g?g(u):t.jsx(E,{leftIcon:r?t.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):t.jsx(S.IconArrowDown2,{width:20,height:20,className:e.clsx("dgs-ui-kit-transition",C,{"dgs-ui-kit-rotate-180":u})}),containerClassName:e.clsx(p,{"dgs-ui-kit-items-baseline":r}),className:e.clsx("dgs-ui-kit-caret-transparent",p),disabled:s,...I})}),t.jsx(v.Provider,{value:{toggleWrapperVisibility:h},children:f&&t.jsx(t.Fragment,{children:i==="popover"?t.jsx("div",{ref:W,className:e.clsx("dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-right-0 dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",C,u?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",{"dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)]":x.includes("bottom"),"dgs-ui-kit-top-0 dgs-ui-kit-translate-y-[calc(-100%-8px)]":x.includes("top")},y),children:k}):t.jsx(R,{...m,open:u,onClose:()=>c(!1),containerClassName:e.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",m?.containerClassName),children:k})})})]})};exports.PickerWrapper=O;exports.usePickerWrapperContext=D;
@@ -0,0 +1,141 @@
1
+ "use client";
2
+ import { jsxs as R, jsx as t, Fragment as S } from "react/jsx-runtime";
3
+ import { c as i } from "./clsx-OuTLNxxd.js";
4
+ import { createContext as D, useContext as O, useRef as A, useEffect as L, useState as p } from "react";
5
+ import V from "./Drawer/index.mjs";
6
+ import { u as _ } from "./useFlipPosition-pGmVUUhs.js";
7
+ import { I as j } from "./IconArrowDown2-7ddwV5IE.js";
8
+ import F from "./Form/Input/index.mjs";
9
+ import './assets/styles.css';/* empty css */
10
+ const v = D({
11
+ toggleWrapperVisibility: () => {
12
+ }
13
+ }), Q = () => O(v), M = (a) => {
14
+ const e = A(null);
15
+ return L(() => {
16
+ const s = (o) => {
17
+ e.current && !e.current.contains(o.target) && a();
18
+ };
19
+ return document.addEventListener("click", s, !0), () => {
20
+ document.removeEventListener("click", s, !0);
21
+ };
22
+ }, [e, a]), e;
23
+ }, C = "dgs-ui-kit-duration-300", x = 400, X = (a) => {
24
+ const {
25
+ dropdownType: e = "popover",
26
+ disabled: s,
27
+ isLoading: o,
28
+ wrapperClassName: N,
29
+ customInput: g,
30
+ children: m,
31
+ drawerProps: k,
32
+ inputProps: I,
33
+ popoverClassName: y
34
+ } = a, [n, u] = p(!1), [f, l] = p(!1), [h, T] = p("bottom-left");
35
+ let r;
36
+ const { anchorRef: P, popperRef: W } = _({
37
+ initialPosition: "bottom-left",
38
+ minVisible: 180,
39
+ onPositionChange(d) {
40
+ T((b) => b === d ? b : d);
41
+ }
42
+ }), E = M(() => {
43
+ e === "popover" && n && (u(!1), r && clearTimeout(r), r = setTimeout(() => {
44
+ l(!1);
45
+ }, x));
46
+ });
47
+ function w() {
48
+ if (s || o) return;
49
+ const d = !f;
50
+ r && clearTimeout(r), d ? (l(!0), r = setTimeout(() => {
51
+ u(!0);
52
+ }, 0)) : (u(!1), r = setTimeout(() => {
53
+ l(!1);
54
+ }, x));
55
+ }
56
+ const c = i({
57
+ "!dgs-ui-kit-cursor-not-allowed": s,
58
+ "!dgs-ui-kit-cursor-wait": o,
59
+ "!dgs-ui-kit-cursor-pointer": !o && !s
60
+ });
61
+ return /* @__PURE__ */ R(
62
+ "div",
63
+ {
64
+ ref: E,
65
+ className: i("dgs-ui-kit-relative", N),
66
+ children: [
67
+ /* @__PURE__ */ t(
68
+ "button",
69
+ {
70
+ ref: P,
71
+ type: "button",
72
+ className: i("dgs-ui-kit-w-full", c),
73
+ onClick: w,
74
+ children: g ? g(n) : /* @__PURE__ */ t(
75
+ F,
76
+ {
77
+ leftIcon: o ? /* @__PURE__ */ t("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ t(
78
+ j,
79
+ {
80
+ width: 20,
81
+ height: 20,
82
+ className: i("dgs-ui-kit-transition", C, {
83
+ "dgs-ui-kit-rotate-180": n
84
+ })
85
+ }
86
+ ),
87
+ containerClassName: i(c, {
88
+ "dgs-ui-kit-items-baseline": o
89
+ }),
90
+ className: i("dgs-ui-kit-caret-transparent", c),
91
+ disabled: s,
92
+ ...I
93
+ }
94
+ )
95
+ }
96
+ ),
97
+ /* @__PURE__ */ t(
98
+ v.Provider,
99
+ {
100
+ value: {
101
+ toggleWrapperVisibility: w
102
+ },
103
+ children: f && /* @__PURE__ */ t(S, { children: e === "popover" ? /* @__PURE__ */ t(
104
+ "div",
105
+ {
106
+ ref: W,
107
+ className: i(
108
+ "dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-right-0 dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",
109
+ C,
110
+ n ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
111
+ {
112
+ "dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-[calc(100%+8px)]": h.includes("bottom"),
113
+ "dgs-ui-kit-top-0 dgs-ui-kit-translate-y-[calc(-100%-8px)]": h.includes("top")
114
+ },
115
+ y
116
+ ),
117
+ children: m
118
+ }
119
+ ) : /* @__PURE__ */ t(
120
+ V,
121
+ {
122
+ ...k,
123
+ open: n,
124
+ onClose: () => u(!1),
125
+ containerClassName: i(
126
+ "!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
127
+ k?.containerClassName
128
+ ),
129
+ children: m
130
+ }
131
+ ) })
132
+ }
133
+ )
134
+ ]
135
+ }
136
+ );
137
+ };
138
+ export {
139
+ X as P,
140
+ Q as u
141
+ };
@@ -1 +1 @@
1
- "use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),o=require("../clsx-C11secjj.cjs"),b=require("react"),gi=require("../IconSearch-BeVs-gUu.cjs"),Z=require("../Badge/index.cjs"),fi=require("../Form/Input/index.cjs");;/* empty css */const J=require("../AccordionItem-BcOHTf5E.cjs"),ii=require("../Divider/index.cjs"),ki=require("../IconArrowLeft2-CNA3H0xY.cjs"),pi=require("../Button/index.cjs"),xi=i=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...i,children:[t.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"}),t.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"})]}),q="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",$="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",ti="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",K=`${ti} 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`,ei=b.createContext({isOpen:!1,setIsOpen:()=>{}}),_=()=>b.useContext(ei);var E=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function hi(i){return i&&i.__esModule&&Object.prototype.hasOwnProperty.call(i,"default")?i.default:i}var G,Q;function bi(){if(Q)return G;Q=1;var i="Expected a function",s=NaN,n="[object Symbol]",a=/^\s+|\s+$/g,l=/^[-+]0x[0-9a-f]+$/i,x=/^0b[01]+$/i,m=/^0o[0-7]+$/i,C=parseInt,S=typeof E=="object"&&E&&E.Object===Object&&E,R=typeof self=="object"&&self&&self.Object===Object&&self,f=S||R||Function("return this")(),j=Object.prototype,u=j.toString,c=Math.max,ri=Math.min,D=function(){return f.Date.now()};function ni(e,d,k){var y,w,I,v,g,h,N=0,L=!1,T=!1,P=!0;if(typeof e!="function")throw new TypeError(i);d=H(d)||0,M(k)&&(L=!!k.leading,T="maxWait"in k,I=T?c(H(k.maxWait)||0,d):I,P="trailing"in k?!!k.trailing:P);function z(r){var p=y,O=w;return y=w=void 0,N=r,v=e.apply(O,p),v}function oi(r){return N=r,g=setTimeout(A,d),L?z(r):v}function ai(r){var p=r-h,O=r-N,X=d-p;return T?ri(X,I-O):X}function V(r){var p=r-h,O=r-N;return h===void 0||p>=d||p<0||T&&O>=I}function A(){var r=D();if(V(r))return U(r);g=setTimeout(A,ai(r))}function U(r){return g=void 0,P&&y?z(r):(y=w=void 0,v)}function li(){g!==void 0&&clearTimeout(g),N=0,y=h=w=g=void 0}function ci(){return g===void 0?v:U(D())}function F(){var r=D(),p=V(r);if(y=arguments,w=this,h=r,p){if(g===void 0)return oi(h);if(T)return g=setTimeout(A,d),z(h)}return g===void 0&&(g=setTimeout(A,d)),v}return F.cancel=li,F.flush=ci,F}function M(e){var d=typeof e;return!!e&&(d=="object"||d=="function")}function ui(e){return!!e&&typeof e=="object"}function di(e){return typeof e=="symbol"||ui(e)&&u.call(e)==n}function H(e){if(typeof e=="number")return e;if(di(e))return s;if(M(e)){var d=typeof e.valueOf=="function"?e.valueOf():e;e=M(d)?d+"":d}if(typeof e!="string")return e===0?e:+e;e=e.replace(a,"");var k=x.test(e);return k||m.test(e)?C(e.slice(2),k?2:8):l.test(e)?s:+e}return G=ni,G}var mi=bi();const ji=hi(mi),B=i=>o.clsx("dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",i?"dgs-ui-kit-opacity-100":"dgs-ui-kit-opacity-0",q);function Y(i,s){return t.jsxs("div",{className:o.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",s?"dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse":"dgs-ui-kit-justify-center"),children:[i.icon,t.jsx("div",{className:o.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",s?"dgs-ui-kit-w-full":"dgs-ui-kit-w-0",B),children:i.title}),i.badgeCount&&t.jsx(Z,{className:o.clsx("dgs-ui-kit-shrink-0",{"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0":!s}),value:i.badgeCount,valueType:"number",color:"error",size:"small"})]})}function si(i,s){return i.map(n=>{if("children"in n&&n.children){const a=si(n.children,s);if(a.length>0)return{...n,children:a}}return n.title.includes(s)?{...n}:null}).filter(n=>!!n)}const yi=i=>{const{value:s,onChange:n}=i,{isOpen:a,searchInput:l}=_();return t.jsx(fi,{value:s,onChange:n,rightIcon:t.jsx(gi.IconSearch,{}),placeholder:"جستجو",...typeof l=="boolean"?{}:l,wrapperClassName:o.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",B(a),typeof l=="object"&&l.wrapperClassName,q)})},vi=()=>{const{isOpen:i,searchInput:s=!0,items:n}=_(),[a,l]=b.useState(""),[x,m]=b.useState(n??[]),C=b.useCallback(ji(f=>{m(si(x,f))},800),[]);function S(f){const j=f.target.value;l(j),C(j)}function R(){l(""),m(n??[])}return b.useEffect(()=>{a&&R()},[i]),t.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:[!!s&&t.jsx(yi,{value:a,onChange:S}),t.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:x.map((f,j)=>t.jsxs(b.Fragment,{children:[t.jsx("div",{className:o.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",B(i)),children:f.title}),t.jsx(J.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:f.children?.map(u=>u.link?t.jsx("a",{href:u.link,className:o.clsx("dgs-ui-kit-pr-3",u.disabled&&$,u.active&&K,i?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",W),children:Y(u,i)},u.link):t.jsx(J.AccordionItem,{className:o.clsx("!dgs-ui-kit-p-0",u.disabled&&$),title:Y(u,i),hideDivider:!0,hideArrow:!i||u.disabled,disable:!i||u.disabled,titleClassName:o.clsx("[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",i?"dgs-ui-kit-px-3":"!dgs-ui-kit-justify-center",u.children?.find(c=>c.active)&&K,W),children:u.children?.map(c=>t.jsxs("a",{href:c.link,className:o.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",c.disabled&&$,c.active&&ti,W),children:[t.jsx("p",{children:c.title}),c.badgeCount&&t.jsx(Z,{valueType:"number",value:c.badgeCount,color:"error",type:"twoTone",size:"small"})]},c.link))},u.link??u.title))}),j!==x.length-1&&t.jsx(ii,{type:"horizontal"})]},f.title))})]})},Ci=()=>{const{isOpen:i,logo:s}=_();return t.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8",children:t.jsx("img",{...s,alt:s?.alt??"Logo",src:i?s?.open:s?.close,className:o.clsx("dgs-ui-kit-h-12 dgs-ui-kit-w-full",s?.className)})})},Si=()=>{const{userProfile:i,isOpen:s}=_();return t.jsxs("a",{href:i?.link??"#",className:o.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":!i?.link}),children:[t.jsx("img",{src:i?.image,alt:i?.name??"user_avatar",className:"dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"}),t.jsxs("div",{className:o.clsx("dgs-ui-kit-flex dgs-ui-kit-flex-col",B(s)),children:[t.jsx("p",{className:"dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700",children:i?.name}),t.jsx("p",{className:"dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400",children:i?.description})]})]})},wi=()=>{const{isOpen:i,setIsOpen:s}=_();return t.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:()=>s(!i),children:t.jsx(ki.IconArrowLeft2,{className:o.clsx("dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",i&&"dgs-ui-kit-rotate-180",q),width:16,height:16})})},Ni=i=>{const{isOpen:s,className:n,logo:a,items:l,extraComponent:x,userProfile:m,logOutButtonProps:C,onLogout:S}=i;return t.jsx(ei.Provider,{value:i,children:t.jsxs("div",{className:o.clsx(n,"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]",s?"dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full":"dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",q),children:[t.jsx(wi,{}),!!(a?.open??a?.close)&&t.jsx(Ci,{}),l&&l.length>0&&t.jsx(vi,{}),t.jsxs("div",{className:"dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1",children:[x,t.jsx(ii,{className:"dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",type:"horizontal"}),!!m?.image&&t.jsx(Si,{}),t.jsx(pi,{color:"error",variant:"secondary",rightIcon:t.jsx(xi,{}),isFullWidth:!0,onClick:S,...C,children:s?"خروج":""})]})]})})};module.exports=Ni;
1
+ "use strict";require('../assets/styles.css');const i=require("react/jsx-runtime"),r=require("../clsx-C11secjj.cjs"),o=require("react"),B=require("../index-BfuaA-Ji.cjs"),O=require("../IconSearch-BeVs-gUu.cjs"),S=require("../Badge/index.cjs"),E=require("../Form/Input/index.cjs");;/* empty css */const w=require("../AccordionItem-BcOHTf5E.cjs"),N=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"})]}),h="dgs-ui-kit-duration-300",b="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",j="dgs-ui-kit-opacity-40 dgs-ui-kit-pointer-events-none",v="!dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-600",y=`${v} 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`,A=o.createContext({isOpen:!1,setIsOpen:()=>{}}),c=()=>o.useContext(A),p=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",h);function C(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",p),children:s.title}),s.badgeCount&&i.jsx(S,{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 _(s,t){return s.map(e=>{if("children"in e&&e.children){const u=_(e.children,t);if(u.length>0)return{...e,children:u}}return e.title.includes(t)?{...e}:null}).filter(e=>!!e)}const z=s=>{const{value:t,onChange:e}=s,{isOpen:u,searchInput:n}=c();return i.jsx(E,{value:t,onChange:e,rightIcon:i.jsx(O.IconSearch,{}),placeholder:"جستجو",...typeof n=="boolean"?{}:n,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",p(u),typeof n=="object"&&n.wrapperClassName,h)})},D=()=>{const{isOpen:s,searchInput:t=!0,items:e}=c(),[u,n]=o.useState(""),[g,k]=o.useState(e??[]),f=o.useCallback(B.debounce(l=>{k(_(g,l))},800),[]);function m(l){const x=l.target.value;n(x),f(x)}function q(){n(""),k(e??[])}return o.useEffect(()=>{u&&q()},[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(z,{value:u,onChange:m}),i.jsx("div",{className:"dgs-ui-kit-space-y-6 dgs-ui-kit-px-4",children:g.map((l,x)=>i.jsxs(o.Fragment,{children:[i.jsx("div",{className:r.clsx("dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",p(s)),children:l.title}),i.jsx(w.AccordionGroup,{className:"dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",children:l.children?.map(d=>d.link?i.jsx("a",{href:d.link,className:r.clsx("dgs-ui-kit-pr-3",d.disabled&&j,d.active&&y,s?"dgs-ui-kit-pl-9":"dgs-ui-kit-pl-3",b),children:C(d,s)},d.link):i.jsx(w.AccordionItem,{className:r.clsx("!dgs-ui-kit-p-0",d.disabled&&j),title:C(d,s),hideDivider:!0,hideArrow:!s||d.disabled,disable:!s||d.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",d.children?.find(a=>a.active)&&y,b),children:d.children?.map(a=>i.jsxs("a",{href:a.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",a.disabled&&j,a.active&&v,b),children:[i.jsx("p",{children:a.title}),a.badgeCount&&i.jsx(S,{valueType:"number",value:a.badgeCount,color:"error",type:"twoTone",size:"small"})]},a.link))},d.link??d.title))}),x!==g.length-1&&i.jsx(N,{type:"horizontal"})]},l.title))})]})},P=()=>{const{isOpen:s,logo:t}=c();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)})})},M=()=>{const{userProfile:s,isOpen:t}=c();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",p(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}=c();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",h),width:16,height:16})})},V=s=>{const{isOpen:t,className:e,logo:u,items:n,extraComponent:g,userProfile:k,logOutButtonProps:f,onLogout:m}=s;return i.jsx(A.Provider,{value:s,children:i.jsxs("div",{className:r.clsx(e,"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]",h),children:[i.jsx(F,{}),!!(u?.open??u?.close)&&i.jsx(P,{}),n&&n.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"}),!!k?.image&&i.jsx(M,{}),i.jsx(R,{color:"error",variant:"secondary",rightIcon:i.jsx(T,{}),isFullWidth:!0,onClick:m,...f,children:t?"خروج":""})]})]})})};module.exports=V;