@freedom-code-compliance/fcc-redesign 0.1.23 → 0.1.26
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/index.cjs +1 -1
- package/dist/index.js +947 -692
- package/dist/styles.css +1 -1
- package/package.json +23 -1
package/dist/index.js
CHANGED
|
@@ -1,27 +1,31 @@
|
|
|
1
1
|
import { createContext as e, createElement as t, forwardRef as n, isValidElement as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
|
|
2
|
-
import { AlertCircle as d, AlertTriangle as f, Bell as p,
|
|
3
|
-
import { Fragment as
|
|
4
|
-
import { createPortal as
|
|
2
|
+
import { AlertCircle as d, AlertTriangle as f, Bell as p, Bold as m, Calendar as h, Check as g, CheckCheck as _, CheckCircle as v, ChevronDown as y, ChevronRight as b, ChevronUp as x, ChevronsUpDown as S, Clock as C, Columns3 as w, Filter as T, Info as E, Italic as D, LayoutGrid as O, List as k, ListOrdered as A, Loader2 as j, LogOut as M, Map as N, Minus as P, Moon as F, Quote as I, Redo2 as L, Search as R, Sun as z, TrendingDown as ee, TrendingUp as te, Underline as ne, Undo2 as re, X as B } from "lucide-react";
|
|
3
|
+
import { Fragment as ie, jsx as V, jsxs as H } from "react/jsx-runtime";
|
|
4
|
+
import { createPortal as U } from "react-dom";
|
|
5
|
+
import { EditorContent as ae, useEditor as oe } from "@tiptap/react";
|
|
6
|
+
import se from "@tiptap/extension-placeholder";
|
|
7
|
+
import ce from "@tiptap/extension-underline";
|
|
8
|
+
import le from "@tiptap/starter-kit";
|
|
5
9
|
//#region src/components/ui/Toast.jsx
|
|
6
|
-
var
|
|
7
|
-
success: /* @__PURE__ */
|
|
10
|
+
var ue = e(null), de = {
|
|
11
|
+
success: /* @__PURE__ */ V(v, {
|
|
8
12
|
size: 16,
|
|
9
13
|
style: { color: "var(--accent-green)" }
|
|
10
14
|
}),
|
|
11
|
-
error: /* @__PURE__ */
|
|
15
|
+
error: /* @__PURE__ */ V(d, {
|
|
12
16
|
size: 16,
|
|
13
17
|
style: { color: "var(--accent-red)" }
|
|
14
18
|
}),
|
|
15
|
-
warning: /* @__PURE__ */
|
|
19
|
+
warning: /* @__PURE__ */ V(f, {
|
|
16
20
|
size: 16,
|
|
17
21
|
style: { color: "var(--accent-yellow)" }
|
|
18
22
|
}),
|
|
19
|
-
info: /* @__PURE__ */
|
|
23
|
+
info: /* @__PURE__ */ V(E, {
|
|
20
24
|
size: 16,
|
|
21
25
|
style: { color: "var(--accent-blue)" }
|
|
22
26
|
})
|
|
23
27
|
};
|
|
24
|
-
function
|
|
28
|
+
function fe({ toast: e, onDismiss: t }) {
|
|
25
29
|
return o(() => {
|
|
26
30
|
if (e.duration !== 0) {
|
|
27
31
|
let n = setTimeout(() => t(e.id), e.duration || 4e3);
|
|
@@ -31,33 +35,33 @@ function ee({ toast: e, onDismiss: t }) {
|
|
|
31
35
|
e.id,
|
|
32
36
|
e.duration,
|
|
33
37
|
t
|
|
34
|
-
]), /* @__PURE__ */
|
|
38
|
+
]), /* @__PURE__ */ H("div", {
|
|
35
39
|
className: "toast",
|
|
36
40
|
style: { animation: "slideInRight 200ms ease" },
|
|
37
41
|
children: [
|
|
38
|
-
/* @__PURE__ */
|
|
42
|
+
/* @__PURE__ */ V("span", {
|
|
39
43
|
className: "toast-icon",
|
|
40
|
-
children:
|
|
44
|
+
children: de[e.type] || de.info
|
|
41
45
|
}),
|
|
42
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ H("div", {
|
|
43
47
|
className: "toast-content",
|
|
44
|
-
children: [e.title && /* @__PURE__ */
|
|
48
|
+
children: [e.title && /* @__PURE__ */ V("div", {
|
|
45
49
|
className: "toast-title",
|
|
46
50
|
children: e.title
|
|
47
|
-
}), /* @__PURE__ */
|
|
51
|
+
}), /* @__PURE__ */ V("div", {
|
|
48
52
|
className: "toast-message",
|
|
49
53
|
children: e.message
|
|
50
54
|
})]
|
|
51
55
|
}),
|
|
52
|
-
/* @__PURE__ */
|
|
56
|
+
/* @__PURE__ */ V("button", {
|
|
53
57
|
className: "toast-close",
|
|
54
58
|
onClick: () => t(e.id),
|
|
55
|
-
children: /* @__PURE__ */
|
|
59
|
+
children: /* @__PURE__ */ V(B, { size: 14 })
|
|
56
60
|
})
|
|
57
61
|
]
|
|
58
62
|
});
|
|
59
63
|
}
|
|
60
|
-
function
|
|
64
|
+
function pe({ children: e }) {
|
|
61
65
|
let [t, n] = u([]), r = i((e) => {
|
|
62
66
|
let t = Date.now() + Math.random();
|
|
63
67
|
n((n) => [...n.slice(-4), {
|
|
@@ -67,35 +71,35 @@ function W({ children: e }) {
|
|
|
67
71
|
}, []), a = i((e) => {
|
|
68
72
|
n((t) => t.filter((t) => t.id !== e));
|
|
69
73
|
}, []);
|
|
70
|
-
return /* @__PURE__ */
|
|
74
|
+
return /* @__PURE__ */ H(ue.Provider, {
|
|
71
75
|
value: { addToast: r },
|
|
72
|
-
children: [e, /* @__PURE__ */
|
|
76
|
+
children: [e, /* @__PURE__ */ V("div", {
|
|
73
77
|
className: "toast-container",
|
|
74
|
-
children: t.map((e) => /* @__PURE__ */
|
|
78
|
+
children: t.map((e) => /* @__PURE__ */ V(fe, {
|
|
75
79
|
toast: e,
|
|
76
80
|
onDismiss: a
|
|
77
81
|
}, e.id))
|
|
78
82
|
})]
|
|
79
83
|
});
|
|
80
84
|
}
|
|
81
|
-
function
|
|
82
|
-
let e = a(
|
|
85
|
+
function me() {
|
|
86
|
+
let e = a(ue);
|
|
83
87
|
if (!e) throw Error("useToast must be used within ToastProvider");
|
|
84
88
|
return e;
|
|
85
89
|
}
|
|
86
90
|
//#endregion
|
|
87
91
|
//#region src/context/ThemeContext.jsx
|
|
88
|
-
var
|
|
89
|
-
function
|
|
92
|
+
var he = e(void 0), ge = "dark", _e = "fcc-theme";
|
|
93
|
+
function ve(e) {
|
|
90
94
|
if (typeof document > "u") return;
|
|
91
95
|
let t = document.documentElement;
|
|
92
96
|
t.classList.remove("dark", "light"), e === "light" && t.classList.add("light");
|
|
93
97
|
}
|
|
94
|
-
function
|
|
98
|
+
function ye({ children: e, defaultTheme: t = ge, storageKey: n = _e }) {
|
|
95
99
|
let [r, i] = u(() => typeof window > "u" ? t : window.localStorage.getItem(n) || t);
|
|
96
100
|
return o(() => {
|
|
97
|
-
typeof window < "u" && window.localStorage.setItem(n, r),
|
|
98
|
-
}, [n, r]), /* @__PURE__ */
|
|
101
|
+
typeof window < "u" && window.localStorage.setItem(n, r), ve(r);
|
|
102
|
+
}, [n, r]), /* @__PURE__ */ V(he.Provider, {
|
|
99
103
|
value: {
|
|
100
104
|
theme: r,
|
|
101
105
|
setTheme: i,
|
|
@@ -106,23 +110,23 @@ function K({ children: e, defaultTheme: t = ne, storageKey: n = re }) {
|
|
|
106
110
|
children: e
|
|
107
111
|
});
|
|
108
112
|
}
|
|
109
|
-
function
|
|
110
|
-
let e = a(
|
|
113
|
+
function W() {
|
|
114
|
+
let e = a(he);
|
|
111
115
|
if (!e) throw Error("useTheme must be used within a ThemeProvider");
|
|
112
116
|
return e;
|
|
113
117
|
}
|
|
114
118
|
//#endregion
|
|
115
119
|
//#region src/lib/FCCDesignProvider.jsx
|
|
116
|
-
function
|
|
117
|
-
return /* @__PURE__ */
|
|
120
|
+
function be({ children: e, ...t }) {
|
|
121
|
+
return /* @__PURE__ */ V(ye, {
|
|
118
122
|
...t,
|
|
119
|
-
children: /* @__PURE__ */
|
|
123
|
+
children: /* @__PURE__ */ V(pe, { children: e })
|
|
120
124
|
});
|
|
121
125
|
}
|
|
122
126
|
//#endregion
|
|
123
127
|
//#region src/components/layout/FCCSidePanel.jsx
|
|
124
|
-
var
|
|
125
|
-
function
|
|
128
|
+
var G = (...e) => e.filter(Boolean).join(" "), xe = 300;
|
|
129
|
+
function Se({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1, panel: i, children: a, className: s = "", contentClassName: c = "", panelClassName: d = "" }) {
|
|
126
130
|
let f = r && n ? n : t, p = l(null), m = l(null), [h, g] = u(e ? i : null), [_, v] = u(f), [y, b] = u(e && !!i);
|
|
127
131
|
o(() => () => {
|
|
128
132
|
p.current &&= (window.cancelAnimationFrame(p.current), null), m.current &&= (window.clearTimeout(m.current), null);
|
|
@@ -140,285 +144,285 @@ function se({ open: e = !1, width: t = 320, expandedWidth: n, expanded: r = !1,
|
|
|
140
144
|
]), o(() => {
|
|
141
145
|
if (!(e || !y)) return m.current = window.setTimeout(() => {
|
|
142
146
|
b(!1), g(null), m.current = null;
|
|
143
|
-
},
|
|
147
|
+
}, xe), () => {
|
|
144
148
|
m.current &&= (window.clearTimeout(m.current), null);
|
|
145
149
|
};
|
|
146
150
|
}, [e, y]);
|
|
147
151
|
let x = !e && y, S = e ? i : y ? h : null, C = e ? f : y ? _ : f, w = e && !!i || !!S;
|
|
148
|
-
return /* @__PURE__ */
|
|
149
|
-
className:
|
|
150
|
-
children: [/* @__PURE__ */
|
|
151
|
-
className:
|
|
152
|
+
return /* @__PURE__ */ H("div", {
|
|
153
|
+
className: G("fcc-side-panel-layout", s),
|
|
154
|
+
children: [/* @__PURE__ */ V("div", {
|
|
155
|
+
className: G("fcc-side-panel-content", c),
|
|
152
156
|
children: a
|
|
153
|
-
}), /* @__PURE__ */
|
|
154
|
-
className:
|
|
157
|
+
}), /* @__PURE__ */ V("div", {
|
|
158
|
+
className: G("fcc-side-panel-rail", w && "has-panel", e && w && "open", x && "closing"),
|
|
155
159
|
style: { "--fcc-side-panel-width": `${C}px` },
|
|
156
|
-
children: /* @__PURE__ */
|
|
157
|
-
className:
|
|
160
|
+
children: /* @__PURE__ */ V("div", {
|
|
161
|
+
className: G("fcc-side-panel-inner", d),
|
|
158
162
|
children: S
|
|
159
163
|
})
|
|
160
164
|
})]
|
|
161
165
|
});
|
|
162
166
|
}
|
|
163
|
-
function
|
|
164
|
-
return /* @__PURE__ */
|
|
165
|
-
className:
|
|
166
|
-
children: [/* @__PURE__ */
|
|
167
|
+
function Ce({ title: e, subtitle: t, onClose: n, actions: r, className: i = "" }) {
|
|
168
|
+
return /* @__PURE__ */ H("div", {
|
|
169
|
+
className: G("fcc-side-panel-header", i),
|
|
170
|
+
children: [/* @__PURE__ */ H("div", {
|
|
167
171
|
className: "fcc-side-panel-header-copy",
|
|
168
|
-
children: [/* @__PURE__ */
|
|
172
|
+
children: [/* @__PURE__ */ V("div", {
|
|
169
173
|
className: "fcc-side-panel-title",
|
|
170
174
|
children: e
|
|
171
|
-
}), t && /* @__PURE__ */
|
|
175
|
+
}), t && /* @__PURE__ */ V("div", {
|
|
172
176
|
className: "fcc-side-panel-subtitle",
|
|
173
177
|
children: t
|
|
174
178
|
})]
|
|
175
|
-
}), /* @__PURE__ */
|
|
179
|
+
}), /* @__PURE__ */ H("div", {
|
|
176
180
|
className: "fcc-side-panel-header-actions",
|
|
177
|
-
children: [r, n && /* @__PURE__ */
|
|
181
|
+
children: [r, n && /* @__PURE__ */ V("button", {
|
|
178
182
|
className: "btn btn-ghost btn-icon btn-sm",
|
|
179
183
|
onClick: n,
|
|
180
184
|
"aria-label": "Close panel",
|
|
181
|
-
children: /* @__PURE__ */
|
|
185
|
+
children: /* @__PURE__ */ V(B, { size: 14 })
|
|
182
186
|
})]
|
|
183
187
|
})]
|
|
184
188
|
});
|
|
185
189
|
}
|
|
186
|
-
function
|
|
187
|
-
return /* @__PURE__ */
|
|
188
|
-
className:
|
|
190
|
+
function we({ children: e, className: t = "" }) {
|
|
191
|
+
return /* @__PURE__ */ V("div", {
|
|
192
|
+
className: G("fcc-side-panel-body", t),
|
|
189
193
|
children: e
|
|
190
194
|
});
|
|
191
195
|
}
|
|
192
|
-
function
|
|
193
|
-
return /* @__PURE__ */
|
|
194
|
-
className:
|
|
195
|
-
children: e.map((e, r) => /* @__PURE__ */
|
|
196
|
-
className:
|
|
196
|
+
function Te({ tabs: e = [], activeTab: t = 0, onTabChange: n, className: r = "" }) {
|
|
197
|
+
return /* @__PURE__ */ V("div", {
|
|
198
|
+
className: G("fcc-side-panel-tabs", r),
|
|
199
|
+
children: e.map((e, r) => /* @__PURE__ */ V("button", {
|
|
200
|
+
className: G("fcc-side-panel-tab", t === r && "active"),
|
|
197
201
|
onClick: () => n?.(r),
|
|
198
202
|
children: e
|
|
199
203
|
}, e))
|
|
200
204
|
});
|
|
201
205
|
}
|
|
202
|
-
function
|
|
203
|
-
return /* @__PURE__ */
|
|
204
|
-
className:
|
|
205
|
-
children: [/* @__PURE__ */
|
|
206
|
+
function Ee({ placeholder: e = "Search...", value: t, onChange: n, className: r = "" }) {
|
|
207
|
+
return /* @__PURE__ */ H("div", {
|
|
208
|
+
className: G("fcc-side-panel-search", r),
|
|
209
|
+
children: [/* @__PURE__ */ V(R, { size: 13 }), n ? /* @__PURE__ */ V("input", {
|
|
206
210
|
className: "fcc-side-panel-search-input",
|
|
207
211
|
type: "text",
|
|
208
212
|
placeholder: e,
|
|
209
213
|
value: t,
|
|
210
214
|
onChange: (e) => n(e.target.value)
|
|
211
|
-
}) : /* @__PURE__ */
|
|
215
|
+
}) : /* @__PURE__ */ V("span", {
|
|
212
216
|
className: "fcc-side-panel-search-placeholder",
|
|
213
217
|
children: e
|
|
214
218
|
})]
|
|
215
219
|
});
|
|
216
220
|
}
|
|
217
|
-
function
|
|
218
|
-
return /* @__PURE__ */
|
|
219
|
-
className:
|
|
221
|
+
function De({ children: e, className: t = "" }) {
|
|
222
|
+
return /* @__PURE__ */ V("div", {
|
|
223
|
+
className: G("fcc-side-panel-group-label", t),
|
|
220
224
|
children: e
|
|
221
225
|
});
|
|
222
226
|
}
|
|
223
|
-
function
|
|
224
|
-
return /* @__PURE__ */
|
|
225
|
-
className:
|
|
227
|
+
function Oe({ dot: e, label: t, detail: n, time: r, onClick: i, className: a = "" }) {
|
|
228
|
+
return /* @__PURE__ */ H("div", {
|
|
229
|
+
className: G("fcc-side-panel-item", a),
|
|
226
230
|
onClick: i,
|
|
227
231
|
children: [
|
|
228
|
-
e && /* @__PURE__ */
|
|
232
|
+
e && /* @__PURE__ */ V("span", {
|
|
229
233
|
className: "fcc-side-panel-item-dot",
|
|
230
234
|
style: { background: e }
|
|
231
235
|
}),
|
|
232
|
-
/* @__PURE__ */
|
|
236
|
+
/* @__PURE__ */ H("div", {
|
|
233
237
|
className: "fcc-side-panel-item-body",
|
|
234
|
-
children: [/* @__PURE__ */
|
|
238
|
+
children: [/* @__PURE__ */ V("span", {
|
|
235
239
|
className: "fcc-side-panel-item-label",
|
|
236
240
|
children: t
|
|
237
|
-
}), n && /* @__PURE__ */
|
|
241
|
+
}), n && /* @__PURE__ */ V("span", {
|
|
238
242
|
className: "fcc-side-panel-item-detail",
|
|
239
243
|
children: n
|
|
240
244
|
})]
|
|
241
245
|
}),
|
|
242
|
-
r && /* @__PURE__ */
|
|
246
|
+
r && /* @__PURE__ */ V("span", {
|
|
243
247
|
className: "fcc-side-panel-item-time",
|
|
244
248
|
children: r
|
|
245
249
|
})
|
|
246
250
|
]
|
|
247
251
|
});
|
|
248
252
|
}
|
|
249
|
-
function
|
|
250
|
-
return /* @__PURE__ */
|
|
251
|
-
className:
|
|
253
|
+
function ke({ avatar: e, title: t, detail: n, time: r, unread: i, onClick: a, className: o = "" }) {
|
|
254
|
+
return /* @__PURE__ */ H("div", {
|
|
255
|
+
className: G("fcc-side-panel-card", o),
|
|
252
256
|
onClick: a,
|
|
253
|
-
children: [/* @__PURE__ */
|
|
257
|
+
children: [/* @__PURE__ */ V("div", {
|
|
254
258
|
className: "fcc-side-panel-card-avatar",
|
|
255
259
|
children: e
|
|
256
|
-
}), /* @__PURE__ */
|
|
260
|
+
}), /* @__PURE__ */ H("div", {
|
|
257
261
|
className: "fcc-side-panel-card-body",
|
|
258
262
|
children: [
|
|
259
|
-
/* @__PURE__ */
|
|
263
|
+
/* @__PURE__ */ V("span", {
|
|
260
264
|
className: "fcc-side-panel-card-title",
|
|
261
265
|
children: t
|
|
262
266
|
}),
|
|
263
|
-
n && /* @__PURE__ */
|
|
267
|
+
n && /* @__PURE__ */ V("span", {
|
|
264
268
|
className: "fcc-side-panel-card-detail",
|
|
265
269
|
children: n
|
|
266
270
|
}),
|
|
267
|
-
/* @__PURE__ */
|
|
271
|
+
/* @__PURE__ */ H("div", {
|
|
268
272
|
className: "fcc-side-panel-card-meta",
|
|
269
|
-
children: [r && /* @__PURE__ */
|
|
273
|
+
children: [r && /* @__PURE__ */ V("span", { children: r }), i && /* @__PURE__ */ V("span", { className: "fcc-side-panel-unread-dot" })]
|
|
270
274
|
})
|
|
271
275
|
]
|
|
272
276
|
})]
|
|
273
277
|
});
|
|
274
278
|
}
|
|
275
|
-
function
|
|
276
|
-
return /* @__PURE__ */
|
|
277
|
-
className:
|
|
279
|
+
function Ae({ avatar: e, name: t, time: n, active: r, online: i, onClick: a, className: o = "" }) {
|
|
280
|
+
return /* @__PURE__ */ H("div", {
|
|
281
|
+
className: G("fcc-side-panel-contact", r && "active", o),
|
|
278
282
|
onClick: a,
|
|
279
283
|
children: [
|
|
280
|
-
/* @__PURE__ */
|
|
284
|
+
/* @__PURE__ */ H("div", {
|
|
281
285
|
className: "fcc-side-panel-contact-avatar-wrap",
|
|
282
|
-
children: [e, i && /* @__PURE__ */
|
|
286
|
+
children: [e, i && /* @__PURE__ */ V("span", { className: "fcc-side-panel-online-dot" })]
|
|
283
287
|
}),
|
|
284
|
-
/* @__PURE__ */
|
|
288
|
+
/* @__PURE__ */ V("span", {
|
|
285
289
|
className: "fcc-side-panel-contact-name",
|
|
286
290
|
children: t
|
|
287
291
|
}),
|
|
288
|
-
n && /* @__PURE__ */
|
|
292
|
+
n && /* @__PURE__ */ V("span", {
|
|
289
293
|
className: "fcc-side-panel-contact-time",
|
|
290
294
|
children: n
|
|
291
295
|
})
|
|
292
296
|
]
|
|
293
297
|
});
|
|
294
298
|
}
|
|
295
|
-
function
|
|
296
|
-
return /* @__PURE__ */
|
|
297
|
-
className:
|
|
299
|
+
function je({ children: e, onClick: t, className: n = "" }) {
|
|
300
|
+
return /* @__PURE__ */ V("div", {
|
|
301
|
+
className: G("fcc-side-panel-action", n),
|
|
298
302
|
onClick: t,
|
|
299
303
|
children: e
|
|
300
304
|
});
|
|
301
305
|
}
|
|
302
|
-
function
|
|
303
|
-
return /* @__PURE__ */
|
|
304
|
-
className:
|
|
306
|
+
function Me({ children: e, className: t = "" }) {
|
|
307
|
+
return /* @__PURE__ */ V("div", {
|
|
308
|
+
className: G("fcc-side-panel-chat-wrap", t),
|
|
305
309
|
children: e
|
|
306
310
|
});
|
|
307
311
|
}
|
|
308
|
-
function
|
|
309
|
-
return /* @__PURE__ */
|
|
310
|
-
className:
|
|
312
|
+
function Ne({ title: e, headerActions: t, messages: n = [], input: r, className: i = "" }) {
|
|
313
|
+
return /* @__PURE__ */ H("div", {
|
|
314
|
+
className: G("fcc-side-panel-conversation", i),
|
|
311
315
|
children: [
|
|
312
|
-
/* @__PURE__ */
|
|
316
|
+
/* @__PURE__ */ H("div", {
|
|
313
317
|
className: "fcc-side-panel-conv-header",
|
|
314
|
-
children: [/* @__PURE__ */
|
|
318
|
+
children: [/* @__PURE__ */ V("span", {
|
|
315
319
|
className: "fcc-side-panel-conv-title",
|
|
316
320
|
children: e
|
|
317
|
-
}), t && /* @__PURE__ */
|
|
321
|
+
}), t && /* @__PURE__ */ V("div", {
|
|
318
322
|
className: "fcc-side-panel-conv-header-right",
|
|
319
323
|
children: t
|
|
320
324
|
})]
|
|
321
325
|
}),
|
|
322
|
-
/* @__PURE__ */
|
|
326
|
+
/* @__PURE__ */ V("div", {
|
|
323
327
|
className: "fcc-side-panel-conv-messages",
|
|
324
328
|
children: n
|
|
325
329
|
}),
|
|
326
|
-
r && /* @__PURE__ */
|
|
330
|
+
r && /* @__PURE__ */ V("div", {
|
|
327
331
|
className: "fcc-side-panel-conv-input",
|
|
328
332
|
children: r
|
|
329
333
|
})
|
|
330
334
|
]
|
|
331
335
|
});
|
|
332
336
|
}
|
|
333
|
-
function
|
|
337
|
+
function Pe({ from: e = "other", meta: t, children: n, className: r = "" }) {
|
|
334
338
|
let i = e === "you";
|
|
335
|
-
return /* @__PURE__ */
|
|
336
|
-
className:
|
|
337
|
-
children: [t && /* @__PURE__ */
|
|
339
|
+
return /* @__PURE__ */ H("div", {
|
|
340
|
+
className: G("fcc-side-panel-msg-row", i ? "fcc-msg-right" : "fcc-msg-left", r),
|
|
341
|
+
children: [t && /* @__PURE__ */ V("div", {
|
|
338
342
|
className: "fcc-side-panel-msg-meta",
|
|
339
343
|
children: t
|
|
340
|
-
}), /* @__PURE__ */
|
|
341
|
-
className:
|
|
344
|
+
}), /* @__PURE__ */ V("div", {
|
|
345
|
+
className: G("fcc-side-panel-msg-bubble", i ? "fcc-bubble-you" : "fcc-bubble-other"),
|
|
342
346
|
children: n
|
|
343
347
|
})]
|
|
344
348
|
});
|
|
345
349
|
}
|
|
346
350
|
//#endregion
|
|
347
351
|
//#region src/components/layout/FCCBreadcrumbs.jsx
|
|
348
|
-
function
|
|
352
|
+
function Fe(e, t) {
|
|
349
353
|
let n = [
|
|
350
354
|
"fcc-breadcrumb-item",
|
|
351
355
|
t ? "current" : "",
|
|
352
356
|
e.className || ""
|
|
353
357
|
].filter(Boolean).join(" ");
|
|
354
|
-
return t ? /* @__PURE__ */
|
|
358
|
+
return t ? /* @__PURE__ */ V("span", {
|
|
355
359
|
className: n,
|
|
356
360
|
children: e.label
|
|
357
|
-
}) : e.href ? /* @__PURE__ */
|
|
361
|
+
}) : e.href ? /* @__PURE__ */ V("a", {
|
|
358
362
|
className: n,
|
|
359
363
|
href: e.href,
|
|
360
364
|
children: e.label
|
|
361
|
-
}) : e.onClick ? /* @__PURE__ */
|
|
365
|
+
}) : e.onClick ? /* @__PURE__ */ V("button", {
|
|
362
366
|
type: "button",
|
|
363
367
|
className: n,
|
|
364
368
|
onClick: e.onClick,
|
|
365
369
|
children: e.label
|
|
366
|
-
}) : /* @__PURE__ */
|
|
370
|
+
}) : /* @__PURE__ */ V("span", {
|
|
367
371
|
className: n,
|
|
368
372
|
children: e.label
|
|
369
373
|
});
|
|
370
374
|
}
|
|
371
|
-
function
|
|
375
|
+
function Ie({ items: e = [], className: t = "" }) {
|
|
372
376
|
let n = e.filter((e) => e?.label);
|
|
373
|
-
return n.length === 0 ? null : /* @__PURE__ */
|
|
377
|
+
return n.length === 0 ? null : /* @__PURE__ */ V("nav", {
|
|
374
378
|
className: ["fcc-breadcrumbs", t].filter(Boolean).join(" "),
|
|
375
379
|
"aria-label": "Breadcrumb",
|
|
376
380
|
children: n.map((e, t) => {
|
|
377
381
|
let r = e.current ?? t === n.length - 1;
|
|
378
|
-
return /* @__PURE__ */
|
|
382
|
+
return /* @__PURE__ */ H("div", {
|
|
379
383
|
className: "fcc-breadcrumb-segment",
|
|
380
|
-
children: [t > 0 && /* @__PURE__ */
|
|
384
|
+
children: [t > 0 && /* @__PURE__ */ V("span", {
|
|
381
385
|
className: "fcc-breadcrumb-sep",
|
|
382
386
|
children: "/"
|
|
383
|
-
}),
|
|
387
|
+
}), Fe(e, r)]
|
|
384
388
|
}, e.key || e.label || t);
|
|
385
389
|
})
|
|
386
390
|
});
|
|
387
391
|
}
|
|
388
392
|
//#endregion
|
|
389
393
|
//#region src/components/layout/FCCHeaderStatus.jsx
|
|
390
|
-
var
|
|
394
|
+
var Le = {
|
|
391
395
|
success: "fcc-header-status-success",
|
|
392
396
|
warning: "fcc-header-status-warning",
|
|
393
397
|
danger: "fcc-header-status-danger",
|
|
394
398
|
info: "fcc-header-status-info",
|
|
395
399
|
neutral: "fcc-header-status-neutral"
|
|
396
400
|
};
|
|
397
|
-
function
|
|
398
|
-
return e ? /* @__PURE__ */
|
|
401
|
+
function Re({ label: e, tone: t = "success", dotColor: n, className: r = "" }) {
|
|
402
|
+
return e ? /* @__PURE__ */ H("div", {
|
|
399
403
|
className: [
|
|
400
404
|
"fcc-header-status",
|
|
401
|
-
|
|
405
|
+
Le[t] || Le.neutral,
|
|
402
406
|
r
|
|
403
407
|
].filter(Boolean).join(" "),
|
|
404
|
-
children: [/* @__PURE__ */
|
|
408
|
+
children: [/* @__PURE__ */ V("span", {
|
|
405
409
|
className: "fcc-header-status-dot",
|
|
406
410
|
style: n ? { backgroundColor: n } : void 0
|
|
407
|
-
}), /* @__PURE__ */
|
|
411
|
+
}), /* @__PURE__ */ V("span", { children: e })]
|
|
408
412
|
}) : null;
|
|
409
413
|
}
|
|
410
414
|
//#endregion
|
|
411
415
|
//#region src/components/layout/FCCWorkspaceHeader.jsx
|
|
412
|
-
function
|
|
413
|
-
return /* @__PURE__ */
|
|
416
|
+
function ze({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot: i, className: a = "" }) {
|
|
417
|
+
return /* @__PURE__ */ H("header", {
|
|
414
418
|
className: ["fcc-workspace-header", a].filter(Boolean).join(" "),
|
|
415
|
-
children: [/* @__PURE__ */
|
|
419
|
+
children: [/* @__PURE__ */ V("div", {
|
|
416
420
|
className: "fcc-workspace-header-left",
|
|
417
|
-
children: r || /* @__PURE__ */
|
|
418
|
-
}), /* @__PURE__ */
|
|
421
|
+
children: r || /* @__PURE__ */ V(Ie, { items: e })
|
|
422
|
+
}), /* @__PURE__ */ H("div", {
|
|
419
423
|
className: "fcc-workspace-header-right",
|
|
420
424
|
children: [
|
|
421
|
-
t && /* @__PURE__ */
|
|
425
|
+
t && /* @__PURE__ */ V(Re, { ...t }),
|
|
422
426
|
n,
|
|
423
427
|
i
|
|
424
428
|
]
|
|
@@ -427,8 +431,8 @@ function we({ breadcrumbs: e = [], status: t, actions: n, leftSlot: r, rightSlot
|
|
|
427
431
|
}
|
|
428
432
|
//#endregion
|
|
429
433
|
//#region src/components/layout/FCCMainWindow.jsx
|
|
430
|
-
function
|
|
431
|
-
let u = o ? /* @__PURE__ */
|
|
434
|
+
function Be({ breadcrumbs: e = [], status: t, headerActions: n, header: r, children: i, overlay: a, sidePanel: o, className: s = "", headerClassName: c = "", contentClassName: l = "" }) {
|
|
435
|
+
let u = o ? /* @__PURE__ */ V(Se, {
|
|
432
436
|
open: o.open,
|
|
433
437
|
width: o.width,
|
|
434
438
|
expandedWidth: o.expandedWidth,
|
|
@@ -439,16 +443,16 @@ function Te({ breadcrumbs: e = [], status: t, headerActions: n, header: r, child
|
|
|
439
443
|
panelClassName: o.panelClassName,
|
|
440
444
|
children: i
|
|
441
445
|
}) : i;
|
|
442
|
-
return /* @__PURE__ */
|
|
446
|
+
return /* @__PURE__ */ H("div", {
|
|
443
447
|
className: ["fcc-main-window", s].filter(Boolean).join(" "),
|
|
444
448
|
children: [
|
|
445
|
-
r || /* @__PURE__ */
|
|
449
|
+
r || /* @__PURE__ */ V(ze, {
|
|
446
450
|
breadcrumbs: e,
|
|
447
451
|
status: t,
|
|
448
452
|
actions: n,
|
|
449
453
|
className: c
|
|
450
454
|
}),
|
|
451
|
-
/* @__PURE__ */
|
|
455
|
+
/* @__PURE__ */ V("div", {
|
|
452
456
|
className: [
|
|
453
457
|
"fcc-main-window-content",
|
|
454
458
|
o && "fcc-main-window-content-with-side-panel",
|
|
@@ -462,7 +466,7 @@ function Te({ breadcrumbs: e = [], status: t, headerActions: n, header: r, child
|
|
|
462
466
|
}
|
|
463
467
|
//#endregion
|
|
464
468
|
//#region src/components/layout/FCCSidebar.jsx
|
|
465
|
-
function
|
|
469
|
+
function Ve(e, t) {
|
|
466
470
|
if (!e.disabled) {
|
|
467
471
|
if (e.onClick) {
|
|
468
472
|
e.onClick(e);
|
|
@@ -471,10 +475,10 @@ function Ee(e, t) {
|
|
|
471
475
|
t?.(e);
|
|
472
476
|
}
|
|
473
477
|
}
|
|
474
|
-
function
|
|
478
|
+
function He(e, t) {
|
|
475
479
|
return !e.childrenSections?.length || !t ? !1 : e.childrenSections.some((e) => e.items?.some((e) => e.key === t));
|
|
476
480
|
}
|
|
477
|
-
function
|
|
481
|
+
function Ue(e, t) {
|
|
478
482
|
if (!t.trim()) return e;
|
|
479
483
|
let n = t.trim().toLowerCase();
|
|
480
484
|
return e.map((e) => ({
|
|
@@ -482,7 +486,7 @@ function Oe(e, t) {
|
|
|
482
486
|
items: e.items.filter((e) => e.label.toLowerCase().includes(n) || e.pageTitle?.toLowerCase().includes(n) || e.summary?.toLowerCase().includes(n))
|
|
483
487
|
})).filter((e) => e.items.length > 0);
|
|
484
488
|
}
|
|
485
|
-
function
|
|
489
|
+
function We({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, className: c = "" }) {
|
|
486
490
|
let [l, d] = u({}), [f, p] = u({});
|
|
487
491
|
function m(e, t) {
|
|
488
492
|
p((n) => ({
|
|
@@ -490,31 +494,31 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
490
494
|
[e]: t
|
|
491
495
|
}));
|
|
492
496
|
}
|
|
493
|
-
return /* @__PURE__ */
|
|
497
|
+
return /* @__PURE__ */ H("aside", {
|
|
494
498
|
className: ["fcc-sidebar", c].filter(Boolean).join(" "),
|
|
495
499
|
children: [
|
|
496
|
-
/* @__PURE__ */
|
|
500
|
+
/* @__PURE__ */ H("div", {
|
|
497
501
|
className: "fcc-sidebar-brand",
|
|
498
|
-
children: [/* @__PURE__ */
|
|
502
|
+
children: [/* @__PURE__ */ V("div", {
|
|
499
503
|
className: "fcc-sidebar-brand-logo-slot",
|
|
500
504
|
children: t
|
|
501
|
-
}), /* @__PURE__ */
|
|
505
|
+
}), /* @__PURE__ */ V("span", {
|
|
502
506
|
className: "fcc-sidebar-label fcc-sidebar-brand-text",
|
|
503
507
|
children: e
|
|
504
508
|
})]
|
|
505
509
|
}),
|
|
506
|
-
/* @__PURE__ */
|
|
510
|
+
/* @__PURE__ */ V("nav", {
|
|
507
511
|
className: "fcc-sidebar-nav",
|
|
508
512
|
"aria-label": `${e} navigation`,
|
|
509
513
|
children: n.map((e) => {
|
|
510
|
-
let t = e.childrenSections?.length > 0, n =
|
|
511
|
-
return /* @__PURE__ */
|
|
514
|
+
let t = e.childrenSections?.length > 0, n = He(e, r), a = e.key === r || n || (r?.startsWith?.(`${e.key}/`) ?? !1), o = t && (f[e.key] ?? a), s = l[e.key] || "", c = t ? Ue(e.childrenSections, s) : [];
|
|
515
|
+
return /* @__PURE__ */ H("div", {
|
|
512
516
|
className: [
|
|
513
517
|
"fcc-sidebar-entry",
|
|
514
518
|
t ? "has-children" : "",
|
|
515
519
|
t && o ? "expanded" : ""
|
|
516
520
|
].filter(Boolean).join(" "),
|
|
517
|
-
children: [/* @__PURE__ */
|
|
521
|
+
children: [/* @__PURE__ */ H("button", {
|
|
518
522
|
type: "button",
|
|
519
523
|
className: [
|
|
520
524
|
"fcc-sidebar-item",
|
|
@@ -522,25 +526,25 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
522
526
|
e.disabled ? "disabled" : ""
|
|
523
527
|
].filter(Boolean).join(" "),
|
|
524
528
|
onClick: () => {
|
|
525
|
-
t && m(e.key, !0),
|
|
529
|
+
t && m(e.key, !0), Ve(e, i);
|
|
526
530
|
},
|
|
527
531
|
"aria-current": a ? "page" : void 0,
|
|
528
532
|
disabled: e.disabled,
|
|
529
533
|
title: e.label,
|
|
530
534
|
children: [
|
|
531
|
-
/* @__PURE__ */
|
|
535
|
+
/* @__PURE__ */ V("span", {
|
|
532
536
|
className: "fcc-sidebar-item-icon",
|
|
533
537
|
children: e.icon
|
|
534
538
|
}),
|
|
535
|
-
/* @__PURE__ */
|
|
539
|
+
/* @__PURE__ */ V("span", {
|
|
536
540
|
className: "fcc-sidebar-label fcc-sidebar-item-label",
|
|
537
541
|
children: e.label
|
|
538
542
|
}),
|
|
539
|
-
e.badge != null && /* @__PURE__ */
|
|
543
|
+
e.badge != null && /* @__PURE__ */ V("span", {
|
|
540
544
|
className: "fcc-sidebar-item-badge",
|
|
541
545
|
children: e.badge
|
|
542
546
|
}),
|
|
543
|
-
t && /* @__PURE__ */
|
|
547
|
+
t && /* @__PURE__ */ V("span", {
|
|
544
548
|
className: [
|
|
545
549
|
"fcc-sidebar-label",
|
|
546
550
|
"fcc-sidebar-item-chevron",
|
|
@@ -552,14 +556,14 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
552
556
|
role: "button",
|
|
553
557
|
"aria-label": `${o ? "Collapse" : "Expand"} ${e.label}`,
|
|
554
558
|
"aria-expanded": o,
|
|
555
|
-
children: /* @__PURE__ */
|
|
559
|
+
children: /* @__PURE__ */ V(y, { size: 14 })
|
|
556
560
|
})
|
|
557
561
|
]
|
|
558
|
-
}), t && o && /* @__PURE__ */
|
|
562
|
+
}), t && o && /* @__PURE__ */ H("div", {
|
|
559
563
|
className: "fcc-sidebar-accordion",
|
|
560
|
-
children: [/* @__PURE__ */
|
|
564
|
+
children: [/* @__PURE__ */ H("div", {
|
|
561
565
|
className: "fcc-sidebar-search",
|
|
562
|
-
children: [/* @__PURE__ */
|
|
566
|
+
children: [/* @__PURE__ */ V(R, { size: 13 }), /* @__PURE__ */ V("input", {
|
|
563
567
|
type: "text",
|
|
564
568
|
className: "fcc-sidebar-search-input",
|
|
565
569
|
value: s,
|
|
@@ -569,24 +573,24 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
569
573
|
})),
|
|
570
574
|
placeholder: e.searchPlaceholder || "Search..."
|
|
571
575
|
})]
|
|
572
|
-
}), /* @__PURE__ */
|
|
576
|
+
}), /* @__PURE__ */ H("div", {
|
|
573
577
|
className: "fcc-sidebar-accordion-body",
|
|
574
|
-
children: [c.length === 0 && /* @__PURE__ */
|
|
578
|
+
children: [c.length === 0 && /* @__PURE__ */ V("div", {
|
|
575
579
|
className: "fcc-sidebar-empty",
|
|
576
580
|
children: "No matching components"
|
|
577
|
-
}), c.map((e) => /* @__PURE__ */
|
|
581
|
+
}), c.map((e) => /* @__PURE__ */ H("div", {
|
|
578
582
|
className: "fcc-sidebar-section",
|
|
579
|
-
children: [/* @__PURE__ */
|
|
583
|
+
children: [/* @__PURE__ */ V("div", {
|
|
580
584
|
className: "fcc-sidebar-section-title",
|
|
581
585
|
children: e.title
|
|
582
|
-
}), /* @__PURE__ */
|
|
586
|
+
}), /* @__PURE__ */ V("div", {
|
|
583
587
|
className: "fcc-sidebar-child-list",
|
|
584
|
-
children: e.items.map((e) => /* @__PURE__ */
|
|
588
|
+
children: e.items.map((e) => /* @__PURE__ */ V("button", {
|
|
585
589
|
type: "button",
|
|
586
590
|
className: ["fcc-sidebar-child-item", e.key === r ? "active" : ""].filter(Boolean).join(" "),
|
|
587
|
-
onClick: () =>
|
|
591
|
+
onClick: () => Ve(e, i),
|
|
588
592
|
title: e.label,
|
|
589
|
-
children: /* @__PURE__ */
|
|
593
|
+
children: /* @__PURE__ */ V("span", {
|
|
590
594
|
className: "fcc-sidebar-label",
|
|
591
595
|
children: e.label
|
|
592
596
|
})
|
|
@@ -598,34 +602,34 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
598
602
|
}, e.key || e.label);
|
|
599
603
|
})
|
|
600
604
|
}),
|
|
601
|
-
o ? /* @__PURE__ */
|
|
605
|
+
o ? /* @__PURE__ */ V("div", {
|
|
602
606
|
className: "fcc-sidebar-footer",
|
|
603
607
|
children: o
|
|
604
|
-
}) : (a || s) && /* @__PURE__ */
|
|
608
|
+
}) : (a || s) && /* @__PURE__ */ H("div", {
|
|
605
609
|
className: "fcc-sidebar-footer",
|
|
606
|
-
children: [a && /* @__PURE__ */
|
|
610
|
+
children: [a && /* @__PURE__ */ H("div", {
|
|
607
611
|
className: "fcc-sidebar-profile",
|
|
608
|
-
children: [/* @__PURE__ */
|
|
612
|
+
children: [/* @__PURE__ */ V("div", {
|
|
609
613
|
className: "fcc-sidebar-avatar",
|
|
610
614
|
style: a.avatarStyle,
|
|
611
615
|
children: a.avatar || a.initials || a.name?.slice(0, 2) || "FCC"
|
|
612
|
-
}), /* @__PURE__ */
|
|
616
|
+
}), /* @__PURE__ */ H("div", {
|
|
613
617
|
className: "fcc-sidebar-profile-copy",
|
|
614
|
-
children: [/* @__PURE__ */
|
|
618
|
+
children: [/* @__PURE__ */ V("span", {
|
|
615
619
|
className: "fcc-sidebar-label fcc-sidebar-profile-name",
|
|
616
620
|
children: a.name
|
|
617
|
-
}), a.meta && /* @__PURE__ */
|
|
621
|
+
}), a.meta && /* @__PURE__ */ V("span", {
|
|
618
622
|
className: "fcc-sidebar-label fcc-sidebar-profile-meta",
|
|
619
623
|
children: a.meta
|
|
620
624
|
})]
|
|
621
625
|
})]
|
|
622
|
-
}), s && /* @__PURE__ */
|
|
626
|
+
}), s && /* @__PURE__ */ V("button", {
|
|
623
627
|
type: "button",
|
|
624
628
|
className: "fcc-sidebar-logout",
|
|
625
629
|
title: "Logout",
|
|
626
630
|
"aria-label": "Logout",
|
|
627
631
|
onClick: s,
|
|
628
|
-
children: /* @__PURE__ */
|
|
632
|
+
children: /* @__PURE__ */ V(M, { size: 16 })
|
|
629
633
|
})]
|
|
630
634
|
})
|
|
631
635
|
]
|
|
@@ -633,10 +637,10 @@ function ke({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
633
637
|
}
|
|
634
638
|
//#endregion
|
|
635
639
|
//#region src/components/layout/FCCAppShell.jsx
|
|
636
|
-
function
|
|
637
|
-
return /* @__PURE__ */
|
|
640
|
+
function Ge({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, onNavigate: i, user: a, footer: o, onLogout: s, breadcrumbs: c = [], status: l, headerActions: u, header: d, children: f, overlay: p, sidePanel: m, className: h = "", sidebarClassName: g = "", mainClassName: _ = "", headerClassName: v = "", contentClassName: y = "" }) {
|
|
641
|
+
return /* @__PURE__ */ H("div", {
|
|
638
642
|
className: ["fcc-app-shell", h].filter(Boolean).join(" "),
|
|
639
|
-
children: [/* @__PURE__ */
|
|
643
|
+
children: [/* @__PURE__ */ V(We, {
|
|
640
644
|
appName: e,
|
|
641
645
|
logo: t,
|
|
642
646
|
navItems: n,
|
|
@@ -646,7 +650,7 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
646
650
|
footer: o,
|
|
647
651
|
onLogout: s,
|
|
648
652
|
className: g
|
|
649
|
-
}), /* @__PURE__ */
|
|
653
|
+
}), /* @__PURE__ */ V(Be, {
|
|
650
654
|
breadcrumbs: c,
|
|
651
655
|
status: l,
|
|
652
656
|
headerActions: u,
|
|
@@ -662,9 +666,9 @@ function Ae({ appName: e = "FCC", logo: t, navItems: n = [], activeNavKey: r, on
|
|
|
662
666
|
}
|
|
663
667
|
//#endregion
|
|
664
668
|
//#region src/components/layout/FCCBrandLogo.jsx
|
|
665
|
-
function
|
|
666
|
-
let { theme: a } =
|
|
667
|
-
return o ? /* @__PURE__ */
|
|
669
|
+
function Ke({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }) {
|
|
670
|
+
let { theme: a } = W(), o = a === "dark" ? e || t : t || e;
|
|
671
|
+
return o ? /* @__PURE__ */ V("img", {
|
|
668
672
|
src: o,
|
|
669
673
|
alt: n,
|
|
670
674
|
className: ["fcc-brand-logo", r].filter(Boolean).join(" "),
|
|
@@ -673,9 +677,9 @@ function je({ darkSrc: e, lightSrc: t, alt: n = "FCC", className: r = "", ...i }
|
|
|
673
677
|
}
|
|
674
678
|
//#endregion
|
|
675
679
|
//#region src/components/layout/FCCThemeToggle.jsx
|
|
676
|
-
function
|
|
677
|
-
let { theme: t, toggleTheme: n } =
|
|
678
|
-
return /* @__PURE__ */
|
|
680
|
+
function qe({ className: e = "" }) {
|
|
681
|
+
let { theme: t, toggleTheme: n } = W(), r = t === "dark";
|
|
682
|
+
return /* @__PURE__ */ V("button", {
|
|
679
683
|
type: "button",
|
|
680
684
|
onClick: n,
|
|
681
685
|
className: [
|
|
@@ -687,76 +691,76 @@ function Me({ className: e = "" }) {
|
|
|
687
691
|
].filter(Boolean).join(" "),
|
|
688
692
|
title: r ? "Switch to light mode" : "Switch to dark mode",
|
|
689
693
|
"aria-label": r ? "Switch to light mode" : "Switch to dark mode",
|
|
690
|
-
children:
|
|
694
|
+
children: V(r ? F : z, { size: 16 })
|
|
691
695
|
});
|
|
692
696
|
}
|
|
693
697
|
//#endregion
|
|
694
698
|
//#region src/components/ui/AppLoader.jsx
|
|
695
|
-
function
|
|
696
|
-
return t ? /* @__PURE__ */
|
|
699
|
+
function Je({ label: e = "Loading...", fullscreen: t = !1, className: n = "" }) {
|
|
700
|
+
return t ? /* @__PURE__ */ H("div", {
|
|
697
701
|
className: `loader-fullscreen ${n}`,
|
|
698
|
-
children: [/* @__PURE__ */
|
|
702
|
+
children: [/* @__PURE__ */ V(j, {
|
|
699
703
|
size: 32,
|
|
700
704
|
className: "loader-spin"
|
|
701
|
-
}), e && /* @__PURE__ */
|
|
705
|
+
}), e && /* @__PURE__ */ V("span", {
|
|
702
706
|
className: "loader-label",
|
|
703
707
|
children: e
|
|
704
708
|
})]
|
|
705
|
-
}) : /* @__PURE__ */
|
|
709
|
+
}) : /* @__PURE__ */ H("div", {
|
|
706
710
|
className: `loader ${n}`,
|
|
707
|
-
children: [/* @__PURE__ */
|
|
711
|
+
children: [/* @__PURE__ */ V(j, {
|
|
708
712
|
size: 20,
|
|
709
713
|
className: "loader-spin"
|
|
710
|
-
}), e && /* @__PURE__ */
|
|
714
|
+
}), e && /* @__PURE__ */ V("span", {
|
|
711
715
|
className: "loader-label",
|
|
712
716
|
children: e
|
|
713
717
|
})]
|
|
714
718
|
});
|
|
715
719
|
}
|
|
716
|
-
function
|
|
717
|
-
return /* @__PURE__ */
|
|
720
|
+
function Ye({ size: e = 16, className: t = "" }) {
|
|
721
|
+
return /* @__PURE__ */ V(j, {
|
|
718
722
|
size: e,
|
|
719
723
|
className: `loader-spin ${t}`
|
|
720
724
|
});
|
|
721
725
|
}
|
|
722
|
-
function
|
|
723
|
-
let s = /* @__PURE__ */
|
|
726
|
+
function Xe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc: r, lightSrc: i, alt: a = "FCC", className: o = "" }) {
|
|
727
|
+
let s = /* @__PURE__ */ H("div", {
|
|
724
728
|
className: "fcc-loader-stage",
|
|
725
729
|
style: { "--fcc-loader-size": `${n}px` },
|
|
726
730
|
"aria-hidden": "true",
|
|
727
731
|
children: [
|
|
728
|
-
/* @__PURE__ */
|
|
729
|
-
/* @__PURE__ */
|
|
730
|
-
/* @__PURE__ */
|
|
732
|
+
/* @__PURE__ */ V("span", { className: "fcc-loader-ring" }),
|
|
733
|
+
/* @__PURE__ */ V("span", { className: "fcc-loader-glow" }),
|
|
734
|
+
/* @__PURE__ */ V(Ke, {
|
|
731
735
|
darkSrc: r,
|
|
732
736
|
lightSrc: i,
|
|
733
737
|
alt: a,
|
|
734
738
|
className: "fcc-loader-logo"
|
|
735
739
|
})
|
|
736
740
|
]
|
|
737
|
-
}), c = t ? `fcc-loader fcc-loader-fullscreen ${o}`.trim() : `fcc-loader ${o}`.trim(), l = typeof e == "string" ? e.match(/^(.*?)\.{3}\s*$/) : null, u = l ? /* @__PURE__ */
|
|
741
|
+
}), c = t ? `fcc-loader fcc-loader-fullscreen ${o}`.trim() : `fcc-loader ${o}`.trim(), l = typeof e == "string" ? e.match(/^(.*?)\.{3}\s*$/) : null, u = l ? /* @__PURE__ */ H(ie, { children: [l[1], /* @__PURE__ */ H("span", {
|
|
738
742
|
className: "fcc-loader-dots",
|
|
739
743
|
"aria-hidden": "true",
|
|
740
744
|
children: [
|
|
741
|
-
/* @__PURE__ */
|
|
745
|
+
/* @__PURE__ */ V("span", {
|
|
742
746
|
className: "fcc-loader-dot",
|
|
743
747
|
children: "."
|
|
744
748
|
}),
|
|
745
|
-
/* @__PURE__ */
|
|
749
|
+
/* @__PURE__ */ V("span", {
|
|
746
750
|
className: "fcc-loader-dot",
|
|
747
751
|
children: "."
|
|
748
752
|
}),
|
|
749
|
-
/* @__PURE__ */
|
|
753
|
+
/* @__PURE__ */ V("span", {
|
|
750
754
|
className: "fcc-loader-dot",
|
|
751
755
|
children: "."
|
|
752
756
|
})
|
|
753
757
|
]
|
|
754
758
|
})] }) : e;
|
|
755
|
-
return /* @__PURE__ */
|
|
759
|
+
return /* @__PURE__ */ H("div", {
|
|
756
760
|
className: c,
|
|
757
761
|
role: "status",
|
|
758
762
|
"aria-live": "polite",
|
|
759
|
-
children: [s, e && /* @__PURE__ */
|
|
763
|
+
children: [s, e && /* @__PURE__ */ V("span", {
|
|
760
764
|
className: "fcc-loader-label",
|
|
761
765
|
children: u
|
|
762
766
|
})]
|
|
@@ -764,7 +768,7 @@ function Fe({ label: e = "Loading...", fullscreen: t = !1, size: n = 64, darkSrc
|
|
|
764
768
|
}
|
|
765
769
|
//#endregion
|
|
766
770
|
//#region src/components/ui/FCCDetailsPanel.jsx
|
|
767
|
-
function
|
|
771
|
+
function Ze({ open: e, onClose: t, title: n, header: r, children: a, loading: s = !1, loadingLabel: c = "Loading...", loaderSize: d = 64, loaderDarkSrc: f, loaderLightSrc: p, width: m, zIndex: h = 1100, showBackdrop: g = !0, resizable: _ = !0, minWidth: v = 360, storageKey: y, className: b = "" }) {
|
|
768
772
|
let [x, S] = u(!1), [C, w] = u(!1), [T, E] = u(!1), [D, O] = u(() => {
|
|
769
773
|
if (!y || typeof window > "u") return null;
|
|
770
774
|
let e = window.localStorage.getItem(y), t = e ? parseInt(e, 10) : NaN;
|
|
@@ -807,44 +811,44 @@ function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s
|
|
|
807
811
|
y
|
|
808
812
|
]), !x || typeof document > "u" || !j) return null;
|
|
809
813
|
let P = D == null ? m : `${D}px`;
|
|
810
|
-
return
|
|
814
|
+
return U(/* @__PURE__ */ H("div", {
|
|
811
815
|
className: `fcc-details-panel-root ${C ? "fcc-details-panel-root--visible" : ""}`,
|
|
812
816
|
style: { zIndex: h },
|
|
813
|
-
children: [g && /* @__PURE__ */
|
|
817
|
+
children: [g && /* @__PURE__ */ V("div", {
|
|
814
818
|
className: "fcc-details-panel-backdrop",
|
|
815
819
|
onClick: N,
|
|
816
820
|
"aria-hidden": "true"
|
|
817
|
-
}), /* @__PURE__ */
|
|
821
|
+
}), /* @__PURE__ */ H("div", {
|
|
818
822
|
ref: k,
|
|
819
823
|
className: `fcc-details-panel ${b}`,
|
|
820
824
|
style: P ? { width: P } : void 0,
|
|
821
825
|
role: "dialog",
|
|
822
826
|
"aria-modal": "true",
|
|
823
827
|
children: [
|
|
824
|
-
_ && /* @__PURE__ */
|
|
828
|
+
_ && /* @__PURE__ */ V("div", {
|
|
825
829
|
className: "fcc-details-panel-resize",
|
|
826
830
|
onMouseDown: (e) => {
|
|
827
831
|
e.preventDefault(), E(!0);
|
|
828
832
|
},
|
|
829
833
|
title: "Drag to resize"
|
|
830
834
|
}),
|
|
831
|
-
r || /* @__PURE__ */
|
|
835
|
+
r || /* @__PURE__ */ H("div", {
|
|
832
836
|
className: "fcc-details-panel-header",
|
|
833
|
-
children: [/* @__PURE__ */
|
|
837
|
+
children: [/* @__PURE__ */ V("span", {
|
|
834
838
|
className: "fcc-details-panel-title",
|
|
835
839
|
children: n
|
|
836
|
-
}), /* @__PURE__ */
|
|
840
|
+
}), /* @__PURE__ */ V("button", {
|
|
837
841
|
className: "fcc-details-panel-close",
|
|
838
842
|
onClick: N,
|
|
839
843
|
"aria-label": "Close",
|
|
840
|
-
children: /* @__PURE__ */
|
|
844
|
+
children: /* @__PURE__ */ V(B, { size: 14 })
|
|
841
845
|
})]
|
|
842
846
|
}),
|
|
843
|
-
/* @__PURE__ */
|
|
847
|
+
/* @__PURE__ */ V("div", {
|
|
844
848
|
className: "fcc-details-panel-body",
|
|
845
|
-
children: s ? /* @__PURE__ */
|
|
849
|
+
children: s ? /* @__PURE__ */ V("div", {
|
|
846
850
|
className: "fcc-details-panel-loading",
|
|
847
|
-
children: /* @__PURE__ */
|
|
851
|
+
children: /* @__PURE__ */ V(Xe, {
|
|
848
852
|
label: c,
|
|
849
853
|
size: d,
|
|
850
854
|
darkSrc: f,
|
|
@@ -858,27 +862,27 @@ function Ie({ open: e, onClose: t, title: n, header: r, children: a, loading: s
|
|
|
858
862
|
}
|
|
859
863
|
//#endregion
|
|
860
864
|
//#region src/components/ui/Accordion.jsx
|
|
861
|
-
function
|
|
865
|
+
function Qe({ title: e, header: t, defaultOpen: n = !1, className: r = "", children: i }) {
|
|
862
866
|
let [a, o] = u(n);
|
|
863
|
-
return /* @__PURE__ */
|
|
867
|
+
return /* @__PURE__ */ H("div", {
|
|
864
868
|
className: `accordion-item ${r}`,
|
|
865
|
-
children: [/* @__PURE__ */
|
|
869
|
+
children: [/* @__PURE__ */ H("div", {
|
|
866
870
|
className: `accordion-trigger ${a ? "expanded" : ""}`,
|
|
867
871
|
onClick: () => o(!a),
|
|
868
872
|
role: "button",
|
|
869
873
|
"aria-expanded": a,
|
|
870
|
-
children: [t || /* @__PURE__ */
|
|
874
|
+
children: [t || /* @__PURE__ */ V("span", {
|
|
871
875
|
className: "accordion-trigger-title",
|
|
872
876
|
children: e
|
|
873
|
-
}), /* @__PURE__ */
|
|
877
|
+
}), /* @__PURE__ */ V("span", {
|
|
874
878
|
className: "accordion-trigger-chevron",
|
|
875
|
-
children:
|
|
879
|
+
children: V(a ? y : b, { size: 14 })
|
|
876
880
|
})]
|
|
877
|
-
}), /* @__PURE__ */
|
|
881
|
+
}), /* @__PURE__ */ V("div", {
|
|
878
882
|
className: `accordion-collapse ${a ? "open" : ""}`,
|
|
879
|
-
children: /* @__PURE__ */
|
|
883
|
+
children: /* @__PURE__ */ V("div", {
|
|
880
884
|
className: "accordion-collapse-inner",
|
|
881
|
-
children: /* @__PURE__ */
|
|
885
|
+
children: /* @__PURE__ */ V("div", {
|
|
882
886
|
className: "accordion-content",
|
|
883
887
|
children: i
|
|
884
888
|
})
|
|
@@ -886,7 +890,7 @@ function Le({ title: e, header: t, defaultOpen: n = !1, className: r = "", child
|
|
|
886
890
|
})]
|
|
887
891
|
});
|
|
888
892
|
}
|
|
889
|
-
function
|
|
893
|
+
function $e({ items: e = [], className: t = "" }) {
|
|
890
894
|
let [n, r] = u(/* @__PURE__ */ new Set());
|
|
891
895
|
function i(e) {
|
|
892
896
|
r((t) => {
|
|
@@ -894,29 +898,29 @@ function Re({ items: e = [], className: t = "" }) {
|
|
|
894
898
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
895
899
|
});
|
|
896
900
|
}
|
|
897
|
-
return /* @__PURE__ */
|
|
901
|
+
return /* @__PURE__ */ V("div", {
|
|
898
902
|
className: `accordion ${t}`,
|
|
899
903
|
children: e.map((e) => {
|
|
900
904
|
let t = n.has(e.id);
|
|
901
|
-
return /* @__PURE__ */
|
|
905
|
+
return /* @__PURE__ */ H("div", {
|
|
902
906
|
className: "accordion-item",
|
|
903
|
-
children: [/* @__PURE__ */
|
|
907
|
+
children: [/* @__PURE__ */ H("div", {
|
|
904
908
|
className: `accordion-trigger ${t ? "expanded" : ""}`,
|
|
905
909
|
onClick: () => i(e.id),
|
|
906
910
|
role: "button",
|
|
907
911
|
"aria-expanded": t,
|
|
908
|
-
children: [e.header || /* @__PURE__ */
|
|
912
|
+
children: [e.header || /* @__PURE__ */ V("span", {
|
|
909
913
|
className: "accordion-trigger-title",
|
|
910
914
|
children: e.title
|
|
911
|
-
}), /* @__PURE__ */
|
|
915
|
+
}), /* @__PURE__ */ V("span", {
|
|
912
916
|
className: "accordion-trigger-chevron",
|
|
913
|
-
children:
|
|
917
|
+
children: V(t ? y : b, { size: 14 })
|
|
914
918
|
})]
|
|
915
|
-
}), /* @__PURE__ */
|
|
919
|
+
}), /* @__PURE__ */ V("div", {
|
|
916
920
|
className: `accordion-collapse ${t ? "open" : ""}`,
|
|
917
|
-
children: /* @__PURE__ */
|
|
921
|
+
children: /* @__PURE__ */ V("div", {
|
|
918
922
|
className: "accordion-collapse-inner",
|
|
919
|
-
children: /* @__PURE__ */
|
|
923
|
+
children: /* @__PURE__ */ V("div", {
|
|
920
924
|
className: "accordion-content",
|
|
921
925
|
children: e.content
|
|
922
926
|
})
|
|
@@ -928,12 +932,12 @@ function Re({ items: e = [], className: t = "" }) {
|
|
|
928
932
|
}
|
|
929
933
|
//#endregion
|
|
930
934
|
//#region src/components/ui/Avatar.jsx
|
|
931
|
-
var
|
|
935
|
+
var et = {
|
|
932
936
|
sm: "avatar-sm",
|
|
933
937
|
md: "",
|
|
934
938
|
lg: "avatar-lg",
|
|
935
939
|
xl: "avatar-xl"
|
|
936
|
-
},
|
|
940
|
+
}, tt = [
|
|
937
941
|
"#5e6ad2",
|
|
938
942
|
"#5bb98e",
|
|
939
943
|
"#c9a84e",
|
|
@@ -942,14 +946,14 @@ var ze = {
|
|
|
942
946
|
"#5a8ebf",
|
|
943
947
|
"#c4a06a"
|
|
944
948
|
];
|
|
945
|
-
function
|
|
949
|
+
function nt(e) {
|
|
946
950
|
let t = 0;
|
|
947
951
|
for (let n = 0; n < e.length; n++) t = e.charCodeAt(n) + ((t << 5) - t);
|
|
948
|
-
return
|
|
952
|
+
return tt[Math.abs(t) % tt.length];
|
|
949
953
|
}
|
|
950
|
-
function
|
|
951
|
-
let [o, s] = u(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background ||
|
|
952
|
-
return e && !o ? /* @__PURE__ */
|
|
954
|
+
function K({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "", style: a = {} }) {
|
|
955
|
+
let [o, s] = u(!1), c = t || (n ? n.split(" ").map((e) => e[0]).join("").slice(0, 2).toUpperCase() : "?"), l = a.background || nt(c), d = et[r] || "";
|
|
956
|
+
return e && !o ? /* @__PURE__ */ V("img", {
|
|
953
957
|
src: e,
|
|
954
958
|
alt: n || "",
|
|
955
959
|
className: `avatar ${d} ${i}`,
|
|
@@ -958,7 +962,7 @@ function Y({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "
|
|
|
958
962
|
...a
|
|
959
963
|
},
|
|
960
964
|
onError: () => s(!0)
|
|
961
|
-
}) : /* @__PURE__ */
|
|
965
|
+
}) : /* @__PURE__ */ V("div", {
|
|
962
966
|
className: `avatar ${d} ${i}`,
|
|
963
967
|
style: {
|
|
964
968
|
background: l,
|
|
@@ -969,7 +973,7 @@ function Y({ imageUrl: e, initials: t, name: n, size: r = "md", className: i = "
|
|
|
969
973
|
}
|
|
970
974
|
//#endregion
|
|
971
975
|
//#region src/components/ui/Badge.jsx
|
|
972
|
-
var
|
|
976
|
+
var rt = {
|
|
973
977
|
default: "var(--text-quaternary)",
|
|
974
978
|
secondary: "var(--text-quaternary)",
|
|
975
979
|
success: "var(--accent-green)",
|
|
@@ -980,12 +984,12 @@ var He = {
|
|
|
980
984
|
purple: "var(--accent-purple)",
|
|
981
985
|
orange: "var(--accent-orange)"
|
|
982
986
|
};
|
|
983
|
-
function
|
|
984
|
-
let a =
|
|
985
|
-
return /* @__PURE__ */
|
|
987
|
+
function q({ variant: e = "default", className: t = "", children: n, showDot: r = !0, ...i }) {
|
|
988
|
+
let a = rt[e] || rt.default;
|
|
989
|
+
return /* @__PURE__ */ H("span", {
|
|
986
990
|
className: `badge ${r ? "" : "badge--no-dot"} ${t}`.trim(),
|
|
987
991
|
...i,
|
|
988
|
-
children: [r && /* @__PURE__ */
|
|
992
|
+
children: [r && /* @__PURE__ */ V("span", {
|
|
989
993
|
className: "badge-dot",
|
|
990
994
|
style: { background: a }
|
|
991
995
|
}), n]
|
|
@@ -993,7 +997,7 @@ function X({ variant: e = "default", className: t = "", children: n, showDot: r
|
|
|
993
997
|
}
|
|
994
998
|
//#endregion
|
|
995
999
|
//#region src/components/ui/Button.jsx
|
|
996
|
-
var
|
|
1000
|
+
var it = {
|
|
997
1001
|
default: "btn-primary",
|
|
998
1002
|
destructive: "btn-danger",
|
|
999
1003
|
success: "btn-success",
|
|
@@ -1002,167 +1006,169 @@ var Ue = {
|
|
|
1002
1006
|
secondary: "btn-secondary",
|
|
1003
1007
|
ghost: "btn-ghost",
|
|
1004
1008
|
link: "btn-link"
|
|
1005
|
-
},
|
|
1009
|
+
}, at = {
|
|
1006
1010
|
sm: "btn-sm",
|
|
1007
1011
|
default: "",
|
|
1008
1012
|
lg: "btn-lg",
|
|
1009
1013
|
icon: "btn-icon"
|
|
1010
|
-
},
|
|
1011
|
-
return /* @__PURE__ */
|
|
1014
|
+
}, ot = n(function({ variant: e = "default", size: t = "default", className: n = "", children: r, ...i }, a) {
|
|
1015
|
+
return /* @__PURE__ */ V("button", {
|
|
1012
1016
|
ref: a,
|
|
1013
1017
|
className: [
|
|
1014
1018
|
"btn",
|
|
1015
|
-
|
|
1016
|
-
|
|
1019
|
+
it[e],
|
|
1020
|
+
at[t],
|
|
1017
1021
|
n
|
|
1018
1022
|
].filter(Boolean).join(" "),
|
|
1019
1023
|
...i,
|
|
1020
1024
|
children: r
|
|
1021
1025
|
});
|
|
1022
|
-
}),
|
|
1026
|
+
}), st = {
|
|
1023
1027
|
default: "card-default",
|
|
1024
1028
|
green: "card-green",
|
|
1025
1029
|
red: "card-red",
|
|
1026
1030
|
yellow: "card-yellow"
|
|
1027
|
-
},
|
|
1028
|
-
return /* @__PURE__ */
|
|
1031
|
+
}, ct = n(function({ variant: e = "default", className: t = "", children: n, ...r }, i) {
|
|
1032
|
+
return /* @__PURE__ */ V("div", {
|
|
1029
1033
|
ref: i,
|
|
1030
1034
|
className: [
|
|
1031
1035
|
"card",
|
|
1032
|
-
|
|
1036
|
+
st[e],
|
|
1033
1037
|
t
|
|
1034
1038
|
].filter(Boolean).join(" "),
|
|
1035
1039
|
...r,
|
|
1036
1040
|
children: n
|
|
1037
1041
|
});
|
|
1038
|
-
}),
|
|
1039
|
-
return /* @__PURE__ */
|
|
1042
|
+
}), lt = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1043
|
+
return /* @__PURE__ */ V("div", {
|
|
1040
1044
|
ref: r,
|
|
1041
1045
|
className: `card-header ${e}`,
|
|
1042
1046
|
...n,
|
|
1043
1047
|
children: t
|
|
1044
1048
|
});
|
|
1045
|
-
}),
|
|
1046
|
-
return /* @__PURE__ */
|
|
1049
|
+
}), ut = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1050
|
+
return /* @__PURE__ */ V("h3", {
|
|
1047
1051
|
ref: r,
|
|
1048
1052
|
className: `card-title ${e}`,
|
|
1049
1053
|
...n,
|
|
1050
1054
|
children: t
|
|
1051
1055
|
});
|
|
1052
|
-
}),
|
|
1053
|
-
return /* @__PURE__ */
|
|
1056
|
+
}), dt = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1057
|
+
return /* @__PURE__ */ V("p", {
|
|
1054
1058
|
ref: r,
|
|
1055
1059
|
className: `card-description ${e}`,
|
|
1056
1060
|
...n,
|
|
1057
1061
|
children: t
|
|
1058
1062
|
});
|
|
1059
|
-
}),
|
|
1060
|
-
return /* @__PURE__ */
|
|
1063
|
+
}), ft = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1064
|
+
return /* @__PURE__ */ V("div", {
|
|
1061
1065
|
ref: r,
|
|
1062
1066
|
className: `card-body ${e}`,
|
|
1063
1067
|
...n,
|
|
1064
1068
|
children: t
|
|
1065
1069
|
});
|
|
1066
|
-
}),
|
|
1067
|
-
return /* @__PURE__ */
|
|
1070
|
+
}), pt = n(function({ className: e = "", children: t, ...n }, r) {
|
|
1071
|
+
return /* @__PURE__ */ V("div", {
|
|
1068
1072
|
ref: r,
|
|
1069
1073
|
className: `card-footer ${e}`,
|
|
1070
1074
|
...n,
|
|
1071
1075
|
children: t
|
|
1072
1076
|
});
|
|
1073
|
-
}),
|
|
1074
|
-
function
|
|
1075
|
-
let
|
|
1076
|
-
return o(() =>
|
|
1077
|
-
document.body.style.overflow = ""
|
|
1078
|
-
|
|
1077
|
+
}), mt = 220;
|
|
1078
|
+
function ht({ open: e, onClose: t, children: n, className: r = "", overlayClassName: i = "", contained: a = !1 }) {
|
|
1079
|
+
let s = l(null), [c, d] = u(e ? "open" : "closed"), f = e || c !== "closed";
|
|
1080
|
+
return o(() => {
|
|
1081
|
+
if (!a) return f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1082
|
+
document.body.style.overflow = "";
|
|
1083
|
+
};
|
|
1084
|
+
}, [a, f]), o(() => {
|
|
1079
1085
|
function e(e) {
|
|
1080
1086
|
e.key === "Escape" && t?.();
|
|
1081
1087
|
}
|
|
1082
|
-
return
|
|
1083
|
-
}, [
|
|
1088
|
+
return f && document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
1089
|
+
}, [f, t]), o(() => {
|
|
1084
1090
|
if (e) {
|
|
1085
|
-
let e = requestAnimationFrame(() =>
|
|
1091
|
+
let e = requestAnimationFrame(() => d("open"));
|
|
1086
1092
|
return () => cancelAnimationFrame(e);
|
|
1087
1093
|
}
|
|
1088
|
-
if (
|
|
1089
|
-
let t = requestAnimationFrame(() =>
|
|
1094
|
+
if (c === "closed") return;
|
|
1095
|
+
let t = requestAnimationFrame(() => d("closing")), n = window.setTimeout(() => d("closed"), mt);
|
|
1090
1096
|
return () => {
|
|
1091
1097
|
cancelAnimationFrame(t), window.clearTimeout(n);
|
|
1092
1098
|
};
|
|
1093
|
-
}, [e,
|
|
1094
|
-
className: "dialog-overlay"
|
|
1095
|
-
"data-state":
|
|
1096
|
-
ref:
|
|
1099
|
+
}, [e, c]), f ? /* @__PURE__ */ V("div", {
|
|
1100
|
+
className: `dialog-overlay${a ? " dialog-overlay-contained" : ""}${i ? ` ${i}` : ""}`,
|
|
1101
|
+
"data-state": c,
|
|
1102
|
+
ref: s,
|
|
1097
1103
|
onClick: (e) => {
|
|
1098
|
-
e.target ===
|
|
1104
|
+
e.target === s.current && t?.();
|
|
1099
1105
|
},
|
|
1100
|
-
children: /* @__PURE__ */
|
|
1106
|
+
children: /* @__PURE__ */ V("div", {
|
|
1101
1107
|
className: `dialog ${r}`,
|
|
1102
1108
|
children: n
|
|
1103
1109
|
})
|
|
1104
1110
|
}) : null;
|
|
1105
1111
|
}
|
|
1106
|
-
function
|
|
1107
|
-
return /* @__PURE__ */
|
|
1112
|
+
function gt({ children: e, onClose: t, className: n = "" }) {
|
|
1113
|
+
return /* @__PURE__ */ H("div", {
|
|
1108
1114
|
className: `dialog-header ${n}`,
|
|
1109
|
-
children: [/* @__PURE__ */
|
|
1115
|
+
children: [/* @__PURE__ */ V("div", {
|
|
1110
1116
|
style: { flex: 1 },
|
|
1111
1117
|
children: e
|
|
1112
|
-
}), t && /* @__PURE__ */
|
|
1118
|
+
}), t && /* @__PURE__ */ V("button", {
|
|
1113
1119
|
className: "btn btn-ghost btn-icon btn-sm",
|
|
1114
1120
|
onClick: t,
|
|
1115
|
-
children: /* @__PURE__ */
|
|
1121
|
+
children: /* @__PURE__ */ V(B, { size: 16 })
|
|
1116
1122
|
})]
|
|
1117
1123
|
});
|
|
1118
1124
|
}
|
|
1119
|
-
function
|
|
1120
|
-
return /* @__PURE__ */
|
|
1125
|
+
function _t({ children: e, className: t = "" }) {
|
|
1126
|
+
return /* @__PURE__ */ V("h3", {
|
|
1121
1127
|
className: `dialog-title ${t}`,
|
|
1122
1128
|
children: e
|
|
1123
1129
|
});
|
|
1124
1130
|
}
|
|
1125
|
-
function
|
|
1126
|
-
return /* @__PURE__ */
|
|
1131
|
+
function vt({ children: e, className: t = "" }) {
|
|
1132
|
+
return /* @__PURE__ */ V("p", {
|
|
1127
1133
|
className: `dialog-description ${t}`,
|
|
1128
1134
|
children: e
|
|
1129
1135
|
});
|
|
1130
1136
|
}
|
|
1131
|
-
function
|
|
1132
|
-
return /* @__PURE__ */
|
|
1137
|
+
function yt({ children: e, className: t = "" }) {
|
|
1138
|
+
return /* @__PURE__ */ V("div", {
|
|
1133
1139
|
className: `dialog-body ${t}`,
|
|
1134
1140
|
children: e
|
|
1135
1141
|
});
|
|
1136
1142
|
}
|
|
1137
|
-
function
|
|
1138
|
-
return /* @__PURE__ */
|
|
1143
|
+
function bt({ children: e, className: t = "" }) {
|
|
1144
|
+
return /* @__PURE__ */ V("div", {
|
|
1139
1145
|
className: `dialog-footer ${t}`,
|
|
1140
1146
|
children: e
|
|
1141
1147
|
});
|
|
1142
1148
|
}
|
|
1143
1149
|
//#endregion
|
|
1144
1150
|
//#region src/components/ui/Input.jsx
|
|
1145
|
-
var
|
|
1151
|
+
var xt = n(function({ id: e, label: t, labelMode: n = "stacked", description: r, error: i, clearable: a = !1, startIcon: o, endIcon: c, placeholder: d, value: f, defaultValue: p, className: m = "", inputClassName: h = "", disabled: g = !1, type: _ = "text", "aria-describedby": v, "aria-invalid": y, onChange: b, ...x }, S) {
|
|
1146
1152
|
let C = l(null), w = s(), T = e || w, E = i && i !== !0 ? i : r, D = E ? `${T}-helper` : void 0, O = !!(i || y), k = !!(t && n === "floating"), A = [v, D].filter(Boolean).join(" ") || void 0, j = k ? " " : d, M = f !== void 0, [N, P] = u(() => String(p ?? "")), F = a && !g && (M ? String(f ?? "") : N).length > 0;
|
|
1147
1153
|
function I(e) {
|
|
1148
1154
|
C.current = e, typeof S == "function" ? S(e) : S && (S.current = e);
|
|
1149
1155
|
}
|
|
1150
|
-
function
|
|
1156
|
+
function L(e) {
|
|
1151
1157
|
M || P(e.target.value), b?.(e);
|
|
1152
1158
|
}
|
|
1153
|
-
function
|
|
1159
|
+
function R() {
|
|
1154
1160
|
let e = C.current;
|
|
1155
1161
|
e && ((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set)?.call(e, ""), e.dispatchEvent(new Event("input", { bubbles: !0 })), e.focus());
|
|
1156
1162
|
}
|
|
1157
|
-
return /* @__PURE__ */
|
|
1163
|
+
return /* @__PURE__ */ H("div", {
|
|
1158
1164
|
className: ["fcc-input-field", m].filter(Boolean).join(" "),
|
|
1159
1165
|
children: [
|
|
1160
|
-
t && !k ? /* @__PURE__ */
|
|
1166
|
+
t && !k ? /* @__PURE__ */ V("label", {
|
|
1161
1167
|
className: "fcc-input-label",
|
|
1162
1168
|
htmlFor: T,
|
|
1163
1169
|
children: t
|
|
1164
1170
|
}) : null,
|
|
1165
|
-
/* @__PURE__ */
|
|
1171
|
+
/* @__PURE__ */ H("div", {
|
|
1166
1172
|
className: [
|
|
1167
1173
|
"fcc-input-control",
|
|
1168
1174
|
k ? "has-floating-label" : "",
|
|
@@ -1170,14 +1176,14 @@ var ot = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
|
|
|
1170
1176
|
g ? "is-disabled" : ""
|
|
1171
1177
|
].filter(Boolean).join(" "),
|
|
1172
1178
|
children: [
|
|
1173
|
-
o ? /* @__PURE__ */
|
|
1179
|
+
o ? /* @__PURE__ */ V("span", {
|
|
1174
1180
|
className: "fcc-input-icon",
|
|
1175
1181
|
"aria-hidden": "true",
|
|
1176
1182
|
children: o
|
|
1177
1183
|
}) : null,
|
|
1178
|
-
k ? /* @__PURE__ */
|
|
1184
|
+
k ? /* @__PURE__ */ H("div", {
|
|
1179
1185
|
className: "fcc-input-floating-slot",
|
|
1180
|
-
children: [/* @__PURE__ */
|
|
1186
|
+
children: [/* @__PURE__ */ V("input", {
|
|
1181
1187
|
...x,
|
|
1182
1188
|
ref: I,
|
|
1183
1189
|
id: T,
|
|
@@ -1188,18 +1194,18 @@ var ot = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
|
|
|
1188
1194
|
disabled: g,
|
|
1189
1195
|
"aria-invalid": O || void 0,
|
|
1190
1196
|
"aria-describedby": A,
|
|
1191
|
-
onChange:
|
|
1197
|
+
onChange: L,
|
|
1192
1198
|
className: [
|
|
1193
1199
|
"fcc-input-element",
|
|
1194
1200
|
"has-floating-label",
|
|
1195
1201
|
h
|
|
1196
1202
|
].filter(Boolean).join(" ")
|
|
1197
|
-
}), /* @__PURE__ */
|
|
1203
|
+
}), /* @__PURE__ */ V("label", {
|
|
1198
1204
|
className: "fcc-input-floating-label",
|
|
1199
1205
|
htmlFor: T,
|
|
1200
1206
|
children: t
|
|
1201
1207
|
})]
|
|
1202
|
-
}) : /* @__PURE__ */
|
|
1208
|
+
}) : /* @__PURE__ */ V("input", {
|
|
1203
1209
|
...x,
|
|
1204
1210
|
ref: I,
|
|
1205
1211
|
id: T,
|
|
@@ -1210,24 +1216,23 @@ var ot = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
|
|
|
1210
1216
|
disabled: g,
|
|
1211
1217
|
"aria-invalid": O || void 0,
|
|
1212
1218
|
"aria-describedby": A,
|
|
1213
|
-
onChange:
|
|
1219
|
+
onChange: L,
|
|
1214
1220
|
className: ["fcc-input-element", h].filter(Boolean).join(" ")
|
|
1215
1221
|
}),
|
|
1216
|
-
F ? /* @__PURE__ */
|
|
1222
|
+
F ? /* @__PURE__ */ V("button", {
|
|
1217
1223
|
type: "button",
|
|
1218
1224
|
className: "fcc-input-clear",
|
|
1219
|
-
onClick:
|
|
1225
|
+
onClick: R,
|
|
1220
1226
|
"aria-label": `Clear ${t || "input"}`,
|
|
1221
|
-
children: /* @__PURE__ */
|
|
1227
|
+
children: /* @__PURE__ */ V(B, { size: 12 })
|
|
1222
1228
|
}) : null,
|
|
1223
|
-
c ? /* @__PURE__ */
|
|
1229
|
+
c ? /* @__PURE__ */ V("span", {
|
|
1224
1230
|
className: "fcc-input-icon",
|
|
1225
|
-
"aria-hidden": "true",
|
|
1226
1231
|
children: c
|
|
1227
1232
|
}) : null
|
|
1228
1233
|
]
|
|
1229
1234
|
}),
|
|
1230
|
-
E ? /* @__PURE__ */
|
|
1235
|
+
E ? /* @__PURE__ */ V("div", {
|
|
1231
1236
|
id: D,
|
|
1232
1237
|
className: ["fcc-input-helper", O ? "is-error" : ""].filter(Boolean).join(" "),
|
|
1233
1238
|
children: E
|
|
@@ -1236,105 +1241,302 @@ var ot = n(function({ id: e, label: t, labelMode: n = "stacked", description: r,
|
|
|
1236
1241
|
});
|
|
1237
1242
|
});
|
|
1238
1243
|
//#endregion
|
|
1244
|
+
//#region src/components/ui/RichTextEditor.jsx
|
|
1245
|
+
function J(e) {
|
|
1246
|
+
let t = String(e ?? "").trim();
|
|
1247
|
+
return !t || t === "<p></p>" || t === "<p><br></p>" ? "" : t;
|
|
1248
|
+
}
|
|
1249
|
+
function Y({ active: e, disabled: t, label: n, onClick: r, children: i }) {
|
|
1250
|
+
return /* @__PURE__ */ V("button", {
|
|
1251
|
+
type: "button",
|
|
1252
|
+
className: ["fcc-rich-text-toolbar-button", e ? "is-active" : ""].filter(Boolean).join(" "),
|
|
1253
|
+
"aria-label": n,
|
|
1254
|
+
title: n,
|
|
1255
|
+
onMouseDown: (e) => e.preventDefault(),
|
|
1256
|
+
onClick: r,
|
|
1257
|
+
disabled: t,
|
|
1258
|
+
children: i
|
|
1259
|
+
});
|
|
1260
|
+
}
|
|
1261
|
+
function St({ id: e, label: t, description: n, error: r, placeholder: i = "Write a note...", value: a, defaultValue: c = "", onChange: l, disabled: d = !1, minHeight: f = 160, showToolbar: p = !0, className: h = "", editorClassName: g = "", toolbarClassName: _ = "", "aria-describedby": v, "aria-invalid": y }) {
|
|
1262
|
+
let b = s(), x = e || b, S = r && r !== !0 ? r : n, C = S ? `${x}-helper` : void 0, w = [v, C].filter(Boolean).join(" ") || void 0, T = !!(r || y), E = a !== void 0, [O, j] = u(() => J(c)), M = E ? J(a) : O, N = oe({
|
|
1263
|
+
immediatelyRender: !1,
|
|
1264
|
+
editable: !d,
|
|
1265
|
+
extensions: [
|
|
1266
|
+
le.configure({
|
|
1267
|
+
heading: !1,
|
|
1268
|
+
codeBlock: !1,
|
|
1269
|
+
horizontalRule: !1
|
|
1270
|
+
}),
|
|
1271
|
+
ce,
|
|
1272
|
+
se.configure({ placeholder: i })
|
|
1273
|
+
],
|
|
1274
|
+
content: M || "<p></p>",
|
|
1275
|
+
editorProps: { attributes: { class: ["fcc-rich-text-content", g].filter(Boolean).join(" ") } },
|
|
1276
|
+
onUpdate: ({ editor: e }) => {
|
|
1277
|
+
let t = J(e.getHTML());
|
|
1278
|
+
E || j(t), l?.(t, {
|
|
1279
|
+
editor: e,
|
|
1280
|
+
text: e.getText(),
|
|
1281
|
+
isEmpty: e.isEmpty
|
|
1282
|
+
});
|
|
1283
|
+
}
|
|
1284
|
+
});
|
|
1285
|
+
o(() => {
|
|
1286
|
+
N && N.setEditable(!d);
|
|
1287
|
+
}, [d, N]), o(() => {
|
|
1288
|
+
N && N.setOptions({ editorProps: { attributes: {
|
|
1289
|
+
id: x,
|
|
1290
|
+
role: "textbox",
|
|
1291
|
+
"aria-multiline": "true",
|
|
1292
|
+
"aria-describedby": w,
|
|
1293
|
+
"aria-invalid": T ? "true" : "false",
|
|
1294
|
+
class: ["fcc-rich-text-content", g].filter(Boolean).join(" ")
|
|
1295
|
+
} } });
|
|
1296
|
+
}, [
|
|
1297
|
+
w,
|
|
1298
|
+
N,
|
|
1299
|
+
g,
|
|
1300
|
+
x,
|
|
1301
|
+
T
|
|
1302
|
+
]), o(() => {
|
|
1303
|
+
N && M !== J(N.getHTML()) && N.commands.setContent(M || "<p></p>", !1);
|
|
1304
|
+
}, [M, N]);
|
|
1305
|
+
let P = [
|
|
1306
|
+
{
|
|
1307
|
+
key: "bold",
|
|
1308
|
+
label: "Bold",
|
|
1309
|
+
active: N?.isActive("bold"),
|
|
1310
|
+
onClick: () => N?.chain().focus().toggleBold().run(),
|
|
1311
|
+
icon: /* @__PURE__ */ V(m, { size: 14 })
|
|
1312
|
+
},
|
|
1313
|
+
{
|
|
1314
|
+
key: "italic",
|
|
1315
|
+
label: "Italic",
|
|
1316
|
+
active: N?.isActive("italic"),
|
|
1317
|
+
onClick: () => N?.chain().focus().toggleItalic().run(),
|
|
1318
|
+
icon: /* @__PURE__ */ V(D, { size: 14 })
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
key: "underline",
|
|
1322
|
+
label: "Underline",
|
|
1323
|
+
active: N?.isActive("underline"),
|
|
1324
|
+
onClick: () => N?.chain().focus().toggleUnderline().run(),
|
|
1325
|
+
icon: /* @__PURE__ */ V(ne, { size: 14 })
|
|
1326
|
+
},
|
|
1327
|
+
{
|
|
1328
|
+
key: "bulletList",
|
|
1329
|
+
label: "Bullet list",
|
|
1330
|
+
active: N?.isActive("bulletList"),
|
|
1331
|
+
onClick: () => N?.chain().focus().toggleBulletList().run(),
|
|
1332
|
+
icon: /* @__PURE__ */ V(k, { size: 14 })
|
|
1333
|
+
},
|
|
1334
|
+
{
|
|
1335
|
+
key: "orderedList",
|
|
1336
|
+
label: "Numbered list",
|
|
1337
|
+
active: N?.isActive("orderedList"),
|
|
1338
|
+
onClick: () => N?.chain().focus().toggleOrderedList().run(),
|
|
1339
|
+
icon: /* @__PURE__ */ V(A, { size: 14 })
|
|
1340
|
+
},
|
|
1341
|
+
{
|
|
1342
|
+
key: "blockquote",
|
|
1343
|
+
label: "Block quote",
|
|
1344
|
+
active: N?.isActive("blockquote"),
|
|
1345
|
+
onClick: () => N?.chain().focus().toggleBlockquote().run(),
|
|
1346
|
+
icon: /* @__PURE__ */ V(I, { size: 14 })
|
|
1347
|
+
}
|
|
1348
|
+
];
|
|
1349
|
+
return /* @__PURE__ */ H("div", {
|
|
1350
|
+
className: ["fcc-rich-text-field", h].filter(Boolean).join(" "),
|
|
1351
|
+
children: [
|
|
1352
|
+
t ? /* @__PURE__ */ V("label", {
|
|
1353
|
+
className: "fcc-rich-text-label",
|
|
1354
|
+
htmlFor: x,
|
|
1355
|
+
children: t
|
|
1356
|
+
}) : null,
|
|
1357
|
+
/* @__PURE__ */ H("div", {
|
|
1358
|
+
className: [
|
|
1359
|
+
"fcc-rich-text-shell",
|
|
1360
|
+
T ? "is-invalid" : "",
|
|
1361
|
+
d ? "is-disabled" : ""
|
|
1362
|
+
].filter(Boolean).join(" "),
|
|
1363
|
+
style: { "--fcc-rich-text-min-height": `${f}px` },
|
|
1364
|
+
children: [p ? /* @__PURE__ */ H("div", {
|
|
1365
|
+
className: ["fcc-rich-text-toolbar", _].filter(Boolean).join(" "),
|
|
1366
|
+
children: [
|
|
1367
|
+
/* @__PURE__ */ V("div", {
|
|
1368
|
+
className: "fcc-rich-text-toolbar-group",
|
|
1369
|
+
children: P.map((e) => /* @__PURE__ */ V(Y, {
|
|
1370
|
+
label: e.label,
|
|
1371
|
+
active: !!e.active,
|
|
1372
|
+
onClick: e.onClick,
|
|
1373
|
+
disabled: d || !N,
|
|
1374
|
+
children: e.icon
|
|
1375
|
+
}, e.key))
|
|
1376
|
+
}),
|
|
1377
|
+
/* @__PURE__ */ V("div", { className: "fcc-rich-text-toolbar-divider" }),
|
|
1378
|
+
/* @__PURE__ */ H("div", {
|
|
1379
|
+
className: "fcc-rich-text-toolbar-group",
|
|
1380
|
+
children: [/* @__PURE__ */ V(Y, {
|
|
1381
|
+
label: "Undo",
|
|
1382
|
+
active: !1,
|
|
1383
|
+
onClick: () => N?.chain().focus().undo().run(),
|
|
1384
|
+
disabled: d || !N?.can().chain().focus().undo().run(),
|
|
1385
|
+
children: /* @__PURE__ */ V(re, { size: 14 })
|
|
1386
|
+
}), /* @__PURE__ */ V(Y, {
|
|
1387
|
+
label: "Redo",
|
|
1388
|
+
active: !1,
|
|
1389
|
+
onClick: () => N?.chain().focus().redo().run(),
|
|
1390
|
+
disabled: d || !N?.can().chain().focus().redo().run(),
|
|
1391
|
+
children: /* @__PURE__ */ V(L, { size: 14 })
|
|
1392
|
+
})]
|
|
1393
|
+
})
|
|
1394
|
+
]
|
|
1395
|
+
}) : null, /* @__PURE__ */ V(ae, {
|
|
1396
|
+
editor: N,
|
|
1397
|
+
className: "fcc-rich-text-editor"
|
|
1398
|
+
})]
|
|
1399
|
+
}),
|
|
1400
|
+
S ? /* @__PURE__ */ V("div", {
|
|
1401
|
+
id: C,
|
|
1402
|
+
className: ["fcc-rich-text-helper", T ? "is-error" : ""].filter(Boolean).join(" "),
|
|
1403
|
+
children: S
|
|
1404
|
+
}) : null
|
|
1405
|
+
]
|
|
1406
|
+
});
|
|
1407
|
+
}
|
|
1408
|
+
//#endregion
|
|
1239
1409
|
//#region src/components/ui/DropdownMenu.jsx
|
|
1240
|
-
function
|
|
1241
|
-
let [
|
|
1410
|
+
function Ct({ trigger: e, children: t, align: n = "left", className: r = "", sideOffset: i = 6, onOpenChange: a }) {
|
|
1411
|
+
let [s, d] = u(!1), [f, p] = u(null), m = l(null), h = l(null);
|
|
1242
1412
|
return o(() => {
|
|
1413
|
+
a?.(s);
|
|
1414
|
+
}, [a, s]), o(() => {
|
|
1243
1415
|
function e(e) {
|
|
1244
|
-
|
|
1416
|
+
let t = m.current && m.current.contains(e.target), n = h.current && h.current.contains(e.target);
|
|
1417
|
+
!t && !n && d(!1);
|
|
1245
1418
|
}
|
|
1246
1419
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1247
|
-
}, []),
|
|
1248
|
-
|
|
1420
|
+
}, []), c(() => {
|
|
1421
|
+
if (!s || !m.current || !h.current || typeof window > "u") return;
|
|
1422
|
+
let e = () => {
|
|
1423
|
+
let e = m.current.getBoundingClientRect(), t = h.current.getBoundingClientRect(), r = i, a = Math.max(e.width, t.width), o = n === "right" ? e.right - a : e.left;
|
|
1424
|
+
o = Math.max(8, Math.min(o, window.innerWidth - a - 8));
|
|
1425
|
+
let s = Math.min(e.bottom + r, window.innerHeight - t.height - 8);
|
|
1426
|
+
p({
|
|
1427
|
+
left: o,
|
|
1428
|
+
top: s,
|
|
1429
|
+
width: a
|
|
1430
|
+
});
|
|
1431
|
+
};
|
|
1432
|
+
return e(), window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
|
|
1433
|
+
window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
|
|
1434
|
+
};
|
|
1435
|
+
}, [
|
|
1436
|
+
n,
|
|
1437
|
+
s,
|
|
1438
|
+
i
|
|
1439
|
+
]), c(() => {
|
|
1440
|
+
s || p(null);
|
|
1441
|
+
}, [s]), /* @__PURE__ */ H("div", {
|
|
1249
1442
|
className: `dropdown-wrapper ${r}`,
|
|
1250
1443
|
style: { position: "relative" },
|
|
1251
|
-
children: [/* @__PURE__ */
|
|
1252
|
-
|
|
1444
|
+
children: [/* @__PURE__ */ V("div", {
|
|
1445
|
+
ref: m,
|
|
1446
|
+
onClick: () => d((e) => !e),
|
|
1253
1447
|
children: e
|
|
1254
|
-
}),
|
|
1255
|
-
|
|
1256
|
-
|
|
1448
|
+
}), s && typeof document < "u" && U(/* @__PURE__ */ V("div", {
|
|
1449
|
+
ref: h,
|
|
1450
|
+
className: "dropdown",
|
|
1451
|
+
onClick: () => d(!1),
|
|
1452
|
+
style: {
|
|
1453
|
+
position: "fixed",
|
|
1454
|
+
left: f?.left ?? 0,
|
|
1455
|
+
top: f?.top ?? 0,
|
|
1456
|
+
width: f?.width,
|
|
1457
|
+
visibility: f ? "visible" : "hidden"
|
|
1458
|
+
},
|
|
1257
1459
|
children: t
|
|
1258
|
-
})]
|
|
1460
|
+
}), document.body)]
|
|
1259
1461
|
});
|
|
1260
1462
|
}
|
|
1261
|
-
function
|
|
1262
|
-
return /* @__PURE__ */
|
|
1463
|
+
function wt({ icon: e, children: t, shortcut: n, active: r, onClick: i, className: a = "" }) {
|
|
1464
|
+
return /* @__PURE__ */ H("div", {
|
|
1263
1465
|
className: `dropdown-item ${r ? "active" : ""} ${a}`,
|
|
1264
1466
|
onClick: i,
|
|
1265
1467
|
children: [
|
|
1266
|
-
e && /* @__PURE__ */
|
|
1468
|
+
e && /* @__PURE__ */ V("span", {
|
|
1267
1469
|
className: "dropdown-item-icon",
|
|
1268
1470
|
children: e
|
|
1269
1471
|
}),
|
|
1270
|
-
/* @__PURE__ */
|
|
1472
|
+
/* @__PURE__ */ V("span", {
|
|
1271
1473
|
style: { flex: 1 },
|
|
1272
1474
|
children: t
|
|
1273
1475
|
}),
|
|
1274
|
-
n && /* @__PURE__ */
|
|
1476
|
+
n && /* @__PURE__ */ V("span", {
|
|
1275
1477
|
className: "dropdown-shortcut",
|
|
1276
1478
|
children: n
|
|
1277
1479
|
})
|
|
1278
1480
|
]
|
|
1279
1481
|
});
|
|
1280
1482
|
}
|
|
1281
|
-
function
|
|
1282
|
-
return /* @__PURE__ */
|
|
1483
|
+
function Tt({ checked: e, onCheckedChange: t, children: n, className: r = "" }) {
|
|
1484
|
+
return /* @__PURE__ */ H("div", {
|
|
1283
1485
|
className: `dropdown-item ${r}`,
|
|
1284
1486
|
onClick: () => t?.(!e),
|
|
1285
|
-
children: [/* @__PURE__ */
|
|
1487
|
+
children: [/* @__PURE__ */ V("span", {
|
|
1286
1488
|
className: "dropdown-item-icon",
|
|
1287
1489
|
style: { opacity: +!!e },
|
|
1288
|
-
children: /* @__PURE__ */
|
|
1490
|
+
children: /* @__PURE__ */ V(g, { size: 14 })
|
|
1289
1491
|
}), n]
|
|
1290
1492
|
});
|
|
1291
1493
|
}
|
|
1292
|
-
function
|
|
1293
|
-
return /* @__PURE__ */
|
|
1494
|
+
function Et({ children: e, className: t = "" }) {
|
|
1495
|
+
return /* @__PURE__ */ V("div", {
|
|
1294
1496
|
className: `dropdown-label ${t}`,
|
|
1295
1497
|
children: e
|
|
1296
1498
|
});
|
|
1297
1499
|
}
|
|
1298
|
-
function
|
|
1299
|
-
return /* @__PURE__ */
|
|
1500
|
+
function Dt({ className: e = "" }) {
|
|
1501
|
+
return /* @__PURE__ */ V("div", { className: `dropdown-divider ${e}` });
|
|
1300
1502
|
}
|
|
1301
1503
|
//#endregion
|
|
1302
1504
|
//#region src/components/ui/SearchableSelect.jsx
|
|
1303
|
-
function
|
|
1304
|
-
let [d, f] = u(!1), [p, m] = u(""), [
|
|
1505
|
+
function Ot({ options: e = [], value: t, onChange: n, placeholder: r = "Select...", searchPlaceholder: i = "Search...", allowEmpty: a = !1, disabled: s = !1, className: c = "" }) {
|
|
1506
|
+
let [d, f] = u(!1), [p, m] = u(""), [h, _] = u(0), v = l(null), b = l(null), x = e.filter((e) => e.label.toLowerCase().includes(p.toLowerCase()) || e.description && e.description.toLowerCase().includes(p.toLowerCase())), S = e.find((e) => e.value === t);
|
|
1305
1507
|
o(() => {
|
|
1306
1508
|
d && b.current && b.current.focus();
|
|
1307
1509
|
}, [d]), o(() => {
|
|
1308
1510
|
function e(e) {
|
|
1309
|
-
|
|
1511
|
+
v.current && !v.current.contains(e.target) && f(!1);
|
|
1310
1512
|
}
|
|
1311
1513
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
1312
1514
|
}, []);
|
|
1313
1515
|
function C(e) {
|
|
1314
|
-
e.key === "ArrowDown" ? (e.preventDefault(), _((e) => Math.min(e + 1, x.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), _((e) => Math.max(e - 1, 0))) : e.key === "Enter" && x[
|
|
1516
|
+
e.key === "ArrowDown" ? (e.preventDefault(), _((e) => Math.min(e + 1, x.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), _((e) => Math.max(e - 1, 0))) : e.key === "Enter" && x[h] ? (n?.(x[h].value), f(!1), m("")) : e.key === "Escape" && (f(!1), m(""));
|
|
1315
1517
|
}
|
|
1316
|
-
return /* @__PURE__ */
|
|
1317
|
-
ref:
|
|
1518
|
+
return /* @__PURE__ */ H("div", {
|
|
1519
|
+
ref: v,
|
|
1318
1520
|
className: `searchable-select ${c}`,
|
|
1319
|
-
children: [/* @__PURE__ */
|
|
1521
|
+
children: [/* @__PURE__ */ H("button", {
|
|
1320
1522
|
className: "searchable-select-trigger",
|
|
1321
1523
|
onClick: () => !s && f(!d),
|
|
1322
1524
|
disabled: s,
|
|
1323
1525
|
type: "button",
|
|
1324
|
-
children: [/* @__PURE__ */
|
|
1526
|
+
children: [/* @__PURE__ */ V("span", {
|
|
1325
1527
|
className: S ? "" : "searchable-select-placeholder",
|
|
1326
1528
|
children: S ? S.label : r
|
|
1327
|
-
}), /* @__PURE__ */
|
|
1529
|
+
}), /* @__PURE__ */ V(y, {
|
|
1328
1530
|
size: 14,
|
|
1329
1531
|
className: "searchable-select-chevron"
|
|
1330
1532
|
})]
|
|
1331
|
-
}), d && /* @__PURE__ */
|
|
1533
|
+
}), d && /* @__PURE__ */ H("div", {
|
|
1332
1534
|
className: "searchable-select-dropdown",
|
|
1333
|
-
children: [/* @__PURE__ */
|
|
1535
|
+
children: [/* @__PURE__ */ H("div", {
|
|
1334
1536
|
className: "searchable-select-search",
|
|
1335
1537
|
children: [
|
|
1336
|
-
/* @__PURE__ */
|
|
1337
|
-
/* @__PURE__ */
|
|
1538
|
+
/* @__PURE__ */ V(R, { size: 14 }),
|
|
1539
|
+
/* @__PURE__ */ V("input", {
|
|
1338
1540
|
ref: b,
|
|
1339
1541
|
value: p,
|
|
1340
1542
|
onChange: (e) => {
|
|
@@ -1344,21 +1546,21 @@ function ft({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1344
1546
|
placeholder: i,
|
|
1345
1547
|
className: "searchable-select-input"
|
|
1346
1548
|
}),
|
|
1347
|
-
p && /* @__PURE__ */
|
|
1549
|
+
p && /* @__PURE__ */ V("button", {
|
|
1348
1550
|
className: "searchable-select-clear",
|
|
1349
1551
|
onClick: () => m(""),
|
|
1350
|
-
children: /* @__PURE__ */
|
|
1552
|
+
children: /* @__PURE__ */ V(B, { size: 12 })
|
|
1351
1553
|
})
|
|
1352
1554
|
]
|
|
1353
|
-
}), /* @__PURE__ */
|
|
1555
|
+
}), /* @__PURE__ */ H("div", {
|
|
1354
1556
|
className: "searchable-select-options",
|
|
1355
1557
|
children: [
|
|
1356
|
-
a && /* @__PURE__ */
|
|
1558
|
+
a && /* @__PURE__ */ V("div", {
|
|
1357
1559
|
className: `searchable-select-option ${t ? "" : "selected"}`,
|
|
1358
1560
|
onClick: () => {
|
|
1359
1561
|
n?.(null), f(!1), m("");
|
|
1360
1562
|
},
|
|
1361
|
-
children: /* @__PURE__ */
|
|
1563
|
+
children: /* @__PURE__ */ V("span", {
|
|
1362
1564
|
style: {
|
|
1363
1565
|
color: "var(--text-tertiary)",
|
|
1364
1566
|
fontStyle: "italic"
|
|
@@ -1366,21 +1568,21 @@ function ft({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1366
1568
|
children: "None"
|
|
1367
1569
|
})
|
|
1368
1570
|
}),
|
|
1369
|
-
x.map((e, r) => /* @__PURE__ */
|
|
1370
|
-
className: `searchable-select-option ${r ===
|
|
1571
|
+
x.map((e, r) => /* @__PURE__ */ H("div", {
|
|
1572
|
+
className: `searchable-select-option ${r === h ? "highlighted" : ""} ${e.value === t ? "selected" : ""}`,
|
|
1371
1573
|
onClick: () => {
|
|
1372
1574
|
n?.(e.value), f(!1), m("");
|
|
1373
1575
|
},
|
|
1374
1576
|
onMouseEnter: () => _(r),
|
|
1375
|
-
children: [/* @__PURE__ */
|
|
1577
|
+
children: [/* @__PURE__ */ H("div", {
|
|
1376
1578
|
className: "searchable-select-option-content",
|
|
1377
|
-
children: [/* @__PURE__ */
|
|
1579
|
+
children: [/* @__PURE__ */ V("span", { children: e.label }), e.description && /* @__PURE__ */ V("span", {
|
|
1378
1580
|
className: "searchable-select-option-desc",
|
|
1379
1581
|
children: e.description
|
|
1380
1582
|
})]
|
|
1381
|
-
}), e.value === t && /* @__PURE__ */
|
|
1583
|
+
}), e.value === t && /* @__PURE__ */ V(g, { size: 14 })]
|
|
1382
1584
|
}, e.value)),
|
|
1383
|
-
x.length === 0 && /* @__PURE__ */
|
|
1585
|
+
x.length === 0 && /* @__PURE__ */ V("div", {
|
|
1384
1586
|
className: "searchable-select-empty",
|
|
1385
1587
|
children: "No results found"
|
|
1386
1588
|
})
|
|
@@ -1391,7 +1593,7 @@ function ft({ options: e = [], value: t, onChange: n, placeholder: r = "Select..
|
|
|
1391
1593
|
}
|
|
1392
1594
|
//#endregion
|
|
1393
1595
|
//#region src/components/ui/Sheet.jsx
|
|
1394
|
-
function
|
|
1596
|
+
function kt({ open: e, onClose: t, side: n = "right", title: r, children: i, className: a = "" }) {
|
|
1395
1597
|
let s = l(null);
|
|
1396
1598
|
return o(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
|
|
1397
1599
|
document.body.style.overflow = "";
|
|
@@ -1400,54 +1602,54 @@ function pt({ open: e, onClose: t, side: n = "right", title: r, children: i, cla
|
|
|
1400
1602
|
e.key === "Escape" && t?.();
|
|
1401
1603
|
}
|
|
1402
1604
|
return e && document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
|
|
1403
|
-
}, [e, t]), e ? /* @__PURE__ */
|
|
1605
|
+
}, [e, t]), e ? /* @__PURE__ */ V("div", {
|
|
1404
1606
|
className: "sheet-overlay",
|
|
1405
1607
|
ref: s,
|
|
1406
1608
|
onClick: (e) => {
|
|
1407
1609
|
e.target === s.current && t?.();
|
|
1408
1610
|
},
|
|
1409
|
-
children: /* @__PURE__ */
|
|
1611
|
+
children: /* @__PURE__ */ H("div", {
|
|
1410
1612
|
className: `sheet sheet-${n} ${a}`,
|
|
1411
|
-
children: [r && /* @__PURE__ */
|
|
1613
|
+
children: [r && /* @__PURE__ */ H("div", {
|
|
1412
1614
|
className: "sheet-header",
|
|
1413
|
-
children: [/* @__PURE__ */
|
|
1615
|
+
children: [/* @__PURE__ */ V("h3", {
|
|
1414
1616
|
className: "sheet-title",
|
|
1415
1617
|
children: r
|
|
1416
|
-
}), /* @__PURE__ */
|
|
1618
|
+
}), /* @__PURE__ */ V("button", {
|
|
1417
1619
|
className: "btn btn-ghost btn-icon btn-sm",
|
|
1418
1620
|
onClick: t,
|
|
1419
|
-
children: /* @__PURE__ */
|
|
1621
|
+
children: /* @__PURE__ */ V(B, { size: 16 })
|
|
1420
1622
|
})]
|
|
1421
|
-
}), /* @__PURE__ */
|
|
1623
|
+
}), /* @__PURE__ */ V("div", {
|
|
1422
1624
|
className: "sheet-body",
|
|
1423
1625
|
children: i
|
|
1424
1626
|
})]
|
|
1425
1627
|
})
|
|
1426
1628
|
}) : null;
|
|
1427
1629
|
}
|
|
1428
|
-
function
|
|
1429
|
-
return /* @__PURE__ */
|
|
1630
|
+
function At({ children: e, className: t = "" }) {
|
|
1631
|
+
return /* @__PURE__ */ V("div", {
|
|
1430
1632
|
className: `sheet-footer ${t}`,
|
|
1431
1633
|
children: e
|
|
1432
1634
|
});
|
|
1433
1635
|
}
|
|
1434
1636
|
//#endregion
|
|
1435
1637
|
//#region src/components/ui/StatusMetric.jsx
|
|
1436
|
-
function
|
|
1638
|
+
function jt(...e) {
|
|
1437
1639
|
return e.filter(Boolean).join(" ");
|
|
1438
1640
|
}
|
|
1439
|
-
var
|
|
1641
|
+
var Mt = {
|
|
1440
1642
|
default: "",
|
|
1441
1643
|
warning: "status-metric--warning"
|
|
1442
1644
|
};
|
|
1443
|
-
function
|
|
1444
|
-
let o = r || (t === "warning" ? f :
|
|
1445
|
-
return /* @__PURE__ */
|
|
1446
|
-
className:
|
|
1447
|
-
children: [n && o && /* @__PURE__ */
|
|
1645
|
+
function X({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconSize: i = 12, className: a = "" }) {
|
|
1646
|
+
let o = r || (t === "warning" ? f : C);
|
|
1647
|
+
return /* @__PURE__ */ H("span", {
|
|
1648
|
+
className: jt("status-metric", Mt[t], a),
|
|
1649
|
+
children: [n && o && /* @__PURE__ */ V("span", {
|
|
1448
1650
|
className: "status-metric-icon",
|
|
1449
|
-
children: /* @__PURE__ */
|
|
1450
|
-
}), /* @__PURE__ */
|
|
1651
|
+
children: /* @__PURE__ */ V(o, { size: i })
|
|
1652
|
+
}), /* @__PURE__ */ V("span", {
|
|
1451
1653
|
className: "status-metric-text",
|
|
1452
1654
|
children: e
|
|
1453
1655
|
})]
|
|
@@ -1455,19 +1657,19 @@ function _t({ children: e, tone: t = "default", showIcon: n = !0, icon: r, iconS
|
|
|
1455
1657
|
}
|
|
1456
1658
|
//#endregion
|
|
1457
1659
|
//#region src/components/ui/Switch.jsx
|
|
1458
|
-
function
|
|
1459
|
-
return /* @__PURE__ */
|
|
1660
|
+
function Nt({ checked: e = !1, onCheckedChange: t, disabled: n = !1, size: r = "md", label: i }) {
|
|
1661
|
+
return /* @__PURE__ */ H("div", {
|
|
1460
1662
|
className: "toggle-row",
|
|
1461
|
-
children: [i && /* @__PURE__ */
|
|
1663
|
+
children: [i && /* @__PURE__ */ V("span", {
|
|
1462
1664
|
className: "toggle-text",
|
|
1463
1665
|
children: i
|
|
1464
|
-
}), /* @__PURE__ */
|
|
1666
|
+
}), /* @__PURE__ */ V("button", {
|
|
1465
1667
|
className: `toggle ${e ? "active" : ""} ${r === "sm" ? "toggle-sm" : ""}`,
|
|
1466
1668
|
onClick: () => !n && t?.(!e),
|
|
1467
1669
|
disabled: n,
|
|
1468
1670
|
role: "switch",
|
|
1469
1671
|
"aria-checked": e,
|
|
1470
|
-
children: /* @__PURE__ */
|
|
1672
|
+
children: /* @__PURE__ */ V("div", { className: "toggle-knob" })
|
|
1471
1673
|
})]
|
|
1472
1674
|
});
|
|
1473
1675
|
}
|
|
@@ -1479,7 +1681,7 @@ var Z = e({
|
|
|
1479
1681
|
registerTrigger: () => {},
|
|
1480
1682
|
getTriggerNode: () => null
|
|
1481
1683
|
});
|
|
1482
|
-
function
|
|
1684
|
+
function Pt({ defaultValue: e, value: t, onValueChange: n, children: r, className: a = "" }) {
|
|
1483
1685
|
let [o, s] = u(e || ""), c = l(/* @__PURE__ */ new Map()), d = t === void 0 ? o : t, f = n || s, p = i((e, t) => {
|
|
1484
1686
|
if (t) {
|
|
1485
1687
|
c.current.set(e, t);
|
|
@@ -1487,20 +1689,20 @@ function yt({ defaultValue: e, value: t, onValueChange: n, children: r, classNam
|
|
|
1487
1689
|
}
|
|
1488
1690
|
c.current.delete(e);
|
|
1489
1691
|
}, []), m = i((e) => c.current.get(e) || null, []);
|
|
1490
|
-
return /* @__PURE__ */
|
|
1692
|
+
return /* @__PURE__ */ V(Z.Provider, {
|
|
1491
1693
|
value: {
|
|
1492
1694
|
value: d,
|
|
1493
1695
|
onChange: f,
|
|
1494
1696
|
registerTrigger: p,
|
|
1495
1697
|
getTriggerNode: m
|
|
1496
1698
|
},
|
|
1497
|
-
children: /* @__PURE__ */
|
|
1699
|
+
children: /* @__PURE__ */ V("div", {
|
|
1498
1700
|
className: a,
|
|
1499
1701
|
children: r
|
|
1500
1702
|
})
|
|
1501
1703
|
});
|
|
1502
1704
|
}
|
|
1503
|
-
function
|
|
1705
|
+
function Ft({ children: e, className: t = "" }) {
|
|
1504
1706
|
let { value: n, getTriggerNode: r } = a(Z), i = l(null);
|
|
1505
1707
|
return c(() => {
|
|
1506
1708
|
let e = i.current, t = r(n);
|
|
@@ -1517,19 +1719,19 @@ function bt({ children: e, className: t = "" }) {
|
|
|
1517
1719
|
return o?.observe(e), o?.observe(t), window.addEventListener("resize", a), () => {
|
|
1518
1720
|
o?.disconnect(), window.removeEventListener("resize", a);
|
|
1519
1721
|
};
|
|
1520
|
-
}, [n, r]), /* @__PURE__ */
|
|
1722
|
+
}, [n, r]), /* @__PURE__ */ H("div", {
|
|
1521
1723
|
ref: i,
|
|
1522
1724
|
className: `tabs ${t}`,
|
|
1523
1725
|
role: "tablist",
|
|
1524
|
-
children: [/* @__PURE__ */
|
|
1726
|
+
children: [/* @__PURE__ */ V("span", {
|
|
1525
1727
|
className: "tabs-indicator",
|
|
1526
1728
|
"aria-hidden": "true"
|
|
1527
1729
|
}), e]
|
|
1528
1730
|
});
|
|
1529
1731
|
}
|
|
1530
|
-
function
|
|
1732
|
+
function It({ value: e, children: t, className: n = "" }) {
|
|
1531
1733
|
let { value: r, onChange: i, registerTrigger: o } = a(Z), s = r === e;
|
|
1532
|
-
return /* @__PURE__ */
|
|
1734
|
+
return /* @__PURE__ */ V("button", {
|
|
1533
1735
|
ref: (t) => o(e, t),
|
|
1534
1736
|
className: `tab ${s ? "active" : ""} ${n}`,
|
|
1535
1737
|
onClick: () => i(e),
|
|
@@ -1539,51 +1741,104 @@ function xt({ value: e, children: t, className: n = "" }) {
|
|
|
1539
1741
|
children: t
|
|
1540
1742
|
});
|
|
1541
1743
|
}
|
|
1542
|
-
function
|
|
1744
|
+
function Lt({ value: e, children: t, className: n = "" }) {
|
|
1543
1745
|
let { value: r } = a(Z);
|
|
1544
|
-
return r === e ? /* @__PURE__ */
|
|
1746
|
+
return r === e ? /* @__PURE__ */ V("div", {
|
|
1545
1747
|
className: n,
|
|
1546
1748
|
role: "tabpanel",
|
|
1547
1749
|
children: t
|
|
1548
1750
|
}) : null;
|
|
1549
1751
|
}
|
|
1550
1752
|
//#endregion
|
|
1753
|
+
//#region src/components/ui/Textarea.jsx
|
|
1754
|
+
var Rt = n(function({ className: e = "", startAdornment: t, endAdornment: n, ...r }, i) {
|
|
1755
|
+
return t || n ? /* @__PURE__ */ H("div", {
|
|
1756
|
+
className: ["textarea-wrapper", e].filter(Boolean).join(" "),
|
|
1757
|
+
children: [
|
|
1758
|
+
t && /* @__PURE__ */ V("div", {
|
|
1759
|
+
className: "textarea-adornment textarea-adornment--start",
|
|
1760
|
+
children: t
|
|
1761
|
+
}),
|
|
1762
|
+
/* @__PURE__ */ V("textarea", {
|
|
1763
|
+
...r,
|
|
1764
|
+
ref: i,
|
|
1765
|
+
className: "textarea-wrapper__input"
|
|
1766
|
+
}),
|
|
1767
|
+
n && /* @__PURE__ */ V("div", {
|
|
1768
|
+
className: "textarea-adornment textarea-adornment--end",
|
|
1769
|
+
children: n
|
|
1770
|
+
})
|
|
1771
|
+
]
|
|
1772
|
+
}) : /* @__PURE__ */ V("textarea", {
|
|
1773
|
+
...r,
|
|
1774
|
+
ref: i,
|
|
1775
|
+
className: ["textarea", e].filter(Boolean).join(" ")
|
|
1776
|
+
});
|
|
1777
|
+
});
|
|
1778
|
+
//#endregion
|
|
1551
1779
|
//#region src/components/ui/Tooltip.jsx
|
|
1552
|
-
function
|
|
1553
|
-
let [i, a] = u(!1),
|
|
1554
|
-
function
|
|
1555
|
-
|
|
1780
|
+
function zt({ content: e, side: t = "top", children: n, className: r = "" }) {
|
|
1781
|
+
let [i, a] = u(!1), [s, d] = u(null), f = l(null), p = l(null), m = l(null);
|
|
1782
|
+
function h() {
|
|
1783
|
+
m.current = setTimeout(() => a(!0), 300);
|
|
1556
1784
|
}
|
|
1557
|
-
function
|
|
1558
|
-
clearTimeout(
|
|
1785
|
+
function g() {
|
|
1786
|
+
clearTimeout(m.current), a(!1);
|
|
1559
1787
|
}
|
|
1560
|
-
return
|
|
1788
|
+
return o(() => () => {
|
|
1789
|
+
clearTimeout(m.current);
|
|
1790
|
+
}, []), c(() => {
|
|
1791
|
+
if (!i || !f.current || !p.current || typeof window > "u") return;
|
|
1792
|
+
let e = () => {
|
|
1793
|
+
let e = f.current.getBoundingClientRect(), n = p.current.getBoundingClientRect(), r = e.left + e.width / 2 - n.width / 2;
|
|
1794
|
+
r = Math.max(8, Math.min(r, window.innerWidth - n.width - 8));
|
|
1795
|
+
let i = t === "bottom" ? e.bottom + 8 : e.top - n.height - 8;
|
|
1796
|
+
i < 8 && (i = e.bottom + 8), i + n.height > window.innerHeight - 8 && (i = Math.max(8, e.top - n.height - 8)), d({
|
|
1797
|
+
left: r,
|
|
1798
|
+
top: i
|
|
1799
|
+
});
|
|
1800
|
+
};
|
|
1801
|
+
return e(), window.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
|
|
1802
|
+
window.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
|
|
1803
|
+
};
|
|
1804
|
+
}, [t, i]), /* @__PURE__ */ H("div", {
|
|
1561
1805
|
className: `tooltip-wrapper ${r}`,
|
|
1562
|
-
onMouseEnter:
|
|
1563
|
-
onMouseLeave:
|
|
1806
|
+
onMouseEnter: h,
|
|
1807
|
+
onMouseLeave: g,
|
|
1808
|
+
onFocus: h,
|
|
1809
|
+
onBlur: g,
|
|
1810
|
+
ref: f,
|
|
1564
1811
|
style: {
|
|
1565
1812
|
position: "relative",
|
|
1566
1813
|
display: "inline-flex"
|
|
1567
1814
|
},
|
|
1568
|
-
children: [n, i && /* @__PURE__ */
|
|
1569
|
-
|
|
1815
|
+
children: [n, i && typeof document < "u" && U(/* @__PURE__ */ V("div", {
|
|
1816
|
+
ref: p,
|
|
1817
|
+
className: `tooltip tooltip-${t} tooltip-portal`,
|
|
1818
|
+
role: "tooltip",
|
|
1819
|
+
style: {
|
|
1820
|
+
left: s?.left ?? 0,
|
|
1821
|
+
top: s?.top ?? 0,
|
|
1822
|
+
position: "fixed",
|
|
1823
|
+
visibility: s ? "visible" : "hidden"
|
|
1824
|
+
},
|
|
1570
1825
|
children: e
|
|
1571
|
-
})]
|
|
1826
|
+
}), document.body)]
|
|
1572
1827
|
});
|
|
1573
1828
|
}
|
|
1574
1829
|
//#endregion
|
|
1575
1830
|
//#region src/components/ui/viewModeDefaults.js
|
|
1576
|
-
var
|
|
1577
|
-
kanban:
|
|
1578
|
-
board:
|
|
1579
|
-
columns:
|
|
1580
|
-
table:
|
|
1581
|
-
list:
|
|
1582
|
-
rows:
|
|
1583
|
-
grid:
|
|
1584
|
-
calendar:
|
|
1585
|
-
map:
|
|
1586
|
-
},
|
|
1831
|
+
var Bt = {
|
|
1832
|
+
kanban: w,
|
|
1833
|
+
board: w,
|
|
1834
|
+
columns: w,
|
|
1835
|
+
table: k,
|
|
1836
|
+
list: k,
|
|
1837
|
+
rows: k,
|
|
1838
|
+
grid: O,
|
|
1839
|
+
calendar: h,
|
|
1840
|
+
map: N
|
|
1841
|
+
}, Vt = [{
|
|
1587
1842
|
value: "kanban",
|
|
1588
1843
|
label: "Kanban",
|
|
1589
1844
|
title: "Board View"
|
|
@@ -1594,13 +1849,13 @@ var wt = {
|
|
|
1594
1849
|
}];
|
|
1595
1850
|
//#endregion
|
|
1596
1851
|
//#region src/components/ui/ViewModeToggle.jsx
|
|
1597
|
-
function
|
|
1598
|
-
return e.icon ? e.icon :
|
|
1852
|
+
function Ht(e) {
|
|
1853
|
+
return e.icon ? e.icon : Bt[e.value] ?? null;
|
|
1599
1854
|
}
|
|
1600
|
-
function
|
|
1855
|
+
function Ut(e, n) {
|
|
1601
1856
|
return e ? r(e) ? e : t(e, { size: n }) : null;
|
|
1602
1857
|
}
|
|
1603
|
-
function
|
|
1858
|
+
function Wt({ options: e = Vt, value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "View mode", iconSize: s = 16, showLabels: d = !1, className: f = "", optionClassName: p = "" }) {
|
|
1604
1859
|
let m = l(null), h = l(null), g = l(/* @__PURE__ */ new Map()), [_, v] = u(n ?? e[0]?.value ?? ""), y = t === void 0 ? _ : t, b = i(() => {
|
|
1605
1860
|
let e = h.current, t = g.current.get(y);
|
|
1606
1861
|
if (e) {
|
|
@@ -1648,7 +1903,7 @@ function Ot({ options: e = Tt, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1648
1903
|
s,
|
|
1649
1904
|
f,
|
|
1650
1905
|
p
|
|
1651
|
-
]), /* @__PURE__ */
|
|
1906
|
+
]), /* @__PURE__ */ H("div", {
|
|
1652
1907
|
ref: m,
|
|
1653
1908
|
className: [
|
|
1654
1909
|
"view-mode-toggle",
|
|
@@ -1657,13 +1912,13 @@ function Ot({ options: e = Tt, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1657
1912
|
].filter(Boolean).join(" "),
|
|
1658
1913
|
role: "group",
|
|
1659
1914
|
"aria-label": a,
|
|
1660
|
-
children: [/* @__PURE__ */
|
|
1915
|
+
children: [/* @__PURE__ */ V("span", {
|
|
1661
1916
|
ref: h,
|
|
1662
1917
|
"aria-hidden": "true",
|
|
1663
1918
|
className: "view-mode-toggle-indicator"
|
|
1664
1919
|
}), e.map((e) => {
|
|
1665
|
-
let t = e.value === y, n =
|
|
1666
|
-
return /* @__PURE__ */
|
|
1920
|
+
let t = e.value === y, n = Ut(Ht(e), s);
|
|
1921
|
+
return /* @__PURE__ */ H("button", {
|
|
1667
1922
|
type: "button",
|
|
1668
1923
|
"aria-pressed": t,
|
|
1669
1924
|
disabled: e.disabled,
|
|
@@ -1679,10 +1934,10 @@ function Ot({ options: e = Tt, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1679
1934
|
p
|
|
1680
1935
|
].filter(Boolean).join(" "),
|
|
1681
1936
|
onClick: () => x(e),
|
|
1682
|
-
children: [n && /* @__PURE__ */
|
|
1937
|
+
children: [n && /* @__PURE__ */ V("span", {
|
|
1683
1938
|
className: "view-mode-toggle-icon",
|
|
1684
1939
|
children: n
|
|
1685
|
-
}), d && /* @__PURE__ */
|
|
1940
|
+
}), d && /* @__PURE__ */ V("span", {
|
|
1686
1941
|
className: "view-mode-toggle-label",
|
|
1687
1942
|
children: e.label
|
|
1688
1943
|
})]
|
|
@@ -1692,10 +1947,10 @@ function Ot({ options: e = Tt, value: t, defaultValue: n, onValueChange: r, aria
|
|
|
1692
1947
|
}
|
|
1693
1948
|
//#endregion
|
|
1694
1949
|
//#region src/components/ui/WorkspaceTabs.jsx
|
|
1695
|
-
function
|
|
1950
|
+
function Gt(e, n) {
|
|
1696
1951
|
return e ? r(e) ? e : t(e, { size: n }) : null;
|
|
1697
1952
|
}
|
|
1698
|
-
function
|
|
1953
|
+
function Kt({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLabel: a = "Workspace tabs", iconSize: s = 14, variant: d = "plain", className: f = "", itemClassName: p = "" }) {
|
|
1699
1954
|
let m = l(null), h = l(null), g = l(/* @__PURE__ */ new Map()), [_, v] = u(n ?? e[0]?.id ?? ""), y = t === void 0 ? _ : t, b = i(() => {
|
|
1700
1955
|
let e = h.current, t = g.current.get(y);
|
|
1701
1956
|
if (e) {
|
|
@@ -1743,7 +1998,7 @@ function At({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1743
1998
|
d,
|
|
1744
1999
|
f,
|
|
1745
2000
|
p
|
|
1746
|
-
]), /* @__PURE__ */
|
|
2001
|
+
]), /* @__PURE__ */ H("div", {
|
|
1747
2002
|
ref: m,
|
|
1748
2003
|
className: [
|
|
1749
2004
|
"workspace-tabs",
|
|
@@ -1752,13 +2007,13 @@ function At({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1752
2007
|
].filter(Boolean).join(" "),
|
|
1753
2008
|
role: "tablist",
|
|
1754
2009
|
"aria-label": a,
|
|
1755
|
-
children: [/* @__PURE__ */
|
|
2010
|
+
children: [/* @__PURE__ */ V("span", {
|
|
1756
2011
|
ref: h,
|
|
1757
2012
|
"aria-hidden": "true",
|
|
1758
2013
|
className: "workspace-tabs-indicator"
|
|
1759
2014
|
}), e.map((e) => {
|
|
1760
|
-
let t = e.id === y, n =
|
|
1761
|
-
return /* @__PURE__ */
|
|
2015
|
+
let t = e.id === y, n = Gt(e.icon, s);
|
|
2016
|
+
return /* @__PURE__ */ H("button", {
|
|
1762
2017
|
type: "button",
|
|
1763
2018
|
role: "tab",
|
|
1764
2019
|
"aria-selected": t,
|
|
@@ -1775,15 +2030,15 @@ function At({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1775
2030
|
].filter(Boolean).join(" "),
|
|
1776
2031
|
onClick: () => x(e),
|
|
1777
2032
|
children: [
|
|
1778
|
-
n && /* @__PURE__ */
|
|
2033
|
+
n && /* @__PURE__ */ V("span", {
|
|
1779
2034
|
className: "workspace-tab-icon",
|
|
1780
2035
|
children: n
|
|
1781
2036
|
}),
|
|
1782
|
-
/* @__PURE__ */
|
|
2037
|
+
/* @__PURE__ */ V("span", {
|
|
1783
2038
|
className: "workspace-tab-label",
|
|
1784
2039
|
children: e.label
|
|
1785
2040
|
}),
|
|
1786
|
-
e.badge != null && /* @__PURE__ */
|
|
2041
|
+
e.badge != null && /* @__PURE__ */ V("span", {
|
|
1787
2042
|
className: "workspace-tab-badge",
|
|
1788
2043
|
children: e.badge
|
|
1789
2044
|
})
|
|
@@ -1794,35 +2049,35 @@ function At({ items: e = [], value: t, defaultValue: n, onValueChange: r, ariaLa
|
|
|
1794
2049
|
}
|
|
1795
2050
|
//#endregion
|
|
1796
2051
|
//#region src/components/data/ActivityFeed.jsx
|
|
1797
|
-
function
|
|
1798
|
-
return /* @__PURE__ */
|
|
2052
|
+
function qt({ items: e = [], className: t = "" }) {
|
|
2053
|
+
return /* @__PURE__ */ V("div", {
|
|
1799
2054
|
className: `activity-feed ${t}`,
|
|
1800
|
-
children: e.map((e, t) => /* @__PURE__ */
|
|
2055
|
+
children: e.map((e, t) => /* @__PURE__ */ H("div", {
|
|
1801
2056
|
className: "activity-item",
|
|
1802
|
-
children: [/* @__PURE__ */
|
|
2057
|
+
children: [/* @__PURE__ */ V("div", {
|
|
1803
2058
|
className: "activity-avatar",
|
|
1804
|
-
children: /* @__PURE__ */
|
|
2059
|
+
children: /* @__PURE__ */ V(K, {
|
|
1805
2060
|
name: e.user,
|
|
1806
2061
|
size: "sm"
|
|
1807
2062
|
})
|
|
1808
|
-
}), /* @__PURE__ */
|
|
2063
|
+
}), /* @__PURE__ */ H("div", {
|
|
1809
2064
|
className: "activity-content",
|
|
1810
2065
|
children: [
|
|
1811
|
-
/* @__PURE__ */
|
|
2066
|
+
/* @__PURE__ */ H("div", {
|
|
1812
2067
|
className: "activity-header",
|
|
1813
|
-
children: [/* @__PURE__ */
|
|
2068
|
+
children: [/* @__PURE__ */ V("span", {
|
|
1814
2069
|
className: "activity-name",
|
|
1815
2070
|
children: e.user
|
|
1816
|
-
}), /* @__PURE__ */
|
|
2071
|
+
}), /* @__PURE__ */ V("span", {
|
|
1817
2072
|
className: "activity-time",
|
|
1818
2073
|
children: e.time
|
|
1819
2074
|
})]
|
|
1820
2075
|
}),
|
|
1821
|
-
/* @__PURE__ */
|
|
2076
|
+
/* @__PURE__ */ V("div", {
|
|
1822
2077
|
className: "activity-text",
|
|
1823
2078
|
children: e.text
|
|
1824
2079
|
}),
|
|
1825
|
-
e.meta && /* @__PURE__ */
|
|
2080
|
+
e.meta && /* @__PURE__ */ V("div", {
|
|
1826
2081
|
className: "activity-meta",
|
|
1827
2082
|
children: e.meta
|
|
1828
2083
|
})
|
|
@@ -1833,7 +2088,7 @@ function jt({ items: e = [], className: t = "" }) {
|
|
|
1833
2088
|
}
|
|
1834
2089
|
//#endregion
|
|
1835
2090
|
//#region src/components/data/CommandBar.jsx
|
|
1836
|
-
function
|
|
2091
|
+
function Jt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i = "Type a command or search..." }) {
|
|
1837
2092
|
let [a, s] = u(""), [c, d] = u(0), f = l(null);
|
|
1838
2093
|
if (o(() => {
|
|
1839
2094
|
if (e) {
|
|
@@ -1858,19 +2113,19 @@ function Mt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1858
2113
|
function h(e) {
|
|
1859
2114
|
e.key === "ArrowDown" ? (e.preventDefault(), d((e) => Math.min(e + 1, p.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), d((e) => Math.max(e - 1, 0))) : e.key === "Enter" && p[c] ? (r?.(p[c]), t?.()) : e.key === "Escape" && t?.();
|
|
1860
2115
|
}
|
|
1861
|
-
return /* @__PURE__ */
|
|
2116
|
+
return /* @__PURE__ */ V("div", {
|
|
1862
2117
|
className: "dialog-overlay",
|
|
1863
2118
|
onClick: (e) => {
|
|
1864
2119
|
e.target === e.currentTarget && t?.();
|
|
1865
2120
|
},
|
|
1866
|
-
children: /* @__PURE__ */
|
|
2121
|
+
children: /* @__PURE__ */ H("div", {
|
|
1867
2122
|
className: "command-palette",
|
|
1868
|
-
children: [/* @__PURE__ */
|
|
2123
|
+
children: [/* @__PURE__ */ H("div", {
|
|
1869
2124
|
className: "command-input-wrapper",
|
|
1870
|
-
children: [/* @__PURE__ */
|
|
2125
|
+
children: [/* @__PURE__ */ V("span", {
|
|
1871
2126
|
className: "command-input-icon",
|
|
1872
|
-
children: /* @__PURE__ */
|
|
1873
|
-
}), /* @__PURE__ */
|
|
2127
|
+
children: /* @__PURE__ */ V(R, { size: 16 })
|
|
2128
|
+
}), /* @__PURE__ */ V("input", {
|
|
1874
2129
|
ref: f,
|
|
1875
2130
|
className: "command-input",
|
|
1876
2131
|
value: a,
|
|
@@ -1880,29 +2135,29 @@ function Mt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1880
2135
|
onKeyDown: h,
|
|
1881
2136
|
placeholder: i
|
|
1882
2137
|
})]
|
|
1883
|
-
}), /* @__PURE__ */
|
|
2138
|
+
}), /* @__PURE__ */ H("div", {
|
|
1884
2139
|
className: "command-results",
|
|
1885
|
-
children: [m.map((e, n) => /* @__PURE__ */
|
|
2140
|
+
children: [m.map((e, n) => /* @__PURE__ */ H("div", { children: [e.showGroup && /* @__PURE__ */ V("div", {
|
|
1886
2141
|
className: "command-group-label",
|
|
1887
2142
|
children: e.group
|
|
1888
|
-
}), /* @__PURE__ */
|
|
2143
|
+
}), /* @__PURE__ */ H("div", {
|
|
1889
2144
|
className: `dropdown-item ${n === c ? "active" : ""}`,
|
|
1890
2145
|
onClick: () => {
|
|
1891
2146
|
r?.(e), t?.();
|
|
1892
2147
|
},
|
|
1893
2148
|
onMouseEnter: () => d(n),
|
|
1894
2149
|
children: [
|
|
1895
|
-
e.icon && /* @__PURE__ */
|
|
2150
|
+
e.icon && /* @__PURE__ */ V("span", {
|
|
1896
2151
|
className: "dropdown-item-icon",
|
|
1897
2152
|
children: e.icon
|
|
1898
2153
|
}),
|
|
1899
2154
|
e.label,
|
|
1900
|
-
e.shortcut && /* @__PURE__ */
|
|
2155
|
+
e.shortcut && /* @__PURE__ */ V("span", {
|
|
1901
2156
|
className: "dropdown-shortcut",
|
|
1902
2157
|
children: e.shortcut
|
|
1903
2158
|
})
|
|
1904
2159
|
]
|
|
1905
|
-
})] }, e.id || n)), p.length === 0 && /* @__PURE__ */
|
|
2160
|
+
})] }, e.id || n)), p.length === 0 && /* @__PURE__ */ V("div", {
|
|
1906
2161
|
style: {
|
|
1907
2162
|
padding: "var(--space-4)",
|
|
1908
2163
|
textAlign: "center",
|
|
@@ -1917,7 +2172,7 @@ function Mt({ open: e, onClose: t, groups: n = [], onSelect: r, placeholder: i =
|
|
|
1917
2172
|
}
|
|
1918
2173
|
//#endregion
|
|
1919
2174
|
//#region src/components/data/DataTable.jsx
|
|
1920
|
-
function
|
|
2175
|
+
function Yt({ columns: e, data: t, onRowClick: n, className: r = "" }) {
|
|
1921
2176
|
let [i, a] = u(null), [o, s] = u("asc");
|
|
1922
2177
|
function c(e) {
|
|
1923
2178
|
i === e ? s((e) => e === "asc" ? "desc" : "asc") : (a(e), s("asc"));
|
|
@@ -1926,26 +2181,26 @@ function Nt({ columns: e, data: t, onRowClick: n, className: r = "" }) {
|
|
|
1926
2181
|
let n = e[i], r = t[i], a = typeof n == "number" ? n - r : String(n).localeCompare(String(r));
|
|
1927
2182
|
return o === "asc" ? a : -a;
|
|
1928
2183
|
}) : t;
|
|
1929
|
-
return /* @__PURE__ */
|
|
2184
|
+
return /* @__PURE__ */ V("div", {
|
|
1930
2185
|
className: `table-wrapper ${r}`,
|
|
1931
|
-
children: /* @__PURE__ */
|
|
2186
|
+
children: /* @__PURE__ */ H("table", { children: [/* @__PURE__ */ V("thead", { children: /* @__PURE__ */ V("tr", { children: e.map((e) => /* @__PURE__ */ V("th", {
|
|
1932
2187
|
onClick: () => e.sortable !== !1 && c(e.key),
|
|
1933
2188
|
style: {
|
|
1934
2189
|
cursor: e.sortable === !1 ? "default" : "pointer",
|
|
1935
2190
|
width: e.width
|
|
1936
2191
|
},
|
|
1937
|
-
children: /* @__PURE__ */
|
|
2192
|
+
children: /* @__PURE__ */ H("span", {
|
|
1938
2193
|
className: "th-content",
|
|
1939
|
-
children: [e.label, e.sortable !== !1 && /* @__PURE__ */
|
|
2194
|
+
children: [e.label, e.sortable !== !1 && /* @__PURE__ */ V("span", {
|
|
1940
2195
|
className: "th-sort-icon",
|
|
1941
|
-
children: i === e.key ?
|
|
2196
|
+
children: i === e.key ? V(o === "asc" ? x : y, { size: 12 }) : /* @__PURE__ */ V(S, { size: 12 })
|
|
1942
2197
|
})]
|
|
1943
2198
|
})
|
|
1944
|
-
}, e.key)) }) }), /* @__PURE__ */
|
|
2199
|
+
}, e.key)) }) }), /* @__PURE__ */ H("tbody", { children: [l.map((t, r) => /* @__PURE__ */ V("tr", {
|
|
1945
2200
|
onClick: () => n?.(t),
|
|
1946
2201
|
style: { cursor: n ? "pointer" : "default" },
|
|
1947
|
-
children: e.map((e) => /* @__PURE__ */
|
|
1948
|
-
}, t.id || r)), l.length === 0 && /* @__PURE__ */
|
|
2202
|
+
children: e.map((e) => /* @__PURE__ */ V("td", { children: e.render ? e.render(t[e.key], t) : t[e.key] }, e.key))
|
|
2203
|
+
}, t.id || r)), l.length === 0 && /* @__PURE__ */ V("tr", { children: /* @__PURE__ */ V("td", {
|
|
1949
2204
|
colSpan: e.length,
|
|
1950
2205
|
style: {
|
|
1951
2206
|
textAlign: "center",
|
|
@@ -1958,44 +2213,44 @@ function Nt({ columns: e, data: t, onRowClick: n, className: r = "" }) {
|
|
|
1958
2213
|
}
|
|
1959
2214
|
//#endregion
|
|
1960
2215
|
//#region src/components/data/FilterBar.jsx
|
|
1961
|
-
function
|
|
2216
|
+
function Xt({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAll: r, children: i, className: a = "" }) {
|
|
1962
2217
|
let o = n.some((e) => e.active);
|
|
1963
|
-
return /* @__PURE__ */
|
|
2218
|
+
return /* @__PURE__ */ H("div", {
|
|
1964
2219
|
className: `filter-bar ${a}`,
|
|
1965
2220
|
children: [
|
|
1966
|
-
/* @__PURE__ */
|
|
2221
|
+
/* @__PURE__ */ H("div", {
|
|
1967
2222
|
className: "filter-bar-search",
|
|
1968
2223
|
children: [
|
|
1969
|
-
/* @__PURE__ */
|
|
1970
|
-
/* @__PURE__ */
|
|
2224
|
+
/* @__PURE__ */ V(R, { size: 14 }),
|
|
2225
|
+
/* @__PURE__ */ V("input", {
|
|
1971
2226
|
className: "filter-bar-input",
|
|
1972
2227
|
value: e,
|
|
1973
2228
|
onChange: (e) => t?.(e.target.value),
|
|
1974
2229
|
placeholder: "Search..."
|
|
1975
2230
|
}),
|
|
1976
|
-
e && /* @__PURE__ */
|
|
2231
|
+
e && /* @__PURE__ */ V("button", {
|
|
1977
2232
|
className: "filter-bar-clear",
|
|
1978
2233
|
onClick: () => t?.(""),
|
|
1979
|
-
children: /* @__PURE__ */
|
|
2234
|
+
children: /* @__PURE__ */ V(B, { size: 12 })
|
|
1980
2235
|
})
|
|
1981
2236
|
]
|
|
1982
2237
|
}),
|
|
1983
|
-
/* @__PURE__ */
|
|
2238
|
+
/* @__PURE__ */ H("div", {
|
|
1984
2239
|
className: "filter-bar-filters",
|
|
1985
2240
|
children: [
|
|
1986
|
-
/* @__PURE__ */
|
|
2241
|
+
/* @__PURE__ */ V(T, {
|
|
1987
2242
|
size: 14,
|
|
1988
2243
|
style: { color: "var(--text-tertiary)" }
|
|
1989
2244
|
}),
|
|
1990
|
-
n.map((e) => /* @__PURE__ */
|
|
2245
|
+
n.map((e) => /* @__PURE__ */ H("button", {
|
|
1991
2246
|
className: `filter-chip ${e.active ? "active" : ""}`,
|
|
1992
2247
|
onClick: e.onClick,
|
|
1993
|
-
children: [e.label, e.active && e.value && /* @__PURE__ */
|
|
2248
|
+
children: [e.label, e.active && e.value && /* @__PURE__ */ V("span", {
|
|
1994
2249
|
className: "filter-chip-value",
|
|
1995
2250
|
children: e.value
|
|
1996
2251
|
})]
|
|
1997
2252
|
}, e.label)),
|
|
1998
|
-
o && r && /* @__PURE__ */
|
|
2253
|
+
o && r && /* @__PURE__ */ V("button", {
|
|
1999
2254
|
className: "filter-bar-clear-all",
|
|
2000
2255
|
onClick: r,
|
|
2001
2256
|
children: "Clear all"
|
|
@@ -2011,76 +2266,76 @@ function Pt({ searchValue: e = "", onSearchChange: t, filters: n = [], onClearAl
|
|
|
2011
2266
|
function Q(...e) {
|
|
2012
2267
|
return e.filter(Boolean).join(" ");
|
|
2013
2268
|
}
|
|
2014
|
-
function
|
|
2015
|
-
return /* @__PURE__ */
|
|
2269
|
+
function Zt({ children: e, className: t = "", style: n }) {
|
|
2270
|
+
return /* @__PURE__ */ V("div", {
|
|
2016
2271
|
className: Q("kanban-board", t),
|
|
2017
2272
|
style: n,
|
|
2018
2273
|
children: e
|
|
2019
2274
|
});
|
|
2020
2275
|
}
|
|
2021
|
-
function
|
|
2022
|
-
return /* @__PURE__ */
|
|
2276
|
+
function Qt({ title: e, count: t, color: n, headerAction: r = null, countVariant: i = "pill", children: a, className: o = "", style: s, headerClassName: c = "", headerStyle: l, countClassName: u = "", bodyClassName: d = "", bodyStyle: f }) {
|
|
2277
|
+
return /* @__PURE__ */ H("div", {
|
|
2023
2278
|
className: Q("kanban-column", o),
|
|
2024
2279
|
style: s,
|
|
2025
|
-
children: [/* @__PURE__ */
|
|
2280
|
+
children: [/* @__PURE__ */ H("div", {
|
|
2026
2281
|
className: Q("kanban-column-header", c),
|
|
2027
2282
|
style: l,
|
|
2028
|
-
children: [/* @__PURE__ */
|
|
2283
|
+
children: [/* @__PURE__ */ H("div", {
|
|
2029
2284
|
className: "kanban-column-title",
|
|
2030
2285
|
children: [
|
|
2031
|
-
n && /* @__PURE__ */
|
|
2286
|
+
n && /* @__PURE__ */ V("span", {
|
|
2032
2287
|
className: "kanban-column-dot",
|
|
2033
2288
|
style: { background: n }
|
|
2034
2289
|
}),
|
|
2035
|
-
/* @__PURE__ */
|
|
2290
|
+
/* @__PURE__ */ V("span", {
|
|
2036
2291
|
className: "kanban-column-title-label",
|
|
2037
2292
|
children: e
|
|
2038
2293
|
}),
|
|
2039
|
-
t != null && /* @__PURE__ */
|
|
2294
|
+
t != null && /* @__PURE__ */ V(q, {
|
|
2040
2295
|
showDot: !1,
|
|
2041
2296
|
className: Q("workflow-column-count", "kanban-column-count", i === "inline" ? "kanban-column-count--inline" : "", u),
|
|
2042
2297
|
children: t
|
|
2043
2298
|
})
|
|
2044
2299
|
]
|
|
2045
|
-
}), r && /* @__PURE__ */
|
|
2300
|
+
}), r && /* @__PURE__ */ V("div", {
|
|
2046
2301
|
className: "kanban-column-header-meta",
|
|
2047
|
-
children: /* @__PURE__ */
|
|
2302
|
+
children: /* @__PURE__ */ V("div", {
|
|
2048
2303
|
className: "kanban-column-header-action",
|
|
2049
2304
|
children: r
|
|
2050
2305
|
})
|
|
2051
2306
|
})]
|
|
2052
|
-
}), /* @__PURE__ */
|
|
2307
|
+
}), /* @__PURE__ */ V("div", {
|
|
2053
2308
|
className: Q("kanban-column-body", d),
|
|
2054
2309
|
style: f,
|
|
2055
2310
|
children: a
|
|
2056
2311
|
})]
|
|
2057
2312
|
});
|
|
2058
2313
|
}
|
|
2059
|
-
function
|
|
2314
|
+
function $t({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd: a, children: o, onClick: s, className: c = "", style: l }) {
|
|
2060
2315
|
let u = a ?? r;
|
|
2061
|
-
return /* @__PURE__ */
|
|
2316
|
+
return /* @__PURE__ */ V("div", {
|
|
2062
2317
|
className: Q("kanban-card", c),
|
|
2063
2318
|
onClick: s,
|
|
2064
2319
|
style: l,
|
|
2065
|
-
children: o || /* @__PURE__ */
|
|
2320
|
+
children: o || /* @__PURE__ */ H(ie, { children: [/* @__PURE__ */ H("div", {
|
|
2066
2321
|
className: "kanban-card-body",
|
|
2067
2322
|
children: [
|
|
2068
|
-
e && /* @__PURE__ */
|
|
2323
|
+
e && /* @__PURE__ */ V("div", {
|
|
2069
2324
|
className: "kanban-card-title",
|
|
2070
2325
|
children: e
|
|
2071
2326
|
}),
|
|
2072
|
-
t && /* @__PURE__ */
|
|
2327
|
+
t && /* @__PURE__ */ V("div", {
|
|
2073
2328
|
className: "kanban-card-subtitle",
|
|
2074
2329
|
children: t
|
|
2075
2330
|
}),
|
|
2076
|
-
n && /* @__PURE__ */
|
|
2331
|
+
n && /* @__PURE__ */ V("div", {
|
|
2077
2332
|
className: "kanban-card-badges",
|
|
2078
2333
|
children: n
|
|
2079
2334
|
})
|
|
2080
2335
|
]
|
|
2081
|
-
}), (u || i) && /* @__PURE__ */
|
|
2336
|
+
}), (u || i) && /* @__PURE__ */ H("div", {
|
|
2082
2337
|
className: "kanban-card-footer",
|
|
2083
|
-
children: [i && /* @__PURE__ */
|
|
2338
|
+
children: [i && /* @__PURE__ */ V("div", {
|
|
2084
2339
|
className: "kanban-card-footer-text",
|
|
2085
2340
|
children: i
|
|
2086
2341
|
}), u]
|
|
@@ -2092,50 +2347,50 @@ function Lt({ title: e, subtitle: t, badges: n, avatar: r, footer: i, footerEnd:
|
|
|
2092
2347
|
function $(...e) {
|
|
2093
2348
|
return e.filter(Boolean).join(" ");
|
|
2094
2349
|
}
|
|
2095
|
-
function
|
|
2096
|
-
return /* @__PURE__ */
|
|
2350
|
+
function en({ children: e, className: t = "" }) {
|
|
2351
|
+
return /* @__PURE__ */ V("div", {
|
|
2097
2352
|
className: $("table-board", t),
|
|
2098
2353
|
children: e
|
|
2099
2354
|
});
|
|
2100
2355
|
}
|
|
2101
|
-
function
|
|
2356
|
+
function tn({ title: e, count: t, accentColor: n, open: r, defaultOpen: i = !0, onOpenChange: a, children: o, className: s = "" }) {
|
|
2102
2357
|
let [c, l] = u(i), d = r != null, f = d ? r : c;
|
|
2103
2358
|
function p() {
|
|
2104
2359
|
let e = !f;
|
|
2105
2360
|
d || l(e), a?.(e);
|
|
2106
2361
|
}
|
|
2107
|
-
return /* @__PURE__ */
|
|
2362
|
+
return /* @__PURE__ */ H("section", {
|
|
2108
2363
|
className: $("table-board-group", s),
|
|
2109
2364
|
style: n ? { "--table-board-group-accent-color": n } : void 0,
|
|
2110
|
-
children: [/* @__PURE__ */
|
|
2365
|
+
children: [/* @__PURE__ */ H("button", {
|
|
2111
2366
|
type: "button",
|
|
2112
2367
|
className: "table-board-group-header",
|
|
2113
2368
|
onClick: p,
|
|
2114
2369
|
"aria-expanded": f,
|
|
2115
2370
|
children: [
|
|
2116
|
-
/* @__PURE__ */
|
|
2371
|
+
/* @__PURE__ */ V("span", {
|
|
2117
2372
|
className: $("table-board-group-chevron", !f && "collapsed"),
|
|
2118
|
-
children: /* @__PURE__ */
|
|
2373
|
+
children: /* @__PURE__ */ V(y, { size: 12 })
|
|
2119
2374
|
}),
|
|
2120
|
-
/* @__PURE__ */
|
|
2375
|
+
/* @__PURE__ */ V("span", {
|
|
2121
2376
|
className: "table-board-group-label",
|
|
2122
2377
|
children: e
|
|
2123
2378
|
}),
|
|
2124
|
-
t != null && /* @__PURE__ */
|
|
2379
|
+
t != null && /* @__PURE__ */ V("span", {
|
|
2125
2380
|
className: "table-board-group-count",
|
|
2126
2381
|
children: t
|
|
2127
2382
|
})
|
|
2128
2383
|
]
|
|
2129
|
-
}), /* @__PURE__ */
|
|
2384
|
+
}), /* @__PURE__ */ V("div", {
|
|
2130
2385
|
className: $("table-board-group-panel", f && "open"),
|
|
2131
|
-
children: /* @__PURE__ */
|
|
2386
|
+
children: /* @__PURE__ */ V("div", {
|
|
2132
2387
|
className: "table-board-group-panel-inner",
|
|
2133
2388
|
children: o
|
|
2134
2389
|
})
|
|
2135
2390
|
})]
|
|
2136
2391
|
});
|
|
2137
2392
|
}
|
|
2138
|
-
function
|
|
2393
|
+
function nn({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title: i, subtitle: a, subtitleInline: s = !1, pills: c = [], maxVisibleLeadingPills: d, pinnedTrailingPillsCount: p = 0, metric: m, metricTone: h = "default", metricIcon: g, showMetricIcon: _ = !0, avatar: v, avatarImageUrl: y, avatarLabel: b, avatarName: x, avatarStyle: S, meta: w, onClick: T, className: E = "" }) {
|
|
2139
2394
|
let D = typeof T == "function", O = l(null), [k, A] = u(!1), j = Array.isArray(c) ? c : [], M = Math.max(0, Math.min(p, j.length)), N = M > 0 ? j.slice(0, -M) : j, P = M > 0 ? j.slice(-M) : [], F = typeof d == "number" && d >= 0 ? N.slice(0, d) : N, I = Math.max(0, N.length - F.length), L = [
|
|
2140
2395
|
...F,
|
|
2141
2396
|
...I > 0 ? [{
|
|
@@ -2147,13 +2402,13 @@ function Bt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2147
2402
|
function R(e) {
|
|
2148
2403
|
D && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), T());
|
|
2149
2404
|
}
|
|
2150
|
-
let
|
|
2405
|
+
let z = x || w || b, ee = S || (y ? void 0 : { background: "var(--accent-blue)" }), te = g || (h === "warning" ? f : C), ne = v || (y || b || z ? /* @__PURE__ */ V(K, {
|
|
2151
2406
|
imageUrl: y,
|
|
2152
2407
|
initials: b,
|
|
2153
|
-
name:
|
|
2408
|
+
name: z,
|
|
2154
2409
|
size: "sm",
|
|
2155
2410
|
className: "table-board-avatar",
|
|
2156
|
-
style:
|
|
2411
|
+
style: ee
|
|
2157
2412
|
}) : null);
|
|
2158
2413
|
return o(() => {
|
|
2159
2414
|
let e = O.current;
|
|
@@ -2173,46 +2428,46 @@ function Bt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2173
2428
|
c,
|
|
2174
2429
|
d,
|
|
2175
2430
|
p
|
|
2176
|
-
]), /* @__PURE__ */
|
|
2431
|
+
]), /* @__PURE__ */ H("div", {
|
|
2177
2432
|
className: $("table-board-row", D && "clickable", E),
|
|
2178
2433
|
onClick: T,
|
|
2179
2434
|
onKeyDown: R,
|
|
2180
2435
|
role: D ? "button" : void 0,
|
|
2181
2436
|
tabIndex: D ? 0 : void 0,
|
|
2182
2437
|
children: [
|
|
2183
|
-
/* @__PURE__ */
|
|
2438
|
+
/* @__PURE__ */ V("span", {
|
|
2184
2439
|
className: "table-board-priority",
|
|
2185
2440
|
children: e
|
|
2186
2441
|
}),
|
|
2187
|
-
t && /* @__PURE__ */
|
|
2442
|
+
t && /* @__PURE__ */ V("span", {
|
|
2188
2443
|
className: "table-board-id",
|
|
2189
2444
|
children: t
|
|
2190
2445
|
}),
|
|
2191
|
-
/* @__PURE__ */
|
|
2446
|
+
/* @__PURE__ */ V("span", {
|
|
2192
2447
|
className: "table-board-status",
|
|
2193
|
-
children: /* @__PURE__ */
|
|
2448
|
+
children: /* @__PURE__ */ V("span", {
|
|
2194
2449
|
className: "table-board-status-dot",
|
|
2195
2450
|
style: { background: n }
|
|
2196
2451
|
})
|
|
2197
2452
|
}),
|
|
2198
|
-
/* @__PURE__ */
|
|
2453
|
+
/* @__PURE__ */ H("span", {
|
|
2199
2454
|
className: $("table-board-title-block", s && "inline-subtitle"),
|
|
2200
|
-
children: [/* @__PURE__ */
|
|
2455
|
+
children: [/* @__PURE__ */ V("span", {
|
|
2201
2456
|
className: "table-board-title",
|
|
2202
2457
|
children: i
|
|
2203
|
-
}), a != null && a !== "" && /* @__PURE__ */
|
|
2458
|
+
}), a != null && a !== "" && /* @__PURE__ */ V("span", {
|
|
2204
2459
|
className: $("table-board-subtitle", s && "inline"),
|
|
2205
2460
|
children: a
|
|
2206
2461
|
})]
|
|
2207
2462
|
}),
|
|
2208
|
-
/* @__PURE__ */
|
|
2209
|
-
L.length > 0 && /* @__PURE__ */
|
|
2463
|
+
/* @__PURE__ */ V("span", { className: "table-board-spacer" }),
|
|
2464
|
+
L.length > 0 && /* @__PURE__ */ V("span", {
|
|
2210
2465
|
ref: O,
|
|
2211
2466
|
className: $("table-board-pills", k && "has-overflow"),
|
|
2212
|
-
children: L.map((e, t) => /* @__PURE__ */
|
|
2467
|
+
children: L.map((e, t) => /* @__PURE__ */ H("span", {
|
|
2213
2468
|
className: "table-board-pill",
|
|
2214
2469
|
children: [
|
|
2215
|
-
e.showDot !== !1 && /* @__PURE__ */
|
|
2470
|
+
e.showDot !== !1 && /* @__PURE__ */ V("span", {
|
|
2216
2471
|
className: "table-board-pill-dot",
|
|
2217
2472
|
style: { background: e.color || "var(--text-quaternary)" }
|
|
2218
2473
|
}),
|
|
@@ -2221,18 +2476,18 @@ function Bt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2221
2476
|
]
|
|
2222
2477
|
}, `${e.label}-${t}`))
|
|
2223
2478
|
}),
|
|
2224
|
-
m != null && (r(m) ? m : /* @__PURE__ */
|
|
2479
|
+
m != null && (r(m) ? m : /* @__PURE__ */ V(q, {
|
|
2225
2480
|
className: "table-board-metric",
|
|
2226
2481
|
showDot: !1,
|
|
2227
|
-
children: /* @__PURE__ */
|
|
2482
|
+
children: /* @__PURE__ */ V(X, {
|
|
2228
2483
|
tone: h,
|
|
2229
|
-
icon:
|
|
2484
|
+
icon: te,
|
|
2230
2485
|
showIcon: _,
|
|
2231
2486
|
children: m
|
|
2232
2487
|
})
|
|
2233
2488
|
})),
|
|
2234
|
-
|
|
2235
|
-
w && /* @__PURE__ */
|
|
2489
|
+
ne,
|
|
2490
|
+
w && /* @__PURE__ */ V("span", {
|
|
2236
2491
|
className: "table-board-meta",
|
|
2237
2492
|
children: w
|
|
2238
2493
|
})
|
|
@@ -2241,40 +2496,40 @@ function Bt({ priority: e, id: t, statusColor: n = "var(--accent-yellow)", title
|
|
|
2241
2496
|
}
|
|
2242
2497
|
//#endregion
|
|
2243
2498
|
//#region src/components/data/KPICard.jsx
|
|
2244
|
-
function
|
|
2499
|
+
function rn({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral", icon: a, className: o = "" }) {
|
|
2245
2500
|
let s = {
|
|
2246
2501
|
up: "var(--accent-green)",
|
|
2247
2502
|
down: "var(--accent-red)",
|
|
2248
2503
|
neutral: "var(--text-tertiary)"
|
|
2249
|
-
}, c = i === "up" ?
|
|
2250
|
-
return /* @__PURE__ */
|
|
2504
|
+
}, c = i === "up" ? te : i === "down" ? ee : P;
|
|
2505
|
+
return /* @__PURE__ */ H("div", {
|
|
2251
2506
|
className: `kpi-card ${o}`,
|
|
2252
2507
|
children: [
|
|
2253
|
-
/* @__PURE__ */
|
|
2508
|
+
/* @__PURE__ */ H("div", {
|
|
2254
2509
|
className: "kpi-header",
|
|
2255
|
-
children: [/* @__PURE__ */
|
|
2510
|
+
children: [/* @__PURE__ */ V("span", {
|
|
2256
2511
|
className: "kpi-title",
|
|
2257
2512
|
children: e
|
|
2258
|
-
}), a && /* @__PURE__ */
|
|
2513
|
+
}), a && /* @__PURE__ */ V("span", {
|
|
2259
2514
|
className: "kpi-icon",
|
|
2260
2515
|
children: a
|
|
2261
2516
|
})]
|
|
2262
2517
|
}),
|
|
2263
|
-
/* @__PURE__ */
|
|
2518
|
+
/* @__PURE__ */ V("div", {
|
|
2264
2519
|
className: "kpi-value",
|
|
2265
2520
|
children: t
|
|
2266
2521
|
}),
|
|
2267
|
-
(n !== void 0 || r) && /* @__PURE__ */
|
|
2522
|
+
(n !== void 0 || r) && /* @__PURE__ */ H("div", {
|
|
2268
2523
|
className: "kpi-footer",
|
|
2269
|
-
children: [/* @__PURE__ */
|
|
2524
|
+
children: [/* @__PURE__ */ H("span", {
|
|
2270
2525
|
className: "kpi-trend",
|
|
2271
2526
|
style: { color: s[i] },
|
|
2272
|
-
children: [/* @__PURE__ */
|
|
2527
|
+
children: [/* @__PURE__ */ V(c, { size: 12 }), n !== void 0 && /* @__PURE__ */ H("span", { children: [
|
|
2273
2528
|
n > 0 ? "+" : "",
|
|
2274
2529
|
n,
|
|
2275
2530
|
"%"
|
|
2276
2531
|
] })]
|
|
2277
|
-
}), r && /* @__PURE__ */
|
|
2532
|
+
}), r && /* @__PURE__ */ V("span", {
|
|
2278
2533
|
className: "kpi-change-label",
|
|
2279
2534
|
children: r
|
|
2280
2535
|
})]
|
|
@@ -2282,24 +2537,24 @@ function Vt({ title: e, value: t, change: n, changeLabel: r, trend: i = "neutral
|
|
|
2282
2537
|
]
|
|
2283
2538
|
});
|
|
2284
2539
|
}
|
|
2285
|
-
function
|
|
2286
|
-
return /* @__PURE__ */
|
|
2540
|
+
function an({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
|
|
2541
|
+
return /* @__PURE__ */ H("div", {
|
|
2287
2542
|
className: `stat-card ${i}`,
|
|
2288
|
-
children: [r && /* @__PURE__ */
|
|
2543
|
+
children: [r && /* @__PURE__ */ V("div", {
|
|
2289
2544
|
className: "stat-card-accent",
|
|
2290
2545
|
style: { background: r }
|
|
2291
|
-
}), /* @__PURE__ */
|
|
2546
|
+
}), /* @__PURE__ */ H("div", {
|
|
2292
2547
|
className: "stat-card-content",
|
|
2293
2548
|
children: [
|
|
2294
|
-
/* @__PURE__ */
|
|
2549
|
+
/* @__PURE__ */ V("span", {
|
|
2295
2550
|
className: "stat-card-label",
|
|
2296
2551
|
children: e
|
|
2297
2552
|
}),
|
|
2298
|
-
/* @__PURE__ */
|
|
2553
|
+
/* @__PURE__ */ V("span", {
|
|
2299
2554
|
className: "stat-card-value",
|
|
2300
2555
|
children: t
|
|
2301
2556
|
}),
|
|
2302
|
-
n && /* @__PURE__ */
|
|
2557
|
+
n && /* @__PURE__ */ V("span", {
|
|
2303
2558
|
className: "stat-card-subtitle",
|
|
2304
2559
|
children: n
|
|
2305
2560
|
})
|
|
@@ -2309,56 +2564,56 @@ function Ht({ label: e, value: t, subtitle: n, color: r, className: i = "" }) {
|
|
|
2309
2564
|
}
|
|
2310
2565
|
//#endregion
|
|
2311
2566
|
//#region src/components/data/NotificationsPanel.jsx
|
|
2312
|
-
function
|
|
2567
|
+
function on({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className: r = "" }) {
|
|
2313
2568
|
let i = e.filter((e) => !e.read);
|
|
2314
|
-
return /* @__PURE__ */
|
|
2569
|
+
return /* @__PURE__ */ H("div", {
|
|
2315
2570
|
className: `notifications-panel ${r}`,
|
|
2316
|
-
children: [/* @__PURE__ */
|
|
2571
|
+
children: [/* @__PURE__ */ H("div", {
|
|
2317
2572
|
className: "notifications-header",
|
|
2318
|
-
children: [/* @__PURE__ */
|
|
2573
|
+
children: [/* @__PURE__ */ H("div", {
|
|
2319
2574
|
className: "notifications-title",
|
|
2320
2575
|
children: [
|
|
2321
|
-
/* @__PURE__ */
|
|
2322
|
-
/* @__PURE__ */
|
|
2323
|
-
i.length > 0 && /* @__PURE__ */
|
|
2576
|
+
/* @__PURE__ */ V(p, { size: 16 }),
|
|
2577
|
+
/* @__PURE__ */ V("span", { children: "Notifications" }),
|
|
2578
|
+
i.length > 0 && /* @__PURE__ */ V("span", {
|
|
2324
2579
|
className: "badge badge-purple",
|
|
2325
2580
|
style: { marginLeft: "var(--space-1)" },
|
|
2326
2581
|
children: i.length
|
|
2327
2582
|
})
|
|
2328
2583
|
]
|
|
2329
|
-
}), i.length > 0 && /* @__PURE__ */
|
|
2584
|
+
}), i.length > 0 && /* @__PURE__ */ H("button", {
|
|
2330
2585
|
className: "btn btn-ghost btn-sm",
|
|
2331
2586
|
onClick: n,
|
|
2332
|
-
children: [/* @__PURE__ */
|
|
2587
|
+
children: [/* @__PURE__ */ V(_, { size: 14 }), " Mark all read"]
|
|
2333
2588
|
})]
|
|
2334
|
-
}), /* @__PURE__ */
|
|
2589
|
+
}), /* @__PURE__ */ H("div", {
|
|
2335
2590
|
className: "notifications-list",
|
|
2336
|
-
children: [e.length === 0 && /* @__PURE__ */
|
|
2591
|
+
children: [e.length === 0 && /* @__PURE__ */ V("div", {
|
|
2337
2592
|
className: "notifications-empty",
|
|
2338
2593
|
children: "No notifications"
|
|
2339
|
-
}), e.map((e) => /* @__PURE__ */
|
|
2594
|
+
}), e.map((e) => /* @__PURE__ */ H("div", {
|
|
2340
2595
|
className: `notification-item ${e.read ? "" : "unread"}`,
|
|
2341
2596
|
onClick: () => !e.read && t?.(e.id),
|
|
2342
2597
|
children: [
|
|
2343
|
-
/* @__PURE__ */
|
|
2598
|
+
/* @__PURE__ */ V(K, {
|
|
2344
2599
|
name: e.user,
|
|
2345
2600
|
size: "sm"
|
|
2346
2601
|
}),
|
|
2347
|
-
/* @__PURE__ */
|
|
2602
|
+
/* @__PURE__ */ H("div", {
|
|
2348
2603
|
className: "notification-content",
|
|
2349
|
-
children: [/* @__PURE__ */
|
|
2604
|
+
children: [/* @__PURE__ */ H("div", {
|
|
2350
2605
|
className: "notification-text",
|
|
2351
2606
|
children: [
|
|
2352
|
-
/* @__PURE__ */
|
|
2607
|
+
/* @__PURE__ */ V("strong", { children: e.user }),
|
|
2353
2608
|
" ",
|
|
2354
2609
|
e.text
|
|
2355
2610
|
]
|
|
2356
|
-
}), /* @__PURE__ */
|
|
2611
|
+
}), /* @__PURE__ */ V("span", {
|
|
2357
2612
|
className: "notification-time",
|
|
2358
2613
|
children: e.time
|
|
2359
2614
|
})]
|
|
2360
2615
|
}),
|
|
2361
|
-
!e.read && /* @__PURE__ */
|
|
2616
|
+
!e.read && /* @__PURE__ */ V("div", { className: "notification-dot" })
|
|
2362
2617
|
]
|
|
2363
2618
|
}, e.id))]
|
|
2364
2619
|
})]
|
|
@@ -2366,46 +2621,46 @@ function Ut({ notifications: e = [], onMarkRead: t, onMarkAllRead: n, className:
|
|
|
2366
2621
|
}
|
|
2367
2622
|
//#endregion
|
|
2368
2623
|
//#region src/components/Icons.jsx
|
|
2369
|
-
function
|
|
2370
|
-
return /* @__PURE__ */
|
|
2624
|
+
function sn() {
|
|
2625
|
+
return /* @__PURE__ */ V("svg", {
|
|
2371
2626
|
width: "16",
|
|
2372
2627
|
height: "16",
|
|
2373
2628
|
viewBox: "0 0 16 16",
|
|
2374
2629
|
fill: "currentColor",
|
|
2375
|
-
children: /* @__PURE__ */
|
|
2630
|
+
children: /* @__PURE__ */ V("path", { d: "M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6.5l-2.5-2.5a.5.5 0 0 0-.354-.146H8.5a.5.5 0 0 0-.5.5v2.793L6.854 9.001a.5.5 0 0 0-.708 0L2 13.147V3Zm12 8.207V13a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-.44l4.5-4.5L8.146 9.707a.5.5 0 0 0 .708 0L11.5 7.06l2.5 2.5V11.207Z" })
|
|
2376
2631
|
});
|
|
2377
2632
|
}
|
|
2378
|
-
function
|
|
2379
|
-
return /* @__PURE__ */
|
|
2633
|
+
function cn() {
|
|
2634
|
+
return /* @__PURE__ */ H("svg", {
|
|
2380
2635
|
width: "16",
|
|
2381
2636
|
height: "16",
|
|
2382
2637
|
viewBox: "0 0 16 16",
|
|
2383
2638
|
fill: "currentColor",
|
|
2384
|
-
children: [/* @__PURE__ */
|
|
2639
|
+
children: [/* @__PURE__ */ V("circle", {
|
|
2385
2640
|
cx: "8",
|
|
2386
2641
|
cy: "8",
|
|
2387
2642
|
r: "6",
|
|
2388
2643
|
fill: "none",
|
|
2389
2644
|
stroke: "currentColor",
|
|
2390
2645
|
strokeWidth: "1.5"
|
|
2391
|
-
}), /* @__PURE__ */
|
|
2646
|
+
}), /* @__PURE__ */ V("circle", {
|
|
2392
2647
|
cx: "8",
|
|
2393
2648
|
cy: "8",
|
|
2394
2649
|
r: "2"
|
|
2395
2650
|
})]
|
|
2396
2651
|
});
|
|
2397
2652
|
}
|
|
2398
|
-
function
|
|
2399
|
-
return /* @__PURE__ */
|
|
2653
|
+
function ln() {
|
|
2654
|
+
return /* @__PURE__ */ V("svg", {
|
|
2400
2655
|
width: "16",
|
|
2401
2656
|
height: "16",
|
|
2402
2657
|
viewBox: "0 0 16 16",
|
|
2403
2658
|
fill: "currentColor",
|
|
2404
|
-
children: /* @__PURE__ */
|
|
2659
|
+
children: /* @__PURE__ */ V("path", { d: "M8 1l2.2 4.4L15 6.3l-3.5 3.4.8 4.9L8 12.4 3.7 14.6l.8-4.9L1 6.3l4.8-.9L8 1Z" })
|
|
2405
2660
|
});
|
|
2406
2661
|
}
|
|
2407
|
-
function
|
|
2408
|
-
return /* @__PURE__ */
|
|
2662
|
+
function un() {
|
|
2663
|
+
return /* @__PURE__ */ V("svg", {
|
|
2409
2664
|
width: "16",
|
|
2410
2665
|
height: "16",
|
|
2411
2666
|
viewBox: "0 0 16 16",
|
|
@@ -2414,45 +2669,45 @@ function qt() {
|
|
|
2414
2669
|
strokeWidth: "1.5",
|
|
2415
2670
|
strokeLinecap: "round",
|
|
2416
2671
|
strokeLinejoin: "round",
|
|
2417
|
-
children: /* @__PURE__ */
|
|
2672
|
+
children: /* @__PURE__ */ V("path", { d: "M1 8h3l2-5 2 10 2-5h3" })
|
|
2418
2673
|
});
|
|
2419
2674
|
}
|
|
2420
|
-
function
|
|
2421
|
-
return /* @__PURE__ */
|
|
2675
|
+
function dn() {
|
|
2676
|
+
return /* @__PURE__ */ V("svg", {
|
|
2422
2677
|
width: "16",
|
|
2423
2678
|
height: "16",
|
|
2424
2679
|
viewBox: "0 0 16 16",
|
|
2425
2680
|
fill: "currentColor",
|
|
2426
|
-
children: /* @__PURE__ */
|
|
2681
|
+
children: /* @__PURE__ */ V("path", { d: "M3 2h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Zm1 3v2h8V5H4Zm0 4v2h5V9H4Z" })
|
|
2427
2682
|
});
|
|
2428
2683
|
}
|
|
2429
|
-
function
|
|
2430
|
-
return /* @__PURE__ */
|
|
2684
|
+
function fn() {
|
|
2685
|
+
return /* @__PURE__ */ V("svg", {
|
|
2431
2686
|
width: "16",
|
|
2432
2687
|
height: "16",
|
|
2433
2688
|
viewBox: "0 0 16 16",
|
|
2434
2689
|
fill: "currentColor",
|
|
2435
|
-
children: /* @__PURE__ */
|
|
2690
|
+
children: /* @__PURE__ */ V("path", { d: "M2 3.5A1.5 1.5 0 0 1 3.5 2h3.379a1.5 1.5 0 0 1 1.06.44l.622.62A1.5 1.5 0 0 0 9.622 3.5H12.5A1.5 1.5 0 0 1 14 5v7.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 12.5v-9Z" })
|
|
2436
2691
|
});
|
|
2437
2692
|
}
|
|
2438
|
-
function
|
|
2439
|
-
return /* @__PURE__ */
|
|
2693
|
+
function pn() {
|
|
2694
|
+
return /* @__PURE__ */ H("svg", {
|
|
2440
2695
|
width: "16",
|
|
2441
2696
|
height: "16",
|
|
2442
2697
|
viewBox: "0 0 16 16",
|
|
2443
2698
|
fill: "currentColor",
|
|
2444
2699
|
children: [
|
|
2445
|
-
/* @__PURE__ */
|
|
2700
|
+
/* @__PURE__ */ V("circle", {
|
|
2446
2701
|
cx: "4",
|
|
2447
2702
|
cy: "8",
|
|
2448
2703
|
r: "1.5"
|
|
2449
2704
|
}),
|
|
2450
|
-
/* @__PURE__ */
|
|
2705
|
+
/* @__PURE__ */ V("circle", {
|
|
2451
2706
|
cx: "8",
|
|
2452
2707
|
cy: "8",
|
|
2453
2708
|
r: "1.5"
|
|
2454
2709
|
}),
|
|
2455
|
-
/* @__PURE__ */
|
|
2710
|
+
/* @__PURE__ */ V("circle", {
|
|
2456
2711
|
cx: "12",
|
|
2457
2712
|
cy: "8",
|
|
2458
2713
|
r: "1.5"
|
|
@@ -2460,26 +2715,26 @@ function Xt() {
|
|
|
2460
2715
|
]
|
|
2461
2716
|
});
|
|
2462
2717
|
}
|
|
2463
|
-
function
|
|
2464
|
-
return /* @__PURE__ */
|
|
2718
|
+
function mn() {
|
|
2719
|
+
return /* @__PURE__ */ H("svg", {
|
|
2465
2720
|
width: "16",
|
|
2466
2721
|
height: "16",
|
|
2467
2722
|
viewBox: "0 0 16 16",
|
|
2468
2723
|
fill: "none",
|
|
2469
2724
|
stroke: "currentColor",
|
|
2470
2725
|
strokeWidth: "1.5",
|
|
2471
|
-
children: [/* @__PURE__ */
|
|
2726
|
+
children: [/* @__PURE__ */ V("circle", {
|
|
2472
2727
|
cx: "7",
|
|
2473
2728
|
cy: "7",
|
|
2474
2729
|
r: "4.5"
|
|
2475
|
-
}), /* @__PURE__ */
|
|
2730
|
+
}), /* @__PURE__ */ V("path", {
|
|
2476
2731
|
d: "M10.5 10.5L14 14",
|
|
2477
2732
|
strokeLinecap: "round"
|
|
2478
2733
|
})]
|
|
2479
2734
|
});
|
|
2480
2735
|
}
|
|
2481
|
-
function
|
|
2482
|
-
return /* @__PURE__ */
|
|
2736
|
+
function hn() {
|
|
2737
|
+
return /* @__PURE__ */ V("svg", {
|
|
2483
2738
|
width: "16",
|
|
2484
2739
|
height: "16",
|
|
2485
2740
|
viewBox: "0 0 16 16",
|
|
@@ -2488,11 +2743,11 @@ function Qt() {
|
|
|
2488
2743
|
strokeWidth: "1.5",
|
|
2489
2744
|
strokeLinecap: "round",
|
|
2490
2745
|
strokeLinejoin: "round",
|
|
2491
|
-
children: /* @__PURE__ */
|
|
2746
|
+
children: /* @__PURE__ */ V("path", { d: "M11 2l3 3-8 8H3v-3l8-8Z" })
|
|
2492
2747
|
});
|
|
2493
2748
|
}
|
|
2494
|
-
function
|
|
2495
|
-
return /* @__PURE__ */
|
|
2749
|
+
function gn() {
|
|
2750
|
+
return /* @__PURE__ */ V("svg", {
|
|
2496
2751
|
width: "14",
|
|
2497
2752
|
height: "14",
|
|
2498
2753
|
viewBox: "0 0 14 14",
|
|
@@ -2501,11 +2756,11 @@ function $t() {
|
|
|
2501
2756
|
strokeWidth: "1.5",
|
|
2502
2757
|
strokeLinecap: "round",
|
|
2503
2758
|
strokeLinejoin: "round",
|
|
2504
|
-
children: /* @__PURE__ */
|
|
2759
|
+
children: /* @__PURE__ */ V("path", { d: "M3.5 5.5L7 9l3.5-3.5" })
|
|
2505
2760
|
});
|
|
2506
2761
|
}
|
|
2507
|
-
function
|
|
2508
|
-
return /* @__PURE__ */
|
|
2762
|
+
function _n() {
|
|
2763
|
+
return /* @__PURE__ */ V("svg", {
|
|
2509
2764
|
width: "14",
|
|
2510
2765
|
height: "14",
|
|
2511
2766
|
viewBox: "0 0 14 14",
|
|
@@ -2514,24 +2769,24 @@ function en() {
|
|
|
2514
2769
|
strokeWidth: "1.5",
|
|
2515
2770
|
strokeLinecap: "round",
|
|
2516
2771
|
strokeLinejoin: "round",
|
|
2517
|
-
children: /* @__PURE__ */
|
|
2772
|
+
children: /* @__PURE__ */ V("path", { d: "M3.5 9L7 5.5 10.5 9" })
|
|
2518
2773
|
});
|
|
2519
2774
|
}
|
|
2520
|
-
function
|
|
2521
|
-
return /* @__PURE__ */
|
|
2775
|
+
function vn() {
|
|
2776
|
+
return /* @__PURE__ */ V("svg", {
|
|
2522
2777
|
width: "14",
|
|
2523
2778
|
height: "14",
|
|
2524
2779
|
viewBox: "0 0 14 14",
|
|
2525
2780
|
fill: "#c9a84e",
|
|
2526
|
-
children: /* @__PURE__ */
|
|
2781
|
+
children: /* @__PURE__ */ V("path", { d: "M7 1l1.76 3.52L13 5.26l-3 2.94.7 4.13L7 10.4 3.3 12.33l.7-4.13-3-2.94 4.24-.74L7 1Z" })
|
|
2527
2782
|
});
|
|
2528
2783
|
}
|
|
2529
|
-
function
|
|
2530
|
-
return /* @__PURE__ */
|
|
2784
|
+
function yn() {
|
|
2785
|
+
return /* @__PURE__ */ H("svg", {
|
|
2531
2786
|
width: "14",
|
|
2532
2787
|
height: "14",
|
|
2533
2788
|
viewBox: "0 0 14 14",
|
|
2534
|
-
children: [/* @__PURE__ */
|
|
2789
|
+
children: [/* @__PURE__ */ V("circle", {
|
|
2535
2790
|
cx: "7",
|
|
2536
2791
|
cy: "7",
|
|
2537
2792
|
r: "5.5",
|
|
@@ -2539,7 +2794,7 @@ function nn() {
|
|
|
2539
2794
|
stroke: "#c9a84e",
|
|
2540
2795
|
strokeWidth: "1.5",
|
|
2541
2796
|
strokeDasharray: "8.6 2.9"
|
|
2542
|
-
}), /* @__PURE__ */
|
|
2797
|
+
}), /* @__PURE__ */ V("circle", {
|
|
2543
2798
|
cx: "7",
|
|
2544
2799
|
cy: "7",
|
|
2545
2800
|
r: "2",
|
|
@@ -2547,17 +2802,17 @@ function nn() {
|
|
|
2547
2802
|
})]
|
|
2548
2803
|
});
|
|
2549
2804
|
}
|
|
2550
|
-
function
|
|
2551
|
-
return /* @__PURE__ */
|
|
2805
|
+
function bn() {
|
|
2806
|
+
return /* @__PURE__ */ H("svg", {
|
|
2552
2807
|
width: "14",
|
|
2553
2808
|
height: "14",
|
|
2554
2809
|
viewBox: "0 0 14 14",
|
|
2555
|
-
children: [/* @__PURE__ */
|
|
2810
|
+
children: [/* @__PURE__ */ V("circle", {
|
|
2556
2811
|
cx: "7",
|
|
2557
2812
|
cy: "7",
|
|
2558
2813
|
r: "6",
|
|
2559
2814
|
fill: "#5bb98e"
|
|
2560
|
-
}), /* @__PURE__ */
|
|
2815
|
+
}), /* @__PURE__ */ V("path", {
|
|
2561
2816
|
d: "M4.5 7l2 2 3-3.5",
|
|
2562
2817
|
stroke: "#08090a",
|
|
2563
2818
|
strokeWidth: "1.5",
|
|
@@ -2567,12 +2822,12 @@ function rn() {
|
|
|
2567
2822
|
})]
|
|
2568
2823
|
});
|
|
2569
2824
|
}
|
|
2570
|
-
function
|
|
2571
|
-
return /* @__PURE__ */
|
|
2825
|
+
function xn() {
|
|
2826
|
+
return /* @__PURE__ */ V("svg", {
|
|
2572
2827
|
width: "14",
|
|
2573
2828
|
height: "14",
|
|
2574
2829
|
viewBox: "0 0 14 14",
|
|
2575
|
-
children: /* @__PURE__ */
|
|
2830
|
+
children: /* @__PURE__ */ V("circle", {
|
|
2576
2831
|
cx: "7",
|
|
2577
2832
|
cy: "7",
|
|
2578
2833
|
r: "5.5",
|
|
@@ -2582,12 +2837,12 @@ function an() {
|
|
|
2582
2837
|
})
|
|
2583
2838
|
});
|
|
2584
2839
|
}
|
|
2585
|
-
function
|
|
2586
|
-
return /* @__PURE__ */
|
|
2840
|
+
function Sn() {
|
|
2841
|
+
return /* @__PURE__ */ V("svg", {
|
|
2587
2842
|
width: "14",
|
|
2588
2843
|
height: "14",
|
|
2589
2844
|
viewBox: "0 0 14 14",
|
|
2590
|
-
children: /* @__PURE__ */
|
|
2845
|
+
children: /* @__PURE__ */ V("circle", {
|
|
2591
2846
|
cx: "7",
|
|
2592
2847
|
cy: "7",
|
|
2593
2848
|
r: "5.5",
|
|
@@ -2598,19 +2853,19 @@ function on() {
|
|
|
2598
2853
|
})
|
|
2599
2854
|
});
|
|
2600
2855
|
}
|
|
2601
|
-
function
|
|
2602
|
-
return /* @__PURE__ */
|
|
2856
|
+
function Cn() {
|
|
2857
|
+
return /* @__PURE__ */ H("svg", {
|
|
2603
2858
|
width: "14",
|
|
2604
2859
|
height: "14",
|
|
2605
2860
|
viewBox: "0 0 14 14",
|
|
2606
|
-
children: [/* @__PURE__ */
|
|
2861
|
+
children: [/* @__PURE__ */ V("circle", {
|
|
2607
2862
|
cx: "7",
|
|
2608
2863
|
cy: "7",
|
|
2609
2864
|
r: "5.5",
|
|
2610
2865
|
fill: "none",
|
|
2611
2866
|
stroke: "#6b6d71",
|
|
2612
2867
|
strokeWidth: "1.5"
|
|
2613
|
-
}), /* @__PURE__ */
|
|
2868
|
+
}), /* @__PURE__ */ V("path", {
|
|
2614
2869
|
d: "M4.5 7h5",
|
|
2615
2870
|
stroke: "#6b6d71",
|
|
2616
2871
|
strokeWidth: "1.5",
|
|
@@ -2618,37 +2873,37 @@ function sn() {
|
|
|
2618
2873
|
})]
|
|
2619
2874
|
});
|
|
2620
2875
|
}
|
|
2621
|
-
function
|
|
2622
|
-
return /* @__PURE__ */
|
|
2876
|
+
function wn() {
|
|
2877
|
+
return /* @__PURE__ */ V("svg", {
|
|
2623
2878
|
width: "14",
|
|
2624
2879
|
height: "14",
|
|
2625
2880
|
viewBox: "0 0 14 14",
|
|
2626
2881
|
fill: "#c75a5a",
|
|
2627
|
-
children: /* @__PURE__ */
|
|
2882
|
+
children: /* @__PURE__ */ V("path", { d: "M7 1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V2a1 1 0 0 1 1-1Zm0 10a1.25 1.25 0 1 1 0 2.5A1.25 1.25 0 0 1 7 11Z" })
|
|
2628
2883
|
});
|
|
2629
2884
|
}
|
|
2630
|
-
function
|
|
2631
|
-
return /* @__PURE__ */
|
|
2885
|
+
function Tn() {
|
|
2886
|
+
return /* @__PURE__ */ H("svg", {
|
|
2632
2887
|
width: "14",
|
|
2633
2888
|
height: "14",
|
|
2634
2889
|
viewBox: "0 0 14 14",
|
|
2635
2890
|
fill: "#c4a06a",
|
|
2636
2891
|
children: [
|
|
2637
|
-
/* @__PURE__ */
|
|
2892
|
+
/* @__PURE__ */ V("rect", {
|
|
2638
2893
|
x: "2",
|
|
2639
2894
|
y: "8",
|
|
2640
2895
|
width: "2.5",
|
|
2641
2896
|
height: "4",
|
|
2642
2897
|
rx: "0.5"
|
|
2643
2898
|
}),
|
|
2644
|
-
/* @__PURE__ */
|
|
2899
|
+
/* @__PURE__ */ V("rect", {
|
|
2645
2900
|
x: "5.75",
|
|
2646
2901
|
y: "5",
|
|
2647
2902
|
width: "2.5",
|
|
2648
2903
|
height: "7",
|
|
2649
2904
|
rx: "0.5"
|
|
2650
2905
|
}),
|
|
2651
|
-
/* @__PURE__ */
|
|
2906
|
+
/* @__PURE__ */ V("rect", {
|
|
2652
2907
|
x: "9.5",
|
|
2653
2908
|
y: "2",
|
|
2654
2909
|
width: "2.5",
|
|
@@ -2658,13 +2913,13 @@ function ln() {
|
|
|
2658
2913
|
]
|
|
2659
2914
|
});
|
|
2660
2915
|
}
|
|
2661
|
-
function
|
|
2662
|
-
return /* @__PURE__ */
|
|
2916
|
+
function En() {
|
|
2917
|
+
return /* @__PURE__ */ H("svg", {
|
|
2663
2918
|
width: "14",
|
|
2664
2919
|
height: "14",
|
|
2665
2920
|
viewBox: "0 0 14 14",
|
|
2666
2921
|
children: [
|
|
2667
|
-
/* @__PURE__ */
|
|
2922
|
+
/* @__PURE__ */ V("rect", {
|
|
2668
2923
|
x: "2",
|
|
2669
2924
|
y: "8",
|
|
2670
2925
|
width: "2.5",
|
|
@@ -2672,7 +2927,7 @@ function un() {
|
|
|
2672
2927
|
rx: "0.5",
|
|
2673
2928
|
fill: "#c9a84e"
|
|
2674
2929
|
}),
|
|
2675
|
-
/* @__PURE__ */
|
|
2930
|
+
/* @__PURE__ */ V("rect", {
|
|
2676
2931
|
x: "5.75",
|
|
2677
2932
|
y: "5",
|
|
2678
2933
|
width: "2.5",
|
|
@@ -2680,7 +2935,7 @@ function un() {
|
|
|
2680
2935
|
rx: "0.5",
|
|
2681
2936
|
fill: "#c9a84e"
|
|
2682
2937
|
}),
|
|
2683
|
-
/* @__PURE__ */
|
|
2938
|
+
/* @__PURE__ */ V("rect", {
|
|
2684
2939
|
x: "9.5",
|
|
2685
2940
|
y: "2",
|
|
2686
2941
|
width: "2.5",
|
|
@@ -2691,13 +2946,13 @@ function un() {
|
|
|
2691
2946
|
]
|
|
2692
2947
|
});
|
|
2693
2948
|
}
|
|
2694
|
-
function
|
|
2695
|
-
return /* @__PURE__ */
|
|
2949
|
+
function Dn() {
|
|
2950
|
+
return /* @__PURE__ */ H("svg", {
|
|
2696
2951
|
width: "14",
|
|
2697
2952
|
height: "14",
|
|
2698
2953
|
viewBox: "0 0 14 14",
|
|
2699
2954
|
children: [
|
|
2700
|
-
/* @__PURE__ */
|
|
2955
|
+
/* @__PURE__ */ V("rect", {
|
|
2701
2956
|
x: "2",
|
|
2702
2957
|
y: "8",
|
|
2703
2958
|
width: "2.5",
|
|
@@ -2705,7 +2960,7 @@ function dn() {
|
|
|
2705
2960
|
rx: "0.5",
|
|
2706
2961
|
fill: "#5bb98e"
|
|
2707
2962
|
}),
|
|
2708
|
-
/* @__PURE__ */
|
|
2963
|
+
/* @__PURE__ */ V("rect", {
|
|
2709
2964
|
x: "5.75",
|
|
2710
2965
|
y: "5",
|
|
2711
2966
|
width: "2.5",
|
|
@@ -2713,7 +2968,7 @@ function dn() {
|
|
|
2713
2968
|
rx: "0.5",
|
|
2714
2969
|
fill: "#4e5054"
|
|
2715
2970
|
}),
|
|
2716
|
-
/* @__PURE__ */
|
|
2971
|
+
/* @__PURE__ */ V("rect", {
|
|
2717
2972
|
x: "9.5",
|
|
2718
2973
|
y: "2",
|
|
2719
2974
|
width: "2.5",
|
|
@@ -2724,8 +2979,8 @@ function dn() {
|
|
|
2724
2979
|
]
|
|
2725
2980
|
});
|
|
2726
2981
|
}
|
|
2727
|
-
function
|
|
2728
|
-
return /* @__PURE__ */
|
|
2982
|
+
function On() {
|
|
2983
|
+
return /* @__PURE__ */ V("svg", {
|
|
2729
2984
|
width: "14",
|
|
2730
2985
|
height: "14",
|
|
2731
2986
|
viewBox: "0 0 14 14",
|
|
@@ -2733,11 +2988,11 @@ function fn() {
|
|
|
2733
2988
|
stroke: "currentColor",
|
|
2734
2989
|
strokeWidth: "1.5",
|
|
2735
2990
|
strokeLinecap: "round",
|
|
2736
|
-
children: /* @__PURE__ */
|
|
2991
|
+
children: /* @__PURE__ */ V("path", { d: "M6 8l2-2m-2.5-.5L4 7a2.83 2.83 0 0 0 4 4l1.5-1.5m-1-5L10 3a2.83 2.83 0 0 1 4 4l-1.5 1.5" })
|
|
2737
2992
|
});
|
|
2738
2993
|
}
|
|
2739
|
-
function
|
|
2740
|
-
return /* @__PURE__ */
|
|
2994
|
+
function kn() {
|
|
2995
|
+
return /* @__PURE__ */ V("svg", {
|
|
2741
2996
|
width: "14",
|
|
2742
2997
|
height: "14",
|
|
2743
2998
|
viewBox: "0 0 14 14",
|
|
@@ -2746,11 +3001,11 @@ function pn() {
|
|
|
2746
3001
|
strokeWidth: "1.5",
|
|
2747
3002
|
strokeLinecap: "round",
|
|
2748
3003
|
strokeLinejoin: "round",
|
|
2749
|
-
children: /* @__PURE__ */
|
|
3004
|
+
children: /* @__PURE__ */ V("path", { d: "M2.5 4h9M5 4V2.5h4V4m-4.5 1v5.5m3-5.5v5.5M3.5 4l.5 8h6l.5-8" })
|
|
2750
3005
|
});
|
|
2751
3006
|
}
|
|
2752
|
-
function
|
|
2753
|
-
return /* @__PURE__ */
|
|
3007
|
+
function An() {
|
|
3008
|
+
return /* @__PURE__ */ H("svg", {
|
|
2754
3009
|
width: "14",
|
|
2755
3010
|
height: "14",
|
|
2756
3011
|
viewBox: "0 0 14 14",
|
|
@@ -2759,15 +3014,15 @@ function mn() {
|
|
|
2759
3014
|
strokeWidth: "1.5",
|
|
2760
3015
|
strokeLinecap: "round",
|
|
2761
3016
|
strokeLinejoin: "round",
|
|
2762
|
-
children: [/* @__PURE__ */
|
|
3017
|
+
children: [/* @__PURE__ */ V("path", { d: "M5.5 1.5h3l.5 1.5 1.5.5 1.5-.5 1.5 1.5-1 1.5.5 1.5h2v2h-2l-.5 1.5 1 1.5-1.5 1.5-1.5-.5-1.5.5-.5 1.5h-3l-.5-1.5L3.5 11.5 2 12 .5 10.5l1-1.5L1 7.5H-1v-2h2l.5-1.5-1-1.5L2 1l1.5.5L5 1l.5-.5Z" }), /* @__PURE__ */ V("circle", {
|
|
2763
3018
|
cx: "7",
|
|
2764
3019
|
cy: "7",
|
|
2765
3020
|
r: "2"
|
|
2766
3021
|
})]
|
|
2767
3022
|
});
|
|
2768
3023
|
}
|
|
2769
|
-
function
|
|
2770
|
-
return /* @__PURE__ */
|
|
3024
|
+
function jn() {
|
|
3025
|
+
return /* @__PURE__ */ V("svg", {
|
|
2771
3026
|
width: "14",
|
|
2772
3027
|
height: "14",
|
|
2773
3028
|
viewBox: "0 0 14 14",
|
|
@@ -2775,11 +3030,11 @@ function hn() {
|
|
|
2775
3030
|
stroke: "currentColor",
|
|
2776
3031
|
strokeWidth: "1.5",
|
|
2777
3032
|
strokeLinecap: "round",
|
|
2778
|
-
children: /* @__PURE__ */
|
|
3033
|
+
children: /* @__PURE__ */ V("path", { d: "M3.5 3.5l7 7M10.5 3.5l-7 7" })
|
|
2779
3034
|
});
|
|
2780
3035
|
}
|
|
2781
|
-
function
|
|
2782
|
-
return /* @__PURE__ */
|
|
3036
|
+
function Mn() {
|
|
3037
|
+
return /* @__PURE__ */ V("svg", {
|
|
2783
3038
|
width: "14",
|
|
2784
3039
|
height: "14",
|
|
2785
3040
|
viewBox: "0 0 14 14",
|
|
@@ -2788,11 +3043,11 @@ function gn() {
|
|
|
2788
3043
|
strokeWidth: "2",
|
|
2789
3044
|
strokeLinecap: "round",
|
|
2790
3045
|
strokeLinejoin: "round",
|
|
2791
|
-
children: /* @__PURE__ */
|
|
3046
|
+
children: /* @__PURE__ */ V("path", { d: "M3 7.5l3 3 5-6" })
|
|
2792
3047
|
});
|
|
2793
3048
|
}
|
|
2794
|
-
function
|
|
2795
|
-
return /* @__PURE__ */
|
|
3049
|
+
function Nn() {
|
|
3050
|
+
return /* @__PURE__ */ H("svg", {
|
|
2796
3051
|
width: "14",
|
|
2797
3052
|
height: "14",
|
|
2798
3053
|
viewBox: "0 0 14 14",
|
|
@@ -2801,17 +3056,17 @@ function _n() {
|
|
|
2801
3056
|
strokeWidth: "1.5",
|
|
2802
3057
|
strokeLinecap: "round",
|
|
2803
3058
|
strokeLinejoin: "round",
|
|
2804
|
-
children: [/* @__PURE__ */
|
|
3059
|
+
children: [/* @__PURE__ */ V("rect", {
|
|
2805
3060
|
x: "4.5",
|
|
2806
3061
|
y: "4.5",
|
|
2807
3062
|
width: "7",
|
|
2808
3063
|
height: "7",
|
|
2809
3064
|
rx: "1"
|
|
2810
|
-
}), /* @__PURE__ */
|
|
3065
|
+
}), /* @__PURE__ */ V("path", { d: "M9.5 4.5V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v5.5a1 1 0 0 0 1 1h1.5" })]
|
|
2811
3066
|
});
|
|
2812
3067
|
}
|
|
2813
|
-
function
|
|
2814
|
-
return /* @__PURE__ */
|
|
3068
|
+
function Pn() {
|
|
3069
|
+
return /* @__PURE__ */ V("svg", {
|
|
2815
3070
|
width: "14",
|
|
2816
3071
|
height: "14",
|
|
2817
3072
|
viewBox: "0 0 14 14",
|
|
@@ -2820,11 +3075,11 @@ function vn() {
|
|
|
2820
3075
|
strokeWidth: "1.5",
|
|
2821
3076
|
strokeLinecap: "round",
|
|
2822
3077
|
strokeLinejoin: "round",
|
|
2823
|
-
children: /* @__PURE__ */
|
|
3078
|
+
children: /* @__PURE__ */ V("path", { d: "M5.5 12a1.5 1.5 0 0 0 3 0M7 1a4 4 0 0 0-4 4c0 3-1.5 4.5-1.5 4.5h11S11 8 11 5a4 4 0 0 0-4-4Z" })
|
|
2824
3079
|
});
|
|
2825
3080
|
}
|
|
2826
|
-
function
|
|
2827
|
-
return /* @__PURE__ */
|
|
3081
|
+
function Fn() {
|
|
3082
|
+
return /* @__PURE__ */ H("svg", {
|
|
2828
3083
|
width: "14",
|
|
2829
3084
|
height: "14",
|
|
2830
3085
|
viewBox: "0 0 14 14",
|
|
@@ -2833,17 +3088,17 @@ function yn() {
|
|
|
2833
3088
|
strokeWidth: "1.5",
|
|
2834
3089
|
strokeLinecap: "round",
|
|
2835
3090
|
strokeLinejoin: "round",
|
|
2836
|
-
children: [/* @__PURE__ */
|
|
3091
|
+
children: [/* @__PURE__ */ V("rect", {
|
|
2837
3092
|
x: "1.5",
|
|
2838
3093
|
y: "2.5",
|
|
2839
3094
|
width: "11",
|
|
2840
3095
|
height: "10",
|
|
2841
3096
|
rx: "1"
|
|
2842
|
-
}), /* @__PURE__ */
|
|
3097
|
+
}), /* @__PURE__ */ V("path", { d: "M4.5 1v2.5M9.5 1v2.5M1.5 5.5h11" })]
|
|
2843
3098
|
});
|
|
2844
3099
|
}
|
|
2845
|
-
function
|
|
2846
|
-
return /* @__PURE__ */
|
|
3100
|
+
function In() {
|
|
3101
|
+
return /* @__PURE__ */ V("svg", {
|
|
2847
3102
|
width: "14",
|
|
2848
3103
|
height: "14",
|
|
2849
3104
|
viewBox: "0 0 14 14",
|
|
@@ -2852,20 +3107,20 @@ function bn() {
|
|
|
2852
3107
|
strokeWidth: "1.5",
|
|
2853
3108
|
strokeLinecap: "round",
|
|
2854
3109
|
strokeLinejoin: "round",
|
|
2855
|
-
children: /* @__PURE__ */
|
|
3110
|
+
children: /* @__PURE__ */ V("path", { d: "M1.5 3h11M3.5 7h7M5.5 11h3" })
|
|
2856
3111
|
});
|
|
2857
3112
|
}
|
|
2858
|
-
function
|
|
2859
|
-
return /* @__PURE__ */
|
|
3113
|
+
function Ln() {
|
|
3114
|
+
return /* @__PURE__ */ H("svg", {
|
|
2860
3115
|
width: "14",
|
|
2861
3116
|
height: "14",
|
|
2862
3117
|
viewBox: "0 0 14 14",
|
|
2863
3118
|
fill: "currentColor",
|
|
2864
|
-
children: [/* @__PURE__ */
|
|
3119
|
+
children: [/* @__PURE__ */ V("circle", {
|
|
2865
3120
|
cx: "7",
|
|
2866
3121
|
cy: "4.5",
|
|
2867
3122
|
r: "2.5"
|
|
2868
|
-
}), /* @__PURE__ */
|
|
3123
|
+
}), /* @__PURE__ */ V("path", {
|
|
2869
3124
|
d: "M2.5 12.5a4.5 4.5 0 0 1 9 0",
|
|
2870
3125
|
fill: "none",
|
|
2871
3126
|
stroke: "currentColor",
|
|
@@ -2873,8 +3128,8 @@ function xn() {
|
|
|
2873
3128
|
})]
|
|
2874
3129
|
});
|
|
2875
3130
|
}
|
|
2876
|
-
function
|
|
2877
|
-
return /* @__PURE__ */
|
|
3131
|
+
function Rn() {
|
|
3132
|
+
return /* @__PURE__ */ H("svg", {
|
|
2878
3133
|
width: "14",
|
|
2879
3134
|
height: "14",
|
|
2880
3135
|
viewBox: "0 0 14 14",
|
|
@@ -2883,7 +3138,7 @@ function Sn() {
|
|
|
2883
3138
|
strokeWidth: "1.5",
|
|
2884
3139
|
strokeLinecap: "round",
|
|
2885
3140
|
strokeLinejoin: "round",
|
|
2886
|
-
children: [/* @__PURE__ */
|
|
3141
|
+
children: [/* @__PURE__ */ V("path", { d: "M1.5 8.5V2a.5.5 0 0 1 .5-.5h6.5L13 6l-5.5 5.5L1.5 8.5Z" }), /* @__PURE__ */ V("circle", {
|
|
2887
3142
|
cx: "5",
|
|
2888
3143
|
cy: "5",
|
|
2889
3144
|
r: "1",
|
|
@@ -2892,4 +3147,4 @@ function Sn() {
|
|
|
2892
3147
|
});
|
|
2893
3148
|
}
|
|
2894
3149
|
//#endregion
|
|
2895
|
-
export {
|
|
3150
|
+
export { $e as Accordion, Qe as AccordionItem, qt as ActivityFeed, Je as AppLoader, K as Avatar, q as Badge, Pn as BellIcon, ot as Button, Fn as CalendarIcon, ct as Card, ft as CardContent, dt as CardDescription, pt as CardFooter, lt as CardHeader, ut as CardTitle, Mn as CheckIcon, gn as ChevronDown, _n as ChevronUp, jn as CloseIcon, Jt as CommandBar, Nn as CopyIcon, Bt as DEFAULT_ICON_BY_VALUE, Vt as DEFAULT_VIEW_MODE_OPTIONS, Yt as DataTable, ht as Dialog, yt as DialogBody, vt as DialogDescription, bt as DialogFooter, gt as DialogHeader, _t as DialogTitle, Ct as DropdownMenu, Tt as DropdownMenuCheckboxItem, wt as DropdownMenuItem, Et as DropdownMenuLabel, Dt as DropdownMenuSeparator, hn as EditIcon, Ge as FCCAppShell, Ke as FCCBrandLogo, Ie as FCCBreadcrumbs, be as FCCDesignProvider, Ze as FCCDetailsPanel, Re as FCCHeaderStatus, Xe as FCCLoader, Be as FCCMainWindow, Se as FCCSidePanel, je as FCCSidePanelAction, we as FCCSidePanelBody, ke as FCCSidePanelCard, Me as FCCSidePanelChatWrap, Ae as FCCSidePanelContact, Ne as FCCSidePanelConversation, De as FCCSidePanelGroupLabel, Ce as FCCSidePanelHeader, Oe as FCCSidePanelItem, Pe as FCCSidePanelMessage, Ee as FCCSidePanelSearch, Te as FCCSidePanelTabs, We as FCCSidebar, qe as FCCThemeToggle, ze as FCCWorkspaceHeader, Xt as FilterBar, In as FilterIcon, sn as InboxIcon, dn as InitiativesIcon, xt as Input, cn as IssuesIcon, rn as KPICard, Zt as KanbanBoard, $t as KanbanCard, Qt as KanbanColumn, Rn as LabelIcon, On as LinkIcon, pn as MoreIcon, on as NotificationsPanel, Tn as PriorityHigh, Dn as PriorityLow, En as PriorityMedium, wn as PriorityUrgent, fn as ProjectsIcon, un as PulseIcon, ln as ReviewsIcon, St as RichTextEditor, mn as SearchIcon, Ot as SearchableSelect, An as SettingsIcon, kt as Sheet, At as SheetFooter, Ye as Spinner, vn as StarIcon, an as StatCard, Sn as StatusBacklog, Cn as StatusCancelled, bn as StatusDone, yn as StatusInProgress, X as StatusMetric, xn as StatusTodo, Nt as Switch, en as TableBoard, tn as TableBoardGroup, nn as TableBoardRow, Pt as Tabs, Lt as TabsContent, Ft as TabsList, It as TabsTrigger, Rt as Textarea, ye as ThemeProvider, pe as ToastProvider, zt as Tooltip, kn as TrashIcon, Ln as UserIcon, Wt as ViewModeToggle, Kt as WorkspaceTabs, W as useTheme, me as useToast };
|