@krosoft/react 0.0.231 → 0.0.233
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/{AppActions-QHJ6CP5w.js → AppActions-BFwztl-1.js} +2 -2
- package/dist/{AppSubTitle-BlwAxtMX.js → AppSubTitle-BTN0YAc7.js} +1 -1
- package/dist/{AppVerticalTabs-C6MH4a0M.js → AppVerticalTabs-B7XXtAVj.js} +19 -18
- package/dist/{ConfirmationDialog-CK65nSle.js → ConfirmationDialog-Dj4WdnHg.js} +5 -5
- package/dist/{DataTable-DYp_uFEn.js → DataTable-CjrR27Di.js} +3 -3
- package/dist/{ErrorAlert-BIQ2Te6B.js → ErrorAlert-B99Xb_Hg.js} +1 -1
- package/dist/{ErrorState-ZtWe5C0s.js → ErrorState-CkeS_IBT.js} +1 -1
- package/dist/{GenericForm-B7L7NkrE.js → GenericForm-CydibLHU.js} +6 -6
- package/dist/{ImageInput-CBDkCEho.js → ImageInput-DoOOvvth.js} +3 -3
- package/dist/{KpiCardsLayout-CUDfA-AP.js → KpiCardsLayout-Ca6otKVw.js} +5 -5
- package/dist/LanguageSelector-D5Ly1SFC.js +46 -0
- package/dist/{MultiSelect-DWNOCqe1.js → MultiSelect-DbH7LrsD.js} +3 -3
- package/dist/{PieChart-gP2QNrAQ.js → PieChart-uozNJtEx.js} +1 -1
- package/dist/{SearchInput-Dkvaei9K.js → SearchInput-DIZ5Yt6L.js} +4 -4
- package/dist/{SkeletonCards-CQKcSQW3.js → SkeletonCards-B9C4cNMr.js} +2 -2
- package/dist/{TableFilter-BXD7Es8j.js → TableFilter-CmEVF5Bo.js} +25 -25
- package/dist/{ThemeSelector-BtQNjlYA.js → ThemeSelector-DKhn02V2.js} +2 -2
- package/dist/Topbar-CPWjqOBF.js +429 -0
- package/dist/components/core/cards/index.js +1 -1
- package/dist/components/core/charts/index.js +1 -1
- package/dist/components/core/dialogs/index.js +3 -3
- package/dist/components/core/filters/index.js +1 -1
- package/dist/components/core/forms/index.js +1 -1
- package/dist/components/core/index.d.ts +1 -0
- package/dist/components/core/index.d.ts.map +1 -1
- package/dist/components/core/index.js +68 -65
- package/dist/components/core/inputs/index.js +3 -3
- package/dist/components/core/language/LanguageSelector.d.ts +9 -0
- package/dist/components/core/language/LanguageSelector.d.ts.map +1 -0
- package/dist/components/core/language/index.d.ts +3 -0
- package/dist/components/core/language/index.d.ts.map +1 -0
- package/dist/components/core/language/index.js +4 -0
- package/dist/components/core/layouts/index.js +3 -3
- package/dist/components/core/navbar/NotificationsBell.d.ts +64 -0
- package/dist/components/core/navbar/NotificationsBell.d.ts.map +1 -0
- package/dist/components/core/navbar/index.d.ts +2 -0
- package/dist/components/core/navbar/index.d.ts.map +1 -1
- package/dist/components/core/navbar/index.js +5 -4
- package/dist/components/core/states/index.js +2 -2
- package/dist/components/core/table/index.js +1 -1
- package/dist/components/core/tabs/index.js +1 -1
- package/dist/components/core/theme/index.js +1 -1
- package/dist/components/index.js +248 -245
- package/dist/components/ui/index.js +104 -104
- package/dist/hooks/behavior/index.js +1 -1
- package/dist/hooks/index.js +16 -14
- package/dist/hooks/ui/index.d.ts +2 -0
- package/dist/hooks/ui/index.d.ts.map +1 -1
- package/dist/hooks/ui/index.js +17 -15
- package/dist/hooks/ui/useLanguage.d.ts +29 -0
- package/dist/hooks/ui/useLanguage.d.ts.map +1 -0
- package/dist/i18n/index.js +2 -2
- package/dist/i18n/krosoftLocales.d.ts +26 -0
- package/dist/i18n/krosoftLocales.d.ts.map +1 -1
- package/dist/sheet-XYI-ezvY.js +292 -0
- package/dist/{toaster-B1J0puB_.js → toaster-CyzB1m5z.js} +26 -26
- package/dist/{toggle-group-DLLrEwv2.js → toggle-group-iZqnrTj7.js} +519 -566
- package/dist/{useDateFnsLocale-C4oFFUWO.js → useDateFnsLocale-D6VExZ8U.js} +1 -1
- package/dist/useKrosoftTranslation-BTp46G94.js +47 -0
- package/dist/useLanguage-C9jI2nwn.js +19 -0
- package/dist/{usePage-D3WXYmjl.js → usePage-BQm6tdJD.js} +1 -1
- package/dist/{useTheme-DyeQyPDL.js → useTheme-DS6ZjdzM.js} +1 -1
- package/package.json +1 -1
- package/dist/Topbar-DYim779_.js +0 -319
- package/dist/sheet-tuC_C3M3.js +0 -245
- package/dist/useKrosoftTranslation-DtdbUewZ.js +0 -43
|
@@ -0,0 +1,429 @@
|
|
|
1
|
+
import { jsxs as s, Fragment as L, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import "date-fns/locale";
|
|
3
|
+
import "react-i18next";
|
|
4
|
+
import { u as G } from "./useKrosoftTranslation-BTp46G94.js";
|
|
5
|
+
import * as K from "react";
|
|
6
|
+
import { SearchIcon as U, LoaderCircleIcon as _, BellIcon as F, Trash2Icon as M, ChevronDownIcon as Q, MenuIcon as R } from "lucide-react";
|
|
7
|
+
import { c as l } from "./tailwind.helper-B6yFEsav.js";
|
|
8
|
+
import { B as E, T as q, c as H, a as P, b as V } from "./tooltip-DVeqVwqV.js";
|
|
9
|
+
import { j as X, m as J, o as Y, k as Z, l as I, n as ee, P as te, s as re, r as ae, S as se, I as ie, u as ne, w as le, E as oe, x as ce } from "./sheet-XYI-ezvY.js";
|
|
10
|
+
import "./sidebar.context-D5nywlmP.js";
|
|
11
|
+
import { u as W } from "./useSidebar-BJuALHqQ.js";
|
|
12
|
+
import "next-themes";
|
|
13
|
+
import { S as B } from "./skeleton-BX4RcsiK.js";
|
|
14
|
+
const ke = ({
|
|
15
|
+
groups: i,
|
|
16
|
+
search: d,
|
|
17
|
+
onSearch: h,
|
|
18
|
+
onSelect: o,
|
|
19
|
+
loading: r = !1,
|
|
20
|
+
open: c,
|
|
21
|
+
onOpenChange: m,
|
|
22
|
+
trigger: x = !0,
|
|
23
|
+
triggerLabel: g,
|
|
24
|
+
shortcut: N = !0,
|
|
25
|
+
shortcutLabel: w = "Ctrl+K",
|
|
26
|
+
placeholder: z,
|
|
27
|
+
emptyLabel: S,
|
|
28
|
+
loadingLabel: k,
|
|
29
|
+
title: j,
|
|
30
|
+
description: D,
|
|
31
|
+
hint: A,
|
|
32
|
+
className: b
|
|
33
|
+
}) => {
|
|
34
|
+
const { t: p } = G(), [T, n] = K.useState(!1), y = c !== void 0, C = y ? c : T, a = K.useCallback(
|
|
35
|
+
(f) => {
|
|
36
|
+
y || n(f), m == null || m(f);
|
|
37
|
+
},
|
|
38
|
+
[y, m]
|
|
39
|
+
);
|
|
40
|
+
K.useEffect(() => {
|
|
41
|
+
if (!N) return;
|
|
42
|
+
const f = (t) => {
|
|
43
|
+
t.key.toLowerCase() !== "k" || !(t.metaKey || t.ctrlKey) || (t.preventDefault(), a(!C));
|
|
44
|
+
};
|
|
45
|
+
return window.addEventListener("keydown", f), () => {
|
|
46
|
+
window.removeEventListener("keydown", f);
|
|
47
|
+
};
|
|
48
|
+
}, [N, C, a]);
|
|
49
|
+
const u = (f) => {
|
|
50
|
+
a(!1), h(""), o(f);
|
|
51
|
+
}, v = i.some((f) => f.items.length > 0);
|
|
52
|
+
return /* @__PURE__ */ s(L, { children: [
|
|
53
|
+
x && /* @__PURE__ */ e(
|
|
54
|
+
E,
|
|
55
|
+
{
|
|
56
|
+
variant: "ghost",
|
|
57
|
+
size: "icon",
|
|
58
|
+
"aria-label": g ?? p("search.trigger"),
|
|
59
|
+
title: N ? `${g ?? p("search.trigger")} (${w})` : g ?? p("search.trigger"),
|
|
60
|
+
className: "rounded-full",
|
|
61
|
+
onClick: () => {
|
|
62
|
+
a(!0);
|
|
63
|
+
},
|
|
64
|
+
children: /* @__PURE__ */ e(U, { className: "size-4" })
|
|
65
|
+
}
|
|
66
|
+
),
|
|
67
|
+
/* @__PURE__ */ s(
|
|
68
|
+
X,
|
|
69
|
+
{
|
|
70
|
+
open: C,
|
|
71
|
+
onOpenChange: a,
|
|
72
|
+
title: j ?? p("search.globalTitle"),
|
|
73
|
+
description: D ?? p("search.globalDescription"),
|
|
74
|
+
shouldFilter: !1,
|
|
75
|
+
className: b,
|
|
76
|
+
children: [
|
|
77
|
+
/* @__PURE__ */ e(J, { value: d, onValueChange: h, placeholder: z ?? p("search.placeholder") }),
|
|
78
|
+
/* @__PURE__ */ s(Y, { children: [
|
|
79
|
+
r && /* @__PURE__ */ s("div", { className: "flex items-center justify-center gap-2 py-6 text-sm text-muted-foreground", children: [
|
|
80
|
+
/* @__PURE__ */ e(_, { className: "size-4 animate-spin" }),
|
|
81
|
+
k ?? p("search.loading")
|
|
82
|
+
] }),
|
|
83
|
+
!v && !r && /* @__PURE__ */ e(Z, { children: S ?? p("states.noResultDot") }),
|
|
84
|
+
i.map(
|
|
85
|
+
(f) => f.items.length === 0 ? null : /* @__PURE__ */ e(I, { heading: f.heading, children: f.items.map((t) => {
|
|
86
|
+
const $ = t.icon;
|
|
87
|
+
return /* @__PURE__ */ s(
|
|
88
|
+
ee,
|
|
89
|
+
{
|
|
90
|
+
value: t.key,
|
|
91
|
+
className: "gap-3 px-2 py-2",
|
|
92
|
+
onSelect: () => {
|
|
93
|
+
u(t);
|
|
94
|
+
},
|
|
95
|
+
children: [
|
|
96
|
+
$ && /* @__PURE__ */ e("span", { className: l("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", t.iconClassName), children: /* @__PURE__ */ e($, { className: "size-4" }) }),
|
|
97
|
+
/* @__PURE__ */ s("span", { className: "flex min-w-0 flex-1 flex-col", children: [
|
|
98
|
+
/* @__PURE__ */ e("span", { className: "truncate font-medium", children: t.label }),
|
|
99
|
+
t.description !== void 0 && t.description !== "" && /* @__PURE__ */ e("span", { className: "truncate text-xs text-muted-foreground", children: t.description })
|
|
100
|
+
] })
|
|
101
|
+
]
|
|
102
|
+
},
|
|
103
|
+
t.key
|
|
104
|
+
);
|
|
105
|
+
}) }, f.heading)
|
|
106
|
+
)
|
|
107
|
+
] }),
|
|
108
|
+
A !== void 0 && v && !r && /* @__PURE__ */ e("div", { className: "border-t border-border p-2 text-center text-xs text-muted-foreground", children: A })
|
|
109
|
+
]
|
|
110
|
+
}
|
|
111
|
+
)
|
|
112
|
+
] });
|
|
113
|
+
}, de = 9, ze = ({
|
|
114
|
+
items: i,
|
|
115
|
+
onSelect: d,
|
|
116
|
+
onMarkAllAsRead: h,
|
|
117
|
+
onRemove: o,
|
|
118
|
+
loading: r = !1,
|
|
119
|
+
unreadCount: c,
|
|
120
|
+
maxBadgeCount: m = de,
|
|
121
|
+
open: x,
|
|
122
|
+
onOpenChange: g,
|
|
123
|
+
triggerLabel: N,
|
|
124
|
+
title: w,
|
|
125
|
+
emptyLabel: z,
|
|
126
|
+
loadingLabel: S,
|
|
127
|
+
markAllAsReadLabel: k,
|
|
128
|
+
removeLabel: j,
|
|
129
|
+
className: D,
|
|
130
|
+
contentClassName: A,
|
|
131
|
+
badgeClassName: b
|
|
132
|
+
}) => {
|
|
133
|
+
const { t: p } = G(), [T, n] = K.useState(!1), y = x !== void 0, C = y ? x : T, a = (t) => {
|
|
134
|
+
y || n(t), g == null || g(t);
|
|
135
|
+
}, u = c ?? i.filter((t) => !t.read).length, v = N ?? p("notifications.trigger"), f = (t) => {
|
|
136
|
+
a(!1), d == null || d(t);
|
|
137
|
+
};
|
|
138
|
+
return /* @__PURE__ */ s(te, { open: C, onOpenChange: a, children: [
|
|
139
|
+
/* @__PURE__ */ e(re, { asChild: !0, children: /* @__PURE__ */ s(
|
|
140
|
+
E,
|
|
141
|
+
{
|
|
142
|
+
type: "button",
|
|
143
|
+
variant: "ghost",
|
|
144
|
+
size: "icon",
|
|
145
|
+
className: l("relative rounded-full", D),
|
|
146
|
+
"aria-label": u > 0 ? `${v} (${String(u)})` : v,
|
|
147
|
+
title: v,
|
|
148
|
+
children: [
|
|
149
|
+
/* @__PURE__ */ e(F, { className: "size-4" }),
|
|
150
|
+
u > 0 && /* @__PURE__ */ e(
|
|
151
|
+
"span",
|
|
152
|
+
{
|
|
153
|
+
className: l(
|
|
154
|
+
"absolute right-1 top-1 flex size-4 items-center justify-center rounded-full bg-primary text-[10px] font-bold leading-none text-primary-foreground",
|
|
155
|
+
b
|
|
156
|
+
),
|
|
157
|
+
children: u > m ? `${String(m)}+` : u
|
|
158
|
+
}
|
|
159
|
+
)
|
|
160
|
+
]
|
|
161
|
+
}
|
|
162
|
+
) }),
|
|
163
|
+
/* @__PURE__ */ s(ae, { align: "end", className: l("w-80 p-0", A), children: [
|
|
164
|
+
/* @__PURE__ */ s("div", { className: "flex items-center justify-between gap-2 border-b px-3 py-2", children: [
|
|
165
|
+
/* @__PURE__ */ e("span", { className: "text-sm font-medium", children: w ?? p("notifications.title") }),
|
|
166
|
+
h && u > 0 && /* @__PURE__ */ e(E, { type: "button", variant: "ghost", size: "sm", className: "h-7 text-xs", onClick: h, children: k ?? p("notifications.markAllAsRead") })
|
|
167
|
+
] }),
|
|
168
|
+
r && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: S ?? p("states.loading") }),
|
|
169
|
+
!r && i.length === 0 && /* @__PURE__ */ e("p", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: z ?? p("notifications.empty") }),
|
|
170
|
+
!r && i.length > 0 && /* @__PURE__ */ e(se, { className: "max-h-96", children: /* @__PURE__ */ e("ul", { className: "divide-y", children: i.map((t) => {
|
|
171
|
+
const $ = t.icon;
|
|
172
|
+
return /* @__PURE__ */ s("li", { className: l("flex items-start gap-2 px-3 py-2", !t.read && "bg-accent/40"), children: [
|
|
173
|
+
/* @__PURE__ */ s(
|
|
174
|
+
"button",
|
|
175
|
+
{
|
|
176
|
+
type: "button",
|
|
177
|
+
className: "flex min-w-0 flex-1 items-start gap-2 rounded-sm text-left focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
|
|
178
|
+
onClick: () => {
|
|
179
|
+
f(t);
|
|
180
|
+
},
|
|
181
|
+
children: [
|
|
182
|
+
$ && /* @__PURE__ */ e(
|
|
183
|
+
"span",
|
|
184
|
+
{
|
|
185
|
+
className: l(
|
|
186
|
+
"mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground",
|
|
187
|
+
t.iconClassName
|
|
188
|
+
),
|
|
189
|
+
children: /* @__PURE__ */ e($, { className: "size-3.5" })
|
|
190
|
+
}
|
|
191
|
+
),
|
|
192
|
+
/* @__PURE__ */ s("span", { className: "min-w-0 flex-1 space-y-0.5", children: [
|
|
193
|
+
/* @__PURE__ */ s("span", { className: "flex items-center gap-2", children: [
|
|
194
|
+
!t.read && /* @__PURE__ */ e("span", { className: "size-1.5 shrink-0 rounded-full bg-primary", "aria-hidden": !0 }),
|
|
195
|
+
/* @__PURE__ */ e("span", { className: l("truncate text-sm", !t.read && "font-medium"), children: t.title })
|
|
196
|
+
] }),
|
|
197
|
+
t.description && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground", children: t.description }),
|
|
198
|
+
t.date && /* @__PURE__ */ e("span", { className: "block text-xs text-muted-foreground/60", children: t.date })
|
|
199
|
+
] })
|
|
200
|
+
]
|
|
201
|
+
}
|
|
202
|
+
),
|
|
203
|
+
o && /* @__PURE__ */ e(
|
|
204
|
+
E,
|
|
205
|
+
{
|
|
206
|
+
type: "button",
|
|
207
|
+
variant: "ghost",
|
|
208
|
+
size: "icon",
|
|
209
|
+
className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
|
|
210
|
+
onClick: () => {
|
|
211
|
+
o(t);
|
|
212
|
+
},
|
|
213
|
+
"aria-label": j ?? p("notifications.remove"),
|
|
214
|
+
title: j ?? p("notifications.remove"),
|
|
215
|
+
children: /* @__PURE__ */ e(M, { className: "size-3.5" })
|
|
216
|
+
}
|
|
217
|
+
)
|
|
218
|
+
] }, t.key);
|
|
219
|
+
}) }) })
|
|
220
|
+
] })
|
|
221
|
+
] });
|
|
222
|
+
}, O = (i, d, h) => d === i ? !0 : i === "/" || !d.startsWith(`${i}/`) ? !1 : !h.some(
|
|
223
|
+
(o) => o !== i && o.startsWith(`${i}/`) && (d === o || d.startsWith(`${o}/`))
|
|
224
|
+
), me = ({
|
|
225
|
+
path: i,
|
|
226
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
227
|
+
icon: d,
|
|
228
|
+
label: h,
|
|
229
|
+
badge: o,
|
|
230
|
+
subItems: r,
|
|
231
|
+
currentPath: c,
|
|
232
|
+
collapsed: m,
|
|
233
|
+
dense: x = !1,
|
|
234
|
+
onItemClick: g
|
|
235
|
+
}) => {
|
|
236
|
+
const N = (r == null ? void 0 : r.map((n) => n.path)) ?? [], [w, z] = K.useState((r == null ? void 0 : r.some((n) => O(n.path, c, N))) ?? !1), S = i ? c === i || i !== "/" && c.startsWith(`${i}/`) : !1, k = r == null ? void 0 : r.some((n) => O(n.path, c, N)), T = /* @__PURE__ */ s(
|
|
237
|
+
"a",
|
|
238
|
+
{
|
|
239
|
+
href: i ?? "#",
|
|
240
|
+
onClick: (n) => {
|
|
241
|
+
n.ctrlKey || n.metaKey || n.button === 1 || (n.preventDefault(), r && r.length > 0 ? m || z(!w) : i && g(i));
|
|
242
|
+
},
|
|
243
|
+
className: l(
|
|
244
|
+
"flex items-center cursor-pointer transition-all duration-200 group rounded-control",
|
|
245
|
+
x ? "gap-2.5 mb-0.5" : "gap-3 mb-1",
|
|
246
|
+
m ? x ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : x ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12",
|
|
247
|
+
S || !m && k ? x ? "bg-sidebar-primary text-sidebar-primary-foreground" : "bg-sidebar-primary text-sidebar-primary-foreground shadow-lg" : "hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"
|
|
248
|
+
),
|
|
249
|
+
children: [
|
|
250
|
+
/* @__PURE__ */ e("div", { className: l("flex-shrink-0 transition-transform group-hover:scale-110", m ? "flex items-center justify-center" : ""), children: /* @__PURE__ */ e(d, { className: "size-4" }) }),
|
|
251
|
+
!m && /* @__PURE__ */ s(L, { children: [
|
|
252
|
+
/* @__PURE__ */ e("span", { className: l("flex-grow transition-opacity duration-150 font-medium", x ? "text-sm" : ""), children: h }),
|
|
253
|
+
o !== void 0 && /* @__PURE__ */ e("span", { className: "bg-red-500 text-white text-xs rounded-full py-1 min-w-[20px] text-center px-2 font-semibold", children: o }),
|
|
254
|
+
r && r.length > 0 && /* @__PURE__ */ e(Q, { className: l("size-4 transition-transform duration-200", w ? "rotate-180" : "") })
|
|
255
|
+
] })
|
|
256
|
+
]
|
|
257
|
+
}
|
|
258
|
+
);
|
|
259
|
+
return /* @__PURE__ */ s(L, { children: [
|
|
260
|
+
m ? /* @__PURE__ */ s(q, { children: [
|
|
261
|
+
/* @__PURE__ */ e(H, { asChild: !0, children: T }),
|
|
262
|
+
/* @__PURE__ */ e(
|
|
263
|
+
P,
|
|
264
|
+
{
|
|
265
|
+
side: "right",
|
|
266
|
+
sideOffset: 6,
|
|
267
|
+
className: "rounded-surface z-[99999] flex gap-2 bg-sidebar text-sidebar-foreground border border-sidebar-border py-2 text-sm shadow-lg",
|
|
268
|
+
children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
|
|
269
|
+
/* @__PURE__ */ e("p", { className: "font-semibold", children: h }),
|
|
270
|
+
o !== void 0 && /* @__PURE__ */ s("span", { className: "ml-1 text-xs", children: [
|
|
271
|
+
"(",
|
|
272
|
+
o,
|
|
273
|
+
")"
|
|
274
|
+
] })
|
|
275
|
+
] }) })
|
|
276
|
+
}
|
|
277
|
+
)
|
|
278
|
+
] }) : T,
|
|
279
|
+
!m && r && r.length > 0 && w && /* @__PURE__ */ e(
|
|
280
|
+
"div",
|
|
281
|
+
{
|
|
282
|
+
className: l(
|
|
283
|
+
"flex flex-col ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200",
|
|
284
|
+
x ? "gap-0.5 mb-0.5" : "gap-1 mb-2"
|
|
285
|
+
),
|
|
286
|
+
children: r.map((n, y) => {
|
|
287
|
+
const C = O(n.path, c, N);
|
|
288
|
+
return /* @__PURE__ */ s(
|
|
289
|
+
"a",
|
|
290
|
+
{
|
|
291
|
+
href: n.path,
|
|
292
|
+
onClick: (a) => {
|
|
293
|
+
a.ctrlKey || a.metaKey || a.button === 1 || (a.preventDefault(), g(n.path));
|
|
294
|
+
},
|
|
295
|
+
className: l(
|
|
296
|
+
"flex items-center justify-between rounded-control text-sm transition-all duration-200",
|
|
297
|
+
x ? "px-3 py-1" : "px-4 py-2",
|
|
298
|
+
C ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"
|
|
299
|
+
),
|
|
300
|
+
children: [
|
|
301
|
+
/* @__PURE__ */ e("span", { children: n.label }),
|
|
302
|
+
n.badge !== void 0 && /* @__PURE__ */ e("span", { className: "bg-sidebar-primary/20 text-sidebar-primary text-[10px] rounded-full py-0.5 px-2 font-semibold", children: n.badge })
|
|
303
|
+
]
|
|
304
|
+
},
|
|
305
|
+
y
|
|
306
|
+
);
|
|
307
|
+
})
|
|
308
|
+
}
|
|
309
|
+
)
|
|
310
|
+
] });
|
|
311
|
+
}, Se = ({ groups: i, currentPath: d, onItemClick: h, slots: o, search: r, dense: c = !1, loading: m = !1 }) => {
|
|
312
|
+
const { t: x } = G(), { enabled: g = !1, placeholder: N } = r ?? {}, { header: w, footer: z } = o ?? {}, { collapsed: S, isMobile: k, setCollapsed: j } = W(), [D, A] = K.useState(""), b = k ? !1 : S, p = !S, T = (a) => {
|
|
313
|
+
h(a), k && j(!0);
|
|
314
|
+
}, n = D.trim().toLowerCase(), y = n === "" ? i : i.map((a) => ({
|
|
315
|
+
...a,
|
|
316
|
+
items: a.items.filter(
|
|
317
|
+
(u) => {
|
|
318
|
+
var v;
|
|
319
|
+
return u.label.toLowerCase().includes(n) || (((v = u.subItems) == null ? void 0 : v.some((f) => f.label.toLowerCase().includes(n))) ?? !1);
|
|
320
|
+
}
|
|
321
|
+
)
|
|
322
|
+
})).filter((a) => a.items.length > 0), C = /* @__PURE__ */ s("div", { className: "flex flex-col h-full bg-sidebar text-sidebar-foreground", children: [
|
|
323
|
+
w,
|
|
324
|
+
g && !b && /* @__PURE__ */ e("div", { className: l("px-4", c ? "pt-2" : "pt-4"), children: /* @__PURE__ */ s("div", { className: "relative", children: [
|
|
325
|
+
/* @__PURE__ */ e(U, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }),
|
|
326
|
+
/* @__PURE__ */ e(
|
|
327
|
+
ie,
|
|
328
|
+
{
|
|
329
|
+
type: "search",
|
|
330
|
+
value: D,
|
|
331
|
+
onChange: (a) => {
|
|
332
|
+
A(a.target.value);
|
|
333
|
+
},
|
|
334
|
+
placeholder: N ?? x("search.placeholder"),
|
|
335
|
+
className: l(
|
|
336
|
+
"bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted",
|
|
337
|
+
c ? "h-8 text-sm" : "h-9"
|
|
338
|
+
)
|
|
339
|
+
}
|
|
340
|
+
)
|
|
341
|
+
] }) }),
|
|
342
|
+
/* @__PURE__ */ e("div", { className: l("flex-1 overflow-y-auto scrollbar-modern", b ? "px-0" : "px-2", c ? "py-2" : "py-4"), children: m ? Array.from({ length: 5 }).map((a, u) => /* @__PURE__ */ s("div", { className: l("flex items-center gap-3", c ? "mb-1 h-9" : "mb-2 h-12", b ? "justify-center px-3" : "px-4"), children: [
|
|
343
|
+
/* @__PURE__ */ e(B, { className: "size-5 flex-shrink-0 rounded-control" }),
|
|
344
|
+
!b && /* @__PURE__ */ e(B, { className: "h-4 flex-1" })
|
|
345
|
+
] }, u)) : y.map((a, u) => /* @__PURE__ */ s("div", { className: c ? "mb-3" : "mb-6", children: [
|
|
346
|
+
!b && a.title !== void 0 && a.title !== "" && /* @__PURE__ */ e("h3", { className: l("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", c ? "mb-1" : "mb-2"), children: a.title }),
|
|
347
|
+
/* @__PURE__ */ e("nav", { className: l("flex flex-col", c ? "gap-0.5" : "gap-1"), children: a.items.map((v, f) => /* @__PURE__ */ e(me, { ...v, currentPath: d, collapsed: b, dense: c, onItemClick: T }, f)) })
|
|
348
|
+
] }, u)) }),
|
|
349
|
+
z && /* @__PURE__ */ e("div", { className: l("border-t border-sidebar-border", c ? "p-2" : "p-4", b ? "flex justify-center" : ""), children: z })
|
|
350
|
+
] });
|
|
351
|
+
return k ? /* @__PURE__ */ e(
|
|
352
|
+
ne,
|
|
353
|
+
{
|
|
354
|
+
open: p,
|
|
355
|
+
onOpenChange: (a) => {
|
|
356
|
+
j(!a);
|
|
357
|
+
},
|
|
358
|
+
children: /* @__PURE__ */ s(le, { side: "left", className: "w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden [&>button]:text-sidebar-foreground", children: [
|
|
359
|
+
/* @__PURE__ */ e(oe, { className: "sr-only", children: x("sidebar.menu") }),
|
|
360
|
+
/* @__PURE__ */ e(ce, { className: "sr-only", children: x("sidebar.description") }),
|
|
361
|
+
C
|
|
362
|
+
] })
|
|
363
|
+
}
|
|
364
|
+
) : /* @__PURE__ */ e(V, { delayDuration: 0, children: /* @__PURE__ */ e(
|
|
365
|
+
"aside",
|
|
366
|
+
{
|
|
367
|
+
className: l(
|
|
368
|
+
"flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300",
|
|
369
|
+
b ? "w-[--navbar-width-icon]" : "w-[--navbar-width]",
|
|
370
|
+
"flex"
|
|
371
|
+
),
|
|
372
|
+
style: {
|
|
373
|
+
"--navbar-width": "16rem",
|
|
374
|
+
"--navbar-width-icon": "4rem"
|
|
375
|
+
},
|
|
376
|
+
children: C
|
|
377
|
+
}
|
|
378
|
+
) });
|
|
379
|
+
}, je = ({
|
|
380
|
+
name: i = "appname",
|
|
381
|
+
subName: d = "appsubname",
|
|
382
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
383
|
+
icon: h,
|
|
384
|
+
dense: o = !1
|
|
385
|
+
}) => {
|
|
386
|
+
const { collapsed: r, isMobile: c } = W(), m = c ? !1 : r;
|
|
387
|
+
return /* @__PURE__ */ s("div", { className: l("flex items-center flex-shrink-0 gap-3 px-4", o ? "h-14" : "h-16 md:h-20", m ? "justify-center" : ""), children: [
|
|
388
|
+
h !== void 0 && /* @__PURE__ */ e("div", { className: "flex-shrink-0 text-sidebar-foreground", children: /* @__PURE__ */ e(h, { className: o ? "size-5" : "size-6" }) }),
|
|
389
|
+
!m && /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
|
|
390
|
+
/* @__PURE__ */ e("h1", { className: l("font-bold text-sidebar-foreground leading-tight", o ? "text-base" : "text-lg"), children: i }),
|
|
391
|
+
/* @__PURE__ */ e("span", { className: l("text-sidebar-muted font-medium", o ? "text-[11px]" : "text-xs"), children: d })
|
|
392
|
+
] })
|
|
393
|
+
] });
|
|
394
|
+
}, Te = ({ collapsed: i, isMobile: d, onToggleSidebar: h, actionsNode: o, userMenuNode: r }) => /* @__PURE__ */ s(
|
|
395
|
+
"header",
|
|
396
|
+
{
|
|
397
|
+
className: l(
|
|
398
|
+
"fixed top-0 right-0 z-[60] h-16 md:h-20 bg-topbar text-topbar-foreground flex items-center justify-between px-4 transition-all duration-300",
|
|
399
|
+
d && "left-0",
|
|
400
|
+
!d && i && "left-[5rem]",
|
|
401
|
+
!d && !i && "left-[16rem]"
|
|
402
|
+
),
|
|
403
|
+
tabIndex: -1,
|
|
404
|
+
children: [
|
|
405
|
+
/* @__PURE__ */ e("div", { className: "flex items-center min-w-0 flex-1", children: /* @__PURE__ */ e(
|
|
406
|
+
E,
|
|
407
|
+
{
|
|
408
|
+
variant: "ghost",
|
|
409
|
+
size: "icon",
|
|
410
|
+
onClick: h,
|
|
411
|
+
className: "text-topbar-foreground hover:bg-topbar-accent hover:text-topbar-accent-foreground",
|
|
412
|
+
children: /* @__PURE__ */ e(R, { className: "size-4" })
|
|
413
|
+
}
|
|
414
|
+
) }),
|
|
415
|
+
/* @__PURE__ */ s("div", { className: "flex items-center gap-2 md:gap-4 flex-shrink-0", children: [
|
|
416
|
+
o,
|
|
417
|
+
r
|
|
418
|
+
] })
|
|
419
|
+
]
|
|
420
|
+
}
|
|
421
|
+
);
|
|
422
|
+
export {
|
|
423
|
+
ke as G,
|
|
424
|
+
ze as N,
|
|
425
|
+
Se as S,
|
|
426
|
+
Te as T,
|
|
427
|
+
je as a,
|
|
428
|
+
me as b
|
|
429
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { D as s, M as d } from "../../../MetricCard-B0xnFyim.js";
|
|
2
|
-
import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-
|
|
2
|
+
import { K as o, a as C, S as t, b as p } from "../../../SkeletonCards-B9C4cNMr.js";
|
|
3
3
|
export {
|
|
4
4
|
s as DashboardCard,
|
|
5
5
|
o as KpiCard,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { B as C, a as t, C as s, b as e, c as h, L as o, P as i, g as l } from "../../../PieChart-
|
|
1
|
+
import { B as C, a as t, C as s, b as e, c as h, L as o, P as i, g as l } from "../../../PieChart-uozNJtEx.js";
|
|
2
2
|
export {
|
|
3
3
|
C as BarChartHorizontal,
|
|
4
4
|
t as BarChartVertical,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { A as i, C as s, F as g } from "../../../ConfirmationDialog-
|
|
2
|
-
import { D as r, a as D, b as e, c as t, d as p, e as f, f as m, g as n, h as C, i as x } from "../../../sheet-
|
|
3
|
-
import { P } from "../../../toggle-group-
|
|
1
|
+
import { A as i, C as s, F as g } from "../../../ConfirmationDialog-Dj4WdnHg.js";
|
|
2
|
+
import { D as r, a as D, b as e, c as t, d as p, e as f, f as m, g as n, h as C, i as x } from "../../../sheet-XYI-ezvY.js";
|
|
3
|
+
import { P } from "../../../toggle-group-iZqnrTj7.js";
|
|
4
4
|
export {
|
|
5
5
|
i as AppDialog,
|
|
6
6
|
s as ConfirmationDialog,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
|
@@ -1,94 +1,97 @@
|
|
|
1
1
|
import { D as r, M as o } from "../../MetricCard-B0xnFyim.js";
|
|
2
|
-
import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-
|
|
3
|
-
import { B as m, a as C, C as
|
|
4
|
-
import { A as
|
|
5
|
-
import { D as F, a as
|
|
6
|
-
import { P as
|
|
7
|
-
import { A as
|
|
8
|
-
import { G as V } from "../../GenericForm-
|
|
9
|
-
import { I as z } from "../../ImageInput-
|
|
10
|
-
import { D as q, a as w, S as J, b as Q } from "../../SearchInput-
|
|
11
|
-
import { M as X } from "../../MultiSelect-
|
|
12
|
-
import {
|
|
13
|
-
import { A as ea
|
|
14
|
-
import { A as sa } from "../../
|
|
15
|
-
import { A as ia } from "../../
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import { E as
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import { A as
|
|
22
|
-
import {
|
|
2
|
+
import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-B9C4cNMr.js";
|
|
3
|
+
import { B as m, a as C, C as n, b, c as f, L as A, P as c, g as d } from "../../PieChart-uozNJtEx.js";
|
|
4
|
+
import { A as T, C as x, F as D } from "../../ConfirmationDialog-Dj4WdnHg.js";
|
|
5
|
+
import { D as F, a as L, b as P, c as u, d as E, e as H, f as I, g as K, h as N, i as O } from "../../sheet-XYI-ezvY.js";
|
|
6
|
+
import { P as M } from "../../toggle-group-iZqnrTj7.js";
|
|
7
|
+
import { A as G, a as _, F as v, S as y, T as R } from "../../TableFilter-CmEVF5Bo.js";
|
|
8
|
+
import { G as V } from "../../GenericForm-CydibLHU.js";
|
|
9
|
+
import { I as z } from "../../ImageInput-DoOOvvth.js";
|
|
10
|
+
import { D as q, a as w, S as J, b as Q } from "../../SearchInput-DIZ5Yt6L.js";
|
|
11
|
+
import { M as X } from "../../MultiSelect-DbH7LrsD.js";
|
|
12
|
+
import { L as $ } from "../../LanguageSelector-D5Ly1SFC.js";
|
|
13
|
+
import { A as ea } from "../../AppActions-BFwztl-1.js";
|
|
14
|
+
import { A as oa, K as sa } from "../../KpiCardsLayout-Ca6otKVw.js";
|
|
15
|
+
import { A as ia } from "../../AppSubTitle-BTN0YAc7.js";
|
|
16
|
+
import { A as pa } from "../../AppTitle-D15YXeMx.js";
|
|
17
|
+
import { G as ma, N as Ca, S as na, a as ba, b as fa, T as Aa } from "../../Topbar-CPWjqOBF.js";
|
|
18
|
+
import { E as da } from "../../ErrorAlert-B99Xb_Hg.js";
|
|
19
|
+
import { E as Ta } from "../../ErrorState-CkeS_IBT.js";
|
|
20
|
+
import { L as Da } from "../../LoadingState-BN0YaPSs.js";
|
|
21
|
+
import { A as Fa, D as La, S as Pa, T as ua, a as Ea, b as Ha, c as Ia, d as Ka, e as Na, g as Oa, f as Ba, h as Ma } from "../../DataTable-CjrR27Di.js";
|
|
22
|
+
import { A as Ga, a as _a, b as va, c as ya } from "../../AppVerticalTabs-B7XXtAVj.js";
|
|
23
|
+
import { T as Ua } from "../../ThemeSelector-DKhn02V2.js";
|
|
23
24
|
export {
|
|
24
|
-
|
|
25
|
-
|
|
25
|
+
Fa as ACTIONS_COLUMN_KEY,
|
|
26
|
+
G as ActiveFilters,
|
|
26
27
|
_ as AdvancedFilters,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
28
|
+
ea as AppActions,
|
|
29
|
+
T as AppDialog,
|
|
30
|
+
oa as AppPageHeader,
|
|
31
|
+
ia as AppSubTitle,
|
|
32
|
+
Ga as AppTabContainer,
|
|
33
|
+
_a as AppTabHeader,
|
|
34
|
+
va as AppTabs,
|
|
35
|
+
pa as AppTitle,
|
|
36
|
+
ya as AppVerticalTabs,
|
|
36
37
|
m as BarChartHorizontal,
|
|
37
38
|
C as BarChartVertical,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
n as CHART_COLORS,
|
|
40
|
+
b as ChartCard,
|
|
41
|
+
f as CircularGauge,
|
|
41
42
|
x as ConfirmationDialog,
|
|
42
43
|
r as DashboardCard,
|
|
43
|
-
|
|
44
|
+
La as DataTable,
|
|
44
45
|
q as DatePicker,
|
|
45
46
|
w as DateRangePicker,
|
|
46
47
|
F as Dialog,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
L as DialogClose,
|
|
49
|
+
P as DialogContent,
|
|
50
|
+
u as DialogDescription,
|
|
50
51
|
E as DialogFooter,
|
|
51
52
|
H as DialogHeader,
|
|
52
53
|
I as DialogOverlay,
|
|
53
54
|
K as DialogPortal,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
N as DialogTitle,
|
|
56
|
+
O as DialogTrigger,
|
|
57
|
+
da as ErrorAlert,
|
|
58
|
+
Ta as ErrorState,
|
|
58
59
|
v as FilterField,
|
|
59
60
|
D as FormDialog,
|
|
60
61
|
V as GenericForm,
|
|
61
|
-
|
|
62
|
+
ma as GlobalSearch,
|
|
62
63
|
z as ImageInput,
|
|
63
64
|
t as KpiCard,
|
|
64
65
|
i as KpiCards,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
sa as KpiCardsLayout,
|
|
67
|
+
$ as LanguageSelector,
|
|
68
|
+
A as LineChart,
|
|
69
|
+
Da as LoadingState,
|
|
68
70
|
o as MetricCard,
|
|
69
71
|
X as MultiSelect,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
72
|
+
Ca as NotificationsBell,
|
|
73
|
+
c as PieChart,
|
|
74
|
+
M as Progress,
|
|
75
|
+
Pa as SELECTION_COLUMN_KEY,
|
|
73
76
|
J as SearchInput,
|
|
74
77
|
y as SearchableFilterPill,
|
|
75
78
|
Q as SearchableSelect,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
+
na as Sidebar,
|
|
80
|
+
ba as SidebarHeader,
|
|
81
|
+
fa as SidebarNavItem,
|
|
79
82
|
l as SkeletonCard,
|
|
80
83
|
p as SkeletonCards,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
+
ua as TableActions,
|
|
85
|
+
Ea as TableBody,
|
|
86
|
+
Ha as TableBulkActions,
|
|
84
87
|
R as TableFilter,
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
88
|
+
Ia as TableHeader,
|
|
89
|
+
Ka as TablePagination,
|
|
90
|
+
Na as TableSettings,
|
|
91
|
+
Ua as ThemeSelector,
|
|
92
|
+
Aa as Topbar,
|
|
93
|
+
Oa as getAlignmentClass,
|
|
94
|
+
d as getChartColor,
|
|
95
|
+
Ba as getColumnAlignment,
|
|
96
|
+
Ma as getFixedCellProps
|
|
94
97
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { I as r } from "../../../ImageInput-
|
|
2
|
-
import { D as c, a as o, S as s, b as p } from "../../../SearchInput-
|
|
3
|
-
import { M as l } from "../../../MultiSelect-
|
|
1
|
+
import { I as r } from "../../../ImageInput-DoOOvvth.js";
|
|
2
|
+
import { D as c, a as o, S as s, b as p } from "../../../SearchInput-DIZ5Yt6L.js";
|
|
3
|
+
import { M as l } from "../../../MultiSelect-DbH7LrsD.js";
|
|
4
4
|
export {
|
|
5
5
|
c as DatePicker,
|
|
6
6
|
o as DateRangePicker,
|