@bloomneo/uikit 1.5.0 → 1.5.1

package/dist/data-table.js

@@ -1,25 +1,25 @@
 import { jsxs as l, jsx as a } from "react/jsx-runtime";
-import * as Ae from "react";
-import { forwardRef as Ve, useState as j, useMemo as R, useCallback as T } from "react";
+import * as Ve from "react";
+import { forwardRef as Ee, useState as L, useMemo as R, useCallback as j } from "react";
 import { c as ee } from "./index-Bke1qZdk.js";
 import { c as o } from "./utils-CwJPJKOE.js";
 import { Button as b } from "./button.js";
-import { Input as Ee } from "./input.js";
-import { Badge as Fe } from "./badge.js";
+import { Input as Fe } from "./input.js";
+import { Badge as Ke } from "./badge.js";
 import { Checkbox as G } from "./checkbox.js";
-import { Select as Ke, SelectTrigger as Re, SelectValue as qe, SelectContent as Ie, SelectItem as A } from "./select.js";
+import { Select as Re, SelectTrigger as qe, SelectValue as Ie, SelectContent as Pe, SelectItem as A } from "./select.js";
 import { DropdownMenu as J, DropdownMenuTrigger as Q, DropdownMenuContent as X, DropdownMenuItem as Y } from "./dropdown-menu.js";
-import { requireArrayProp as Z, warnInDev as Pe } from "./errors.js";
-import { S as Ue } from "./search-CpUwRnG-.js";
+import { requireArrayProp as Z, warnInDev as Ue } from "./errors.js";
+import { S as He } from "./search-CpUwRnG-.js";
 import { c as C } from "./createLucideIcon-B45kRl5r.js";
