dgz-ui-shared 1.2.29 → 1.2.30

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

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