@krosoft/react 0.0.159 → 0.0.161

package/dist/{DataTable-BVgo8YWR.js → DataTable-DJM7KWWK.js}

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { u as ae } from "./useDataTable-CxcA5S-s.js";
-import { ay as A, aM as P, aA as B, aC as ne, $, az as se } from "./toggle-group-BASGy2mQ.js";
+import { ay as A, aM as P, aA as B, aC as se, $, az as ne } from "./toggle-group-BASGy2mQ.js";
 import "./alert-B78CiTYe.js";
 import "@radix-ui/react-aspect-ratio";
 import { B as C } from "./tooltip-BWyFpIxo.js";
@@ -15,7 +15,7 @@ import "next-themes";
 import "sonner";
 import "react";
 const L = [5, 10, 30, 50, 100], pe = L[1];
-function xe({ actions: l, row: n }) {
+function xe({ actions: l, row: s }) {
   return /* @__PURE__ */ r(A, { children: [
     /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(C, { variant: "ghost", size: "icon", className: "h-7 w-7 text-muted-foreground hover:text-foreground", children: /* @__PURE__ */ e(ie, { className: "size-3.5" }) }) }),
     /* @__PURE__ */ e(
@@ -28,10 +28,10 @@ function xe({ actions: l, row: n }) {
         children: l.map((t, a) => {
           const c = t.icon;
           return /* @__PURE__ */ r(
-            ne,
+            se,
             {
               onClick: () => {
-                t.onClick(n);
+                t.onClick(s);
               },
               className: t.className,
               children: [
@@ -48,11 +48,11 @@ function xe({ actions: l, row: n }) {
 }
 function fe({
   isLoading: l,
-  colSpanCount: n,
+  colSpanCount: s,
   noDataMessage: t,
   paginatedData: a,
   getRowId: c,
-  onRowClick: s,
+  onRowClick: n,
   hasBulkActions: p,
   selectedRows: f,
   toggleRowSelection: h,
@@ -70,16 +70,16 @@ function fe({
     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: n, className: "py-8 text-center", children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center justify-center gap-2 text-muted-foreground", children: [
+  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(le, { 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: t }) }) }) : /* @__PURE__ */ e("tbody", { className: "divide-y divide-gray-200 dark:divide-gray-800", children: a.map((m) => {
+  ] }) }) }) }) : 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);
     return /* @__PURE__ */ r(
       "tr",
       {
-        className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${s !== void 0 ? "cursor-pointer" : ""}`,
-        onClick: () => s == null ? void 0 : s(m),
+        className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${n !== void 0 ? "cursor-pointer" : ""}`,
+        onClick: () => n == null ? void 0 : n(m),
         children: [
           p ? /* @__PURE__ */ e(
             "td",
@@ -129,7 +129,7 @@ function fe({
     );
   }) });
 }
-function ye({ selectedRows: l, setSelectedRows: n, bulkActions: t }) {
+function ye({ 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: [
@@ -137,7 +137,7 @@ function ye({ selectedRows: l, setSelectedRows: n, bulkActions: t }) {
         " sélectionné(s)"
       ] }),
       /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: t.map((a, c) => {
-        const s = a.icon;
+        const n = a.icon;
         return /* @__PURE__ */ r(
           C,
           {
@@ -145,12 +145,12 @@ function ye({ selectedRows: l, setSelectedRows: n, bulkActions: t }) {
             size: "sm",
             onClick: () => {
               a.onClick(l, () => {
-                n([]);
+                s([]);
               });
             },
             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: [
-              s !== void 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 flex items-center justify-center", children: /* @__PURE__ */ e(s, { className: "h-3.5 w-3.5" }) }),
+              n !== void 0 && /* @__PURE__ */ e("span", { className: "mr-1.5 flex items-center justify-center", children: /* @__PURE__ */ e(n, { className: "h-3.5 w-3.5" }) }),
               a.label
             ]
           },
@@ -164,7 +164,7 @@ function ye({ selectedRows: l, setSelectedRows: n, bulkActions: t }) {
         variant: "ghost",
         size: "sm",
         onClick: () => {
-          n([]);
+          s([]);
         },
         className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
         children: "Désélectionner"
@@ -174,11 +174,11 @@ function ye({ selectedRows: l, setSelectedRows: n, bulkActions: t }) {
 }
 function be({
   hasBulkActions: l,
-  selectedRows: n,
+  selectedRows: s,
   totalItems: t,
   toggleSelectAll: a,
   visibleColumnsArray: c,
-  draggableColumns: s,
+  draggableColumns: n,
   resizableColumns: p,
   columnWidths: f,
   sortColumn: h,
@@ -193,7 +193,7 @@ function be({
   bordered: g = !1
 }) {
   let i = !1;
-  n.length === t && t > 0 ? i = !0 : n.length > 0 && (i = "indeterminate");
+  s.length === t && t > 0 ? i = !0 : s.length > 0 && (i = "indeterminate");
   const x = (d) => d.sortable !== !0 ? null : h === d.key ? o === "asc" ? /* @__PURE__ */ e(oe, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(ce, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ e(me, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }), b = (d, I) => {
     const S = I !== !1, k = d.sortable === !0;
     return /* @__PURE__ */ r(
@@ -242,24 +242,24 @@ function be({
   };
   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($, { checked: i, onCheckedChange: a }) }) }) : null,
-    c.map((d) => b(d, s)),
+    c.map((d) => b(d, n)),
     D || m !== void 0 ? /* @__PURE__ */ e("th", { className: "p-1 text-center align-middle", style: { width: "32px", minWidth: "32px", maxWidth: "32px" }, children: m }) : null
   ] }) });
 }
 function ve({
   totalItems: l,
-  startIndex: n,
+  startIndex: s,
   endIndex: t,
   pageSize: a,
   setPageSize: c,
-  currentPage: s,
+  currentPage: n,
   setCurrentPage: p,
   pageSizeOptions: f,
   totalPages: h
 }) {
   return /* @__PURE__ */ r("div", { className: "px-4 py-2 border-t border-gray-200 dark:border-gray-800 flex items-center justify-between bg-muted/50 dark:bg-gray-900/50 flex-wrap gap-2", children: [
     /* @__PURE__ */ r("div", { className: "text-sm text-muted-foreground", children: [
-      l === 0 ? "0" : `${String(n + 1)} - ${String(t)}`,
+      l === 0 ? "0" : `${String(s + 1)} - ${String(t)}`,
       " sur ",
       l
     ] }),
@@ -288,13 +288,13 @@ function ve({
             onClick: () => {
               p((o) => Math.max(1, o - 1));
             },
-            disabled: s === 1,
+            disabled: n === 1,
             children: /* @__PURE__ */ e(he, { className: "size-4" })
           }
         ),
         /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
           "Page ",
-          s,
+          n,
           " sur ",
           h
         ] }),
@@ -307,7 +307,7 @@ function ve({
             onClick: () => {
               p((o) => Math.min(h, o + 1));
             },
-            disabled: s === h,
+            disabled: n === h,
             children: /* @__PURE__ */ e(ge, { className: "size-4" })
           }
         )
@@ -315,13 +315,13 @@ function ve({
     ] })
   ] });
 }
-function Ne({ columns: l, visibleColumns: n, toggleColumnVisibility: t }) {
+function Ne({ columns: l, visibleColumns: s, toggleColumnVisibility: t }) {
   return /* @__PURE__ */ r(A, { children: [
     /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(C, { 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(ue, { 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(
-      se,
+      ne,
       {
-        checked: n.has(a.key),
+        checked: s.has(a.key),
         onCheckedChange: () => {
           t(a.key);
         },
@@ -333,14 +333,14 @@ function Ne({ columns: l, visibleColumns: n, toggleColumnVisibility: t }) {
 }
 function He({
   data: l,
-  columns: n,
+  columns: s,
   getRowId: t,
   onRowClick: a,
   actions: c,
-  bulkActions: s,
-  draggableColumns: p = !0,
-  resizableColumns: f = !0,
-  columnVisibility: h = !0,
+  bulkActions: n,
+  draggableColumns: p = !1,
+  resizableColumns: f = !1,
+  columnVisibility: h = !1,
   isLoading: o = !1,
   bordered: v = !1,
   noDataMessage: w = "Aucun résultat",
@@ -385,11 +385,11 @@ function He({
     setCurrentPage: te
   } = ae({
     data: l,
-    columns: n,
+    columns: s,
     getRowId: t,
     defaultPageSize: y,
     actions: c,
-    bulkActions: s,
+    bulkActions: n,
     columnVisibility: h,
     totalRows: N,
     currentPage: D,
@@ -401,7 +401,7 @@ function He({
     onSortChange: d
   });
   return /* @__PURE__ */ r("div", { className: "space-y-4", children: [
-    k.length > 0 && s !== void 0 && s.length > 0 && /* @__PURE__ */ e(ye, { selectedRows: k, setSelectedRows: u, bulkActions: s }),
+    k.length > 0 && n !== void 0 && n.length > 0 && /* @__PURE__ */ e(ye, { selectedRows: k, setSelectedRows: u, bulkActions: n }),
     /* @__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: q, className: "w-full", children: [
         /* @__PURE__ */ e(
@@ -424,7 +424,7 @@ function He({
             handleMouseDown: Q,
             hasActions: M,
             bordered: v,
-            settingsNode: h ? /* @__PURE__ */ e(Ne, { columns: n, visibleColumns: H, toggleColumnVisibility: _ }) : void 0
+            settingsNode: h ? /* @__PURE__ */ e(Ne, { columns: s, visibleColumns: H, toggleColumnVisibility: _ }) : void 0
           }
         ),
         /* @__PURE__ */ e(
@@ -444,7 +444,7 @@ function He({
             columnWidths: j,
             hasActions: M || h,
             actions: c,
-            columns: n
+            columns: s
           }
         )
       ] }) }),

package/dist/components/core/index.js

@@ -15,7 +15,7 @@ import { S as _, a as $, b as aa, T as ea } from "../../Topbar-DMyjbOTI.js";
 import { E as oa } from "../../ErrorAlert-DH1onuyt.js";
 import { E as ta } from "../../ErrorState-vU8d4CwD.js";
 import { L as la } from "../../LoadingState-BN0YaPSs.js";
-import { D as ba, T as ma, a as da, b as ga, c as fa, d as Aa, e as Da } from "../../DataTable-BVgo8YWR.js";
+import { D as ba, T as ma, a as da, b as ga, c as fa, d as Aa, e as Da } from "../../DataTable-DJM7KWWK.js";
 import { A as na, a as ca, b as xa, c as Sa } from "../../AppVerticalTabs-NZ02HPGP.js";
 import { T as Fa } from "../../ThemeSelector-CQ3fSDJ2.js";
 export {

package/dist/components/core/table/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMvE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAuB,EACvB,gBAAuB,EACvB,gBAAuB,EACvB,SAAiB,EACjB,QAAgB,EAChB,aAAgC,EAChC,eAAmC,EACnC,eAA2C,EAC3C,SAAS,EACT,WAAW,EACX,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EACZ,gBAAgB,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAE,uBAAuB,EACtC,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkHvC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAOvE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEvE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3E;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAwB,EACxB,gBAAwB,EACxB,gBAAwB,EACxB,SAAiB,EACjB,QAAgB,EAChB,aAAgC,EAChC,eAAmC,EACnC,eAA2C,EAC3C,SAAS,EACT,WAAW,EACX,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EACZ,gBAAgB,EAChB,UAAU,EAAE,oBAAoB,EAChC,aAAa,EAAE,uBAAuB,EACtC,YAAY,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkHvC"}

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

@@ -1,4 +1,4 @@
-import { D as s, T as b, a as l, b as T, c as t, d as o, e as i } from "../../../DataTable-BVgo8YWR.js";
+import { D as s, T as b, a as l, b as T, c as t, d as o, e as i } from "../../../DataTable-DJM7KWWK.js";
 export {
   s as DataTable,
   b as TableActions,

package/dist/components/index.js

@@ -15,7 +15,7 @@ import { S as gr, a as dr, b as mr, T as Cr } from "../Topbar-DMyjbOTI.js";
 import { E as Tr } from "../ErrorAlert-DH1onuyt.js";
 import { E as Dr } from "../ErrorState-vU8d4CwD.js";
 import { L as xr } from "../LoadingState-BN0YaPSs.js";
-import { D as Ir, T as Pr, a as hr, b as fr, c as wr, d as vr, e as Fr } from "../DataTable-BVgo8YWR.js";
+import { D as Ir, T as Pr, a as hr, b as fr, c as wr, d as vr, e as Fr } from "../DataTable-DJM7KWWK.js";
 import { A as Br, a as Gr, b as Hr, c as Rr } from "../AppVerticalTabs-NZ02HPGP.js";
 import { T as Nr } from "../ThemeSelector-CQ3fSDJ2.js";
 import { A as Er, a as Or, b as Vr } from "../alert-B78CiTYe.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.159",
+  "version": "0.0.161",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -103,7 +103,7 @@
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "autoprefixer": "^10.5.2",
-    "eslint-plugin-storybook": "10.5.0",
+    "eslint-plugin-storybook": "10.5.2",
     "jsdom": "^29.1.1",
     "next-themes": "^0.4.6",
     "prettier": "^3.9.5",