@krosoft/react 0.0.119 → 0.0.121

package/dist/{DataTable-CUU_sTQd.js → DataTable-CrUM9eE-.js}

@@ -1,54 +1,54 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { u as ae } from "./useDataTable-CxcA5S-s.js";
-import { ax as I, aL as $, az as B, aB as se, _ as L, cr as ie, cs as ne, ay as de } from "./toggle-group-wIgXZYDq.js";
+import { u as se } from "./useDataTable-CxcA5S-s.js";
+import { ax as $, aL as B, az as L, aB as ie, _ as P, cr as ne, cs as de, ay as le } from "./toggle-group-wIgXZYDq.js";
 import "./alert-B34E_4uH.js";
-import { B as k } from "./tooltip-YhBPXbcJ.js";
+import { B as w } from "./tooltip-YhBPXbcJ.js";
 import "./select-DlQvLtI3.js";
 import "next-themes";
 import "react";
-import { E as le } from "./ellipsis-vertical-kB5yFb-i.js";
-import { L as oe } from "./loader-circle-CKy7u7JW.js";
-import { G as ce } from "./grip-vertical-DGywJXzS.js";
-import { c as D } from "./createLucideIcon-MP_wDWjs.js";
+import { E as oe } from "./ellipsis-vertical-kB5yFb-i.js";
+import { L as ce } from "./loader-circle-CKy7u7JW.js";
+import { G as he } from "./grip-vertical-DGywJXzS.js";
+import { c as j } from "./createLucideIcon-MP_wDWjs.js";
 /**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const he = [
+const me = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-], me = D("arrow-down", he);
+], ge = j("arrow-down", me);
 /**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ge = [
+const ue = [
   ["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" }]
-], ue = D("arrow-up-down", ge);
+], pe = j("arrow-up-down", ue);
 /**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pe = [
+const xe = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
-], xe = D("arrow-up", pe);
+], ye = j("arrow-up", xe);
 /**
  * @license lucide-react v1.17.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ye = [
+const fe = [
   [
     "path",
     {
@@ -57,12 +57,12 @@ const ye = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], fe = D("settings", ye), P = [5, 10, 30, 50, 100], ve = P[1];
-function be({ actions: l, row: s }) {
-  return /* @__PURE__ */ r(I, { children: [
-    /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(k, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(le, { className: "size-3.5" }) }) }),
+], ve = j("settings", fe), V = [5, 10, 30, 50, 100], be = V[1];
+function Ne({ actions: l, row: s }) {
+  return /* @__PURE__ */ r($, { children: [
+    /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(oe, { className: "size-3.5" }) }) }),
     /* @__PURE__ */ e(
-      B,
+      L,
       {
         align: "end",
         onClick: (t) => {
@@ -71,7 +71,7 @@ function be({ actions: l, row: s }) {
         children: l.map((t, a) => {
           const c = t.icon;
           return /* @__PURE__ */ r(
-            se,
+            ie,
             {
               onClick: () => {
                 t.onClick(s);
@@ -89,7 +89,7 @@ function be({ actions: l, row: s }) {
     )
   ] });
 }
-function Ne({
+function ke({
   isLoading: l,
   colSpanCount: s,
   noDataMessage: t,
@@ -100,20 +100,21 @@ function Ne({
   selectedRows: y,
   toggleRowSelection: h,
   visibleColumnsArray: o,
-  columnWidths: w,
+  columnWidths: b,
   hasActions: C,
   actions: f,
-  columns: b
+  columns: z,
+  bordered: N = !1
 }) {
-  const z = (m, g) => {
-    const n = b.find((v) => v.key === g);
+  const S = (m, g) => {
+    const n = z.find((v) => v.key === g);
     if ((n == null ? void 0 : n.renderCell) !== void 0)
       return n.renderCell(m);
     const x = m[g];
     return /* @__PURE__ */ e("span", { className: "text-sm truncate", children: x != null ? String(x) : "-" });
   };
   return l ? /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: s, className: "py-8 text-center", children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
-    /* @__PURE__ */ e(oe, { className: "h-6 w-6 animate-spin text-primary" }),
+    /* @__PURE__ */ e(ce, { 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: s, className: "py-8 text-center text-sm text-muted-foreground", children: t }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: a.map((m) => {
     const g = c(m);
@@ -132,7 +133,7 @@ function Ne({
                 n.stopPropagation();
               },
               children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(
-                L,
+                P,
                 {
                   checked: y.includes(g),
                   onCheckedChange: () => {
@@ -147,9 +148,9 @@ function Ne({
             return /* @__PURE__ */ e(
               "td",
               {
-                className: `px-2 py-2 border-r border-gray-100 dark:border-gray-800 relative ${v ? "border-r-0" : ""}`,
-                style: { width: w[n.key] },
-                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: z(m, n.key) })
+                className: `px-2 py-2 relative ${N && !v ? "border-r border-gray-100 dark:border-gray-800" : ""}`,
+                style: { width: b[n.key] },
+                children: /* @__PURE__ */ e("div", { className: "w-full h-full", children: S(m, n.key) })
               },
               n.key
             );
@@ -162,7 +163,7 @@ function Ne({
               onClick: (n) => {
                 n.stopPropagation();
               },
-              children: f !== void 0 && f.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(be, { actions: f, row: m }) }) : null
+              children: f !== void 0 && f.length > 0 ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(Ne, { actions: f, row: m }) }) : null
             }
           ) : null
         ]
@@ -171,7 +172,7 @@ function Ne({
     );
   }) });
 }
-function ke({ selectedRows: l, setSelectedRows: s, bulkActions: t }) {
+function we({ selectedRows: l, setSelectedRows: s, bulkActions: t }) {
   return /* @__PURE__ */ r("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__ */ r("div", { className: "flex items-center gap-4", children: [
       /* @__PURE__ */ r("span", { className: "text-sm font-medium text-primary ml-1", children: [
@@ -181,7 +182,7 @@ function ke({ selectedRows: l, setSelectedRows: s, bulkActions: t }) {
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: t.map((a, c) => {
         const i = a.icon;
         return /* @__PURE__ */ r(
-          k,
+          w,
           {
             variant: "outline",
             size: "sm",
@@ -201,7 +202,7 @@ function ke({ selectedRows: l, setSelectedRows: s, bulkActions: t }) {
       }) })
     ] }),
     /* @__PURE__ */ e(
-      k,
+      w,
       {
         variant: "ghost",
         size: "sm",
@@ -214,7 +215,7 @@ function ke({ selectedRows: l, setSelectedRows: s, bulkActions: t }) {
     )
   ] });
 }
-function we({
+function Ce({
   hasBulkActions: l,
   selectedRows: s,
   totalItems: t,
@@ -225,44 +226,46 @@ function we({
   columnWidths: y,
   sortColumn: h,
   sortDirection: o,
-  handleSort: w,
+  handleSort: b,
   handleDragStart: C,
   handleDragOver: f,
-  handleDrop: b,
-  handleMouseDown: z,
-  hasActions: m,
-  settingsNode: g
+  handleDrop: z,
+  handleMouseDown: N,
+  hasActions: S,
+  settingsNode: m,
+  bordered: g = !1
 }) {
   let n = !1;
   s.length === t && t > 0 ? n = !0 : s.length > 0 && (n = "indeterminate");
-  const x = (d) => d.sortable !== !0 ? null : h === d.key ? o === "asc" ? /* @__PURE__ */ e(xe, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(me, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(ue, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), v = (d, j) => {
-    const S = j !== !1, N = d.sortable === !0, M = h === d.key;
+  const x = (d) => d.sortable !== !0 ? null : h === d.key ? o === "asc" ? /* @__PURE__ */ e(ye, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(ge, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(pe, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), v = (d, M) => {
+    const D = M !== !1, k = d.sortable === !0, T = h === d.key;
     return /* @__PURE__ */ r(
       "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",
-          N ? "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none" : "",
-          M ? "bg-gray-100/80 dark:bg-gray-800/80" : ""
+          "px-2 py-2 text-left text-sm font-medium text-gray-900 dark:text-gray-100 relative group",
+          g ? "border-r border-gray-200 dark:border-gray-800" : "",
+          k ? "cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none" : "",
+          T ? "bg-gray-100/80 dark:bg-gray-800/80" : ""
         ].filter(Boolean).join(" "),
         style: { width: y[d.key] },
-        draggable: S,
+        draggable: D,
         onClick: () => {
-          w(d.key);
+          b(d.key);
         },
         onDragStart: (u) => {
-          S ? C(u, d.key) : u.preventDefault();
+          D ? C(u, d.key) : u.preventDefault();
         },
         onDragOver: (u) => {
           f(u, d.key);
         },
         onDrop: (u) => {
-          b(u, d.key);
+          z(u, d.key);
         },
         children: [
           /* @__PURE__ */ r("div", { className: "flex items-center justify-between pr-2", children: [
             /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
-              S ? /* @__PURE__ */ e(ce, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
+              D ? /* @__PURE__ */ e(he, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
               /* @__PURE__ */ e("span", { className: "truncate", children: d.label })
             ] }),
             /* @__PURE__ */ e("div", { className: "ml-1 shrink-0", children: x(d) })
@@ -272,7 +275,7 @@ function we({
             {
               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: (u) => {
-                z(u, d.key);
+                N(u, d.key);
               }
             }
           ) : null
@@ -282,12 +285,12 @@ function we({
     );
   };
   return /* @__PURE__ */ e("thead", { className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ r("tr", { children: [
-    l ? /* @__PURE__ */ e("th", { className: "p-1 flex-shrink-0 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(L, { checked: n, onCheckedChange: a }) }) }) : null,
+    l ? /* @__PURE__ */ e("th", { className: "p-1 flex-shrink-0 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: /* @__PURE__ */ e("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ e(P, { checked: n, onCheckedChange: a }) }) }) : null,
     c.map((d) => v(d, i)),
-    m || g !== void 0 ? /* @__PURE__ */ e("th", { className: "p-1 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: g }) : null
+    S || m !== void 0 ? /* @__PURE__ */ e("th", { className: "p-1 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: m }) : null
   ] }) });
 }
-function Ce({
+function ze({
   totalItems: l,
   startIndex: s,
   endIndex: t,
@@ -321,7 +324,7 @@ function Ce({
       ] }),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          k,
+          w,
           {
             variant: "outline",
             size: "sm",
@@ -330,7 +333,7 @@ function Ce({
               p((o) => Math.max(1, o - 1));
             },
             disabled: i === 1,
-            children: /* @__PURE__ */ e(ie, { className: "size-4" })
+            children: /* @__PURE__ */ e(ne, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
@@ -340,7 +343,7 @@ function Ce({
           h
         ] }),
         /* @__PURE__ */ e(
-          k,
+          w,
           {
             variant: "outline",
             size: "sm",
@@ -349,18 +352,18 @@ function Ce({
               p((o) => Math.min(h, o + 1));
             },
             disabled: i === h,
-            children: /* @__PURE__ */ e(ne, { className: "size-4" })
+            children: /* @__PURE__ */ e(de, { className: "size-4" })
           }
         )
       ] })
     ] })
   ] });
 }
-function ze({ columns: l, visibleColumns: s, toggleColumnVisibility: t }) {
-  return /* @__PURE__ */ r(I, { children: [
-    /* @__PURE__ */ e($, { asChild: !0, children: /* @__PURE__ */ e(k, { variant: "outline", size: "sm", className: "size-7 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(fe, { className: "size-3.5 text-gray-600 dark:text-gray-300" }) }) }),
-    /* @__PURE__ */ e(B, { align: "end", className: "w-56", children: l.map((a) => /* @__PURE__ */ e(
-      de,
+function Se({ columns: l, visibleColumns: s, toggleColumnVisibility: t }) {
+  return /* @__PURE__ */ r($, { children: [
+    /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(w, { variant: "outline", size: "sm", className: "size-7 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ e(ve, { className: "size-3.5 text-gray-600 dark:text-gray-300" }) }) }),
+    /* @__PURE__ */ e(L, { align: "end", className: "w-56", children: l.map((a) => /* @__PURE__ */ e(
+      le,
       {
         checked: s.has(a.key),
         onCheckedChange: () => {
@@ -372,7 +375,7 @@ function ze({ columns: l, visibleColumns: s, toggleColumnVisibility: t }) {
     )) })
   ] });
 }
-function Pe({
+function Ve({
   data: l,
   columns: s,
   getRowId: t,
@@ -383,11 +386,12 @@ function Pe({
   resizableColumns: y = !0,
   columnVisibility: h = !0,
   isLoading: o = !1,
-  noDataMessage: w = "Aucun résultat",
-  defaultPageSize: C = ve,
-  pageSizeOptions: f = P,
-  totalRows: b,
-  currentPage: z,
+  bordered: b = !1,
+  noDataMessage: C = "Aucun résultat",
+  defaultPageSize: f = be,
+  pageSizeOptions: z = V,
+  totalRows: N,
+  currentPage: S,
   pageSize: m,
   onPageChange: g,
   onPageSizeChange: n,
@@ -396,43 +400,43 @@ function Pe({
   onSortChange: d
 }) {
   const {
-    sortColumn: j,
-    sortDirection: S,
-    selectedRows: N,
-    setSelectedRows: M,
+    sortColumn: M,
+    sortDirection: D,
+    selectedRows: k,
+    setSelectedRows: T,
     visibleColumns: u,
-    columnWidths: T,
-    safeCurrentPage: V,
-    totalPages: q,
-    startIndex: E,
-    endIndex: G,
-    tableRef: H,
-    hasActions: A,
-    hasBulkActions: W,
-    visibleColumnsArray: _,
-    colSpanCount: O,
-    paginatedData: U,
-    handleSort: F,
-    handleMouseDown: J,
-    handleDragStart: Q,
-    handleDragOver: X,
-    handleDrop: Y,
-    toggleColumnVisibility: Z,
-    toggleRowSelection: K,
-    toggleSelectAll: R,
-    pageSize: ee,
-    setPageSize: re,
-    setCurrentPage: te
-  } = ae({
+    columnWidths: A,
+    safeCurrentPage: q,
+    totalPages: E,
+    startIndex: G,
+    endIndex: H,
+    tableRef: O,
+    hasActions: W,
+    hasBulkActions: _,
+    visibleColumnsArray: I,
+    colSpanCount: U,
+    paginatedData: F,
+    handleSort: J,
+    handleMouseDown: Q,
+    handleDragStart: X,
+    handleDragOver: Y,
+    handleDrop: Z,
+    toggleColumnVisibility: K,
+    toggleRowSelection: R,
+    toggleSelectAll: ee,
+    pageSize: re,
+    setPageSize: te,
+    setCurrentPage: ae
+  } = se({
     data: l,
     columns: s,
     getRowId: t,
-    defaultPageSize: C,
+    defaultPageSize: f,
     actions: c,
     bulkActions: i,
     columnVisibility: h,
-    totalRows: b,
-    currentPage: z,
+    totalRows: N,
+    currentPage: S,
     pageSize: m,
     onPageChange: g,
     onPageSizeChange: n,
@@ -441,74 +445,76 @@ function Pe({
     onSortChange: d
   });
   return /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-    N.length > 0 && i !== void 0 && i.length > 0 && /* @__PURE__ */ e(ke, { selectedRows: N, setSelectedRows: M, bulkActions: i }),
+    k.length > 0 && i !== void 0 && i.length > 0 && /* @__PURE__ */ e(we, { selectedRows: k, setSelectedRows: T, bulkActions: i }),
     /* @__PURE__ */ r("div", { className: "w-full bg-card dark:bg-gray-950 rounded-md border border-gray-200 dark:border-gray-800 overflow-hidden", children: [
-      /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { ref: H, className: "w-full", children: [
+      /* @__PURE__ */ e("div", { className: "overflow-x-auto", children: /* @__PURE__ */ r("table", { ref: O, className: "w-full", children: [
         /* @__PURE__ */ e(
-          we,
+          Ce,
           {
-            hasBulkActions: W,
-            selectedRows: N,
+            hasBulkActions: _,
+            selectedRows: k,
             totalItems: l.length,
-            toggleSelectAll: R,
-            visibleColumnsArray: _,
+            toggleSelectAll: ee,
+            visibleColumnsArray: I,
             draggableColumns: p,
             resizableColumns: y,
-            columnWidths: T,
-            sortColumn: j,
-            sortDirection: S,
-            handleSort: F,
-            handleDragStart: Q,
-            handleDragOver: X,
-            handleDrop: Y,
-            handleMouseDown: J,
-            hasActions: A,
-            settingsNode: h ? /* @__PURE__ */ e(ze, { columns: s, visibleColumns: u, toggleColumnVisibility: Z }) : void 0
+            columnWidths: A,
+            sortColumn: M,
+            sortDirection: D,
+            handleSort: J,
+            handleDragStart: X,
+            handleDragOver: Y,
+            handleDrop: Z,
+            handleMouseDown: Q,
+            hasActions: W,
+            bordered: b,
+            settingsNode: h ? /* @__PURE__ */ e(Se, { columns: s, visibleColumns: u, toggleColumnVisibility: K }) : void 0
           }
         ),
         /* @__PURE__ */ e(
-          Ne,
+          ke,
           {
+            bordered: b,
             isLoading: o,
-            colSpanCount: O,
-            noDataMessage: w,
-            paginatedData: U,
+            colSpanCount: U,
+            noDataMessage: C,
+            paginatedData: F,
             getRowId: t,
             onRowClick: a,
-            hasBulkActions: W,
-            selectedRows: N,
-            toggleRowSelection: K,
-            visibleColumnsArray: _,
-            columnWidths: T,
-            hasActions: A || h,
+            hasBulkActions: _,
+            selectedRows: k,
+            toggleRowSelection: R,
+            visibleColumnsArray: I,
+            columnWidths: A,
+            hasActions: W || h,
             actions: c,
             columns: s
           }
         )
       ] }) }),
       /* @__PURE__ */ e(
-        Ce,
+        ze,
         {
-          totalItems: b ?? l.length,
-          startIndex: E,
-          endIndex: G,
-          pageSize: ee,
-          setPageSize: re,
-          currentPage: V,
-          setCurrentPage: te,
-          pageSizeOptions: f,
-          totalPages: q
+          totalItems: N ?? l.length,
+          startIndex: G,
+          endIndex: H,
+          pageSize: re,
+          setPageSize: te,
+          currentPage: q,
+          setCurrentPage: ae,
+          pageSizeOptions: z,
+          totalPages: E
         }
       )
     ] })
   ] });
 }
 export {
-  Pe as D,
-  be as T,
-  Ne as a,
-  ke as b,
-  we as c,
-  Ce as d,
-  ze as e
+  Ve as D,
+  Ne as T,
+  ke as a,
+  we as b,
+  Ce as c,
+  ze as d,
+  Se as e
 };