dgz-ui-shared 1.2.39 → 1.2.41

package/dist/components/datatable/index.es.js

@@ -1,87 +1,87 @@
-import { jsx as e, jsxs as w, Fragment as b } from "react/jsx-runtime";
+import { jsx as e, jsxs as m, Fragment as O } from "react/jsx-runtime";
 import { y as P, f as ee } from "../../chunks/index-E1NtSoNr.es.js";
-import { Button as Y } from "dgz-ui/button";
-import { DropdownMenu as le, DropdownMenuTrigger as de, DropdownMenuContent as te, DropdownMenuItem as se, DropdownMenuSeparator as fe, DropdownMenuCheckboxItem as ie } from "dgz-ui/dropdown";
+import { Button as Q } from "dgz-ui/button";
+import { DropdownMenu as le, DropdownMenuTrigger as de, DropdownMenuContent as te, DropdownMenuItem as se, DropdownMenuSeparator as fe, DropdownMenuCheckboxItem as re } from "dgz-ui/dropdown";
 import { cn as M } from "dgz-ui/utils";
 import { g as H } from "../../chunks/MyInput-ByJ5vTAN.es.js";
-import { i as R, u as re, a as ce, b as Ne } from "../../chunks/useSortable-8RrwFw05.es.js";
-import { XIcon as y, ArrowDownWideNarrow as pe, ArrowUpWideNarrow as xe, ArrowUpDown as we, RefreshCw as me } from "lucide-react";
-import { memo as ne, useMemo as I, useEffect as Z, useState as ge } from "react";
+import { i as R, u as ie, a as ce, b as pe } from "../../chunks/useSortable-rCSw-6ZK.es.js";
+import { XIcon as h, ArrowDownWideNarrow as xe, ArrowUpWideNarrow as Ne, ArrowUpDown as me, RefreshCw as we } from "lucide-react";
+import { memo as ne, useMemo as U, useEffect as Y, useState as ge } from "react";
 import { useTranslation as K } from "react-i18next";
 import { A as Te } from "../../chunks/Actions-Du8iQ3WR.es.js";
 import { E as Ae } from "../../chunks/ExportData-CwotVgye.es.js";
 import { S as De, F as ve } from "../../chunks/Search-DunDXQgP.es.js";
 import { ButtonGroup as Me } from "dgz-ui";
 import { L as ke } from "../../chunks/Loader-zvzAi0F6.es.js";
