@krosoft/react 0.0.93 → 0.0.95

package/dist/{toggle-group-5ImQF6h-.js → toggle-group-CrQymn4l.js}

@@ -10525,7 +10525,7 @@ const Gb = f.forwardRef(
       {
         ref: r,
         className: I(
-          "fixed left-[50%] top-[50%] z-[70] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          "fixed left-[50%] top-[50%] z-[70] grid w-full max-w-lg max-h-[95vh] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
           e
         ),
         ...n,
@@ -20202,13 +20202,13 @@ export {
   vB as cd,
   dB as ce,
   Mz as cf,
-  fg as cg,
-  ir as ch,
-  Ga as ci,
-  fr as cj,
-  pr as ck,
-  eP as cl,
-  wr as cm,
+  Ga as cg,
+  fr as ch,
+  pr as ci,
+  eP as cj,
+  wr as ck,
+  fg as cl,
+  ir as cm,
   tI as d,
   eI as e,
   Hb as f,

package/dist/useDataTable-CQpx3zTg.js

@@ -0,0 +1,91 @@
+import { useState as l, useRef as d, useMemo as S, useCallback as O } from "react";
+function ue({
+  data: i,
+  columns: o,
+  getRowId: j,
+  defaultPageSize: q,
+  actions: R,
+  bulkActions: y,
+  columnVisibility: G = !0
+}) {
+  var F;
+  const [u, H] = l(((F = o.find((e) => e.sortable === !0)) == null ? void 0 : F.key) ?? null), [c, P] = l("asc"), [g, f] = l([]), [h, J] = l(new Set(o.filter((e) => e.defaultVisible !== !1).map((e) => e.key))), [b, N] = l(o.map((e) => e.key)), [w, Q] = l(o.reduce((e, t) => ({ ...e, [t.key]: t.minWidth ?? 100 }), {})), [V, A] = l(1), [m, Y] = l(q), Z = d(null), x = d(null), E = d(0), W = d(0), a = d(null), z = d(null), I = R !== void 0 && R.length > 0, L = y !== void 0 && y.length > 0, M = S(() => b.map((e) => o.find((t) => t.key === e)).filter((e) => e !== void 0), [b, o]), T = S(() => M.filter((e) => h.has(e.key)), [M, h]), _ = T.length + (L ? 1 : 0) + (I || G ? 1 : 0), k = Math.max(1, Math.ceil(i.length / m)), X = V > k ? k : V, p = i.length === 0 ? 0 : (X - 1) * m, D = Math.min(p + m, i.length), $ = (e) => {
+    const t = o.find((n) => n.key === e);
+    (t == null ? void 0 : t.sortable) === !0 && (u === e ? P(c === "asc" ? "desc" : "asc") : (H(e), P("asc")), A(1));
+  }, v = O((e) => {
+    const t = x.current;
+    if (t === null) return;
+    const n = e.clientX - E.current, r = Math.max(80, W.current + n);
+    Q((s) => ({
+      ...s,
+      [t]: r
+    }));
+  }, []), U = O(
+    function e() {
+      x.current = null, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", e);
+    },
+    [v]
+  ), K = O(
+    (e, t) => {
+      e.preventDefault(), e.stopPropagation(), x.current = t, E.current = e.clientX, W.current = w[t], document.addEventListener("mousemove", v), document.addEventListener("mouseup", U);
+    },
+    [w, v, U]
+  ), ee = (e, t) => {
+    a.current = t, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/html", t);
+  }, te = (e, t) => {
+    e.preventDefault(), e.dataTransfer.dropEffect = "move", z.current = t;
+  }, ne = (e, t) => {
+    if (e.preventDefault(), a.current === null || a.current === t) return;
+    const n = [...b], r = n.indexOf(a.current), s = n.indexOf(t);
+    n.splice(r, 1), n.splice(s, 0, a.current), N(n), a.current = null, z.current = null;
+  }, B = S(() => [...i].sort((e, t) => {
+    if (u === null) return 0;
+    const n = o.find((C) => C.key === u), r = (n == null ? void 0 : n.getSortValue) !== void 0 ? n.getSortValue(e) : e[u], s = (n == null ? void 0 : n.getSortValue) !== void 0 ? n.getSortValue(t) : t[u];
+    if (typeof r == "string" && typeof s == "string") {
+      const C = r.localeCompare(s);
+      return c === "asc" ? C : -C;
+    }
+    return r === s ? 0 : r == null ? 1 : s == null ? -1 : r < s ? c === "asc" ? -1 : 1 : r > s ? c === "asc" ? 1 : -1 : 0;
+  }), [i, u, c, o]), re = S(() => B.slice(p, D), [B, p, D]);
+  return {
+    sortColumn: u,
+    sortDirection: c,
+    selectedRows: g,
+    setSelectedRows: f,
+    visibleColumns: h,
+    columnWidths: w,
+    currentPage: V,
+    setCurrentPage: A,
+    pageSize: m,
+    setPageSize: Y,
+    totalPages: k,
+    safeCurrentPage: X,
+    startIndex: p,
+    endIndex: D,
+    tableRef: Z,
+    hasActions: I,
+    hasBulkActions: L,
+    orderedColumns: M,
+    visibleColumnsArray: T,
+    colSpanCount: _,
+    paginatedData: re,
+    handleSort: $,
+    handleMouseDown: K,
+    handleDragStart: ee,
+    handleDragOver: te,
+    handleDrop: ne,
+    toggleColumnVisibility: (e) => {
+      const t = new Set(h);
+      t.has(e) ? t.delete(e) : t.add(e), J(t);
+    },
+    toggleRowSelection: (e) => {
+      g.includes(e) ? f(g.filter((t) => t !== e)) : f([...g, e]);
+    },
+    toggleSelectAll: () => {
+      g.length === i.length ? f([]) : f(i.map((e) => j(e)));
+    }
+  };
+}
+export {
+  ue as u
+};

package/package.json

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

package/dist/TableSettings-DbTxUWk3.js

@@ -1,383 +0,0 @@
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { ar as M, aF as j, at as D, av as A, U as S, cg as L, ch as B, as as I } from "./toggle-group-5ImQF6h-.js";
-import "./card-Bn3Y7DHQ.js";
-import { B as x } from "./tooltip-CAu4DEhc.js";
-import "./select-zzSnHs9S.js";
-import "next-themes";
-import "react";
-import { E as V } from "./ellipsis-vertical-BVxSFNOa.js";
-import { L as q } from "./loader-circle-GAYBtm3z.js";
-import { G as U } from "./grip-vertical-CJ07_87Y.js";
-import { c as f } from "./index-DSyPHOLE.js";
-/**
- * @license lucide-react v1.16.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const E = [
-  ["path", { d: "M12 5v14", key: "s699le" }],
-  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-], G = f("arrow-down", E);
-/**
- * @license lucide-react v1.16.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const H = [
-  ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
-  ["path", { d: "M17 20V4", key: "1ejh1v" }],
-  ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
-  ["path", { d: "M7 4v16", key: "1glfcx" }]
-], F = f("arrow-up-down", H);
-/**
- * @license lucide-react v1.16.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const O = [
-  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
-  ["path", { d: "M12 19V5", key: "x0mq9r" }]
-], J = f("arrow-up", O);
-/**
- * @license lucide-react v1.16.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Q = [
-  [
-    "path",
-    {
-      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
-      key: "1i5ecw"
-    }
-  ],
-  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], W = f("settings", Q);
-function X({ actions: l, row: n }) {
-  return /* @__PURE__ */ t(M, { children: [
-    /* @__PURE__ */ e(j, { 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" }) }) }),
-    /* @__PURE__ */ e(
-      D,
-      {
-        align: "end",
-        onClick: (s) => {
-          s.stopPropagation();
-        },
-        children: l.map((s, a) => {
-          const o = s.icon;
-          return /* @__PURE__ */ t(
-            A,
-            {
-              onClick: () => {
-                s.onClick(n);
-              },
-              className: s.className,
-              children: [
-                o !== void 0 && /* @__PURE__ */ e("span", { className: "mr-2 size-4 flex items-center justify-center", children: /* @__PURE__ */ e(o, { className: "size-4" }) }),
-                s.label
-              ]
-            },
-            a
-          );
-        })
-      }
-    )
-  ] });
-}
-function ie({
-  isLoading: l,
-  colSpanCount: n,
-  noDataMessage: s,
-  paginatedData: a,
-  getRowId: o,
-  onRowClick: c,
-  hasBulkActions: u,
-  selectedRows: b,
-  toggleRowSelection: g,
-  visibleColumnsArray: i,
-  columnWidths: k,
-  hasActions: N,
-  actions: v,
-  columns: w
-}) {
-  const C = (h, m) => {
-    const d = w.find((r) => r.key === m);
-    if ((d == null ? void 0 : d.renderCell) !== void 0)
-      return d.renderCell(h);
-    const y = h[m];
-    return /* @__PURE__ */ e("span", { className: "text-sm truncate", children: y != null ? String(y) : "-" });
-  };
-  return l ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n, className: "py-8 text-center", children: /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ e(q, { className: "h-6 w-6 animate-spin text-primary" }),
-    /* @__PURE__ */ e("span", { className: "text-sm", children: "Chargement..." })
-  ] }) }) }) }) : a.length === 0 ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: n, className: "py-8 text-center text-sm text-muted-foreground", children: s }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: a.map((h) => {
-    const m = o(h);
-    return /* @__PURE__ */ t(
-      "tr",
-      {
-        className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${c !== void 0 ? "cursor-pointer" : ""}`,
-        onClick: () => c == null ? void 0 : c(h),
-        children: [
-          u ? /* @__PURE__ */ e(
-            "td",
-            {
-              className: "px-4 py-2 w-12",
-              onClick: (d) => {
-                d.stopPropagation();
-              },
-              children: /* @__PURE__ */ e(
-                S,
-                {
-                  checked: b.includes(m),
-                  onCheckedChange: () => {
-                    g(m);
-                  }
-                }
-              )
-            }
-          ) : null,
-          i.map((d, y) => {
-            const r = y === i.length - 1;
-            return /* @__PURE__ */ e(
-              "td",
-              {
-                className: `px-2 py-2 border-r border-gray-100 dark:border-gray-800 relative ${r ? "border-r-0" : ""}`,
-                style: { width: k[d.key] },
-                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: C(h, d.key) })
-              },
-              d.key
-            );
-          }),
-          N && v !== void 0 && v.length > 0 ? /* @__PURE__ */ e(
-            "td",
-            {
-              className: "px-2 py-2 w-12 text-end",
-              onClick: (d) => {
-                d.stopPropagation();
-              },
-              children: /* @__PURE__ */ e(X, { actions: v, row: h })
-            }
-          ) : null
-        ]
-      },
-      m
-    );
-  }) });
-}
-function de({ selectedRows: l, setSelectedRows: n, bulkActions: s }) {
-  return /* @__PURE__ */ t("div", { className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-lg", children: [
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ t("span", { className: "text-sm font-medium text-primary ml-1", children: [
-        l.length,
-        " sélectionné(s)"
-      ] }),
-      /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: s.map((a, o) => {
-        const c = a.icon;
-        return /* @__PURE__ */ t(
-          x,
-          {
-            variant: "outline",
-            size: "sm",
-            onClick: () => {
-              a.onClick(l, () => {
-                n([]);
-              });
-            },
-            className: `h-7 bg-background shadow-sm text-xs px-2.5 ${a.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
-            children: [
-              c !== void 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 flex items-center justify-center", children: /* @__PURE__ */ e(c, { className: "h-3.5 w-3.5" }) }),
-              a.label
-            ]
-          },
-          o
-        );
-      }) })
-    ] }),
-    /* @__PURE__ */ e(
-      x,
-      {
-        variant: "ghost",
-        size: "sm",
-        onClick: () => {
-          n([]);
-        },
-        className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
-        children: "Désélectionner"
-      }
-    )
-  ] });
-}
-function le({
-  hasBulkActions: l,
-  selectedRows: n,
-  totalItems: s,
-  toggleSelectAll: a,
-  visibleColumnsArray: o,
-  draggableColumns: c,
-  resizableColumns: u,
-  columnWidths: b,
-  sortColumn: g,
-  sortDirection: i,
-  handleSort: k,
-  handleDragStart: N,
-  handleDragOver: v,
-  handleDrop: w,
-  handleMouseDown: C,
-  hasActions: h,
-  settingsNode: m
-}) {
-  const d = (r) => r.sortable !== !0 ? null : g === r.key ? i === "asc" ? /* @__PURE__ */ e(J, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(G, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(F, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), y = (r, T) => {
-    const z = T !== !1, _ = r.sortable === !0, $ = g === r.key;
-    return /* @__PURE__ */ t(
-      "th",
-      {
-        className: [
-          "px-2 py-2 text-left text-sm font-medium text-gray-900 dark:text-gray-100 relative group border-r border-gray-200 dark:border-gray-800",
-          _ ? "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none" : "",
-          $ ? "bg-gray-100/80 dark:bg-gray-800/80" : ""
-        ].filter(Boolean).join(" "),
-        style: { width: b[r.key] },
-        draggable: z,
-        onClick: () => {
-          k(r.key);
-        },
-        onDragStart: (p) => {
-          z ? N(p, r.key) : p.preventDefault();
-        },
-        onDragOver: (p) => {
-          v(p, r.key);
-        },
-        onDrop: (p) => {
-          w(p, r.key);
-        },
-        children: [
-          /* @__PURE__ */ t("div", { className: "flex items-center justify-between pr-2", children: [
-            /* @__PURE__ */ t("div", { className: "flex items-center gap-1", children: [
-              z ? /* @__PURE__ */ e(U, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
-              /* @__PURE__ */ e("span", { className: "truncate", children: r.label })
-            ] }),
-            /* @__PURE__ */ e("div", { className: "ml-1 shrink-0", children: d(r) })
-          ] }),
-          u ? /* @__PURE__ */ e(
-            "div",
-            {
-              className: "absolute right-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-blue-500 opacity-0 group-hover:opacity-50 transition-opacity",
-              onMouseDown: (p) => {
-                C(p, r.key);
-              }
-            }
-          ) : null
-        ]
-      },
-      r.key
-    );
-  };
-  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: [
-    l ? /* @__PURE__ */ e("th", { className: "px-4 py-2 w-12 flex-shrink-0 text-left", children: /* @__PURE__ */ e(
-      S,
-      {
-        checked: n.length === s && s > 0 ? !0 : n.length > 0 ? "indeterminate" : !1,
-        onCheckedChange: a
-      }
-    ) }) : null,
-    o.map((r) => y(r, c)),
-    h || m !== void 0 ? /* @__PURE__ */ e("th", { className: "w-12 px-2 py-2 text-center align-middle", children: m }) : null
-  ] }) });
-}
-function ce({
-  totalItems: l,
-  startIndex: n,
-  endIndex: s,
-  pageSize: a,
-  setPageSize: o,
-  currentPage: c,
-  setCurrentPage: u,
-  pageSizeOptions: b,
-  totalPages: g
-}) {
-  return /* @__PURE__ */ t("div", { className: "px-4 py-2 border-t border-border flex items-center justify-between bg-card flex-wrap gap-2", children: [
-    /* @__PURE__ */ t("div", { className: "text-sm text-muted-foreground", children: [
-      l === 0 ? "0" : `${String(n + 1)} - ${String(s)}`,
-      " sur ",
-      l
-    ] }),
-    /* @__PURE__ */ t("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Lignes par page :" }),
-        /* @__PURE__ */ e(
-          "select",
-          {
-            value: a,
-            onChange: (i) => {
-              o(Number(i.target.value)), u(1);
-            },
-            className: "border border-input bg-background rounded px-2 py-1 text-sm text-foreground",
-            children: b.map((i) => /* @__PURE__ */ e("option", { value: i, children: i }, i))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(
-          x,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onClick: () => {
-              u((i) => Math.max(1, i - 1));
-            },
-            disabled: c === 1,
-            children: /* @__PURE__ */ e(L, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ t("span", { className: "text-sm text-muted-foreground", children: [
-          "Page ",
-          c,
-          " sur ",
-          g
-        ] }),
-        /* @__PURE__ */ e(
-          x,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "h-8 w-8 p-0",
-            onClick: () => {
-              u((i) => Math.min(g, i + 1));
-            },
-            disabled: c === g,
-            children: /* @__PURE__ */ e(B, { className: "size-4" })
-          }
-        )
-      ] })
-    ] })
-  ] });
-}
-function oe({ columns: l, visibleColumns: n, toggleColumnVisibility: s }) {
-  return /* @__PURE__ */ t(M, { children: [
-    /* @__PURE__ */ e(j, { 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(W, { className: "size-4 text-gray-600 dark:text-gray-300" }) }) }),
-    /* @__PURE__ */ e(D, { align: "end", className: "w-56", children: l.map((a) => /* @__PURE__ */ e(
-      I,
-      {
-        checked: n.has(a.key),
-        onCheckedChange: () => {
-          s(a.key);
-        },
-        children: a.label
-      },
-      a.key
-    )) })
-  ] });
-}
-export {
-  X as T,
-  ie as a,
-  de as b,
-  le as c,
-  ce as d,
-  oe as e
-};