@ztwoint/z-ui 0.1.72 → 0.1.74

package/dist/components/table/table.js

@@ -3,23 +3,23 @@ import * as y from "react";
 import { DEFAULT_EMPTY_MESSAGE as S, TABLE_CSS_CLASSES as n } from "./table.const.js";
 import { TableHeader as g } from "./components/table-header/table-header.js";
 import { TableRow as T } from "./components/table-row.js";
-import { TableEmptyState as w } from "./components/table-empty-state.js";
-import { TableContext as E } from "./table.context.js";
+import { TableEmptyState as v } from "./components/table-empty-state.js";
+import { TableContext as w } from "./table.context.js";
 import { cn as m } from "../../lib/utils.js";
 const j = ({ cell: a = { hasBorder: !0 }, sort: d, className: i, stickyHeader: c = !1, ...f }) => {
-  const p = y.useContext(E), {
+  const u = y.useContext(w), {
     dataSource: t = [],
     schema: o = [],
     loading: r = !1,
-    emptyMessage: u = S,
-    customCells: h
-  } = p || f, b = () => !t || t.length === 0 && !r ? /* @__PURE__ */ e(w, { colSpan: o.length, message: u }) : /* @__PURE__ */ e("tbody", { children: t.map((x, s) => /* @__PURE__ */ e(
+    emptyMessage: p = S,
+    customCells: b
+  } = u || f, h = () => !t || t.length === 0 && !r ? /* @__PURE__ */ e(v, { colSpan: o.length, message: p }) : /* @__PURE__ */ e("tbody", { children: t.map((x, s) => /* @__PURE__ */ e(
     T,
     {
       record: x,
       index: s,
       schema: o,
-      customCells: h,
+      customCells: b,
       cell: a
     },
     s
@@ -28,16 +28,16 @@ const j = ({ cell: a = { hasBorder: !0 }, sort: d, className: i, stickyHeader: c
     "div",
     {
       className: m(
-        r ? "overflow-y-hidden" : "overflow-y-auto",
+        r ? "overflow-y-hidden relative" : "overflow-y-auto",
         n.bordered[a.hasBorder && !r && t.length > 0 ? "true" : "false"],
         i
       ),
       children: [
         /* @__PURE__ */ l("table", { className: m(n.table, "w-full"), children: [
-          b(),
+          h(),
           /* @__PURE__ */ e(g, { schema: o, sort: d, cell: a, stickyHeader: c })
         ] }),
-        r && /* @__PURE__ */ e("div", { className: "sticky top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-3", children: [
+        r && /* @__PURE__ */ e("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-3", children: [
           /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
           /* @__PURE__ */ e("p", { className: "text-text-neutral-primary font-medium", children: "Loading..." })
         ] }) })

package/dist/components/table-card/table-card.js

@@ -1,7 +1,7 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { Table as r } from "../table/table-provider.js";
 import "react";
-import { cn as i } from "../../lib/utils.js";
+import { cn as d } from "../../lib/utils.js";
 /* empty css                        */
 import "../alert/alert.const.js";
 import "../button/button.js";
@@ -30,8 +30,8 @@ import "../stepper/stepper.js";
 import "../stepper-item/stepper-item.js";
 import "@radix-ui/react-tabs";
 import "../tooltip/tooltip.js";
-import { Filter as P } from "../table-filter/index.js";
-import S from "../assets/icons/octagon-warning-Copy.js";
+import { Filter as p } from "../table-filter/index.js";
+import b from "../assets/icons/octagon-warning-Copy.js";
 import "../badge/badge.js";
 import "../avatar/avatar.js";
 import "../text-preset/text-preset.js";
@@ -39,18 +39,18 @@ import "react-dom";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "../table/table.context.js";
-const vt = ({
-  dataSource: w,
-  schema: H,
-  loading: k,
-  emptyMessage: T,
-  className: _,
-  rounded: d = !0,
+const Fe = ({
+  dataSource: B,
+  schema: f,
+  loading: H,
+  emptyMessage: k,
+  className: T,
+  rounded: i = !0,
   bordered: n = !0,
-  showHeader: p = !0,
-  headerClassName: f,
-  search: a,
-  filter: e,
+  showHeader: P = !0,
+  headerClassName: _,
+  search: m,
+  filter: t,
   headerLeftContent: h,
   headerActions: u,
   body: l = {
@@ -63,127 +63,131 @@ const vt = ({
   pagination: o,
   paginationInfo: c,
   paginationQuickJumper: s,
-  error: x = !1
+  error: x = !1,
+  freeze: R = !1
 }) => {
   var F;
   if (x)
-    return /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ m("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ t(S, { className: "mt-1.5" }),
-      /* @__PURE__ */ m("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ t("div", { className: "text-text-error-primary text-lg font-medium", children: "Error loading data" }),
-        /* @__PURE__ */ t("div", { className: "text-sm", children: "Please try again later" }),
-        typeof x == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: x })
+    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ e(b, { className: "mt-1.5" }),
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ e("div", { className: "text-text-error-primary text-lg font-medium", children: "Error loading data" }),
+        /* @__PURE__ */ e("div", { className: "text-sm", children: "Please try again later" }),
+        typeof x == "string" && /* @__PURE__ */ e("div", { className: "text-text-warning-secondary text-sm", children: x })
       ] })
     ] }) });
-  const C = s && s.totalPage && s.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!c || C, v = a || e || h || u, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
-  return /* @__PURE__ */ t("div", { className: i("flex flex-col overflow-hidden", _), children: /* @__PURE__ */ m(r, { dataSource: w, schema: H, loading: k, emptyMessage: T, children: [
-    p && v && /* @__PURE__ */ m(
-      r.Header,
-      {
-        className: i(
-          "flex-shrink-0",
-          n && "border-stroke-solid-medium border-1 border-b-0",
-          d && "rounded-t-xl",
-          f
-        ),
-        children: [
-          /* @__PURE__ */ m(r.HeaderContent, { children: [
-            h && h,
-            a && /* @__PURE__ */ t(
-              r.Search,
+  const C = s && s.totalPage && s.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!c || C, v = m || t || h || u, S = typeof (t == null ? void 0 : t.showFilterButton) > "u" ? !0 : t == null ? void 0 : t.showFilterButton;
+  return /* @__PURE__ */ a("div", { className: d("flex flex-col overflow-hidden relative", T), children: [
+    R && /* @__PURE__ */ e("div", { className: "absolute top-0 inset-0 w-full h-full cursor-not-allowed bg-white/50" }),
+    /* @__PURE__ */ a(r, { dataSource: B, schema: f, loading: H, emptyMessage: k, children: [
+      P && v && /* @__PURE__ */ a(
+        r.Header,
+        {
+          className: d(
+            "flex-shrink-0",
+            n && "border-stroke-solid-medium border-1 border-b-0",
+            i && "rounded-t-xl",
+            _
+          ),
+          children: [
+            /* @__PURE__ */ a(r.HeaderContent, { children: [
+              h && h,
+              m && /* @__PURE__ */ e(
+                r.Search,
+                {
+                  search: {
+                    value: m.value || "",
+                    onChange: m.onChange || (() => {
+                    }),
+                    placeholder: m.placeholder
+                  },
+                  className: m.className
+                }
+              ),
+              t && /* @__PURE__ */ a(
+                p,
+                {
+                  filterSchema: t.filterSchema,
+                  filter: {
+                    value: t.value || [],
+                    onChange: t.onChange || (() => {
+                    })
+                  },
+                  children: [
+                    S && /* @__PURE__ */ e(p.FilterButton, {}),
+                    (F = t == null ? void 0 : t.quickFilters) == null ? void 0 : F.map((w) => /* @__PURE__ */ e(p.FilterColumnButton, { filterName: w }, w))
+                  ]
+                }
+              )
+            ] }),
+            u && /* @__PURE__ */ e(r.HeaderContent, { children: u })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        r.Body,
+        {
+          cell: l == null ? void 0 : l.cell,
+          sort: l == null ? void 0 : l.sort,
+          className: d(
+            "flex-1 min-h-0",
+            n && "border-stroke-solid-light border-1",
+            i && !(P && v) && "rounded-t-xl",
+            i && !(g && N) && "rounded-b-xl",
+            n && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
+            n && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
+            l == null ? void 0 : l.className
+          ),
+          stickyHeader: l == null ? void 0 : l.stickyHeader
+        }
+      ),
+      g && N && /* @__PURE__ */ a(
+        r.Footer,
+        {
+          className: d(
+            "flex-shrink-0 border-stroke-solid-light border-t-[0.5px] mt-[-2px]",
+            n && "border",
+            i && "rounded-b-xl",
+            j
+          ),
+          children: [
+            c ? /* @__PURE__ */ e(r.FooterContent, { children: /* @__PURE__ */ e(
+              r.PaginationInfo,
               {
-                search: {
-                  value: a.value || "",
-                  onChange: a.onChange || (() => {
-                  }),
-                  placeholder: a.placeholder
-                },
-                className: a.className
-              }
-            ),
-            e && /* @__PURE__ */ m(
-              P,
-              {
-                filterSchema: e.filterSchema,
-                filter: {
-                  value: e.value || [],
-                  onChange: e.onChange || (() => {
-                  })
-                },
-                children: [
-                  R && /* @__PURE__ */ t(P.FilterButton, {}),
-                  (F = e == null ? void 0 : e.quickFilters) == null ? void 0 : F.map((B) => /* @__PURE__ */ t(P.FilterColumnButton, { filterName: B }, B))
-                ]
-              }
-            )
-          ] }),
-          u && /* @__PURE__ */ t(r.HeaderContent, { children: u })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      r.Body,
-      {
-        cell: l == null ? void 0 : l.cell,
-        sort: l == null ? void 0 : l.sort,
-        className: i(
-          "flex-1 min-h-0",
-          n && "border-stroke-solid-light border-1",
-          d && !(p && v) && "rounded-t-xl",
-          d && !(g && N) && "rounded-b-xl",
-          n && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
-          n && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
-          l == null ? void 0 : l.className
-        ),
-        stickyHeader: l == null ? void 0 : l.stickyHeader
-      }
-    ),
-    g && N && /* @__PURE__ */ m(
-      r.Footer,
-      {
-        className: i(
-          "flex-shrink-0 border-stroke-solid-light border-t-[0.5px] mt-[-2px]",
-          n && "border",
-          d && "rounded-b-xl",
-          j
-        ),
-        children: [
-          c ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
-            r.PaginationInfo,
-            {
-              showTotal: c.showTotal,
-              totalItems: c.totalItems,
-              currentPage: c.currentPage,
-              itemsPerPage: c.itemsPerPage
-            }
-          ) }) : s || o ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
-          (s || o) && /* @__PURE__ */ m(r.FooterContent, { children: [
-            C && /* @__PURE__ */ t(
-              r.PaginationQuickJumper,
-              {
-                currentPage: s.currentPage,
-                totalPage: s.totalPage,
-                onChange: s.onChange || (() => {
-                }),
-                disabled: s.disabled
+                showTotal: c.showTotal,
+                totalItems: c.totalItems,
+                currentPage: c.currentPage,
+                itemsPerPage: c.itemsPerPage
               }
-            ),
-            o && /* @__PURE__ */ t(
-              r.Pagination,
-              {
-                currentPage: o.currentPage,
-                totalPage: o.totalPage,
-                onChange: o.onChange || (() => {
-                }),
-                totalItems: o.totalItems
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] }) });
+            ) }) : s || o ? /* @__PURE__ */ e(r.FooterContent, { children: null }) : null,
+            (s || o) && /* @__PURE__ */ a(r.FooterContent, { children: [
+              C && /* @__PURE__ */ e(
+                r.PaginationQuickJumper,
+                {
+                  currentPage: s.currentPage,
+                  totalPage: s.totalPage,
+                  onChange: s.onChange || (() => {
+                  }),
+                  disabled: s.disabled
+                }
+              ),
+              o && /* @__PURE__ */ e(
+                r.Pagination,
+                {
+                  currentPage: o.currentPage,
+                  totalPage: o.totalPage,
+                  onChange: o.onChange || (() => {
+                  }),
+                  totalItems: o.totalItems
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
 };
 export {
-  vt as default
+  Fe as default
 };

package/dist/components/table-card/table-card.type.d.ts

@@ -34,4 +34,5 @@ export interface TableCardProps {
     loading?: boolean;
     emptyMessage?: string;
     error?: boolean | string;
+    freeze?: boolean;
 }