@krosoft/react 0.0.238 → 0.0.240

package/dist/SkeletonCards-B9C4cNMr.js

@@ -1,75 +0,0 @@
-import { jsxs as s, jsx as e, Fragment as o } from "react/jsx-runtime";
-import { formatNumber as g } from "@krosoft/core/helpers";
-import { useTranslation as b } from "react-i18next";
-import { c as m } from "./tailwind.helper-B6yFEsav.js";
-import "./toggle-group-iZqnrTj7.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import "./tooltip-DVeqVwqV.js";
-import { C as c, d as p, e as v, a as h } from "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import "./sheet-XYI-ezvY.js";
-import "lucide-react";
-import "react-resizable-panels";
-import "./select-BpjFWqAY.js";
-import { S as n } from "./skeleton-BX4RcsiK.js";
-import "next-themes";
-import "sonner";
-import "react";
-const y = ({
-  titleKey: a,
-  value: i,
-  valueClassName: t,
-  icon: r,
-  iconClassName: N,
-  description: u,
-  descriptionClassName: f,
-  onClick: d,
-  isLoading: x,
-  error: l
-}) => {
-  const { t: C } = b();
-  return /* @__PURE__ */ s(c, { className: m(d !== void 0 ? "hover:border-primary cursor-pointer" : ""), onClick: d, children: [
-    /* @__PURE__ */ s(p, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ e(v, { className: "text-sm font-medium", children: C(a) }),
-      /* @__PURE__ */ e(r, { className: m("size-6 text-muted-foreground", N) })
-    ] }),
-    /* @__PURE__ */ e(h, { children: x ? /* @__PURE__ */ s(o, { children: [
-      /* @__PURE__ */ e(n, { className: "h-8 w-24 mb-1" }),
-      /* @__PURE__ */ e(n, { className: "h-3 w-32" })
-    ] }) : l ? /* @__PURE__ */ s(o, { children: [
-      /* @__PURE__ */ e("div", { className: "text-2xl font-bold text-destructive", children: "—" }),
-      /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: l })
-    ] }) : /* @__PURE__ */ s(o, { children: [
-      /* @__PURE__ */ e("div", { className: m("text-2xl font-bold", t), children: typeof i == "number" ? g(i) : i instanceof Date ? i.toLocaleDateString() : i }),
-      /* @__PURE__ */ e("p", { className: m("text-xs text-muted-foreground", f), children: u })
-    ] }) })
-  ] });
-}, J = ({ stats: a, isLoading: i, error: t }) => /* @__PURE__ */ e("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: a.map((r) => /* @__PURE__ */ e(
-  y,
-  {
-    titleKey: r.titleKey,
-    value: r.value,
-    valueClassName: r.valueClassName,
-    icon: r.icon,
-    iconClassName: r.iconClassName,
-    description: r.description,
-    descriptionClassName: r.descriptionClassName,
-    onClick: r.onClick,
-    isLoading: i,
-    error: t
-  },
-  r.titleKey
-)) }), w = () => /* @__PURE__ */ s(c, { className: "animate-pulse", children: [
-  /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e("div", { className: "h-6 bg-muted rounded w-1/4" }) }),
-  /* @__PURE__ */ e(h, { children: /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ e("div", { className: "h-4 bg-muted rounded" }),
-    /* @__PURE__ */ e("div", { className: "h-4 bg-muted rounded w-3/4" })
-  ] }) })
-] }), M = ({ count: a = 1 }) => /* @__PURE__ */ e("div", { className: "grid gap-6", style: { gridTemplateColumns: `repeat(${a}, minmax(0, 1fr))` }, children: Array.from({ length: a }).map((i, t) => /* @__PURE__ */ e(w, {}, t)) });
-export {
-  y as K,
-  w as S,
-  J as a,
-  M as b
-};

package/dist/TableFilter-CmEVF5Bo.js

