@krosoft/react 0.0.161 → 0.0.162

package/dist/{TableFilter-mQSKN8O8.js → TableFilter-BjAYRNV9.js}

@@ -1,7 +1,7 @@
 import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import { useState as F, useEffect as $, useMemo as A } from "react";
 import { a as D, D as O, b as j, S as M } from "./SearchInput-bwnVKhhE.js";
-import { B as k, a$ as I, bv as R, bx as z, bw as B, $ as C } from "./toggle-group-BASGy2mQ.js";
+import { B as k, a$ as I, bv as z, bx as R, bw as B, $ as C } from "./toggle-group-BASGy2mQ.js";
 import "./alert-B78CiTYe.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as w } from "./tooltip-BWyFpIxo.js";
@@ -16,14 +16,14 @@ import "next-themes";
 import "sonner";
 import { c as re } from "./tailwind.helper-B6yFEsav.js";
 import { M as te } from "./MultiSelect-BPffv2am.js";
-const L = (l, n, c = {}) => {
+const L = (a, n, c = {}) => {
   if (n instanceof Date)
     return n.toLocaleDateString("fr-FR");
-  const i = String(n), d = c[`${l}_${i}`];
-  return d !== void 0 ? d : l.includes("ok") || n === "true" || n === "false" ? n === "true" ? "Oui" : "Non" : i;
+  const i = String(n), d = c[`${a}_${i}`];
+  return d !== void 0 ? d : a.includes("ok") || n === "true" || n === "false" ? n === "true" ? "Oui" : "Non" : i;
 };
-function le({ filters: l, onRemoveFilter: n, onClearAll: c, filterLabels: i = {}, optionLabels: d = {} }) {
-  const o = Object.entries(l).filter(([h, m]) => !(m == null || m === "" || Array.isArray(m) && m.length === 0));
+function le({ filters: a, onRemoveFilter: n, onClearAll: c, filterLabels: i = {}, optionLabels: d = {} }) {
+  const o = Object.entries(a).filter(([h, m]) => !(m == null || m === "" || Array.isArray(m) && m.length === 0));
   return o.length === 0 ? null : /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-2 mb-4", children: [
     /* @__PURE__ */ r("span", { className: "text-sm text-gray-600 font-medium", children: "Filtres actifs :" }),
     o.flatMap(([h, m]) => {
@@ -76,18 +76,18 @@ function le({ filters: l, onRemoveFilter: n, onClearAll: c, filterLabels: i = {}
   ] });
 }
 const ae = ({
-  field: l,
+  field: a,
   value: n,
   onChange: c,
   onToggleMultiSelect: i
 }) => {
   var d;
-  switch (l.type) {
+  switch (a.type) {
     case "text":
       return /* @__PURE__ */ r(
         P,
         {
-          placeholder: l.placeholder,
+          placeholder: a.placeholder,
           value: n ?? "",
           onChange: (o) => {
             c(o.target.value);
@@ -99,55 +99,55 @@ const ae = ({
         P,
         {
           type: "number",
-          placeholder: l.placeholder,
+          placeholder: a.placeholder,
           value: n ?? "",
           onChange: (o) => {
             c(o.target.value);
           },
-          min: l.min,
-          max: l.max
+          min: a.min,
+          max: a.max
         }
       );
     case "select":
-      return l.searchable === !0 ? /* @__PURE__ */ r(
+      return a.searchable === !0 ? /* @__PURE__ */ r(
         j,
         {
-          options: l.options ?? [],
+          options: a.options ?? [],
           value: n,
           onChange: c,
-          placeholder: l.placeholder,
-          searchPlaceholder: l.searchPlaceholder
+          placeholder: a.placeholder,
+          searchPlaceholder: a.searchPlaceholder
         }
       ) : /* @__PURE__ */ u(W, { value: n ?? "", onValueChange: c, children: [
-        /* @__PURE__ */ r(Y, { className: re((n === void 0 || n === "") && "text-muted-foreground"), children: /* @__PURE__ */ r(Z, { placeholder: l.placeholder }) }),
-        /* @__PURE__ */ r(q, { children: (d = l.options) == null ? void 0 : d.map((o) => /* @__PURE__ */ r(ee, { value: o.value, children: o.label }, o.value)) })
+        /* @__PURE__ */ r(Y, { className: re((n === void 0 || n === "") && "text-muted-foreground"), children: /* @__PURE__ */ r(Z, { placeholder: a.placeholder }) }),
+        /* @__PURE__ */ r(q, { children: (d = a.options) == null ? void 0 : d.map((o) => /* @__PURE__ */ r(ee, { value: o.value, children: o.label }, o.value)) })
       ] });
     case "date":
-      return /* @__PURE__ */ r(O, { date: n, onDateChange: c, placeholder: l.placeholder ?? "Sélectionner une date" });
+      return /* @__PURE__ */ r(O, { date: n, onDateChange: c, placeholder: a.placeholder ?? "Sélectionner une date" });
     case "date-range":
-      return /* @__PURE__ */ r(D, { value: n, onChange: c, placeholder: l.placeholder });
+      return /* @__PURE__ */ r(D, { value: n, onChange: c, placeholder: a.placeholder });
     case "multi-select":
       return /* @__PURE__ */ r(
         te,
         {
-          options: l.options ?? [],
+          options: a.options ?? [],
           selected: n ?? [],
           onToggle: i,
           onClear: () => {
             c([]);
           },
           onSelectAll: c,
-          placeholder: l.placeholder,
-          searchable: l.searchable,
-          searchPlaceholder: l.searchPlaceholder
+          placeholder: a.placeholder,
+          searchable: a.searchable,
+          searchPlaceholder: a.searchPlaceholder
         }
       );
     default:
       return null;
   }
-}, se = (l) => !(l == null || l === "" || Array.isArray(l) && l.length === 0);
+}, se = (a) => !(a == null || a === "" || Array.isArray(a) && a.length === 0);
 function ne({
-  sections: l,
+  sections: a,
   filters: n,
   onFiltersChange: c,
   buttonText: i = "Plus de filtres",
@@ -157,19 +157,19 @@ function ne({
   $(() => {
     b(n);
   }, [n, o]);
-  const g = (a, e) => {
-    b((t) => ({ ...t, [a]: e }));
-  }, x = (a, e) => {
-    const t = m[a], s = Array.isArray(t) ? t : [], f = s.includes(e) ? s.filter((N) => N !== e) : [...s, e];
-    g(a, f);
+  const g = (l, e) => {
+    b((t) => ({ ...t, [l]: e }));
+  }, x = (l, e) => {
+    const t = m[l], s = Array.isArray(t) ? t : [], f = s.includes(e) ? s.filter((N) => N !== e) : [...s, e];
+    g(l, f);
   }, p = () => {
     c(m), h(!1);
   }, y = () => {
     b({}), c({}), h(!1);
   }, v = A(() => {
-    const a = new Set(l.flatMap((e) => e.filters.map((t) => t.key)));
-    return Object.entries(n).filter(([e, t]) => a.has(e) && se(t)).length;
-  }, [l, n]);
+    const l = new Set(a.flatMap((e) => e.filters.map((t) => t.key)));
+    return Object.entries(n).filter(([e, t]) => l.has(e) && se(t)).length;
+  }, [a, n]);
   return /* @__PURE__ */ u(Q, { open: o, onOpenChange: h, children: [
     /* @__PURE__ */ r(V, { asChild: !0, children: /* @__PURE__ */ u(w, { variant: "outline", className: "gap-2", children: [
       /* @__PURE__ */ r(J, { className: "size-4 shrink-0" }),
@@ -178,9 +178,9 @@ function ne({
     ] }) }),
     /* @__PURE__ */ u(_, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
       /* @__PURE__ */ r(H, { className: "p-6 pb-0", children: /* @__PURE__ */ r(X, { children: d }) }),
-      /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto p-6 pt-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: l.map((a, e) => /* @__PURE__ */ u("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-gray-900 dark:text-gray-100 border-b pb-2", children: a.title }),
-        a.filters.map((t) => /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ r("div", { className: "flex-1 overflow-y-auto p-6 pt-6", children: /* @__PURE__ */ r("div", { className: "space-y-6", children: a.map((l, e) => /* @__PURE__ */ u("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ r("h3", { className: "font-semibold text-sm text-gray-900 dark:text-gray-100 border-b pb-2", children: l.title }),
+        l.filters.map((t) => /* @__PURE__ */ u("div", { className: "space-y-2", children: [
           /* @__PURE__ */ r(I, { htmlFor: t.key, children: t.label }),
           /* @__PURE__ */ r(
             ae,
@@ -205,7 +205,7 @@ function ne({
   ] });
 }
 function ce({
-  label: l,
+  label: a,
   options: n,
   selected: c,
   onToggle: i,
@@ -214,37 +214,37 @@ function ce({
   searchable: h = !1,
   searchPlaceholder: m = "Rechercher..."
 }) {
-  const [b, g] = F(""), x = c.length > 0, p = A(() => b === "" ? n : n.filter((a) => a.label.toLowerCase().includes(b.toLowerCase())), [n, b]), y = A(() => p.length === 0 ? !1 : p.every((a) => c.includes(a.value)), [p, c]), v = () => {
+  const [b, g] = F(""), x = c.length > 0, p = A(() => b === "" ? n : n.filter((l) => l.label.toLowerCase().includes(b.toLowerCase())), [n, b]), y = A(() => p.length === 0 ? !1 : p.every((l) => c.includes(l.value)), [p, c]), v = () => {
     if (y)
       if (o !== void 0) {
-        const a = p.map((t) => t.value), e = c.filter((t) => !a.includes(t));
+        const l = p.map((t) => t.value), e = c.filter((t) => !l.includes(t));
         o(e);
-      } else d !== void 0 ? d() : c.forEach((a) => {
-        i(a);
+      } else d !== void 0 ? d() : c.forEach((l) => {
+        i(l);
       });
     else if (o !== void 0) {
-      const a = [...c];
+      const l = [...c];
       p.forEach((e) => {
-        a.includes(e.value) || a.push(e.value);
-      }), o(a);
+        l.includes(e.value) || l.push(e.value);
+      }), o(l);
     } else
-      p.forEach((a) => {
-        c.includes(a.value) || i(a.value);
+      p.forEach((l) => {
+        c.includes(l.value) || i(l.value);
       });
   };
   return /* @__PURE__ */ u(
-    R,
+    z,
     {
       onOpenChange: () => {
         g("");
       },
       children: [
-        /* @__PURE__ */ r(z, { asChild: !0, children: /* @__PURE__ */ u(
+        /* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ u(
           "button",
           {
             className: `inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-sm transition-colors whitespace-nowrap ${x ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-card text-card-foreground hover:bg-muted"}`,
             children: [
-              l,
+              a,
               c.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: c.length }),
               /* @__PURE__ */ r(K, { className: "size-3.5 opacity-60" })
             ]
@@ -259,8 +259,8 @@ function ce({
                 className: "w-full rounded-md bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
                 placeholder: m,
                 value: b,
-                onChange: (a) => {
-                  g(a.target.value);
+                onChange: (l) => {
+                  g(l.target.value);
                 },
                 autoFocus: !0
               }
@@ -272,25 +272,26 @@ function ce({
               "Tout sélectionner"
             ] }),
             p.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
-            p.map((a) => /* @__PURE__ */ u("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
+            p.map((l) => /* @__PURE__ */ u("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
               /* @__PURE__ */ r(
                 C,
                 {
-                  checked: c.includes(a.value),
+                  checked: c.includes(l.value),
                   onCheckedChange: () => {
-                    i(a.value);
+                    i(l.value);
                   }
                 }
               ),
-              a.label
-            ] }, a.value))
+              l.color && /* @__PURE__ */ r("span", { className: "size-2.5 shrink-0 rounded-full", style: { backgroundColor: l.color } }),
+              l.label
+            ] }, l.value))
           ] }),
           c.length > 0 && /* @__PURE__ */ r("div", { className: "border-t border-border p-1.5", children: /* @__PURE__ */ r(
             "button",
             {
               onClick: () => {
-                d !== void 0 ? d() : c.forEach((a) => {
-                  i(a);
+                d !== void 0 ? d() : c.forEach((l) => {
+                  i(l);
                 });
               },
               className: "w-full rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors text-center",
@@ -303,7 +304,7 @@ function ce({
   );
 }
 function ke({
-  searchQuery: l,
+  searchQuery: a,
   onSearchChange: n,
   searchPlaceholder: c = "Rechercher...",
   filters: i,
@@ -343,7 +344,7 @@ function ke({
         e[s.key] = s.badgeLabel ?? s.label;
       });
     }), e;
-  }, [o]), a = A(() => {
+  }, [o]), l = A(() => {
     const e = {};
     return o.forEach((t) => {
       t.filters.forEach((s) => {
@@ -359,7 +360,7 @@ function ke({
         n !== void 0 ? /* @__PURE__ */ r(
           M,
           {
-            searchQuery: l,
+            searchQuery: a,
             onSearch: n,
             onClear: () => {
               n("");
@@ -397,7 +398,7 @@ function ke({
         onRemoveFilter: p,
         onClearAll: x,
         filterLabels: v,
-        optionLabels: a
+        optionLabels: l
       }
     )
   ] });

package/dist/components/core/filters/SearchableFilterPill.d.ts

@@ -1,6 +1,7 @@
 export interface FilterOption {
     value: string;
     label: string;
+    color?: string;
 }
 export declare function SearchableFilterPill<T extends string>({ label, options, selected, onToggle, onClear, onSelectAll, searchable, searchPlaceholder, }: {
     label: string;

package/dist/components/core/filters/SearchableFilterPill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchableFilterPill.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/SearchableFilterPill.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,EACrD,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,iBAAmC,GACpC,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,YAAY,CA4HrB"}
+{"version":3,"file":"SearchableFilterPill.d.ts","sourceRoot":"","sources":["../../../../src/components/core/filters/SearchableFilterPill.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,EAAE,EACrD,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,WAAW,EACX,UAAkB,EAClB,iBAAmC,GACpC,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,GAAG,KAAK,CAAC,YAAY,CA6HrB"}

package/dist/components/core/filters/index.js

@@ -1,4 +1,4 @@
-import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-mQSKN8O8.js";
+import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-BjAYRNV9.js";
 export {
   l as ActiveFilters,
   i as AdvancedFilters,

package/dist/components/core/index.js

@@ -2,7 +2,7 @@ import { D as r, M as o } from "../../MetricCard-D-qPl6zh.js";
 import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-qHukR79N.js";
 import { A as m, C as d, F as g } from "../../ConfirmationDialog-Dy_6PcOr.js";
 import { D as A, a as D, b as T, c as n, d as c, e as x, f as S, g as C, h as F, i as P, P as h } from "../../toggle-group-BASGy2mQ.js";
-import { A as k, a as H, F as I, S as K, T as v } from "../../TableFilter-mQSKN8O8.js";
+import { A as k, a as H, F as I, S as K, T as v } from "../../TableFilter-BjAYRNV9.js";
 import { G as M } from "../../GenericForm-Bb4E2Wxd.js";
 import { I as L } from "../../ImageInput-CJ419eqw.js";
 import { D as G, a as N, S as O, b as R } from "../../SearchInput-bwnVKhhE.js";

package/dist/components/index.js

@@ -2,7 +2,7 @@ import { D as o, M as r } from "../MetricCard-D-qPl6zh.js";
 import { K as t, a as n, S as i, b as l } from "../SkeletonCards-qHukR79N.js";
 import { A as p, C as u, F as g } from "../ConfirmationDialog-Dy_6PcOr.js";
 import { A as m, j as C, k as S, l as T, m as c, n as D, o as M, p as x, q as A, r as I, s as P, t as h, u as f, v as w, w as v, x as F, B as L, y as B, z as G, C as H, E as R, F as k, G as N, H as y, I as E, J as O, K as V, L as K, M as z, N as U, O as j, Q as q, R as J, S as Q, T as W, U as X, V as Y, W as Z, X as _, Y as $, Z as aa, _ as ea, $ as oa, a0 as ra, a1 as sa, a2 as ta, a3 as na, a4 as ia, a5 as la, a6 as ba, a7 as pa, a8 as ua, a9 as ga, aa as da, ab as ma, ac as Ca, ad as Sa, ae as Ta, af as ca, ag as Da, ah as Ma, ai as xa, aj as Aa, ak as Ia, al as Pa, am as ha, an as fa, D as wa, a as va, b as Fa, c as La, d as Ba, e as Ga, f as Ha, g as Ra, h as ka, i as Na, ao as ya, ap as Ea, aq as Oa, ar as Va, as as Ka, at as za, au as Ua, av as ja, aw as qa, ax as Ja, ay as Qa, az as Wa, aA as Xa, aB as Ya, aC as Za, aD as _a, aE as $a, aF as ae, aG as ee, aH as oe, aI as re, aJ as se, aK as te, aL as ne, aM as ie, aN as le, aO as be, aP as pe, aQ as ue, aR as ge, aS as de, aT as me, aU as Ce, aV as Se, aW as Te, aX as ce, aY as De, aZ as Me, a_ as xe, a$ as Ae, b0 as Ie, b1 as Pe, b2 as he, b3 as fe, b4 as we, b5 as ve, b6 as Fe, b7 as Le, b8 as Be, b9 as Ge, ba as He, bb as Re, bc as ke, bd as Ne, be as ye, bf as Ee, bg as Oe, bh as Ve, bi as Ke, bj as ze, bk as Ue, bl as je, bm as qe, bn as Je, bo as Qe, bp as We, bq as Xe, br as Ye, bs as Ze, bt as _e, bu as $e, bv as ao, bw as eo, bx as oo, P as ro, by as so, bz as to, bA as no, bB as io, bC as lo, bD as bo, bE as po, bF as uo, bG as go, bH as mo, bI as Co, bJ as So, bK as To, bL as co, bM as Do, bN as Mo, bO as xo, bP as Ao, bQ as Io, bR as Po, bS as ho, bT as fo, bU as wo, bV as vo, bW as Fo, bX as Lo, bY as Bo, bZ as Go, b_ as Ho, b$ as Ro, c0 as ko, c1 as No, c2 as yo, c3 as Eo } from "../toggle-group-BASGy2mQ.js";
-import { A as Vo, a as Ko, F as zo, S as Uo, T as jo } from "../TableFilter-mQSKN8O8.js";
+import { A as Vo, a as Ko, F as zo, S as Uo, T as jo } from "../TableFilter-BjAYRNV9.js";
 import { G as Jo } from "../GenericForm-Bb4E2Wxd.js";
 import { I as Wo } from "../ImageInput-CJ419eqw.js";
 import { D as Yo, a as Zo, S as _o, b as $o } from "../SearchInput-bwnVKhhE.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.161",
+  "version": "0.0.162",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {