@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.
- package/dist/Card/index.cjs +1 -1
- package/dist/Card/index.d.ts.map +1 -1
- package/dist/Card/index.mjs +18 -19
- package/dist/FieldBottomInfo-CE1uBAqq.cjs +1 -0
- package/dist/FieldBottomInfo-CJ8_Kr25.js +49 -0
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +1 -1
- package/dist/Form/FileUploader/index.cjs +1 -1
- package/dist/Form/FileUploader/index.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.mjs +80 -80
- package/dist/Form/FileUploader/types.d.ts +2 -1
- package/dist/Form/FileUploader/types.d.ts.map +1 -1
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.mjs +1 -1
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +2 -2
- package/dist/Form/Select/Options.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +26 -22
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.mjs +1 -1
- package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -1
- package/dist/IconInfoCircleOutline-0ef3qbeI.cjs +1 -0
- package/dist/IconInfoCircleOutline-aO1F3qnG.js +35 -0
- package/dist/PickerWrapper-BuAOe-BZ.cjs +1 -0
- package/dist/PickerWrapper-CrHfM70f.js +141 -0
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +143 -229
- package/dist/Table/Header.d.ts +7 -0
- package/dist/Table/Header.d.ts.map +1 -0
- package/dist/Table/TBody.d.ts +11 -0
- package/dist/Table/TBody.d.ts.map +1 -0
- package/dist/Table/THead.d.ts +11 -0
- package/dist/Table/THead.d.ts.map +1 -0
- package/dist/Table/index.cjs +1 -0
- package/dist/Table/index.d.ts +5 -0
- package/dist/Table/index.d.ts.map +1 -0
- package/dist/Table/index.mjs +329 -0
- package/dist/Table/types.d.ts +54 -0
- package/dist/Table/types.d.ts.map +1 -0
- package/dist/Table/utils.d.ts +8 -0
- package/dist/Table/utils.d.ts.map +1 -0
- package/dist/{TextFieldWrapper-K0g1kAl1.cjs → TextFieldWrapper-CQbBbmlX.cjs} +1 -1
- package/dist/{TextFieldWrapper-44165bs_.js → TextFieldWrapper-CQgQsfMJ.js} +1 -1
- package/dist/Tooltip/index.cjs +1 -1
- package/dist/Tooltip/index.d.ts +3 -9
- package/dist/Tooltip/index.d.ts.map +1 -1
- package/dist/Tooltip/index.mjs +53 -44
- package/dist/assets/styles.css +1 -1
- package/dist/index-BfuaA-Ji.cjs +1 -0
- package/dist/index-CzwAoGdL.js +90 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +12 -10
- package/dist/useFlipPosition-CLwjhe7O.cjs +1 -0
- package/dist/useFlipPosition-pGmVUUhs.js +133 -0
- package/package.json +6 -1
- package/dist/FieldBottomInfo-7YeZbp0-.cjs +0 -1
- package/dist/FieldBottomInfo-B1n-gK3T.js +0 -78
- package/dist/PickerWrapper-CoDy6coa.cjs +0 -1
- package/dist/PickerWrapper-DlnSW_YD.js +0 -128
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as n, jsxs as
|
|
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-
|
|
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,
|
|
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
|
|
81
|
+
const b = a;
|
|
82
82
|
typeof a == "boolean" ? k = a : k = Object.keys(a).length > 0;
|
|
83
|
-
const v = 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((
|
|
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,
|
|
92
|
-
z(
|
|
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
|
|
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__ */
|
|
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
|
-
|
|
124
|
+
b?.wrapperClassName
|
|
121
125
|
),
|
|
122
|
-
placeholder:
|
|
126
|
+
placeholder: b?.placeholder ?? "جستجوی عنوان",
|
|
123
127
|
value: m,
|
|
124
|
-
onChange: (t) =>
|
|
125
|
-
rightIcon:
|
|
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__ */
|
|
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: () =>
|
|
145
|
+
onClick: () => A(t.value),
|
|
142
146
|
option: t,
|
|
143
|
-
optionCellClassName: d(
|
|
147
|
+
optionCellClassName: d(T, M),
|
|
144
148
|
...i
|
|
145
149
|
},
|
|
146
150
|
t.value
|
|
147
151
|
))
|
|
148
152
|
] }),
|
|
149
|
-
/* @__PURE__ */
|
|
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",
|
|
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: () =>
|
|
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__ */
|
|
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: () =>
|
|
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-
|
|
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-
|
|
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;
|
|
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
|
+
};
|
package/dist/Sidebar/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../assets/styles.css');const
|
|
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;
|