@krosoft/react 0.0.88 → 0.0.89
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/{AppSubTitle-DaFa30Qp.js → AppSubTitle-RKbtrPJr.js} +1 -1
- package/dist/{AppTitle-COtcNGNr.js → AppTitle-DCQpP2qE.js} +27 -27
- package/dist/AppVerticalTabs-pK3i9ZTD.js +110 -0
- package/dist/FormDialog-CXLQG83d.js +250 -0
- package/dist/{MetricCard-L5ETuqBs.js → MetricCard-DB1ME6tD.js} +3 -3
- package/dist/{SearchInput-BxnaShYy.js → SearchInput-D_SLIZ2y.js} +37 -37
- package/dist/{TableFilter-RzydxKBF.js → TableFilter-DXTOY-oa.js} +22 -22
- package/dist/{TableSettings-Bwysm3KH.js → TableSettings-CBtuAPgM.js} +27 -27
- package/dist/{ThemeSelector-mZBbr2qt.js → ThemeSelector-CU8JmN2b.js} +14 -15
- package/dist/{Topbar-DzFClMWt.js → Topbar-BzZxu1Zi.js} +28 -29
- package/dist/{badge-DCS7KMnM.js → badge-DyRSpnOb.js} +3 -3
- package/dist/components/core/cards/index.js +1 -1
- package/dist/components/core/dialogs/index.js +12 -11
- package/dist/components/core/filters/index.js +1 -1
- package/dist/components/core/index.js +55 -54
- package/dist/components/core/inputs/index.js +1 -1
- package/dist/components/core/layouts/index.js +2 -2
- package/dist/components/core/navbar/index.js +1 -1
- package/dist/components/core/table/index.js +1 -1
- package/dist/components/core/tabs/index.js +1 -1
- package/dist/components/core/theme/index.js +1 -1
- package/dist/components/index.js +136 -108
- package/dist/components/ui/index.d.ts +8 -0
- package/dist/components/ui/index.d.ts.map +1 -1
- package/dist/components/ui/index.js +89 -50
- package/dist/ellipsis-vertical-CqrunffH.js +15 -0
- package/dist/{select-C6w0ck7-.js → select-B5wF6jxC.js} +6 -6
- package/dist/skeleton-CJ1F2tD3.js +8 -0
- package/dist/tabs-BYqvMsA6.js +6628 -0
- package/dist/tooltip-BzTGwm2E.js +2505 -0
- package/package.json +1 -1
- package/dist/AppVerticalTabs-aeKDheVe.js +0 -829
- package/dist/FormDialog-B3u7bHU_.js +0 -472
- package/dist/dropdown-menu-BDcm9kW8.js +0 -1086
- package/dist/index-DUnCfjrC.js +0 -2176
- package/dist/popover-PsZp711z.js +0 -4533
- package/dist/tooltip-CtjaR1qq.js +0 -337
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as d, jsx as n } from "react/jsx-runtime";
|
|
2
2
|
import * as L from "react";
|
|
3
3
|
import { useState as P, useRef as j, useEffect as T, useMemo as z } from "react";
|
|
4
|
-
import { E,
|
|
5
|
-
import { B as
|
|
4
|
+
import { a9 as E, aa as C, ab as k, ac as q, ad as S, C as R, E as X, G as _, a6 as D, F as V, l as O, I } from "./tabs-BYqvMsA6.js";
|
|
5
|
+
import { B as y, C as A } from "./tooltip-BzTGwm2E.js";
|
|
6
6
|
import "./card-7XPLAra3.js";
|
|
7
|
-
import { c as
|
|
8
|
-
import { C as Q } from "./select-
|
|
7
|
+
import { c as b } from "./index-gWiv5-6R.js";
|
|
8
|
+
import { C as Q } from "./select-B5wF6jxC.js";
|
|
9
9
|
import { c as F } from "./createLucideIcon-CRdjzt2A.js";
|
|
10
10
|
/**
|
|
11
11
|
* @license lucide-react v1.16.0 - ISC
|
|
@@ -28,7 +28,7 @@ const Y = [
|
|
|
28
28
|
const $ = [
|
|
29
29
|
["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
|
|
30
30
|
["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
|
|
31
|
-
],
|
|
31
|
+
], J = F("search", $), B = {
|
|
32
32
|
lessThanXSeconds: {
|
|
33
33
|
one: "moins d’une seconde",
|
|
34
34
|
other: "moins de {{count}} secondes"
|
|
@@ -261,7 +261,7 @@ const $ = [
|
|
|
261
261
|
narrow: /^[jfmasond]/i,
|
|
262
262
|
abbreviated: /^(janv|févr|mars|avr|mai|juin|juill|juil|août|sept|oct|nov|déc)\.?/i,
|
|
263
263
|
wide: /^(janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)/i
|
|
264
|
-
},
|
|
264
|
+
}, be = {
|
|
265
265
|
narrow: [
|
|
266
266
|
/^j/i,
|
|
267
267
|
/^f/i,
|
|
@@ -290,7 +290,7 @@ const $ = [
|
|
|
290
290
|
/^n/i,
|
|
291
291
|
/^d/i
|
|
292
292
|
]
|
|
293
|
-
},
|
|
293
|
+
}, ye = {
|
|
294
294
|
narrow: /^[lmjvsd]/i,
|
|
295
295
|
short: /^(di|lu|ma|me|je|ve|sa)/i,
|
|
296
296
|
abbreviated: /^(dim|lun|mar|mer|jeu|ven|sam)\.?/i,
|
|
@@ -334,11 +334,11 @@ const $ = [
|
|
|
334
334
|
month: k({
|
|
335
335
|
matchPatterns: ge,
|
|
336
336
|
defaultMatchWidth: "wide",
|
|
337
|
-
parsePatterns:
|
|
337
|
+
parsePatterns: be,
|
|
338
338
|
defaultParseWidth: "any"
|
|
339
339
|
}),
|
|
340
340
|
day: k({
|
|
341
|
-
matchPatterns:
|
|
341
|
+
matchPatterns: ye,
|
|
342
342
|
defaultMatchWidth: "wide",
|
|
343
343
|
parsePatterns: xe,
|
|
344
344
|
defaultParseWidth: "any"
|
|
@@ -378,12 +378,12 @@ const $ = [
|
|
|
378
378
|
};
|
|
379
379
|
return /* @__PURE__ */ d("div", { ref: l, className: "relative w-full", children: [
|
|
380
380
|
/* @__PURE__ */ d(
|
|
381
|
-
|
|
381
|
+
y,
|
|
382
382
|
{
|
|
383
383
|
variant: "outline",
|
|
384
384
|
type: "button",
|
|
385
385
|
onClick: m,
|
|
386
|
-
className:
|
|
386
|
+
className: b(
|
|
387
387
|
"w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
388
388
|
r && "ring-2 ring-ring ring-offset-2",
|
|
389
389
|
e === void 0 && "text-muted-foreground"
|
|
@@ -396,7 +396,7 @@ const $ = [
|
|
|
396
396
|
),
|
|
397
397
|
r ? /* @__PURE__ */ n("div", { className: "absolute left-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: /* @__PURE__ */ n(R, { mode: "single", selected: e, onSelect: c }) }) : null
|
|
398
398
|
] });
|
|
399
|
-
},
|
|
399
|
+
}, De = ({ value: e, onChange: t, placeholder: s = "Selectionner une periode", className: r }) => {
|
|
400
400
|
const [i, l] = L.useState(!1), [m, c] = L.useState(e);
|
|
401
401
|
L.useEffect(() => {
|
|
402
402
|
i && c(e);
|
|
@@ -410,12 +410,12 @@ const $ = [
|
|
|
410
410
|
}, x = () => {
|
|
411
411
|
c(void 0);
|
|
412
412
|
}, w = (h) => h != null && h.from ? !h.to || h.from.getTime() === h.to.getTime() ? S(h.from, "dd MMM yyyy", { locale: W }) : `${S(h.from, "dd MMM yyyy", { locale: W })} - ${S(h.to, "dd MMM yyyy", { locale: W })}` : s;
|
|
413
|
-
return /* @__PURE__ */ n("div", { className:
|
|
414
|
-
/* @__PURE__ */ n(_, { asChild: !0, children: /* @__PURE__ */ d(
|
|
413
|
+
return /* @__PURE__ */ n("div", { className: b("grid gap-2", r), children: /* @__PURE__ */ d(X, { open: i, onOpenChange: l, children: [
|
|
414
|
+
/* @__PURE__ */ n(_, { asChild: !0, children: /* @__PURE__ */ d(y, { id: "date", variant: "outline", className: b("w-[300px] justify-start text-left font-normal", !(e != null && e.from) && "text-muted-foreground"), children: [
|
|
415
415
|
/* @__PURE__ */ n(H, { className: "mr-2 size-4" }),
|
|
416
416
|
w(e),
|
|
417
417
|
(e == null ? void 0 : e.from) && /* @__PURE__ */ n(
|
|
418
|
-
|
|
418
|
+
y,
|
|
419
419
|
{
|
|
420
420
|
type: "button",
|
|
421
421
|
variant: "ghost",
|
|
@@ -423,7 +423,7 @@ const $ = [
|
|
|
423
423
|
"aria-label": "Effacer la periode selectionnee",
|
|
424
424
|
className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
|
|
425
425
|
onClick: u,
|
|
426
|
-
children: /* @__PURE__ */ n(
|
|
426
|
+
children: /* @__PURE__ */ n(D, { className: "size-4" })
|
|
427
427
|
}
|
|
428
428
|
)
|
|
429
429
|
] }) }),
|
|
@@ -441,15 +441,15 @@ const $ = [
|
|
|
441
441
|
}
|
|
442
442
|
),
|
|
443
443
|
/* @__PURE__ */ d("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
|
|
444
|
-
/* @__PURE__ */ n(
|
|
444
|
+
/* @__PURE__ */ n(y, { variant: "ghost", size: "sm", onClick: x, children: "Effacer" }),
|
|
445
445
|
/* @__PURE__ */ d("div", { className: "flex gap-2", children: [
|
|
446
|
-
/* @__PURE__ */ n(
|
|
447
|
-
/* @__PURE__ */ n(
|
|
446
|
+
/* @__PURE__ */ n(y, { variant: "ghost", size: "sm", onClick: p, children: "Annuler" }),
|
|
447
|
+
/* @__PURE__ */ n(y, { size: "sm", onClick: f, children: "Appliquer" })
|
|
448
448
|
] })
|
|
449
449
|
] })
|
|
450
450
|
] })
|
|
451
451
|
] }) });
|
|
452
|
-
},
|
|
452
|
+
}, Je = ({
|
|
453
453
|
options: e,
|
|
454
454
|
selected: t,
|
|
455
455
|
onToggle: s,
|
|
@@ -489,14 +489,14 @@ const $ = [
|
|
|
489
489
|
};
|
|
490
490
|
return /* @__PURE__ */ d("div", { ref: w, className: "relative w-full", children: [
|
|
491
491
|
/* @__PURE__ */ d(
|
|
492
|
-
|
|
492
|
+
y,
|
|
493
493
|
{
|
|
494
494
|
variant: "outline",
|
|
495
495
|
type: "button",
|
|
496
496
|
onClick: () => {
|
|
497
497
|
x((a) => (a && f(""), !a));
|
|
498
498
|
},
|
|
499
|
-
className:
|
|
499
|
+
className: b(
|
|
500
500
|
"w-full justify-between text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
501
501
|
p && "ring-2 ring-ring ring-offset-2",
|
|
502
502
|
t.length === 0 && "text-muted-foreground"
|
|
@@ -515,17 +515,17 @@ const $ = [
|
|
|
515
515
|
a.stopPropagation(), r();
|
|
516
516
|
},
|
|
517
517
|
className: "rounded-full p-0.5 opacity-50 transition-opacity hover:opacity-100",
|
|
518
|
-
children: /* @__PURE__ */ n(
|
|
518
|
+
children: /* @__PURE__ */ n(D, { className: "h-3.5 w-3.5" })
|
|
519
519
|
}
|
|
520
520
|
),
|
|
521
|
-
/* @__PURE__ */ n(A, { className:
|
|
521
|
+
/* @__PURE__ */ n(A, { className: b("h-4 w-4 opacity-50 transition-transform", p && "rotate-180") })
|
|
522
522
|
] })
|
|
523
523
|
]
|
|
524
524
|
}
|
|
525
525
|
),
|
|
526
526
|
p ? /* @__PURE__ */ d("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
|
|
527
527
|
m ? /* @__PURE__ */ n("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ d("div", { className: "relative", children: [
|
|
528
|
-
/* @__PURE__ */ n(
|
|
528
|
+
/* @__PURE__ */ n(J, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
|
|
529
529
|
/* @__PURE__ */ n(
|
|
530
530
|
"input",
|
|
531
531
|
{
|
|
@@ -600,27 +600,27 @@ const $ = [
|
|
|
600
600
|
};
|
|
601
601
|
return /* @__PURE__ */ d("div", { ref: f, className: "relative w-full", children: [
|
|
602
602
|
/* @__PURE__ */ d(
|
|
603
|
-
|
|
603
|
+
y,
|
|
604
604
|
{
|
|
605
605
|
variant: "outline",
|
|
606
606
|
type: "button",
|
|
607
607
|
onClick: () => {
|
|
608
608
|
u((o) => (o && m(""), !o));
|
|
609
609
|
},
|
|
610
|
-
className:
|
|
610
|
+
className: b(
|
|
611
611
|
"w-full justify-between text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
|
|
612
612
|
c && "ring-2 ring-ring ring-offset-2",
|
|
613
613
|
(t === void 0 || t === "") && "text-muted-foreground"
|
|
614
614
|
),
|
|
615
615
|
children: [
|
|
616
616
|
/* @__PURE__ */ n("span", { className: "truncate", children: w ?? r }),
|
|
617
|
-
/* @__PURE__ */ n(A, { className:
|
|
617
|
+
/* @__PURE__ */ n(A, { className: b("h-4 w-4 opacity-50 shrink-0 transition-transform", c && "rotate-180") })
|
|
618
618
|
]
|
|
619
619
|
}
|
|
620
620
|
),
|
|
621
621
|
c ? /* @__PURE__ */ d("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
|
|
622
622
|
/* @__PURE__ */ n("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ d("div", { className: "relative", children: [
|
|
623
|
-
/* @__PURE__ */ n(
|
|
623
|
+
/* @__PURE__ */ n(J, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
|
|
624
624
|
/* @__PURE__ */ n(
|
|
625
625
|
"input",
|
|
626
626
|
{
|
|
@@ -643,12 +643,12 @@ const $ = [
|
|
|
643
643
|
onClick: () => {
|
|
644
644
|
h(o.value);
|
|
645
645
|
},
|
|
646
|
-
className:
|
|
646
|
+
className: b(
|
|
647
647
|
"flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors text-left w-full",
|
|
648
648
|
t === o.value && "bg-muted font-medium"
|
|
649
649
|
),
|
|
650
650
|
children: [
|
|
651
|
-
/* @__PURE__ */ n(Q, { className:
|
|
651
|
+
/* @__PURE__ */ n(Q, { className: b("size-3.5 shrink-0", t === o.value ? "opacity-100" : "opacity-0") }),
|
|
652
652
|
o.label
|
|
653
653
|
]
|
|
654
654
|
},
|
|
@@ -669,8 +669,8 @@ const $ = [
|
|
|
669
669
|
const c = e ?? t ?? "", u = () => {
|
|
670
670
|
r(""), l !== void 0 && l();
|
|
671
671
|
};
|
|
672
|
-
return /* @__PURE__ */ d("div", { className:
|
|
673
|
-
/* @__PURE__ */ n(
|
|
672
|
+
return /* @__PURE__ */ d("div", { className: b("relative h-fit w-full md:w-64", m), children: [
|
|
673
|
+
/* @__PURE__ */ n(J, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
|
|
674
674
|
/* @__PURE__ */ n(
|
|
675
675
|
I,
|
|
676
676
|
{
|
|
@@ -685,14 +685,14 @@ const $ = [
|
|
|
685
685
|
}
|
|
686
686
|
}
|
|
687
687
|
),
|
|
688
|
-
c !== "" ? /* @__PURE__ */ n("button", { onClick: u, className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700", type: "button", children: /* @__PURE__ */ n(
|
|
688
|
+
c !== "" ? /* @__PURE__ */ n("button", { onClick: u, className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700", type: "button", children: /* @__PURE__ */ n(D, { className: "size-4" }) }) : null
|
|
689
689
|
] });
|
|
690
690
|
};
|
|
691
691
|
export {
|
|
692
692
|
Ee as D,
|
|
693
|
-
|
|
693
|
+
Je as M,
|
|
694
694
|
Re as S,
|
|
695
|
-
|
|
695
|
+
De as a,
|
|
696
696
|
Oe as b,
|
|
697
|
-
|
|
697
|
+
J as c
|
|
698
698
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as m, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useState as k, useEffect as M, useMemo as A } from "react";
|
|
3
|
-
import { M as O, a as $, D as
|
|
4
|
-
import {
|
|
5
|
-
import { B as w,
|
|
3
|
+
import { M as O, a as $, D as I, b as R, c as _, S as j } from "./SearchInput-D_SLIZ2y.js";
|
|
4
|
+
import { a6 as C, I as E, K as z, W as Q, N as V, R as B, V as H, L as G, Q as K, E as W, G as X, F as J, l as P } from "./tabs-BYqvMsA6.js";
|
|
5
|
+
import { B as w, C as U } from "./tooltip-BzTGwm2E.js";
|
|
6
6
|
import "./card-7XPLAra3.js";
|
|
7
|
-
import { S as Y, h as Z, i as q, a as ee, c as re } from "./select-
|
|
8
|
-
import { B as L } from "./badge-
|
|
7
|
+
import { S as Y, h as Z, i as q, a as ee, c as re } from "./select-B5wF6jxC.js";
|
|
8
|
+
import { B as L } from "./badge-DyRSpnOb.js";
|
|
9
9
|
import { c as te } from "./index-gWiv5-6R.js";
|
|
10
10
|
import { c as le } from "./createLucideIcon-CRdjzt2A.js";
|
|
11
11
|
/**
|
|
@@ -86,7 +86,7 @@ const ne = ({ field: s, value: l, onChange: a, onToggleMultiSelect: o }) => {
|
|
|
86
86
|
switch (s.type) {
|
|
87
87
|
case "text":
|
|
88
88
|
return /* @__PURE__ */ r(
|
|
89
|
-
|
|
89
|
+
E,
|
|
90
90
|
{
|
|
91
91
|
placeholder: s.placeholder,
|
|
92
92
|
value: l ?? "",
|
|
@@ -97,7 +97,7 @@ const ne = ({ field: s, value: l, onChange: a, onToggleMultiSelect: o }) => {
|
|
|
97
97
|
);
|
|
98
98
|
case "number":
|
|
99
99
|
return /* @__PURE__ */ r(
|
|
100
|
-
|
|
100
|
+
E,
|
|
101
101
|
{
|
|
102
102
|
type: "number",
|
|
103
103
|
placeholder: s.placeholder,
|
|
@@ -111,7 +111,7 @@ const ne = ({ field: s, value: l, onChange: a, onToggleMultiSelect: o }) => {
|
|
|
111
111
|
);
|
|
112
112
|
case "select":
|
|
113
113
|
return s.searchable === !0 ? /* @__PURE__ */ r(
|
|
114
|
-
|
|
114
|
+
R,
|
|
115
115
|
{
|
|
116
116
|
options: s.options ?? [],
|
|
117
117
|
value: l,
|
|
@@ -124,7 +124,7 @@ const ne = ({ field: s, value: l, onChange: a, onToggleMultiSelect: o }) => {
|
|
|
124
124
|
/* @__PURE__ */ r(ee, { children: (i = s.options) == null ? void 0 : i.map((d) => /* @__PURE__ */ r(re, { value: d.value, children: d.label }, d.value)) })
|
|
125
125
|
] });
|
|
126
126
|
case "date":
|
|
127
|
-
return /* @__PURE__ */ r(
|
|
127
|
+
return /* @__PURE__ */ r(I, { date: l, onDateChange: a, placeholder: s.placeholder ?? "Sélectionner une date" });
|
|
128
128
|
case "date-range":
|
|
129
129
|
return /* @__PURE__ */ r($, { value: l, onChange: a, placeholder: s.placeholder });
|
|
130
130
|
case "multi-select":
|
|
@@ -168,17 +168,17 @@ function oe({
|
|
|
168
168
|
}, N = () => {
|
|
169
169
|
f({}), a({}), n(!1);
|
|
170
170
|
};
|
|
171
|
-
return /* @__PURE__ */ m(
|
|
172
|
-
/* @__PURE__ */ r(
|
|
171
|
+
return /* @__PURE__ */ m(z, { open: d, onOpenChange: n, children: [
|
|
172
|
+
/* @__PURE__ */ r(Q, { asChild: !0, children: /* @__PURE__ */ m(w, { variant: "outline", className: "gap-2", children: [
|
|
173
173
|
/* @__PURE__ */ r(se, { className: "size-4 shrink-0" }),
|
|
174
174
|
o
|
|
175
175
|
] }) }),
|
|
176
|
-
/* @__PURE__ */ m(
|
|
177
|
-
/* @__PURE__ */ r(
|
|
176
|
+
/* @__PURE__ */ m(V, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
|
|
177
|
+
/* @__PURE__ */ r(B, { className: "p-6 pb-0", children: /* @__PURE__ */ r(H, { children: i }) }),
|
|
178
178
|
/* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto p-6 pt-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: s.map((g, t) => /* @__PURE__ */ m("div", { className: "space-y-4", children: [
|
|
179
179
|
/* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-gray-900 dark:text-gray-100 border-b pb-2", children: g.title }),
|
|
180
180
|
g.filters.map((h) => /* @__PURE__ */ m("div", { className: "space-y-2", children: [
|
|
181
|
-
/* @__PURE__ */ r(
|
|
181
|
+
/* @__PURE__ */ r(G, { htmlFor: h.key, children: h.label }),
|
|
182
182
|
/* @__PURE__ */ r(
|
|
183
183
|
ne,
|
|
184
184
|
{
|
|
@@ -194,7 +194,7 @@ function oe({
|
|
|
194
194
|
)
|
|
195
195
|
] }, h.key))
|
|
196
196
|
] }, t)) }) }),
|
|
197
|
-
/* @__PURE__ */ m(
|
|
197
|
+
/* @__PURE__ */ m(K, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
|
|
198
198
|
/* @__PURE__ */ r(w, { variant: "outline", className: "flex-1", onClick: N, children: "Effacer les filtres" }),
|
|
199
199
|
/* @__PURE__ */ r(w, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: b, children: "Rechercher" })
|
|
200
200
|
] })
|
|
@@ -230,24 +230,24 @@ function ie({
|
|
|
230
230
|
});
|
|
231
231
|
};
|
|
232
232
|
return /* @__PURE__ */ m(
|
|
233
|
-
|
|
233
|
+
W,
|
|
234
234
|
{
|
|
235
235
|
onOpenChange: () => {
|
|
236
236
|
x("");
|
|
237
237
|
},
|
|
238
238
|
children: [
|
|
239
|
-
/* @__PURE__ */ r(
|
|
239
|
+
/* @__PURE__ */ r(X, { asChild: !0, children: /* @__PURE__ */ m(
|
|
240
240
|
"button",
|
|
241
241
|
{
|
|
242
242
|
className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors whitespace-nowrap ${v ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-card text-card-foreground hover:bg-muted"}`,
|
|
243
243
|
children: [
|
|
244
244
|
s,
|
|
245
245
|
a.length > 0 && /* @__PURE__ */ r("span", { className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold text-primary-foreground", children: a.length }),
|
|
246
|
-
/* @__PURE__ */ r(
|
|
246
|
+
/* @__PURE__ */ r(U, { className: "size-3.5 opacity-60" })
|
|
247
247
|
]
|
|
248
248
|
}
|
|
249
249
|
) }),
|
|
250
|
-
/* @__PURE__ */ m(
|
|
250
|
+
/* @__PURE__ */ m(J, { className: "w-56 p-0", align: "start", children: [
|
|
251
251
|
n ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ m("div", { className: "relative", children: [
|
|
252
252
|
/* @__PURE__ */ r(_, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
|
|
253
253
|
/* @__PURE__ */ r(
|
|
@@ -265,13 +265,13 @@ function ie({
|
|
|
265
265
|
] }) }) : null,
|
|
266
266
|
/* @__PURE__ */ m("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
|
|
267
267
|
b.length > 0 && /* @__PURE__ */ m("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
|
|
268
|
-
/* @__PURE__ */ r(
|
|
268
|
+
/* @__PURE__ */ r(P, { checked: N, onCheckedChange: g }),
|
|
269
269
|
"Tout sélectionner"
|
|
270
270
|
] }),
|
|
271
271
|
b.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
|
|
272
272
|
b.map((t) => /* @__PURE__ */ m("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
|
|
273
273
|
/* @__PURE__ */ r(
|
|
274
|
-
|
|
274
|
+
P,
|
|
275
275
|
{
|
|
276
276
|
checked: a.includes(t.value),
|
|
277
277
|
onCheckedChange: () => {
|
|
@@ -354,7 +354,7 @@ function ye({
|
|
|
354
354
|
return /* @__PURE__ */ m("div", { className: "space-y-4 w-full", children: [
|
|
355
355
|
/* @__PURE__ */ r("div", { className: "flex flex-wrap items-center gap-3 justify-between", children: /* @__PURE__ */ m("div", { className: "flex flex-wrap items-center gap-3", children: [
|
|
356
356
|
l !== void 0 ? /* @__PURE__ */ r(
|
|
357
|
-
|
|
357
|
+
j,
|
|
358
358
|
{
|
|
359
359
|
searchQuery: s,
|
|
360
360
|
onSearch: l,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import { B as x } from "./
|
|
2
|
+
import { m as j, B as M, o as D, q as A, l as _, a7 as B, a8 as L, n as I } from "./tabs-BYqvMsA6.js";
|
|
3
|
+
import { B as x } from "./tooltip-BzTGwm2E.js";
|
|
4
4
|
import "./card-7XPLAra3.js";
|
|
5
|
-
import "./select-
|
|
6
|
-
import {
|
|
5
|
+
import "./select-B5wF6jxC.js";
|
|
6
|
+
import { E as V } from "./ellipsis-vertical-CqrunffH.js";
|
|
7
7
|
import { L as q } from "./loader-circle-BhJXKs31.js";
|
|
8
|
-
import { c as
|
|
8
|
+
import { c as b } from "./createLucideIcon-CRdjzt2A.js";
|
|
9
9
|
/**
|
|
10
10
|
* @license lucide-react v1.16.0 - ISC
|
|
11
11
|
*
|
|
@@ -15,7 +15,7 @@ import { c as v } from "./createLucideIcon-CRdjzt2A.js";
|
|
|
15
15
|
const E = [
|
|
16
16
|
["path", { d: "M12 5v14", key: "s699le" }],
|
|
17
17
|
["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
|
|
18
|
-
], H =
|
|
18
|
+
], H = b("arrow-down", E);
|
|
19
19
|
/**
|
|
20
20
|
* @license lucide-react v1.16.0 - ISC
|
|
21
21
|
*
|
|
@@ -27,7 +27,7 @@ const U = [
|
|
|
27
27
|
["path", { d: "M17 20V4", key: "1ejh1v" }],
|
|
28
28
|
["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
|
|
29
29
|
["path", { d: "M7 4v16", key: "1glfcx" }]
|
|
30
|
-
], G =
|
|
30
|
+
], G = b("arrow-up-down", U);
|
|
31
31
|
/**
|
|
32
32
|
* @license lucide-react v1.16.0 - ISC
|
|
33
33
|
*
|
|
@@ -37,7 +37,7 @@ const U = [
|
|
|
37
37
|
const O = [
|
|
38
38
|
["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
|
|
39
39
|
["path", { d: "M12 19V5", key: "x0mq9r" }]
|
|
40
|
-
], F =
|
|
40
|
+
], F = b("arrow-up", O);
|
|
41
41
|
/**
|
|
42
42
|
* @license lucide-react v1.16.0 - ISC
|
|
43
43
|
*
|
|
@@ -51,7 +51,7 @@ const J = [
|
|
|
51
51
|
["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
|
|
52
52
|
["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
|
|
53
53
|
["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
|
|
54
|
-
], Q =
|
|
54
|
+
], Q = b("grip-vertical", J);
|
|
55
55
|
/**
|
|
56
56
|
* @license lucide-react v1.16.0 - ISC
|
|
57
57
|
*
|
|
@@ -67,12 +67,12 @@ const W = [
|
|
|
67
67
|
}
|
|
68
68
|
],
|
|
69
69
|
["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
|
|
70
|
-
], X =
|
|
70
|
+
], X = b("settings", W);
|
|
71
71
|
function Y({ actions: c, row: n }) {
|
|
72
|
-
return /* @__PURE__ */ t(
|
|
73
|
-
/* @__PURE__ */ e(
|
|
72
|
+
return /* @__PURE__ */ t(j, { children: [
|
|
73
|
+
/* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ e(x, { variant: "ghost", size: "icon", className: "h-8 w-8 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(V, { className: "size-4" }) }) }),
|
|
74
74
|
/* @__PURE__ */ e(
|
|
75
|
-
|
|
75
|
+
D,
|
|
76
76
|
{
|
|
77
77
|
align: "end",
|
|
78
78
|
onClick: (s) => {
|
|
@@ -81,7 +81,7 @@ function Y({ actions: c, row: n }) {
|
|
|
81
81
|
children: c.map((s, a) => {
|
|
82
82
|
const o = s.icon;
|
|
83
83
|
return /* @__PURE__ */ t(
|
|
84
|
-
|
|
84
|
+
A,
|
|
85
85
|
{
|
|
86
86
|
onClick: () => {
|
|
87
87
|
s.onClick(n);
|
|
@@ -112,7 +112,7 @@ function se({
|
|
|
112
112
|
visibleColumnsArray: i,
|
|
113
113
|
columnWidths: k,
|
|
114
114
|
hasActions: N,
|
|
115
|
-
actions:
|
|
115
|
+
actions: v,
|
|
116
116
|
columns: w
|
|
117
117
|
}) {
|
|
118
118
|
const C = (h, m) => {
|
|
@@ -141,7 +141,7 @@ function se({
|
|
|
141
141
|
d.stopPropagation();
|
|
142
142
|
},
|
|
143
143
|
children: /* @__PURE__ */ e(
|
|
144
|
-
|
|
144
|
+
_,
|
|
145
145
|
{
|
|
146
146
|
checked: f.includes(m),
|
|
147
147
|
onCheckedChange: () => {
|
|
@@ -163,14 +163,14 @@ function se({
|
|
|
163
163
|
d.key
|
|
164
164
|
);
|
|
165
165
|
}),
|
|
166
|
-
N &&
|
|
166
|
+
N && v !== void 0 && v.length > 0 ? /* @__PURE__ */ e(
|
|
167
167
|
"td",
|
|
168
168
|
{
|
|
169
169
|
className: "px-2 py-2 w-12 text-end",
|
|
170
170
|
onClick: (d) => {
|
|
171
171
|
d.stopPropagation();
|
|
172
172
|
},
|
|
173
|
-
children: /* @__PURE__ */ e(Y, { actions:
|
|
173
|
+
children: /* @__PURE__ */ e(Y, { actions: v, row: h })
|
|
174
174
|
}
|
|
175
175
|
) : null
|
|
176
176
|
]
|
|
@@ -235,7 +235,7 @@ function ie({
|
|
|
235
235
|
sortDirection: i,
|
|
236
236
|
handleSort: k,
|
|
237
237
|
handleDragStart: N,
|
|
238
|
-
handleDragOver:
|
|
238
|
+
handleDragOver: v,
|
|
239
239
|
handleDrop: w,
|
|
240
240
|
handleMouseDown: C,
|
|
241
241
|
hasActions: h,
|
|
@@ -260,7 +260,7 @@ function ie({
|
|
|
260
260
|
z ? N(p, r.key) : p.preventDefault();
|
|
261
261
|
},
|
|
262
262
|
onDragOver: (p) => {
|
|
263
|
-
|
|
263
|
+
v(p, r.key);
|
|
264
264
|
},
|
|
265
265
|
onDrop: (p) => {
|
|
266
266
|
w(p, r.key);
|
|
@@ -289,7 +289,7 @@ function ie({
|
|
|
289
289
|
};
|
|
290
290
|
return /* @__PURE__ */ e("thead", { className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ t("tr", { children: [
|
|
291
291
|
c ? /* @__PURE__ */ e("th", { className: "px-4 py-2 w-12 flex-shrink-0 text-left", children: /* @__PURE__ */ e(
|
|
292
|
-
|
|
292
|
+
_,
|
|
293
293
|
{
|
|
294
294
|
checked: n.length === s && s > 0 ? !0 : n.length > 0 ? "indeterminate" : !1,
|
|
295
295
|
onCheckedChange: a
|
|
@@ -342,7 +342,7 @@ function de({
|
|
|
342
342
|
u((i) => Math.max(1, i - 1));
|
|
343
343
|
},
|
|
344
344
|
disabled: l === 1,
|
|
345
|
-
children: /* @__PURE__ */ e(
|
|
345
|
+
children: /* @__PURE__ */ e(B, { className: "size-4" })
|
|
346
346
|
}
|
|
347
347
|
),
|
|
348
348
|
/* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
|
|
@@ -361,7 +361,7 @@ function de({
|
|
|
361
361
|
u((i) => Math.min(g, i + 1));
|
|
362
362
|
},
|
|
363
363
|
disabled: l === g,
|
|
364
|
-
children: /* @__PURE__ */ e(
|
|
364
|
+
children: /* @__PURE__ */ e(L, { className: "size-4" })
|
|
365
365
|
}
|
|
366
366
|
)
|
|
367
367
|
] })
|
|
@@ -369,10 +369,10 @@ function de({
|
|
|
369
369
|
] });
|
|
370
370
|
}
|
|
371
371
|
function ce({ columns: c, visibleColumns: n, toggleColumnVisibility: s }) {
|
|
372
|
-
return /* @__PURE__ */ t(
|
|
373
|
-
/* @__PURE__ */ e(
|
|
374
|
-
/* @__PURE__ */ e(
|
|
375
|
-
|
|
372
|
+
return /* @__PURE__ */ t(j, { children: [
|
|
373
|
+
/* @__PURE__ */ e(M, { asChild: !0, children: /* @__PURE__ */ e(x, { variant: "outline", size: "sm", className: "size-8 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(X, { className: "size-4 text-gray-600 dark:text-gray-300" }) }) }),
|
|
374
|
+
/* @__PURE__ */ e(D, { align: "end", className: "w-56", children: c.map((a) => /* @__PURE__ */ e(
|
|
375
|
+
I,
|
|
376
376
|
{
|
|
377
377
|
checked: n.has(a.key),
|
|
378
378
|
onCheckedChange: () => {
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { jsx as a, jsxs as s } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
import { S as
|
|
4
|
-
import { T as b, a as N, b as S, c as x } from "./tooltip-CtjaR1qq.js";
|
|
2
|
+
import { b as m, T as h, c as u, B as g, a as f } from "./tooltip-BzTGwm2E.js";
|
|
3
|
+
import { S as v, h as b, i as N, a as S, c as x } from "./select-B5wF6jxC.js";
|
|
5
4
|
import { a as C } from "./useTheme-CvNYmhjo.js";
|
|
6
|
-
function
|
|
7
|
-
const { theme:
|
|
5
|
+
function I({ themeOptions: r, variant: i = "select" }) {
|
|
6
|
+
const { theme: n, handleThemeChange: t, currentThemeOption: e, nextThemeOption: c, cycleTheme: o } = C(r);
|
|
8
7
|
if (i === "mini") {
|
|
9
8
|
const l = e == null ? void 0 : e.icon;
|
|
10
|
-
return /* @__PURE__ */ a(
|
|
11
|
-
/* @__PURE__ */ a(
|
|
12
|
-
|
|
9
|
+
return /* @__PURE__ */ a(m, { children: /* @__PURE__ */ s(h, { children: [
|
|
10
|
+
/* @__PURE__ */ a(u, { asChild: !0, children: /* @__PURE__ */ s(
|
|
11
|
+
g,
|
|
13
12
|
{
|
|
14
13
|
variant: "ghost",
|
|
15
14
|
size: "icon",
|
|
@@ -24,18 +23,18 @@ function j({ themeOptions: c, variant: i = "select" }) {
|
|
|
24
23
|
]
|
|
25
24
|
}
|
|
26
25
|
) }),
|
|
27
|
-
/* @__PURE__ */ s(
|
|
26
|
+
/* @__PURE__ */ s(f, { side: "bottom", align: "center", children: [
|
|
28
27
|
"Passer en ",
|
|
29
|
-
|
|
28
|
+
c == null ? void 0 : c.label
|
|
30
29
|
] })
|
|
31
30
|
] }) });
|
|
32
31
|
}
|
|
33
32
|
return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
|
|
34
|
-
/* @__PURE__ */ s(
|
|
35
|
-
/* @__PURE__ */ a(
|
|
36
|
-
/* @__PURE__ */ a(
|
|
33
|
+
/* @__PURE__ */ s(v, { value: n, onValueChange: t, children: [
|
|
34
|
+
/* @__PURE__ */ a(b, { className: "w-full", children: /* @__PURE__ */ a(N, { placeholder: "Sélectionner un thème" }) }),
|
|
35
|
+
/* @__PURE__ */ a(S, { children: r.map((l) => {
|
|
37
36
|
const d = l.icon;
|
|
38
|
-
return /* @__PURE__ */ a(
|
|
37
|
+
return /* @__PURE__ */ a(x, { value: l.value, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
|
|
39
38
|
/* @__PURE__ */ a(d, { className: "size-4" }),
|
|
40
39
|
l.label
|
|
41
40
|
] }) }, l.value);
|
|
@@ -45,5 +44,5 @@ function j({ themeOptions: c, variant: i = "select" }) {
|
|
|
45
44
|
] });
|
|
46
45
|
}
|
|
47
46
|
export {
|
|
48
|
-
|
|
47
|
+
I as T
|
|
49
48
|
};
|