@dgshahr/ui-kit 0.0.84 → 0.0.86
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/Accordion/AccordionItem.d.ts +3 -0
- package/dist/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/Accordion/index.cjs +1 -1
- package/dist/Accordion/index.mjs +1 -1
- package/dist/AccordionItem-BcOHTf5E.cjs +1 -0
- package/dist/{AccordionItem-DQviUjFN.js → AccordionItem-CbYyB1Ub.js} +41 -25
- package/dist/Badge/index.d.ts +1 -1
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +74 -90
- package/dist/IconSearch-BeVs-gUu.cjs +1 -0
- package/dist/IconSearch-aShj2vmu.js +25 -0
- package/dist/Sidebar/Items.d.ts +4 -0
- package/dist/Sidebar/Items.d.ts.map +1 -0
- package/dist/Sidebar/LogoImage.d.ts +4 -0
- package/dist/Sidebar/LogoImage.d.ts.map +1 -0
- package/dist/Sidebar/Profile.d.ts +3 -0
- package/dist/Sidebar/Profile.d.ts.map +1 -0
- package/dist/Sidebar/SearchInput.d.ts +8 -0
- package/dist/Sidebar/SearchInput.d.ts.map +1 -0
- package/dist/Sidebar/ToggleButton.d.ts +4 -0
- package/dist/Sidebar/ToggleButton.d.ts.map +1 -0
- package/dist/Sidebar/constants.d.ts +6 -0
- package/dist/Sidebar/constants.d.ts.map +1 -0
- package/dist/Sidebar/context.d.ts +4 -0
- package/dist/Sidebar/context.d.ts.map +1 -0
- package/dist/Sidebar/index.cjs +1 -0
- package/dist/Sidebar/index.d.ts +6 -0
- package/dist/Sidebar/index.d.ts.map +1 -0
- package/dist/Sidebar/index.mjs +410 -0
- package/dist/Sidebar/types.d.ts +44 -0
- package/dist/Sidebar/types.d.ts.map +1 -0
- package/dist/Sidebar/utils.d.ts +7 -0
- package/dist/Sidebar/utils.d.ts.map +1 -0
- package/dist/assets/styles.css +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +8 -1
- package/dist/AccordionItem-D28Vc5vF.cjs +0 -1
|
@@ -0,0 +1,410 @@
|
|
|
1
|
+
import { jsxs as p, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { c as u } from "../clsx-OuTLNxxd.js";
|
|
3
|
+
import { createContext as gi, useContext as fi, useState as J, useCallback as ki, useEffect as pi, Fragment as hi } from "react";
|
|
4
|
+
import { I as mi } from "../IconSearch-aShj2vmu.js";
|
|
5
|
+
import Z from "../Badge/index.mjs";
|
|
6
|
+
import bi from "../Form/Input/index.mjs";
|
|
7
|
+
import '../assets/styles.css';/* empty css */
|
|
8
|
+
import { A as yi, a as xi } from "../AccordionItem-CbYyB1Ub.js";
|
|
9
|
+
import ii from "../Divider/index.mjs";
|
|
10
|
+
import { I as vi } from "../IconArrowLeft2-cxcPyDqS.js";
|
|
11
|
+
import Ci from "../Button/index.mjs";
|
|
12
|
+
const Si = (i) => /* @__PURE__ */ p(
|
|
13
|
+
"svg",
|
|
14
|
+
{
|
|
15
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
16
|
+
width: "1em",
|
|
17
|
+
height: "1em",
|
|
18
|
+
fill: "none",
|
|
19
|
+
viewBox: "0 0 24 24",
|
|
20
|
+
...i,
|
|
21
|
+
children: [
|
|
22
|
+
/* @__PURE__ */ e(
|
|
23
|
+
"path",
|
|
24
|
+
{
|
|
25
|
+
fill: "currentColor",
|
|
26
|
+
fillRule: "evenodd",
|
|
27
|
+
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",
|
|
28
|
+
clipRule: "evenodd"
|
|
29
|
+
}
|
|
30
|
+
),
|
|
31
|
+
/* @__PURE__ */ e(
|
|
32
|
+
"path",
|
|
33
|
+
{
|
|
34
|
+
fill: "currentColor",
|
|
35
|
+
fillRule: "evenodd",
|
|
36
|
+
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",
|
|
37
|
+
clipRule: "evenodd"
|
|
38
|
+
}
|
|
39
|
+
)
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
), B = "dgs-ui-kit-duration-300", $ = "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", G = "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 = gi({
|
|
43
|
+
isOpen: !1,
|
|
44
|
+
setIsOpen: () => {
|
|
45
|
+
}
|
|
46
|
+
}), _ = () => fi(ei);
|
|
47
|
+
var E = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
48
|
+
function wi(i) {
|
|
49
|
+
return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
|
|
50
|
+
}
|
|
51
|
+
var H, Q;
|
|
52
|
+
function Ni() {
|
|
53
|
+
if (Q) return H;
|
|
54
|
+
Q = 1;
|
|
55
|
+
var i = "Expected a function", s = NaN, n = "[object Symbol]", a = /^\s+|\s+$/g, l = /^[-+]0x[0-9a-f]+$/i, m = /^0b[01]+$/i, y = /^0o[0-7]+$/i, S = parseInt, w = typeof E == "object" && E && E.Object === Object && E, D = typeof self == "object" && self && self.Object === Object && self, f = w || D || Function("return this")(), x = Object.prototype, o = x.toString, c = Math.max, ri = Math.min, M = function() {
|
|
56
|
+
return f.Date.now();
|
|
57
|
+
};
|
|
58
|
+
function ni(t, d, k) {
|
|
59
|
+
var v, N, I, C, g, b, j = 0, q = !1, T = !1, F = !0;
|
|
60
|
+
if (typeof t != "function")
|
|
61
|
+
throw new TypeError(i);
|
|
62
|
+
d = V(d) || 0, P(k) && (q = !!k.leading, T = "maxWait" in k, I = T ? c(V(k.maxWait) || 0, d) : I, F = "trailing" in k ? !!k.trailing : F);
|
|
63
|
+
function z(r) {
|
|
64
|
+
var h = v, O = N;
|
|
65
|
+
return v = N = void 0, j = r, C = t.apply(O, h), C;
|
|
66
|
+
}
|
|
67
|
+
function ui(r) {
|
|
68
|
+
return j = r, g = setTimeout(A, d), q ? z(r) : C;
|
|
69
|
+
}
|
|
70
|
+
function ai(r) {
|
|
71
|
+
var h = r - b, O = r - j, X = d - h;
|
|
72
|
+
return T ? ri(X, I - O) : X;
|
|
73
|
+
}
|
|
74
|
+
function L(r) {
|
|
75
|
+
var h = r - b, O = r - j;
|
|
76
|
+
return b === void 0 || h >= d || h < 0 || T && O >= I;
|
|
77
|
+
}
|
|
78
|
+
function A() {
|
|
79
|
+
var r = M();
|
|
80
|
+
if (L(r))
|
|
81
|
+
return U(r);
|
|
82
|
+
g = setTimeout(A, ai(r));
|
|
83
|
+
}
|
|
84
|
+
function U(r) {
|
|
85
|
+
return g = void 0, F && v ? z(r) : (v = N = void 0, C);
|
|
86
|
+
}
|
|
87
|
+
function li() {
|
|
88
|
+
g !== void 0 && clearTimeout(g), j = 0, v = b = N = g = void 0;
|
|
89
|
+
}
|
|
90
|
+
function ci() {
|
|
91
|
+
return g === void 0 ? C : U(M());
|
|
92
|
+
}
|
|
93
|
+
function W() {
|
|
94
|
+
var r = M(), h = L(r);
|
|
95
|
+
if (v = arguments, N = this, b = r, h) {
|
|
96
|
+
if (g === void 0)
|
|
97
|
+
return ui(b);
|
|
98
|
+
if (T)
|
|
99
|
+
return g = setTimeout(A, d), z(b);
|
|
100
|
+
}
|
|
101
|
+
return g === void 0 && (g = setTimeout(A, d)), C;
|
|
102
|
+
}
|
|
103
|
+
return W.cancel = li, W.flush = ci, W;
|
|
104
|
+
}
|
|
105
|
+
function P(t) {
|
|
106
|
+
var d = typeof t;
|
|
107
|
+
return !!t && (d == "object" || d == "function");
|
|
108
|
+
}
|
|
109
|
+
function oi(t) {
|
|
110
|
+
return !!t && typeof t == "object";
|
|
111
|
+
}
|
|
112
|
+
function di(t) {
|
|
113
|
+
return typeof t == "symbol" || oi(t) && o.call(t) == n;
|
|
114
|
+
}
|
|
115
|
+
function V(t) {
|
|
116
|
+
if (typeof t == "number")
|
|
117
|
+
return t;
|
|
118
|
+
if (di(t))
|
|
119
|
+
return s;
|
|
120
|
+
if (P(t)) {
|
|
121
|
+
var d = typeof t.valueOf == "function" ? t.valueOf() : t;
|
|
122
|
+
t = P(d) ? d + "" : d;
|
|
123
|
+
}
|
|
124
|
+
if (typeof t != "string")
|
|
125
|
+
return t === 0 ? t : +t;
|
|
126
|
+
t = t.replace(a, "");
|
|
127
|
+
var k = m.test(t);
|
|
128
|
+
return k || y.test(t) ? S(t.slice(2), k ? 2 : 8) : l.test(t) ? s : +t;
|
|
129
|
+
}
|
|
130
|
+
return H = ni, H;
|
|
131
|
+
}
|
|
132
|
+
var ji = Ni();
|
|
133
|
+
const Ti = /* @__PURE__ */ wi(ji), R = (i) => u(
|
|
134
|
+
"dgs-ui-kit-transition-opacity dgs-ui-kit-whitespace-pre dgs-ui-kit-overflow-hidden",
|
|
135
|
+
i ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0",
|
|
136
|
+
B
|
|
137
|
+
);
|
|
138
|
+
function Y(i, s) {
|
|
139
|
+
return /* @__PURE__ */ p(
|
|
140
|
+
"div",
|
|
141
|
+
{
|
|
142
|
+
className: u(
|
|
143
|
+
"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",
|
|
144
|
+
s ? "dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse" : "dgs-ui-kit-justify-center"
|
|
145
|
+
),
|
|
146
|
+
children: [
|
|
147
|
+
i.icon,
|
|
148
|
+
/* @__PURE__ */ e(
|
|
149
|
+
"div",
|
|
150
|
+
{
|
|
151
|
+
className: u(
|
|
152
|
+
"dgs-ui-kit-font-p2-regular dgs-ui-kit-line-clamp-1 !dgs-ui-kit-transition-[width,opacity]",
|
|
153
|
+
s ? "dgs-ui-kit-w-full" : "dgs-ui-kit-w-0",
|
|
154
|
+
R
|
|
155
|
+
),
|
|
156
|
+
children: i.title
|
|
157
|
+
}
|
|
158
|
+
),
|
|
159
|
+
i.badgeCount && /* @__PURE__ */ e(
|
|
160
|
+
Z,
|
|
161
|
+
{
|
|
162
|
+
className: u("dgs-ui-kit-shrink-0", {
|
|
163
|
+
"!dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-left-0": !s
|
|
164
|
+
}),
|
|
165
|
+
value: i.badgeCount,
|
|
166
|
+
valueType: "number",
|
|
167
|
+
color: "error"
|
|
168
|
+
}
|
|
169
|
+
)
|
|
170
|
+
]
|
|
171
|
+
}
|
|
172
|
+
);
|
|
173
|
+
}
|
|
174
|
+
function si(i, s) {
|
|
175
|
+
return i.map((n) => {
|
|
176
|
+
if ("children" in n && n.children) {
|
|
177
|
+
const a = si(n.children, s);
|
|
178
|
+
if (a.length > 0)
|
|
179
|
+
return { ...n, children: a };
|
|
180
|
+
}
|
|
181
|
+
return n.title.includes(s) ? { ...n } : null;
|
|
182
|
+
}).filter((n) => !!n);
|
|
183
|
+
}
|
|
184
|
+
const Oi = (i) => {
|
|
185
|
+
const { value: s, onChange: n } = i, { isOpen: a, searchInput: l } = _();
|
|
186
|
+
return /* @__PURE__ */ e(
|
|
187
|
+
bi,
|
|
188
|
+
{
|
|
189
|
+
value: s,
|
|
190
|
+
onChange: n,
|
|
191
|
+
rightIcon: /* @__PURE__ */ e(mi, {}),
|
|
192
|
+
placeholder: "جستجو",
|
|
193
|
+
...typeof l == "boolean" ? {} : l,
|
|
194
|
+
wrapperClassName: u(
|
|
195
|
+
"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",
|
|
196
|
+
R(a),
|
|
197
|
+
typeof l == "object" && l.wrapperClassName,
|
|
198
|
+
B
|
|
199
|
+
)
|
|
200
|
+
}
|
|
201
|
+
);
|
|
202
|
+
}, _i = () => {
|
|
203
|
+
const { isOpen: i, searchInput: s = !0, items: n } = _(), [a, l] = J(""), [m, y] = J(n ?? []), S = ki(
|
|
204
|
+
Ti((f) => {
|
|
205
|
+
y(si(m, f));
|
|
206
|
+
}, 800),
|
|
207
|
+
[]
|
|
208
|
+
);
|
|
209
|
+
function w(f) {
|
|
210
|
+
const x = f.target.value;
|
|
211
|
+
l(x), S(x);
|
|
212
|
+
}
|
|
213
|
+
function D() {
|
|
214
|
+
l(""), y(n ?? []);
|
|
215
|
+
}
|
|
216
|
+
return pi(() => {
|
|
217
|
+
a && D();
|
|
218
|
+
}, [i]), /* @__PURE__ */ p("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: [
|
|
219
|
+
!!s && /* @__PURE__ */ e(
|
|
220
|
+
Oi,
|
|
221
|
+
{
|
|
222
|
+
value: a,
|
|
223
|
+
onChange: w
|
|
224
|
+
}
|
|
225
|
+
),
|
|
226
|
+
/* @__PURE__ */ e("div", { className: "dgs-ui-kit-space-y-6 dgs-ui-kit-px-4", children: m.map((f, x) => /* @__PURE__ */ p(hi, { children: [
|
|
227
|
+
/* @__PURE__ */ e(
|
|
228
|
+
"div",
|
|
229
|
+
{
|
|
230
|
+
className: u(
|
|
231
|
+
"dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400",
|
|
232
|
+
R(i)
|
|
233
|
+
),
|
|
234
|
+
children: f.title
|
|
235
|
+
}
|
|
236
|
+
),
|
|
237
|
+
/* @__PURE__ */ e(yi, { className: "dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", children: f.children?.map(
|
|
238
|
+
(o) => o.link ? /* @__PURE__ */ e(
|
|
239
|
+
"a",
|
|
240
|
+
{
|
|
241
|
+
href: o.link,
|
|
242
|
+
className: u(
|
|
243
|
+
"dgs-ui-kit-pr-3",
|
|
244
|
+
o.disabled && G,
|
|
245
|
+
o.active && K,
|
|
246
|
+
i ? "dgs-ui-kit-pl-9" : "dgs-ui-kit-pl-3",
|
|
247
|
+
$
|
|
248
|
+
),
|
|
249
|
+
children: Y(o, i)
|
|
250
|
+
},
|
|
251
|
+
o.link
|
|
252
|
+
) : /* @__PURE__ */ e(
|
|
253
|
+
xi,
|
|
254
|
+
{
|
|
255
|
+
className: u("!dgs-ui-kit-p-0", o.disabled && G),
|
|
256
|
+
title: Y(o, i),
|
|
257
|
+
hideDivider: !0,
|
|
258
|
+
hideArrow: !i || o.disabled,
|
|
259
|
+
disable: !i || o.disabled,
|
|
260
|
+
titleClassName: u(
|
|
261
|
+
"[&_>div:first-child]:dgs-ui-kit-flex-1 [&_>div:first-child]:dgs-ui-kit-pl-1",
|
|
262
|
+
i ? "dgs-ui-kit-px-3" : "!dgs-ui-kit-justify-center",
|
|
263
|
+
o.children?.find((c) => c.active) && K,
|
|
264
|
+
$
|
|
265
|
+
),
|
|
266
|
+
children: o.children?.map((c) => /* @__PURE__ */ p(
|
|
267
|
+
"a",
|
|
268
|
+
{
|
|
269
|
+
href: c.link,
|
|
270
|
+
className: u(
|
|
271
|
+
"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",
|
|
272
|
+
c.disabled && G,
|
|
273
|
+
c.active && ti,
|
|
274
|
+
$
|
|
275
|
+
),
|
|
276
|
+
children: [
|
|
277
|
+
/* @__PURE__ */ e("p", { children: c.title }),
|
|
278
|
+
c.badgeCount && /* @__PURE__ */ e(
|
|
279
|
+
Z,
|
|
280
|
+
{
|
|
281
|
+
valueType: "number",
|
|
282
|
+
value: c.badgeCount,
|
|
283
|
+
color: "error",
|
|
284
|
+
type: "twoTone"
|
|
285
|
+
}
|
|
286
|
+
)
|
|
287
|
+
]
|
|
288
|
+
},
|
|
289
|
+
c.link
|
|
290
|
+
))
|
|
291
|
+
},
|
|
292
|
+
o.link ?? o.title
|
|
293
|
+
)
|
|
294
|
+
) }),
|
|
295
|
+
x !== m.length - 1 && /* @__PURE__ */ e(ii, { type: "horizontal" })
|
|
296
|
+
] }, f.title)) })
|
|
297
|
+
] });
|
|
298
|
+
}, Ii = () => {
|
|
299
|
+
const { isOpen: i, logo: s } = _();
|
|
300
|
+
return /* @__PURE__ */ e("div", { className: "dgs-ui-kit-flex dgs-ui-kit-justify-center dgs-ui-kit-items-center dgs-ui-kit-mb-8", children: /* @__PURE__ */ e(
|
|
301
|
+
"img",
|
|
302
|
+
{
|
|
303
|
+
...s,
|
|
304
|
+
alt: s?.alt ?? "Logo",
|
|
305
|
+
src: i ? s?.open : s?.close,
|
|
306
|
+
className: u("dgs-ui-kit-h-12 dgs-ui-kit-w-full", s?.className)
|
|
307
|
+
}
|
|
308
|
+
) });
|
|
309
|
+
}, Ai = () => {
|
|
310
|
+
const { userProfile: i, isOpen: s } = _();
|
|
311
|
+
return /* @__PURE__ */ p(
|
|
312
|
+
"a",
|
|
313
|
+
{
|
|
314
|
+
href: i?.link ?? "#",
|
|
315
|
+
className: u(
|
|
316
|
+
"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",
|
|
317
|
+
{ "dgs-ui-kit-pointer-events-none": !i?.link }
|
|
318
|
+
),
|
|
319
|
+
children: [
|
|
320
|
+
/* @__PURE__ */ e(
|
|
321
|
+
"img",
|
|
322
|
+
{
|
|
323
|
+
src: i?.image,
|
|
324
|
+
alt: i?.name ?? "user_avatar",
|
|
325
|
+
className: "dgs-ui-kit-size-12 dgs-ui-kit-rounded-full dgs-ui-kit-shrink-0"
|
|
326
|
+
}
|
|
327
|
+
),
|
|
328
|
+
/* @__PURE__ */ p("div", { className: u("dgs-ui-kit-flex dgs-ui-kit-flex-col", R(s)), children: [
|
|
329
|
+
/* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-p3-medium dgs-ui-kit-text-gray-700", children: i?.name }),
|
|
330
|
+
/* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-p3-regular dgs-ui-kit-text-gray-400", children: i?.description })
|
|
331
|
+
] })
|
|
332
|
+
]
|
|
333
|
+
}
|
|
334
|
+
);
|
|
335
|
+
}, Ei = () => {
|
|
336
|
+
const { isOpen: i, setIsOpen: s } = _();
|
|
337
|
+
return /* @__PURE__ */ e(
|
|
338
|
+
"button",
|
|
339
|
+
{
|
|
340
|
+
type: "button",
|
|
341
|
+
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",
|
|
342
|
+
onClick: () => s(!i),
|
|
343
|
+
children: /* @__PURE__ */ e(
|
|
344
|
+
vi,
|
|
345
|
+
{
|
|
346
|
+
className: u(
|
|
347
|
+
"dgs-ui-kit-transition-transform dgs-ui-kit-text-primary-500",
|
|
348
|
+
i && "dgs-ui-kit-rotate-180",
|
|
349
|
+
B
|
|
350
|
+
),
|
|
351
|
+
width: 16,
|
|
352
|
+
height: 16
|
|
353
|
+
}
|
|
354
|
+
)
|
|
355
|
+
}
|
|
356
|
+
);
|
|
357
|
+
}, Vi = (i) => {
|
|
358
|
+
const {
|
|
359
|
+
isOpen: s,
|
|
360
|
+
className: n,
|
|
361
|
+
logo: a,
|
|
362
|
+
items: l,
|
|
363
|
+
extraComponent: m,
|
|
364
|
+
userProfile: y,
|
|
365
|
+
logOutButtonProps: S,
|
|
366
|
+
onLogout: w
|
|
367
|
+
} = i;
|
|
368
|
+
return /* @__PURE__ */ e(ei.Provider, { value: i, children: /* @__PURE__ */ p(
|
|
369
|
+
"div",
|
|
370
|
+
{
|
|
371
|
+
className: u(
|
|
372
|
+
n,
|
|
373
|
+
"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]",
|
|
374
|
+
s ? "dgs-ui-kit-w-[280px] dgs-ui-kit-max-w-full" : "dgs-ui-kit-w-[80px] dgs-ui-kit-max-w-[80px]",
|
|
375
|
+
B
|
|
376
|
+
),
|
|
377
|
+
children: [
|
|
378
|
+
/* @__PURE__ */ e(Ei, {}),
|
|
379
|
+
!!(a?.open ?? a?.close) && /* @__PURE__ */ e(Ii, {}),
|
|
380
|
+
l && l.length > 0 && /* @__PURE__ */ e(_i, {}),
|
|
381
|
+
/* @__PURE__ */ p("div", { className: "dgs-ui-kit-shrink-0 dgs-ui-kit-flex-1", children: [
|
|
382
|
+
m,
|
|
383
|
+
/* @__PURE__ */ e(
|
|
384
|
+
ii,
|
|
385
|
+
{
|
|
386
|
+
className: "dgs-ui-kit-mt-6 dgs-ui-kit-mb-4",
|
|
387
|
+
type: "horizontal"
|
|
388
|
+
}
|
|
389
|
+
),
|
|
390
|
+
!!y?.image && /* @__PURE__ */ e(Ai, {}),
|
|
391
|
+
/* @__PURE__ */ e(
|
|
392
|
+
Ci,
|
|
393
|
+
{
|
|
394
|
+
color: "error",
|
|
395
|
+
variant: "secondary",
|
|
396
|
+
rightIcon: /* @__PURE__ */ e(Si, {}),
|
|
397
|
+
isFullWidth: !0,
|
|
398
|
+
onClick: w,
|
|
399
|
+
...S,
|
|
400
|
+
children: s ? "خروج" : ""
|
|
401
|
+
}
|
|
402
|
+
)
|
|
403
|
+
] })
|
|
404
|
+
]
|
|
405
|
+
}
|
|
406
|
+
) });
|
|
407
|
+
};
|
|
408
|
+
export {
|
|
409
|
+
Vi as default
|
|
410
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ButtonProps } from '../Button';
|
|
3
|
+
import { InputProps } from '../Form/Input';
|
|
4
|
+
export interface ThirdLevelSidebarItem {
|
|
5
|
+
title: string;
|
|
6
|
+
link: string;
|
|
7
|
+
badgeCount?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
active?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface SecondLevelSidebarItem {
|
|
12
|
+
title: string;
|
|
13
|
+
icon: ReactNode;
|
|
14
|
+
link?: string;
|
|
15
|
+
badgeCount?: number;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
active?: boolean;
|
|
18
|
+
children?: ThirdLevelSidebarItem[];
|
|
19
|
+
}
|
|
20
|
+
export interface FirstLevelSidebarItem {
|
|
21
|
+
title: string;
|
|
22
|
+
children?: SecondLevelSidebarItem[];
|
|
23
|
+
}
|
|
24
|
+
export interface SidebarProps {
|
|
25
|
+
isOpen: boolean;
|
|
26
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
27
|
+
logo?: {
|
|
28
|
+
open: string;
|
|
29
|
+
close: string;
|
|
30
|
+
} & Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'>;
|
|
31
|
+
searchInput?: boolean | Omit<InputProps, 'value' | 'onChange'>;
|
|
32
|
+
items?: FirstLevelSidebarItem[];
|
|
33
|
+
extraComponent?: ReactNode;
|
|
34
|
+
userProfile?: {
|
|
35
|
+
image: string;
|
|
36
|
+
name?: string;
|
|
37
|
+
description?: string;
|
|
38
|
+
link?: string;
|
|
39
|
+
};
|
|
40
|
+
onLogout?: () => void;
|
|
41
|
+
logOutButtonProps?: Omit<ButtonProps, 'onClick'>;
|
|
42
|
+
className?: string;
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +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,MAAM,WAAW,YAAY;IAC3B,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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { FirstLevelSidebarItem, SecondLevelSidebarItem, SidebarProps, ThirdLevelSidebarItem } from './types';
|
|
2
|
+
export declare const showItemsClass: (isOpen: SidebarProps["isOpen"]) => string;
|
|
3
|
+
export declare function getSecondLevelItemContent(item: SecondLevelSidebarItem, isOpen: SidebarProps['isOpen']): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
type ItemsUnionType = FirstLevelSidebarItem | SecondLevelSidebarItem | ThirdLevelSidebarItem;
|
|
5
|
+
export declare function searchItems(items: ItemsUnionType[], searchValue: string): ItemsUnionType[];
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/Sidebar/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,qBAAqB,EACrB,sBAAsB,EACtB,YAAY,EACZ,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,cAAc,GAAI,QAAQ,YAAY,CAAC,QAAQ,CAAC,WAK1D,CAAC;AAEJ,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,sBAAsB,EAC5B,MAAM,EAAE,YAAY,CAAC,QAAQ,CAAC,2CA+B/B;AAED,KAAK,cAAc,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,qBAAqB,CAAC;AAC7F,wBAAgB,WAAW,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,WAAW,EAAE,MAAM,GAAG,cAAc,EAAE,CAiB1F"}
|