-import { D as U, M as ze, a as Ee } from "../../chunks/MyPagination-B0czoGZK.es.js";
-import { Checkbox as j } from "dgz-ui/form";
-import { Table as Le, TableHeader as Re, TableRow as q, TableHead as Q, TableBody as oe, TableCell as $ } from "dgz-ui/table";
-import { S as O } from "../../chunks/SortOrder-CwuehjY1.es.js";
+import { D as j, M as ze, a as Ee } from "../../chunks/MyPagination-B0czoGZK.es.js";
+import { Checkbox as y } from "dgz-ui/form";
+import { Table as Le, TableHeader as Re, TableRow as I, TableHead as J, TableBody as oe, TableCell as $ } from "dgz-ui/table";
+import { S as b } from "../../chunks/SortOrder-CwuehjY1.es.js";
 import { E as We } from "../../chunks/Empty-BReVQKje.es.js";
 const Be = ne(function({
   filters: n,
   params: g,
-  onFilter: x,
-  className: m,
+  onFilter: N,
+  className: w,
   ...k
 }) {
-  const { t: l } = K(), r = I(
+  const { t: l } = K(), c = U(
     () => Object.fromEntries(
-      (n == null ? void 0 : n.map((N) => {
-        var p;
+      (n == null ? void 0 : n.map((p) => {
+        var x;
         return [
-          N.name,
+          p.name,
           Object.fromEntries(
-            ((p = N.options) == null ? void 0 : p.map(({ label: v, value: i }) => [i, v])) || []
+            ((x = p.options) == null ? void 0 : x.map(({ label: v, value: r }) => [r, v])) || []
           )
         ];
       })) || []
     ),
     [n]
-  ), D = I(
+  ), A = U(
     () => Object.entries(g || {}).filter(
-      ([N, p]) => !!(r != null && r[N]) && !R(p)
+      ([p, x]) => !!(c != null && c[p]) && !R(x)
     ),
-    [r, g]
+    [c, g]
   );
-  return !R(D) && /* @__PURE__ */ e("div", { ...k, className: M("flex flex-wrap gap-2", m), children: D.map(
-    ([N, p]) => {
+  return !R(A) && /* @__PURE__ */ e("div", { ...k, className: M("flex flex-wrap gap-2", w), children: A.map(
+    ([p, x]) => {
       var v;
-      return Array.isArray(p) ? /* @__PURE__ */ e(Me, { children: p.filter((i) => {
+      return Array.isArray(x) ? /* @__PURE__ */ e(Me, { children: x.filter((r) => {
         var s;
-        return ((s = r == null ? void 0 : r[N]) == null ? void 0 : s[i]) && i;
-      }).map((i, s) => {
+        return ((s = c == null ? void 0 : c[p]) == null ? void 0 : s[r]) && r;
+      }).map((r, s) => {
         var z;
-        return /* @__PURE__ */ w(
-          Y,
+        return /* @__PURE__ */ m(
+          Q,
           {
             size: "sm",
             onClick: () => {
-              x == null || x({
+              N == null || N({
                 ...g,
-                [N]: p.filter((T) => T !== i)
+                [p]: x.filter((D) => D !== r)
               });
             },
             children: [
-              l(String(((z = r == null ? void 0 : r[N]) == null ? void 0 : z[i]) || "")),
+              l(String(((z = c == null ? void 0 : c[p]) == null ? void 0 : z[r]) || "")),
               " ",
-              /* @__PURE__ */ e(y, {})
+              /* @__PURE__ */ e(h, {})
             ]
           },
           s
         );
-      }) }, N) : /* @__PURE__ */ w(
-        Y,
+      }) }, p) : /* @__PURE__ */ m(
+        Q,
         {
           size: "sm",
           onClick: () => {
-            const i = { ...g };
-            delete i[N], x == null || x(i);
+            const r = { ...g };
+            delete r[p], N == null || N(r);
           },
           children: [
-            l(String(((v = r == null ? void 0 : r[N]) == null ? void 0 : v[p]) || "")),
+            l(String(((v = c == null ? void 0 : c[p]) == null ? void 0 : v[x]) || "")),
             " ",
-            /* @__PURE__ */ e(y, {})
+            /* @__PURE__ */ e(h, {})
           ]
         }
       );
@@ -91,62 +91,62 @@ const Be = ne(function({
   rows: t = [],
   columns: n,
   onRowClick: g,
-  rowKey: x,
-  params: m = {
+  rowKey: N,
+  params: w = {
     page: 1,
-    limit: U
+    limit: j
   },
   hasNumbers: k = !1,
   hasCheckbox: l = !1,
-  selectedItems: r,
-  onSelectedItemsChange: D,
-  onSortOrderChange: N,
-  isStickyHeader: p,
+  selectedItems: c,
+  onSelectedItemsChange: A,
+  onSortOrderChange: p,
+  isStickyHeader: x,
   className: v,
-  ...i
+  ...r
 }) => {
-  const { sortObject: s, handleSort: z } = re({
-    sortField: m == null ? void 0 : m.sortField,
-    sortOrder: m == null ? void 0 : m.sortOrder,
-    onSortOrderChange: N
+  const { sortObject: s, handleSort: z } = ie({
+    sortField: w == null ? void 0 : w.sortField,
+    sortOrder: w == null ? void 0 : w.sortOrder,
+    onSortOrderChange: p
   }), {
-    selectedRows: T,
+    selectedRows: D,
     isRowSelected: L,
-    isAllRowsSelected: J,
+    isAllRowsSelected: _,
     handleSelectAllRows: E,
-    handleSelectRow: _
-  } = ce({ rows: t, defaultSelectedRows: r });
-  return Z(() => {
-    JSON.stringify(r) !== JSON.stringify(T) && T && (D == null || D(T));
-  }, [T, r, D]), /* @__PURE__ */ w(Le, { ...i, children: [
+    handleSelectRow: G
+  } = ce({ rows: t, defaultSelectedRows: c });
+  return Y(() => {
+    A == null || A(D);
+  }, [D, A]), /* @__PURE__ */ m(Le, { ...r, children: [
     /* @__PURE__ */ e(
       Re,
       {
-        className: M("bg-bg", p && "sticky top-0 z-1"),
-        children: /* @__PURE__ */ w(q, { children: [
-          l && /* @__PURE__ */ e(Q, { className: "w-12 p-3", children: /* @__PURE__ */ e(
-            j,
+        className: M("bg-bg", x && "sticky top-0 z-1"),
+        children: /* @__PURE__ */ m(I, { children: [
+          l && /* @__PURE__ */ e(J, { className: "w-12 p-3", children: /* @__PURE__ */ e(
+            y,
             {
               className: "mt-1",
-              checked: J(x),
-              onCheckedChange: (f) => E(x, !!f),
+              checked: _(N),
+              onCheckedChange: (f) => E(N, !!f),
               "aria-label": "Select all"
             }
           ) }),
-          k && /* @__PURE__ */ e(Q, { className: "w-12 p-2", children: "#" }),
+          k && /* @__PURE__ */ e(J, { className: "w-12 p-2", children: "#" }),
           n.filter((f) => !f.hidden).map((f) => /* @__PURE__ */ e(
-            Q,
+            J,
             {
               style: f.styles,
               className: M("p-2", f.sortable && "cursor-pointer"),
               onClick: () => f.sortable && z(f.dataIndex),
-              children: /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
+              children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
                 f.name,
                 " ",
-                f.sortable && ((s == null ? void 0 : s.sortField) === f.key ? /* @__PURE__ */ w(b, { children: [
-                  (s == null ? void 0 : s.sortOrder) === O.DESC && /* @__PURE__ */ e(pe, { size: 15 }),
-                  (s == null ? void 0 : s.sortOrder) === O.ASC && /* @__PURE__ */ e(xe, { size: 15 })
-                ] }) : /* @__PURE__ */ e(we, { size: 15 }))
+                f.sortable && ((s == null ? void 0 : s.sortField) === f.key ? /* @__PURE__ */ m(O, { children: [
+                  (s == null ? void 0 : s.sortOrder) === b.DESC && /* @__PURE__ */ e(xe, { size: 15 }),
+                  (s == null ? void 0 : s.sortOrder) === b.ASC && /* @__PURE__ */ e(Ne, { size: 15 })
+                ] }) : /* @__PURE__ */ e(me, { size: 15 }))
               ] })
             },
             f.key
@@ -154,12 +154,12 @@ const Be = ne(function({
         ] })
       }
     ),
-    /* @__PURE__ */ e(oe, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: t.length ? t.map((f, o) => /* @__PURE__ */ w(
-      q,
+    /* @__PURE__ */ e(oe, { className: "[&>tr:nth-child(even)]:bg-bg-secondary", children: t.length ? t.map((f, o) => /* @__PURE__ */ m(
+      I,
       {
         onClick: () => g == null ? void 0 : g(f),
         className: M(g && "cursor-pointer"),
-        "data-state": L(f[x]) && "selected",
+        "data-state": L(f[N]) && "selected",
         children: [
           l && /* @__PURE__ */ e(
             $,
@@ -167,17 +167,17 @@ const Be = ne(function({
               className: "w-12 p-3",
               onClick: (d) => d.stopPropagation(),
               children: /* @__PURE__ */ e(
-                j,
+                y,
                 {
                   className: "mt-1",
-                  checked: L(f[x]),
-                  onCheckedChange: (d) => _(f[x], !!d),
+                  checked: L(f[N]),
+                  onCheckedChange: (d) => G(f[N], !!d),
                   "aria-label": "Select row"
                 }
               )
             }
           ),
-          k && /* @__PURE__ */ e($, { className: "w-12 p-2", children: (m.page - 1) * (m.limit || U) + o + 1 }),
+          k && /* @__PURE__ */ e($, { className: "w-12 p-2", children: (w.page - 1) * (w.limit || j) + o + 1 }),
           n.filter((d) => !d.hidden).map((d) => /* @__PURE__ */ e(
             $,
             {
@@ -189,8 +189,8 @@ const Be = ne(function({
           ))
         ]
       },
-      `${f[x]}`
-    )) : /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
+      `${f[N]}`
+    )) : /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
       $,
       {
         colSpan: k ? l ? n.length + 2 : n.length + 1 : n.length,
@@ -202,38 +202,38 @@ const Be = ne(function({
   dataSource: t,
   columns: n,
   rowKey: g,
-  hasSearch: x,
-  exportOptions: m,
+  hasSearch: N,
+  exportOptions: w,
   hasPagination: k,
   onParamChange: l,
-  dataKey: r = "docs",
-  loading: D,
-  tableKey: N,
-  filters: p,
+  dataKey: c = "docs",
+  loading: A,
+  tableKey: p,
+  filters: x,
   actions: v,
-  handleFilterChange: i,
+  handleFilterChange: r,
   params: s,
   exportLoading: z = !1,
-  onColumnsUpdate: T,
+  onColumnsUpdate: D,
   hasColumnsVisibilityDropdown: L,
-  showAppliedFilters: J = !1,
+  showAppliedFilters: _ = !1,
   onSelectedItemsChange: E,
-  actionProps: _,
+  actionProps: G,
   filterWrapperProps: f,
   exportOptionsProps: o,
   columnsVisibilityProps: d,
   paginationProps: F,
-  searchProps: A,
+  searchProps: T,
   className: S,
   ...V
 }) => {
-  var h;
-  const { t: G } = K(), [W, u] = ge([]), { formattedColumns: B, handleColumnsChange: a, resetColumns: C } = Ne({ key: N, columns: n });
-  return Z(() => {
-    T == null || T(B);
-  }, [B, T]), Z(() => {
+  var Z;
+  const { t: X } = K(), [W, u] = ge([]), { formattedColumns: B, handleColumnsChange: a, resetColumns: C } = pe({ key: p, columns: n });
+  return Y(() => {
+    D == null || D(B);
+  }, [B, D]), Y(() => {
     E == null || E(W);
-  }, [W, E]), /* @__PURE__ */ w(
+  }, [W, E]), /* @__PURE__ */ m(
     "div",
     {
       className: M(
@@ -241,37 +241,37 @@ const Be = ne(function({
         S
       ),
       children: [
-        /* @__PURE__ */ w("div", { className: "flex shrink-0 flex-col gap-4 p-4", children: [
-          (x || L && N || !R(m) || !R(p)) && /* @__PURE__ */ w("div", { className: "flex flex-col justify-between gap-3 lg:flex-row lg:items-center", children: [
-            /* @__PURE__ */ e("div", { className: "grow", children: x && /* @__PURE__ */ e(
+        /* @__PURE__ */ m("div", { className: "flex shrink-0 flex-col gap-4 p-4", children: [
+          (N || L && p || !R(w) || !R(x)) && /* @__PURE__ */ m("div", { className: "flex flex-col justify-between gap-3 lg:flex-row lg:items-center", children: [
+            /* @__PURE__ */ e("div", { className: "grow", children: N && /* @__PURE__ */ e(
               De,
               {
-                ...A,
+                ...T,
                 inputProps: {
-                  ...A == null ? void 0 : A.inputProps,
+                  ...T == null ? void 0 : T.inputProps,
                   className: M(
                     "h-8 grow",
-                    (h = A == null ? void 0 : A.inputProps) == null ? void 0 : h.className
+                    (Z = T == null ? void 0 : T.inputProps) == null ? void 0 : Z.className
                   )
                 },
                 className: M(
                   "max-w-full lg:max-w-80! [&_button]:-top-1",
-                  A == null ? void 0 : A.className
+                  T == null ? void 0 : T.className
                 ),
                 defaultValue: H(s, "search", ""),
-                onSearchChange: (c) => l == null ? void 0 : l({ ...s, search: c, page: 1 })
+                onSearchChange: (i) => l == null ? void 0 : l({ ...s, search: i, page: 1 })
               }
             ) }),
-            /* @__PURE__ */ w("div", { className: "flex items-center justify-end gap-3", children: [
-              m && /* @__PURE__ */ e(
+            /* @__PURE__ */ m("div", { className: "flex items-center justify-end gap-3", children: [
+              w && /* @__PURE__ */ e(
                 Ae,
                 {
                   ...o,
-                  options: m,
+                  options: w,
                   loading: z
                 }
               ),
-              L && N && /* @__PURE__ */ w(le, { children: [
+              L && p && /* @__PURE__ */ m(le, { children: [
                 /* @__PURE__ */ e(
                   de,
                   {
@@ -279,81 +279,81 @@ const Be = ne(function({
                     className: "grow",
                     ...d == null ? void 0 : d.triggerProps,
                     children: /* @__PURE__ */ e(
-                      Y,
+                      Q,
                       {
                         variant: "secondary",
                         size: "sm",
                         className: "ml-auto rounded-lg px-3",
-                        children: (d == null ? void 0 : d.title) || /* @__PURE__ */ w(b, { children: [
+                        children: (d == null ? void 0 : d.title) || /* @__PURE__ */ m(O, { children: [
                           /* @__PURE__ */ e(P, {}),
                           " ",
-                          /* @__PURE__ */ e("span", { className: "hidden md:inline!", children: G("Customize columns") }),
+                          /* @__PURE__ */ e("span", { className: "hidden md:inline!", children: X("Customize columns") }),
                           /* @__PURE__ */ e(ee, {})
                         ] })
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ w(
+                /* @__PURE__ */ m(
                   te,
                   {
                     align: "end",
                     ...d == null ? void 0 : d.contentProps,
                     children: [
-                      /* @__PURE__ */ w(
+                      /* @__PURE__ */ m(
                         se,
                         {
                           className: "capitalize",
                           onClick: C,
                           children: [
-                            /* @__PURE__ */ e(me, {}),
+                            /* @__PURE__ */ e(we, {}),
                             " ",
-                            (d == null ? void 0 : d.resetText) || G("Reset columns")
+                            (d == null ? void 0 : d.resetText) || X("Reset columns")
                           ]
                         }
                       ),
                       /* @__PURE__ */ e(fe, {}),
-                      B.map((c) => /* @__PURE__ */ e(
-                        ie,
+                      B.map((i) => /* @__PURE__ */ e(
+                        re,
                         {
                           className: "capitalize",
-                          checked: !c.hidden,
-                          onCheckedChange: (X) => a(c, !X),
-                          children: c.name
+                          checked: !i.hidden,
+                          onCheckedChange: (q) => a(i, !q),
+                          children: i.name
                         },
-                        c.key
+                        i.key
                       ))
                     ]
                   }
                 )
               ] }),
-              v && /* @__PURE__ */ e(Te, { ..._, actions: v }),
-              p && /* @__PURE__ */ e(
+              v && /* @__PURE__ */ e(Te, { ...G, actions: v }),
+              x && /* @__PURE__ */ e(
                 ve,
                 {
                   ...f,
-                  filters: p,
+                  filters: x,
                   params: s,
-                  onChange: i,
-                  onFilter: (c) => {
-                    l == null || l({ ...c, page: 1 }), i == null || i(c);
+                  onChange: r,
+                  onFilter: (i) => {
+                    l == null || l({ ...i, page: 1 }), r == null || r(i);
                   }
                 }
               )
             ] })
           ] }),
-          J && !R(p) && /* @__PURE__ */ e(
+          _ && !R(x) && /* @__PURE__ */ e(
             Be,
             {
-              filters: p,
+              filters: x,
               params: s,
-              onFilter: (c) => {
-                l == null || l({ ...c, page: 1 }), i == null || i(c);
+              onFilter: (i) => {
+                l == null || l({ ...i, page: 1 }), r == null || r(i);
               }
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: M("flex grow flex-col overflow-auto border-y"), children: D ? /* @__PURE__ */ e(ke, {}) : /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: M("flex grow flex-col overflow-auto border-y"), children: A ? /* @__PURE__ */ e(ke, {}) : /* @__PURE__ */ e(
           $e,
           {
             ...V,
@@ -362,25 +362,25 @@ const Be = ne(function({
               limit: t == null ? void 0 : t.limit,
               ...s
             },
-            rows: H(t, r, []),
+            rows: H(t, c, []),
             rowKey: g,
             selectedItems: W,
             columns: B,
             onSelectedItemsChange: u,
-            onSortOrderChange: ({ sortField: c, sortOrder: X }) => {
-              l == null || l({ ...s, sortField: c, sortOrder: X });
+            onSortOrderChange: ({ sortField: i, sortOrder: q }) => {
+              l == null || l({ ...s, sortField: i, sortOrder: q });
             }
           }
         ) }),
-        k && /* @__PURE__ */ w("div", { className: "flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between", children: [
+        k && /* @__PURE__ */ m("div", { className: "flex shrink-0 flex-wrap items-center justify-center gap-3 p-4 lg:justify-between", children: [
           /* @__PURE__ */ e("div", { className: "text-sm", children: /* @__PURE__ */ e(
             ze,
             {
-              onLimitChange: (c) => l == null ? void 0 : l({ ...s, limit: c, page: 1 }),
+              onLimitChange: (i) => l == null ? void 0 : l({ ...s, limit: i, page: 1 }),
               defaultValue: t == null ? void 0 : t.limit
             }
           ) }),
-          /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: G("{{selectedCount}} of {{total}} row(s) selected", {
+          /* @__PURE__ */ e("div", { className: "text-muted-foreground text-sm", children: X("{{selectedCount}} of {{total}} row(s) selected", {
             selectedCount: W.length,
             total: (t == null ? void 0 : t.total) || 0
           }) }),
@@ -388,7 +388,7 @@ const Be = ne(function({
             Ee,
             {
               ...F,
-              onPageChange: (c) => l == null ? void 0 : l({ ...s, page: c }),
+              onPageChange: (i) => l == null ? void 0 : l({ ...s, page: i }),
               currentPage: t == null ? void 0 : t.page,
               totalPages: t == null ? void 0 : t.totalPages
             }