-import { E as He } from "./ellipsis-BhAoKPVk.js";
+import { E as Be } from "./ellipsis-BhAoKPVk.js";
 /**
  * @license lucide-react v0.468.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Be = C("ArrowDownWideNarrow", [
+const Oe = C("ArrowDownWideNarrow", [
   ["path", { d: "m3 16 4 4 4-4", key: "1co6wj" }],
   ["path", { d: "M7 20V4", key: "1yoxec" }],
   ["path", { d: "M11 4h10", key: "1w87gc" }],
@@ -32,7 +32,7 @@ const Be = C("ArrowDownWideNarrow", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oe = C("ArrowUpDown", [
+const _e = C("ArrowUpDown", [
   ["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" }],
@@ -44,7 +44,7 @@ const Oe = C("ArrowUpDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = C("ArrowUpNarrowWide", [
+const Ge = C("ArrowUpNarrowWide", [
   ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
   ["path", { d: "M7 4v16", key: "1glfcx" }],
   ["path", { d: "M11 12h4", key: "q8tih4" }],
@@ -57,7 +57,7 @@ const _e = C("ArrowUpNarrowWide", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ge = C("Download", [
+const Je = C("Download", [
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["polyline", { points: "7 10 12 15 17 10", key: "2ggqvy" }],
   ["line", { x1: "12", x2: "12", y1: "15", y2: "3", key: "1vk2je" }]
@@ -68,7 +68,7 @@ const Ge = C("Download", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Je = C("Filter", [
+const Qe = C("Filter", [
   ["polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3", key: "1yg77f" }]
 ]);
 /**
@@ -82,7 +82,7 @@ const $ = C("RefreshCw", [
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
-]), Qe = ee(
+]), Xe = ee(
   "w-full border-collapse",
   {
     variants: {
@@ -121,7 +121,7 @@ const $ = C("RefreshCw", [
       pinned: "none"
     }
   }
-), Xe = Ve((S, te) => {
+), te = Ee((S, ae) => {
   Z(
     "DataTable",
     "data",
@@ -132,7 +132,7 @@ const $ = C("RefreshCw", [
     "columns",
     S.columns,
     "Pass an array of DataTableColumn definitions."
-  ), S.columns && S.columns.some((e) => !e.id) && Pe(
+  ), S.columns && S.columns.some((e) => !e.id) && Ue(
     "DataTable",
     "Every column needs a unique `id` (used for sort/filter/render keys)."
   );
@@ -141,56 +141,56 @@ const $ = C("RefreshCw", [
     columns: h = [],
     virtualized: Ye = !1,
     rowHeight: Ze = 40,
-    height: ae,
+    height: re,
     selectable: d = !1,
     selectionMode: V = "multiple",
-    selectedRows: re = [],
-    onSelectionChange: M,
-    getRowId: D = (e, n) => n.toString(),
+    selectedRows: ne = [],
+    onSelectionChange: D,
+    getRowId: M = (e, n) => n.toString(),
     sortable: q = !0,
-    sortConfig: ne = [],
+    sortConfig: se = [],
     onSortChange: I,
     filterable: $e = !0,
-    filterConfig: se = {},
+    filterConfig: ie = {},
     onFilterChange: P,
-    searchable: ie = !0,
-    searchPlaceholder: le = "Search...",
-    searchValue: ce = "",
-    onSearchChange: oe,
+    searchable: le = !0,
+    searchPlaceholder: ce = "Search...",
+    searchValue: oe = "",
+    onSearchChange: de,
     pagination: E = !0,
     currentPage: c = 0,
     pageSize: y = 10,
     totalRows: F,
     onPageChange: K,
-    onPageSizeChange: de,
+    onPageSizeChange: he,
     actions: v = [],
     bulkActions: U = [],
-    expandable: he = !1,
-    expandedRows: me = [],
+    expandable: me = !1,
+    expandedRows: ue = [],
     onExpandChange: et,
     renderExpanded: H,
-    loading: ue = !1,
-    emptyState: pe,
+    loading: pe = !1,
+    emptyState: ge,
     error: B,
-    exportable: ge = !1,
-    exportFormats: fe = ["csv", "json"],
-    onExport: be,
-    size: ye = "md",
+    exportable: fe = !1,
+    exportFormats: be = ["csv", "json"],
+    onExport: ye,
+    size: ve = "md",
     density: N = "normal",
-    striped: ve = !1,
-    bordered: we = !0,
-    hoverable: Ne = !0,
-    className: ke,
-    style: xe
-  } = S, [k, Ce] = j(ne), [z, Se] = j(se), [W, Me] = j(ce), [m, O] = j(re), p = R(
+    striped: we = !1,
+    bordered: Ne = !0,
+    hoverable: ke = !0,
+    className: xe,
+    style: Ce
+  } = S, [k, Se] = L(se), [z, De] = L(ie), [W, Me] = L(oe), [m, O] = L(ne), p = R(
     () => h.filter((e) => !e.hidden),
     [h]
-  ), De = T((e) => {
+  ), ze = j((e) => {
     if (!q || !h.find((i) => i.id === e)?.sortable) return;
     const t = [...k], s = t.findIndex((i) => i.key === e);
-    s >= 0 ? t[s].direction === "asc" ? t[s].direction = "desc" : t.splice(s, 1) : t.push({ key: e, direction: "asc" }), Ce(t), I?.(t);
+    s >= 0 ? t[s].direction === "asc" ? t[s].direction = "desc" : t.splice(s, 1) : t.push({ key: e, direction: "asc" }), Se(t), I?.(t);
   }, [q, h, k, I]);
-  T((e, n, t = "contains") => {
+  j((e, n, t = "contains") => {
     const s = { ...z };
     if (n === "" || n == null)
       delete s[e];
@@ -202,17 +202,17 @@ const $ = C("RefreshCw", [
         operator: t
       };
     }
-    Se(s), P?.(s);
+    De(s), P?.(s);
   }, [h, z, P]);
-  const ze = T((e) => {
+  const We = j((e) => {
     if (!d) return;
-    const n = e ? u.map((t, s) => D(t, s)) : [];
-    O(n), M?.(n);
-  }, [d, u, D, M]), We = T((e, n) => {
+    const n = e ? u.map((t, s) => M(t, s)) : [];
+    O(n), D?.(n);
+  }, [d, u, M, D]), Te = j((e, n) => {
     if (!d) return;
     let t = [...m];
-    V === "single" ? t = n ? [e] : [] : n ? t.push(e) : t = t.filter((s) => s !== e), O(t), M?.(t);
-  }, [d, V, m, M]), w = R(() => {
+    V === "single" ? t = n ? [e] : [] : n ? t.push(e) : t = t.filter((s) => s !== e), O(t), D?.(t);
+  }, [d, V, m, D]), w = R(() => {
     let e = [...u];
     return W && (e = e.filter((n) => p.some((t) => {
       const s = t.accessor ? t.accessor(n) : t.accessorKey ? n[t.accessorKey] : "";
@@ -244,7 +244,7 @@ const $ = C("RefreshCw", [
       }));
     }), k.length > 0 && e.sort((n, t) => {
       for (const s of k) {
-        const i = h.find((Te) => Te.id === s.key);
+        const i = h.find((Ae) => Ae.id === s.key);
         if (!i) continue;
         const r = i.accessor ? i.accessor(n) : i.accessorKey ? n[i.accessorKey] : "", g = i.accessor ? i.accessor(t) : i.accessorKey ? t[i.accessorKey] : "";
         let f = 0;
@@ -273,7 +273,7 @@ const $ = C("RefreshCw", [
     if (!E) return w;
     const e = c * y, n = e + y;
     return w.slice(e, n);
-  }, [w, E, c, y]), L = Math.ceil((F || w.length) / y), Le = (e) => {
+  }, [w, E, c, y]), T = Math.ceil((F || w.length) / y), Le = (e) => {
     const n = k.find((i) => i.key === e.id), t = !!n, s = n?.direction;
     return /* @__PURE__ */ a(
       "th",
@@ -292,13 +292,13 @@ const $ = C("RefreshCw", [
           minWidth: e.minWidth,
           maxWidth: e.maxWidth
         },
-        onClick: () => e.sortable && De(e.id),
+        onClick: () => e.sortable && ze(e.id),
         children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ a("span", { children: e.header }),
           e.sortable && /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
-            !t && /* @__PURE__ */ a(Oe, { className: "h-3 w-3" }),
-            t && s === "asc" && /* @__PURE__ */ a(_e, { className: "h-3 w-3" }),
-            t && s === "desc" && /* @__PURE__ */ a(Be, { className: "h-3 w-3" })
+            !t && /* @__PURE__ */ a(_e, { className: "h-3 w-3" }),
+            t && s === "asc" && /* @__PURE__ */ a(Ge, { className: "h-3 w-3" }),
+            t && s === "desc" && /* @__PURE__ */ a(Oe, { className: "h-3 w-3" })
           ] }),
           e.filterable && /* @__PURE__ */ a(
             b,
@@ -309,7 +309,7 @@ const $ = C("RefreshCw", [
               onClick: (i) => {
                 i.stopPropagation();
               },
-              children: /* @__PURE__ */ a(Je, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ a(Qe, { className: "h-3 w-3" })
             }
           )
         ] })