@@ -1,422 +0,0 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import "date-fns/locale";
-import "react-i18next";
-import { u as S } from "./useKrosoftTranslation-BTp46G94.js";
-import { useState as C, useEffect as O, useMemo as w } from "react";
-import { a as z, D as I, b as $, S as B } from "./SearchInput-DIZ5Yt6L.js";
-import { getLocale as Q } from "@krosoft/core/helpers";
-import { B as E, aw as V, E as P } from "./toggle-group-iZqnrTj7.js";
-import "./alert-B9F1N9Qk.js";
-import "@radix-ui/react-aspect-ratio";
-import { B as F, e as _ } from "./tooltip-DVeqVwqV.js";
-import "./chart-DntJZGxB.js";
-import "@radix-ui/react-collapsible";
-import { I as L, u as R, F as H, w as K, z as X, E as G, y as J, P as U, s as W, r as Y } from "./sheet-XYI-ezvY.js";
-import { XIcon as T, Filter as Z, ChevronDown as q, Search as ee } from "lucide-react";
-import "react-resizable-panels";
-import "clsx";
-import "tailwind-merge";
-import { S as re, h as te, i as le, a as ae, c as se } from "./select-BpjFWqAY.js";
-import "next-themes";
-import "sonner";
-import { c as j } from "./tailwind.helper-B6yFEsav.js";
-import { M as ne } from "./MultiSelect-DbH7LrsD.js";
-const D = (a, n, c, i = {}) => {
-  if (n instanceof Date)
-    return n.toLocaleDateString(Q());
-  const d = String(n), o = i[`${a}_${d}`];
-  return o !== void 0 ? o : a.includes("ok") || n === "true" || n === "false" ? c(n === "true" ? "filters.yes" : "filters.no") : d;
-};
-function ce({ filters: a, onRemoveFilter: n, onClearAll: c, filterLabels: i = {}, optionLabels: d = {} }) {
-  const { t: o } = S(), h = Object.entries(a).filter(([p, m]) => !(m == null || m === "" || Array.isArray(m) && m.length === 0));
-  return h.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 :" }),
-    h.flatMap(([p, m]) => {
-      const b = i[p] ?? p;
-      if (Array.isArray(m))
-        return m.map((y) => {
-          const f = D(p, y, o, d);
-          return /* @__PURE__ */ u(
-            E,
-            {
-              variant: "secondary",
-              className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100",
-              children: [
-                b,
-                ": ",
-                f,
-                /* @__PURE__ */ r(
-                  "button",
-                  {
-                    onClick: () => {
-                      n(p, y);
-                    },
-                    className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
-                    children: /* @__PURE__ */ r(T, { className: "size-4" })
-                  }
-                )
-              ]
-            },
-            `${p}_${String(y)}`
-          );
-        });
-      const x = D(p, m, o, d);
-      return /* @__PURE__ */ u(E, { variant: "secondary", className: "flex items-center gap-1 px-3 py-1 bg-blue-50 text-blue-700 border border-blue-200 hover:bg-blue-100", children: [
-        b,
-        ": ",
-        x,
-        /* @__PURE__ */ r(
-          "button",
-          {
-            onClick: () => {
-              n(p);
-            },
-            className: "ml-1 hover:bg-blue-200 rounded-full p-0.5",
-            children: /* @__PURE__ */ r(T, { className: "size-4" })
-          }
-        )
-      ] }, p);
-    }),
-    h.length > 0 && /* @__PURE__ */ r("button", { onClick: c, className: "text-xs text-red-500 hover:text-red-600 transition-colors font-medium ml-auto", children: "Effacer tout" })
-  ] });
-}
-const oe = ({
-  field: a,
-  value: n,
-  onChange: c,
-  onToggleMultiSelect: i
-}) => {
-  var o;
-  const { t: d } = S();
-  switch (a.type) {
-    case "text":
-      return /* @__PURE__ */ r(
-        L,
-        {
-          placeholder: a.placeholder,
-          value: n ?? "",
-          onChange: (h) => {
-            c(h.target.value);
-          }
-        }
-      );
-    case "number":
-      return /* @__PURE__ */ r(
-        L,
-        {
-          type: "number",
-          placeholder: a.placeholder,
-          value: n ?? "",
-          onChange: (h) => {
-            c(h.target.value);
-          },
-          min: a.min,
-          max: a.max
-        }
-      );
-    case "select":
-      return a.searchable === !0 ? /* @__PURE__ */ r(
-        $,
-        {
-          options: a.options ?? [],
-          value: n,
-          onChange: c,
-          placeholder: a.placeholder,
-          searchPlaceholder: a.searchPlaceholder
-        }
-      ) : /* @__PURE__ */ u(re, { value: n ?? "", onValueChange: c, children: [
-        /* @__PURE__ */ r(te, { className: j((n === void 0 || n === "") && "text-muted-foreground"), children: /* @__PURE__ */ r(le, { placeholder: a.placeholder }) }),
-        /* @__PURE__ */ r(ae, { children: (o = a.options) == null ? void 0 : o.map((h) => /* @__PURE__ */ r(se, { value: h.value, children: h.label }, h.value)) })
-      ] });
-    case "date":
-      return /* @__PURE__ */ r(I, { date: n, onDateChange: c, placeholder: a.placeholder ?? d("date.pickDate") });
-    case "date-range":
-      return /* @__PURE__ */ r(z, { value: n, onChange: c, placeholder: a.placeholder });
-    case "multi-select":
-      return /* @__PURE__ */ r(
-        ne,
-        {
-          options: a.options ?? [],
-          selected: n ?? [],
-          onToggle: i,
-          onClear: () => {
-            c([]);
-          },
-          onSelectAll: c,
-          placeholder: a.placeholder,
-          searchable: a.searchable,
-          searchPlaceholder: a.searchPlaceholder
-        }
-      );
-    default:
-      return null;
-  }
-}, ie = (a) => !(a == null || a === "" || Array.isArray(a) && a.length === 0);
-function de({
-  sections: a,
-  filters: n,
-  onFiltersChange: c,
-  buttonText: i,
-  sheetTitle: d
-}) {
-  const { t: o } = S(), [h, p] = C(!1), [m, b] = C(n);
-  O(() => {
-    b(n);
-  }, [n, h]);
-  const x = (l, e) => {
-    b((t) => ({ ...t, [l]: e }));
-  }, y = (l, e) => {
-    const t = m[l], s = Array.isArray(t) ? t : [], g = s.includes(e) ? s.filter((A) => A !== e) : [...s, e];
-    x(l, g);
-  }, f = () => {
-    c(m), p(!1);
-  }, v = () => {
-    b({}), c({}), p(!1);
-  }, N = w(() => {
-    const l = new Set(a.flatMap((e) => e.filters.map((t) => t.key)));
-    return Object.entries(n).filter(([e, t]) => l.has(e) && ie(t)).length;
-  }, [a, n]);
-  return /* @__PURE__ */ u(R, { open: h, onOpenChange: p, children: [
-    /* @__PURE__ */ r(H, { asChild: !0, children: /* @__PURE__ */ u(F, { variant: "outline", className: "gap-2", children: [
-      /* @__PURE__ */ r(Z, { className: "size-4 shrink-0" }),
-      i ?? o("filters.more"),
-      N > 0 && /* @__PURE__ */ r("span", { className: "ml-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-semibold text-primary-foreground", children: N })
-    ] }) }),
-    /* @__PURE__ */ u(K, { side: "right", className: "w-[400px] sm:w-[500px] flex flex-col p-0", children: [
-      /* @__PURE__ */ r(X, { className: "p-6 pb-0", children: /* @__PURE__ */ r(G, { children: d ?? o("filters.advanced") }) }),
-      /* @__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(V, { htmlFor: t.key, children: t.label }),
-          /* @__PURE__ */ r(
-            oe,
-            {
-              field: t,
-              value: m[t.key],
-              onChange: (s) => {
-                x(t.key, s);
-              },
-              onToggleMultiSelect: (s) => {
-                y(t.key, s);
-              }
-            }
-          )
-        ] }, t.key))
-      ] }, e)) }) }),
-      /* @__PURE__ */ u(J, { className: "gap-2 p-6 border-t bg-white dark:bg-gray-950", children: [
-        /* @__PURE__ */ r(F, { variant: "outline", className: "flex-1", onClick: v, children: "Effacer les filtres" }),
-        /* @__PURE__ */ r(F, { className: "flex-1 bg-orange-500 hover:bg-orange-600 text-white", onClick: f, children: "Rechercher" })
-      ] })
-    ] })
-  ] });
-}
-function ue({
-  label: a,
-  options: n,
-  selected: c,
-  onToggle: i,
-  onClear: d,
-  onSelectAll: o,
-  searchable: h = !1,
-  searchPlaceholder: p
-}) {
-  const { t: m } = S(), [b, x] = C(""), y = c.length > 0, f = w(() => b === "" ? n : n.filter((l) => l.label.toLowerCase().includes(b.toLowerCase())), [n, b]), v = w(() => f.length === 0 ? !1 : f.every((l) => c.includes(l.value)), [f, c]), N = () => {
-    if (v)
-      if (o !== void 0) {
-        const l = f.map((t) => t.value), e = c.filter((t) => !l.includes(t));
-        o(e);
-      } else d !== void 0 ? d() : c.forEach((l) => {
-        i(l);
-      });
-    else if (o !== void 0) {
-      const l = [...c];
-      f.forEach((e) => {
-        l.includes(e.value) || l.push(e.value);
-      }), o(l);
-    } else
-      f.forEach((l) => {
-        c.includes(l.value) || i(l.value);
-      });
-  };
-  return /* @__PURE__ */ u(
-    U,
-    {
-      onOpenChange: () => {
-        x("");
-      },
-      children: [
-        /* @__PURE__ */ r(W, { asChild: !0, children: /* @__PURE__ */ u(
-          "button",
-          {
-            className: j(
-              _,
-              "inline-flex items-center gap-1.5 whitespace-nowrap transition-colors",
-              y ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted"
-            ),
-            children: [
-              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(q, { className: "size-3.5 opacity-60" })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ u(Y, { className: "w-56 p-0", align: "start", children: [
-          h ? /* @__PURE__ */ r("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ u("div", { className: "relative", children: [
-            /* @__PURE__ */ r(ee, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
-            /* @__PURE__ */ r(
-              "input",
-              {
-                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: p ?? m("search.placeholder"),
-                value: b,
-                onChange: (l) => {
-                  x(l.target.value);
-                },
-                autoFocus: !0
-              }
-            )
-          ] }) }) : null,
-          /* @__PURE__ */ u("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto p-1.5", children: [
-            f.length > 0 && /* @__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(P, { checked: v, onCheckedChange: N }),
-              "Tout sélectionner"
-            ] }),
-            f.length === 0 && /* @__PURE__ */ r("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: m("states.noResult") }),
-            f.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(
-                P,
-                {
-                  checked: c.includes(l.value),
-                  onCheckedChange: () => {
-                    i(l.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((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",
-              children: "Tout désélectionner"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}
-function Oe({
-  searchQuery: a,
-  onSearchChange: n,
-  searchPlaceholder: c,
-  filters: i,
-  onFiltersChange: d,
-  sections: o,
-  advancedButtonText: h = "Filtres",
-  sheetTitle: p
-}) {
-  const { t: m } = S(), b = (e, t) => {
-    const s = i[e], g = Array.isArray(s) ? s : [], A = g.includes(t) ? g.filter((M) => M !== t) : [...g, t], k = { ...i };
-    A.length === 0 ? delete k[e] : k[e] = A, d(k);
-  }, x = (e) => {
-    const t = { ...i };
-    delete t[e], d(t);
-  }, y = () => {
-    d({});
-  }, f = (e, t) => {
-    const s = { ...i }, g = s[e];
-    Array.isArray(g) && t !== void 0 ? (s[e] = g.filter((A) => A !== t), Array.isArray(s[e]) && s[e].length === 0 && delete s[e]) : delete s[e], d(s);
-  }, v = w(() => {
-    const e = [];
-    return o.forEach((t) => {
-      t.filters.forEach((s) => {
-        s.isQuickFilter === !0 && e.push({
-          key: s.key,
-          label: s.label,
-          options: s.options ?? [],
-          searchable: s.searchable,
-          searchPlaceholder: s.searchPlaceholder
-        });
-      });
-    }), e;
-  }, [o]), N = w(() => {
-    const e = {};
-    return o.forEach((t) => {
-      t.filters.forEach((s) => {
-        e[s.key] = s.badgeLabel ?? s.label;
-      });
-    }), e;
-  }, [o]), l = w(() => {
-    const e = {};
-    return o.forEach((t) => {
-      t.filters.forEach((s) => {
-        s.options !== void 0 && s.options.forEach((g) => {
-          e[`${s.key}_${g.value}`] = g.label;
-        });
-      });
-    }), e;
-  }, [o]);
-  return /* @__PURE__ */ u("div", { className: "space-y-4 w-full", children: [
-    /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-3 justify-between", children: [
-      /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center gap-3", children: [
-        n !== void 0 ? /* @__PURE__ */ r(
-          B,
-          {
-            searchQuery: a,
-            onSearch: n,
-            onClear: () => {
-              n("");
-            },
-            placeholder: c ?? m("search.placeholder")
-          }
-        ) : null,
-        v.map((e) => /* @__PURE__ */ r(
-          ue,
-          {
-            label: e.label,
-            options: e.options,
-            selected: Array.isArray(i[e.key]) ? i[e.key] : [],
-            onToggle: (t) => {
-              b(e.key, t);
-            },
-            onClear: () => {
-              x(e.key);
-            },
-            onSelectAll: (t) => {
-              d({ ...i, [e.key]: t });
-            },
-            searchable: e.searchable,
-            searchPlaceholder: e.searchPlaceholder
-          },
-          e.key
-        ))
-      ] }),
-      o.length > 0 && /* @__PURE__ */ r(de, { sections: o, filters: i, onFiltersChange: d, buttonText: h, sheetTitle: p })
-    ] }),
-    /* @__PURE__ */ r(
-      ce,
-      {
-        filters: i,
-        onRemoveFilter: f,
-        onClearAll: y,
-        filterLabels: N,
-        optionLabels: l
-      }
-    )
-  ] });
-}
-export {
-  ce as A,
-  oe as F,
-  ue as S,
-  Oe as T,
-  de as a
-};

package/dist/ThemeSelector-CLi4_epH.js

@@ -1,52 +0,0 @@
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import "date-fns/locale";
-import "react-i18next";
-import { u } from "./useKrosoftTranslation-BTp46G94.js";
-import { b as g, T as f, c as v, B as b, a as p } from "./tooltip-DVeqVwqV.js";
-import { S as N, h as T, i as x, a as C, c as S } from "./select-BpjFWqAY.js";
-import { u as y } from "./useTheme-DS6ZjdzM.js";
-function w({ themeOptions: c, variant: o = "select", id: t }) {
-  const { t: i } = u(), { theme: n, handleThemeChange: m, currentThemeOption: e, nextThemeOption: r, cycleTheme: d } = y(c);
-  if (o === "mini") {
-    const s = e == null ? void 0 : e.icon;
-    return /* @__PURE__ */ a(g, { children: /* @__PURE__ */ l(f, { children: [
-      /* @__PURE__ */ a(v, { asChild: !0, children: /* @__PURE__ */ l(
-        b,
-        {
-          id: t,
-          variant: "ghost",
-          size: "icon",
-          onClick: d,
-          className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-          children: [
-            s && /* @__PURE__ */ a(s, { className: "size-4" }),
-            /* @__PURE__ */ l("span", { className: "sr-only", children: [
-              "Thème actuel : ",
-              e == null ? void 0 : e.label
-            ] })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ l(p, { side: "bottom", align: "center", children: [
-        "Passer en ",
-        r == null ? void 0 : r.label
-      ] })
-    ] }) });
-  }
-  return /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ l(N, { value: n, onValueChange: m, children: [
-      /* @__PURE__ */ a(T, { id: t, className: "w-full", children: /* @__PURE__ */ a(x, { placeholder: i("select.theme") }) }),
-      /* @__PURE__ */ a(C, { children: c.map((s) => {
-        const h = s.icon;
-        return /* @__PURE__ */ a(S, { value: s.value, children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ a(h, { className: "size-4" }),
-          s.label
-        ] }) }, s.value);
-      }) })
-    ] }),
-    (e == null ? void 0 : e.message) && /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: e.message })
-  ] });
-}
-export {
-  w as T
-};