@krosoft/react 0.0.180 → 0.0.181

package/dist/{ConfirmationDialog-Ht4e-1Lg.js → ConfirmationDialog-9CKgZoNY.js}

@@ -14,7 +14,7 @@ import "next-themes";
 import "sonner";
 import { useState as w, useEffect as ee } from "react";
 import { useTranslation as O } from "react-i18next";
-import { G as le } from "./GenericForm-COQEdT9e.js";
+import { G as le } from "./GenericForm-B39toMkE.js";
 import { E as ie } from "./ErrorAlert-SrIcU1mM.js";
 function re({ open: t, onOpenChange: c, config: l, isLoading: u, error: s, children: p }) {
   const { t: i } = O(), { title: b, description: m, icon: f, maxWidth: g = "sm:max-w-xl", actions: n } = l;

package/dist/{GenericForm-COQEdT9e.js → GenericForm-B39toMkE.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import { I as J } from "./ImageInput-BoYUZx9H.js";
 import { A as V } from "./AppSubTitle-ChCtQ7Sv.js";
-import { M as Q } from "./MultiSelect-DF7-91OW.js";
+import { M as Q } from "./MultiSelect-CqcbwKYV.js";
 import { aN as W, aQ as $, aR as q, aS as D, aO as A, aT as L, J as X, N as Y, K as F, bR as ee, $ as te } from "./toggle-group-D6c-gM1D.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";

package/dist/{MultiSelect-DF7-91OW.js → MultiSelect-CqcbwKYV.js}

@@ -1,73 +1,78 @@
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { useState as k, useRef as w, useMemo as N, useEffect as y } from "react";
-import { $ as C } from "./toggle-group-D6c-gM1D.js";
+import { useState as L, useRef as z, useMemo as v, useEffect as E } from "react";
+import { $ as T } from "./toggle-group-D6c-gM1D.js";
 import "./alert-B9F1N9Qk.js";
 import "@radix-ui/react-aspect-ratio";
-import { f as L } from "./tooltip-DVeqVwqV.js";
+import { f as M } from "./tooltip-DVeqVwqV.js";
 import "@radix-ui/react-collapsible";
 import "./sheet-B_uq6-K_.js";
-import { XIcon as R, ChevronDownIcon as j, SearchIcon as D } from "lucide-react";
+import { XIcon as O, ChevronDownIcon as P, SearchIcon as S } from "lucide-react";
 import "react-resizable-panels";
-import { c as z } from "./tailwind.helper-B6yFEsav.js";
+import { c as I } from "./tailwind.helper-B6yFEsav.js";
 import "./select-BpjFWqAY.js";
 import "next-themes";
 import "sonner";
-const K = ({
-  options: i,
-  selected: n,
-  onToggle: g,
+const Z = ({
+  options: s,
+  selected: t,
+  onToggle: x,
   onClear: d,
   onSelectAll: u,
-  placeholder: E = "Sélectionner...",
+  placeholder: R = "Sélectionner...",
   searchable: m = !1,
-  searchPlaceholder: T = "Rechercher...",
-  disabled: f = !1
+  searchPlaceholder: j = "Rechercher...",
+  disabled: f = !1,
+  maxCount: h
 }) => {
-  const [c, h] = k(""), [a, b] = k(!1), p = w(null), v = w(null), o = N(() => c === "" ? i : i.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [i, c]), x = N(() => o.length === 0 ? !1 : o.every((e) => n.includes(e.value)), [o, n]);
-  y(() => {
+  const [c, p] = L(""), [a, N] = L(!1), g = z(null), k = z(null), o = v(() => c === "" ? s : s.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [s, c]), w = v(() => o.length === 0 ? !1 : o.every((e) => t.includes(e.value)), [o, t]), b = v(() => t.map((e) => {
+    var n;
+    return ((n = s.find((i) => i.value === e)) == null ? void 0 : n.label) ?? e;
+  }), [s, t]), y = h !== void 0 && h > 0 ? b.slice(0, h) : b, C = b.length - y.length;
+  E(() => {
     a && m && requestAnimationFrame(() => {
       var e;
-      (e = v.current) == null || e.focus();
+      (e = k.current) == null || e.focus();
     });
-  }, [a, m]), y(() => {
+  }, [a, m]), E(() => {
     if (!a) return;
-    const e = (t) => {
-      p.current !== null && !p.current.contains(t.target) && (b(!1), h(""));
+    const e = (n) => {
+      g.current !== null && !g.current.contains(n.target) && (N(!1), p(""));
     };
     return document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
   }, [a]);
-  const I = () => {
-    if (x) {
-      const e = o.map((s) => s.value), t = n.filter((s) => !e.includes(s));
-      u !== void 0 ? u(t) : d();
+  const D = () => {
+    if (w) {
+      const e = o.map((i) => i.value), n = t.filter((i) => !e.includes(i));
+      u !== void 0 ? u(n) : d();
     } else {
-      const e = [...n];
-      o.forEach((t) => {
-        e.includes(t.value) || e.push(t.value);
-      }), u !== void 0 ? u(e) : o.forEach((t) => {
-        n.includes(t.value) || g(t.value);
+      const e = [...t];
+      o.forEach((n) => {
+        e.includes(n.value) || e.push(n.value);
+      }), u !== void 0 ? u(e) : o.forEach((n) => {
+        t.includes(n.value) || x(n.value);
       });
     }
   };
-  return /* @__PURE__ */ l("div", { ref: p, className: "relative w-full", children: [
+  return /* @__PURE__ */ l("div", { ref: g, className: "relative w-full", children: [
     /* @__PURE__ */ l(
       "button",
       {
         type: "button",
         disabled: f,
         onClick: () => {
-          f || b((e) => (e && h(""), !e));
+          f || N((e) => (e && p(""), !e));
         },
-        className: z(L, "w-full", a && "ring-2 ring-ring ring-offset-2", n.length === 0 && "text-muted-foreground"),
+        className: I(M, "w-full", a && "ring-2 ring-ring ring-offset-2", t.length === 0 && "text-muted-foreground"),
         children: [
-          /* @__PURE__ */ r("span", { className: "truncate", children: n.length === 0 ? E : n.map((e) => {
-            var t;
-            return ((t = i.find((s) => s.value === e)) == null ? void 0 : t.label) ?? e;
-          }).join(", ") }),
+          /* @__PURE__ */ r("span", { className: "truncate", children: t.length === 0 ? R : y.join(", ") }),
           /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-1", children: [
-            n.length > 0 && !f && /* @__PURE__ */ r(
+            C > 0 && /* @__PURE__ */ l("span", { className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground", children: [
+              "+",
+              C
+            ] }),
+            t.length > 0 && !f && /* @__PURE__ */ r(
               "span",
               {
                 role: "button",
@@ -79,43 +84,43 @@ const K = ({
                   e.preventDefault(), e.stopPropagation(), d();
                 },
                 className: "text-muted-foreground hover:text-foreground",
-                children: /* @__PURE__ */ r(R, { className: "size-4" })
+                children: /* @__PURE__ */ r(O, { className: "size-4" })
               }
             ),
-            /* @__PURE__ */ r(j, { className: z("size-4 opacity-50 shrink-0 transition-transform", a && "rotate-180") })
+            /* @__PURE__ */ r(P, { className: I("size-4 opacity-50 shrink-0 transition-transform", a && "rotate-180") })
           ] })
         ]
       }
     ),
     a ? /* @__PURE__ */ l("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
       m ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
-        /* @__PURE__ */ r(D, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ r(S, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
         /* @__PURE__ */ r(
           "input",
           {
-            ref: v,
+            ref: k,
             className: "w-full rounded-control 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: T,
+            placeholder: j,
             value: c,
             onChange: (e) => {
-              h(e.target.value);
+              p(e.target.value);
             }
           }
         )
       ] }) }) : null,
       /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5 scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent", children: [
         o.length > 0 && /* @__PURE__ */ l("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: x, onCheckedChange: I }),
+          /* @__PURE__ */ r(T, { checked: w, onCheckedChange: D }),
           "Tout sélectionner"
         ] }),
         o.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
         o.map((e) => /* @__PURE__ */ l("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,
+            T,
             {
-              checked: n.includes(e.value),
+              checked: t.includes(e.value),
               onCheckedChange: () => {
-                g(e.value);
+                x(e.value);
               }
             }
           ),
@@ -123,7 +128,7 @@ const K = ({
           e.label
         ] }, e.value))
       ] }),
-      n.length > 0 && /* @__PURE__ */ r("div", { className: "border-t border-border p-1.5", children: /* @__PURE__ */ r(
+      t.length > 0 && /* @__PURE__ */ r("div", { className: "border-t border-border p-1.5", children: /* @__PURE__ */ r(
         "button",
         {
           type: "button",
@@ -136,5 +141,5 @@ const K = ({
   ] });
 };
 export {
-  K as M
+  Z as M
 };

package/dist/{TableFilter-Dbo7qkgR.js → TableFilter-CWDy_RHA.js}

@@ -15,7 +15,7 @@ import { S as Z, h as q, i as ee, a as re, c as te } from "./select-BpjFWqAY.js"
 import "next-themes";
 import "sonner";
 import { c as T } from "./tailwind.helper-B6yFEsav.js";
-import { M as le } from "./MultiSelect-DF7-91OW.js";
+import { M as le } from "./MultiSelect-CqcbwKYV.js";
 const L = (a, n, c = {}) => {
   if (n instanceof Date)
     return n.toLocaleDateString("fr-FR");

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

@@ -1,4 +1,4 @@
-import { A as i, C as s, F as g } from "../../../ConfirmationDialog-Ht4e-1Lg.js";
+import { A as i, C as s, F as g } from "../../../ConfirmationDialog-9CKgZoNY.js";
 import { D as r, a as D, b as e, c as t, d as n, e as p, f, g as m, h as C, i as F, P } from "../../../toggle-group-D6c-gM1D.js";
 export {
   i as AppDialog,

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-Dbo7qkgR.js";
+import { A as l, a as i, F as r, S as s, T as t } from "../../../TableFilter-CWDy_RHA.js";
 export {
   l as ActiveFilters,
   i as AdvancedFilters,

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

@@ -1,4 +1,4 @@
-import { G as o } from "../../../GenericForm-COQEdT9e.js";
+import { G as o } from "../../../GenericForm-B39toMkE.js";
 export {
   o as GenericForm
 };

package/dist/components/core/index.js

@@ -1,12 +1,12 @@
 import { D as r, M as o } from "../../MetricCard-CvQFjIOb.js";
 import { K as t, a as i, S as l, b as p } from "../../SkeletonCards-BvJYF_LK.js";
-import { A as m, C as d, F as g } from "../../ConfirmationDialog-Ht4e-1Lg.js";
+import { A as m, C as d, F as g } from "../../ConfirmationDialog-9CKgZoNY.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-D6c-gM1D.js";
-import { A as k, a as H, F as I, S as K, T as v } from "../../TableFilter-Dbo7qkgR.js";
-import { G as M } from "../../GenericForm-COQEdT9e.js";
+import { A as k, a as H, F as I, S as K, T as v } from "../../TableFilter-CWDy_RHA.js";
+import { G as M } from "../../GenericForm-B39toMkE.js";
 import { I as L } from "../../ImageInput-BoYUZx9H.js";
 import { D as G, a as N, S as O, b as R } from "../../SearchInput-ClZbbRWg.js";
-import { M as j } from "../../MultiSelect-DF7-91OW.js";
+import { M as j } from "../../MultiSelect-CqcbwKYV.js";
 import { A as w } from "../../AppActions-DEkRxBia.js";
 import { A as J, K as Q } from "../../KpiCardsLayout-mQ7AcbqA.js";
 import { A as W } from "../../AppSubTitle-ChCtQ7Sv.js";

package/dist/components/core/inputs/MultiSelect.d.ts

@@ -10,7 +10,9 @@ interface MultiSelectProps {
     searchable?: boolean;
     searchPlaceholder?: string;
     disabled?: boolean;
+    /** Nombre de libellés affichés dans le trigger, le reste est résumé par un compteur `+N`. */
+    maxCount?: number;
 }
-export declare const MultiSelect: ({ options, selected, onToggle, onClear, onSelectAll, placeholder, searchable, searchPlaceholder, disabled, }: MultiSelectProps) => React.ReactElement;
+export declare const MultiSelect: ({ options, selected, onToggle, onClear, onSelectAll, placeholder, searchable, searchPlaceholder, disabled, maxCount, }: MultiSelectProps) => React.ReactElement;
 export {};
 //# sourceMappingURL=MultiSelect.d.ts.map

package/dist/components/core/inputs/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,8GAUzB,gBAAgB,KAAG,KAAK,CAAC,YAiK3B,CAAC"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,GAAI,wHAWzB,gBAAgB,KAAG,KAAK,CAAC,YAyK3B,CAAC"}

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

@@ -1,6 +1,6 @@
 import { I as r } from "../../../ImageInput-BoYUZx9H.js";
 import { D as c, a as o, S as s, b as p } from "../../../SearchInput-ClZbbRWg.js";
-import { M as l } from "../../../MultiSelect-DF7-91OW.js";
+import { M as l } from "../../../MultiSelect-CqcbwKYV.js";
 export {
   c as DatePicker,
   o as DateRangePicker,

package/dist/components/index.js

@@ -1,12 +1,12 @@
 import { D as o, M as r } from "../MetricCard-CvQFjIOb.js";
 import { K as t, a as n, S as i, b as l } from "../SkeletonCards-BvJYF_LK.js";
-import { A as p, C as u, F as g } from "../ConfirmationDialog-Ht4e-1Lg.js";
+import { A as p, C as u, F as g } from "../ConfirmationDialog-9CKgZoNY.js";
 import { A as C, j as m, k as T, l as S, 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 Ca, ac as ma, ad as Ta, ae as Sa, 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 Ce, aU as me, aV as Te, aW as Se, 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 Co, bI as mo, bJ as To, bK as So, 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-D6c-gM1D.js";
-import { A as Vo, a as Ko, F as zo, S as Uo, T as jo } from "../TableFilter-Dbo7qkgR.js";
-import { G as Jo } from "../GenericForm-COQEdT9e.js";
+import { A as Vo, a as Ko, F as zo, S as Uo, T as jo } from "../TableFilter-CWDy_RHA.js";
+import { G as Jo } from "../GenericForm-B39toMkE.js";
 import { I as Wo } from "../ImageInput-BoYUZx9H.js";
 import { D as Yo, a as Zo, S as _o, b as $o } from "../SearchInput-ClZbbRWg.js";
-import { M as er } from "../MultiSelect-DF7-91OW.js";
+import { M as er } from "../MultiSelect-CqcbwKYV.js";
 import { A as rr } from "../AppActions-DEkRxBia.js";
 import { A as tr, K as nr } from "../KpiCardsLayout-mQ7AcbqA.js";
 import { A as lr } from "../AppSubTitle-ChCtQ7Sv.js";

package/package.json

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