@@ -317,15 +317,15 @@ const $ = C("RefreshCw", [
       e.id
     );
   }, je = (e, n) => {
-    const t = D(e, n), s = m.includes(t), i = me.includes(t);
-    return /* @__PURE__ */ l(Ae.Fragment, { children: [
+    const t = M(e, n), s = m.includes(t), i = ue.includes(t);
+    return /* @__PURE__ */ l(Ve.Fragment, { children: [
       /* @__PURE__ */ l(
         "tr",
         {
           className: o(
             "transition-colors",
-            Ne && "hover:bg-muted/50",
-            ve && n % 2 === 0 && "bg-muted/20",
+            ke && "hover:bg-muted/50",
+            we && n % 2 === 0 && "bg-muted/20",
             s && "bg-primary/10"
           ),
           children: [
@@ -333,7 +333,7 @@ const $ = C("RefreshCw", [
               G,
               {
                 checked: s,
-                onCheckedChange: (r) => We(t, r)
+                onCheckedChange: (r) => Te(t, r)
               }
             ) }),
             p.map((r) => {
@@ -359,7 +359,7 @@ const $ = C("RefreshCw", [
               );
             }),
             v.length > 0 && /* @__PURE__ */ a("td", { className: o(x({ density: N })), children: /* @__PURE__ */ l(J, { children: [
-              /* @__PURE__ */ a(Q, { asChild: !0, children: /* @__PURE__ */ a(b, { variant: "ghost", size: "sm", children: /* @__PURE__ */ a(He, { className: "h-4 w-4" }) }) }),
+              /* @__PURE__ */ a(Q, { asChild: !0, children: /* @__PURE__ */ a(b, { variant: "ghost", size: "sm", children: /* @__PURE__ */ a(Be, { className: "h-4 w-4" }) }) }),
               /* @__PURE__ */ a(X, { align: "end", children: v.filter((r) => !r.visible || r.visible(e, n)).map((r) => /* @__PURE__ */ l(
                 Y,
                 {
@@ -378,28 +378,28 @@ const $ = C("RefreshCw", [
           ]
         }
       ),
-      he && i && H && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: p.length + (d ? 1 : 0) + (v.length > 0 ? 1 : 0), children: H(e, n) }) })
+      me && i && H && /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: p.length + (d ? 1 : 0) + (v.length > 0 ? 1 : 0), children: H(e, n) }) })
     ] }, t);
   };
-  return /* @__PURE__ */ l("div", { className: o("space-y-4", ke), style: xe, children: [
+  return /* @__PURE__ */ l("div", { className: o("space-y-4", xe), style: Ce, children: [
     /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-        ie && /* @__PURE__ */ l("div", { className: "relative", children: [
-          /* @__PURE__ */ a(Ue, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        le && /* @__PURE__ */ l("div", { className: "relative", children: [
+          /* @__PURE__ */ a(He, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
           /* @__PURE__ */ a(
-            Ee,
+            Fe,
             {
-              placeholder: le,
+              placeholder: ce,
               value: W,
               onChange: (e) => {
-                Me(e.target.value), oe?.(e.target.value);
+                Me(e.target.value), de?.(e.target.value);
               },
               className: "pl-8 w-64"
             }
           )
         ] }),
         U.length > 0 && m.length > 0 && /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ l(Fe, { variant: "secondary", children: [
+          /* @__PURE__ */ l(Ke, { variant: "secondary", children: [
             m.length,
             " selected"
           ] }),
@@ -410,7 +410,7 @@ const $ = C("RefreshCw", [
               size: "sm",
               onClick: () => {
                 const n = u.filter(
-                  (t, s) => m.includes(D(t, s))
+                  (t, s) => m.includes(M(t, s))
                 );
                 e.onClick(n);
               },
@@ -424,15 +424,15 @@ const $ = C("RefreshCw", [
         ] })
       ] }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-        ge && /* @__PURE__ */ l(J, { children: [
+        fe && /* @__PURE__ */ l(J, { children: [
           /* @__PURE__ */ a(Q, { asChild: !0, children: /* @__PURE__ */ l(b, { variant: "outline", size: "sm", children: [
-            /* @__PURE__ */ a(Ge, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ a(Je, { className: "h-4 w-4 mr-2" }),
             "Export"
           ] }) }),
-          /* @__PURE__ */ a(X, { children: fe.map((e) => /* @__PURE__ */ l(
+          /* @__PURE__ */ a(X, { children: be.map((e) => /* @__PURE__ */ l(
             Y,
             {
-              onClick: () => be?.(e, w),
+              onClick: () => ye?.(e, w),
               children: [
                 "Export as ",
                 e.toUpperCase()
@@ -448,12 +448,12 @@ const $ = C("RefreshCw", [
       "div",
       {
         className: "border border-border rounded-lg overflow-auto",
-        style: { height: ae },
+        style: { height: re },
         children: /* @__PURE__ */ l(
           "table",
           {
-            ref: te,
-            className: o(Qe({ size: ye, bordered: we })),
+            ref: ae,
+            className: o(Xe({ size: ve, bordered: Ne })),
             children: [
               /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ l("tr", { children: [
                 d && /* @__PURE__ */ a("th", { className: o(x({ density: N }), "bg-muted/50"), children: V === "multiple" && /* @__PURE__ */ a(
@@ -463,13 +463,13 @@ const $ = C("RefreshCw", [
                     className: o(
                       m.length > 0 && m.length < u.length && "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground [&>svg]:opacity-50"
                     ),
-                    onCheckedChange: ze
+                    onCheckedChange: We
                   }
                 ) }),
                 p.map(Le),
                 v.length > 0 && /* @__PURE__ */ a("th", { className: o(x({ density: N }), "bg-muted/50 w-16"), children: "Actions" })
               ] }) }),
-              /* @__PURE__ */ a("tbody", { children: ue ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+              /* @__PURE__ */ a("tbody", { children: pe ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
                 "td",
                 {
                   colSpan: p.length + (d ? 1 : 0) + (v.length > 0 ? 1 : 0),
@@ -491,7 +491,7 @@ const $ = C("RefreshCw", [
                 {
                   colSpan: p.length + (d ? 1 : 0) + (v.length > 0 ? 1 : 0),
                   className: "text-center py-8",
-                  children: pe || /* @__PURE__ */ a("div", { className: "text-muted-foreground", children: "No data available" })
+                  children: ge || /* @__PURE__ */ a("div", { className: "text-muted-foreground", children: "No data available" })
                 }
               ) }) : _.map(je) })
             ]
@@ -499,7 +499,7 @@ const $ = C("RefreshCw", [
         )
       }
     ),
-    E && L > 1 && /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
+    E && T > 1 && /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ l("div", { className: "text-sm text-muted-foreground", children: [
         "Showing ",
         c * y + 1,
@@ -513,13 +513,13 @@ const $ = C("RefreshCw", [
       ] }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ l(
-          Ke,
+          Re,
           {
             value: y.toString(),
-            onValueChange: (e) => de?.(Number(e)),
+            onValueChange: (e) => he?.(Number(e)),
             children: [
-              /* @__PURE__ */ a(Re, { className: "w-20", children: /* @__PURE__ */ a(qe, {}) }),
-              /* @__PURE__ */ l(Ie, { children: [
+              /* @__PURE__ */ a(qe, { className: "w-20", children: /* @__PURE__ */ a(Ie, {}) }),
+              /* @__PURE__ */ l(Pe, { children: [
                 /* @__PURE__ */ a(A, { value: "10", children: "10" }),
                 /* @__PURE__ */ a(A, { value: "25", children: "25" }),
                 /* @__PURE__ */ a(A, { value: "50", children: "50" }),
@@ -539,9 +539,9 @@ const $ = C("RefreshCw", [
               children: "Previous"
             }
           ),
-          Array.from({ length: Math.min(5, L) }, (e, n) => {
+          Array.from({ length: Math.min(5, T) }, (e, n) => {
             const t = c < 3 ? n : c - 2 + n;
-            return t >= L ? null : /* @__PURE__ */ a(
+            return t >= T ? null : /* @__PURE__ */ a(
               b,
               {
                 variant: t === c ? "default" : "outline",
@@ -557,7 +557,7 @@ const $ = C("RefreshCw", [
             {
               variant: "outline",
               size: "sm",
-              disabled: c === L - 1,
+              disabled: c === T - 1,
               onClick: () => K?.(c + 1),
               children: "Next"
             }
@@ -567,8 +567,9 @@ const $ = C("RefreshCw", [
     ] })
   ] });
 });
-Xe.displayName = "DataTable";
+te.displayName = "DataTable";
+const gt = te;
 export {
-  Xe as DataTable
+  gt as DataTable
 };
 //# sourceMappingURL=data-table.js.map