@ztwoint/z-ui 0.1.145 → 0.1.147

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

@@ -1,7 +1,7 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { Table as r } from "../../table/table-provider.js";
 import "react";
-import { cn as d } from "../../../lib/utils.js";
+import { cn as h } from "../../../lib/utils.js";
 /* empty css                           */
 import "../../alert/alert.const.js";
 import "../../button/button.js";
@@ -23,7 +23,7 @@ import "@radix-ui/react-dialog";
 import "../../dropdown/z2-dropdown.js";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
-import S from "../../assets/icons/octagon-warning-Copy.js";
+import q from "../../assets/icons/octagon-warning-Copy.js";
 import "../../input/input.js";
 import "../../nav-header/nav-header.js";
 import "../../nav-header/nav-item/nav-item.js";
@@ -33,7 +33,7 @@ import "../../stepper/stepper.js";
 import "../../stepper-item/stepper-item.js";
 import "@radix-ui/react-tabs";
 import "../../tooltip/tooltip.js";
-import { Filter as x } from "../../table-filter/index.js";
+import { Filter as g } from "../../table-filter/index.js";
 import "../../badge/badge.js";
 import "../../avatar/avatar.js";
 import "../../text-preset/text-preset.js";
@@ -58,57 +58,58 @@ import "../../z2map/components/map-zoom-control.js";
 import "../../z2map/components/map-style-control.js";
 import "../../kpi-card/kpi-card.js";
 import "../../table/table.context.js";
-const It = ({
-  dataSource: w,
-  schema: B,
-  loading: b,
-  emptyMessage: k,
-  className: H,
-  rounded: c = !0,
-  bordered: n = !0,
-  showHeader: g = !0,
-  headerClassName: j,
+const Mt = ({
+  dataSource: b,
+  schema: k,
+  loading: H,
+  emptyMessage: f,
+  className: j,
+  rounded: n = !0,
+  bordered: c = !0,
+  showHeader: P = !0,
+  headerClassName: T,
   search: s,
   filter: e,
   headerLeftContent: p,
-  headerActions: h,
-  body: o = {
+  headerActions: u,
+  body: l = {
     cell: { hasBorder: !0 },
     className: "",
     stickyHeader: !0
   },
-  showFooter: P = !0,
-  footerClassName: T,
-  pagination: l,
+  showFooter: C = !0,
+  footerClassName: _,
+  pagination: m,
   paginationInfo: i,
   paginationQuickJumper: a,
-  error: u = !1,
-  dataSourceError: _ = !1
+  footerInfo: d,
+  error: x = !1,
+  dataSourceError: R = !1
 }) => {
-  var F;
-  if (u)
-    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: [
+  var w;
+  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__ */ o("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ t(q, { className: "mt-1.5" }),
+      /* @__PURE__ */ o("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 u == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: u })
+        typeof x == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: x })
       ] })
     ] }) });
-  const N = a && a.totalPage && a.totalPage >= 2, C = l && l.totalPage && l.totalPage >= 2 || !!i || N, v = s || e || p || h, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
-  return /* @__PURE__ */ m("div", { className: d("flex flex-col overflow-hidden relative", H), children: [
-    /* @__PURE__ */ m(r, { dataSource: w, schema: B, emptyMessage: k, children: [
-      g && v && /* @__PURE__ */ m(
+  const N = a && a.totalPage && a.totalPage >= 2, v = m && m.totalPage && m.totalPage >= 2 || !!i || N || !!d, F = s || e || p || u, S = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
+  return /* @__PURE__ */ o("div", { className: h("flex flex-col overflow-hidden relative", j), children: [
+    /* @__PURE__ */ o(r, { dataSource: b, schema: k, emptyMessage: f, children: [
+      P && F && /* @__PURE__ */ o(
         r.Header,
         {
-          className: d(
+          className: h(
             "flex-shrink-0",
-            n && "border-stroke-solid-medium border-1 border-b-0",
-            c && "rounded-t-xl",
-            j
+            c && "border-stroke-solid-medium border-1 border-b-0",
+            n && "rounded-t-xl",
+            T
           ),
           children: [
-            /* @__PURE__ */ m(r.HeaderContent, { className: "overflow-x-auto p-[1px]", children: [
+            /* @__PURE__ */ o(r.HeaderContent, { className: "overflow-x-auto p-[1px]", children: [
               p && p,
               s && /* @__PURE__ */ t(
                 r.Search,
@@ -122,8 +123,8 @@ const It = ({
                   className: s.className
                 }
               ),
-              e && /* @__PURE__ */ m(
-                x,
+              e && /* @__PURE__ */ o(
+                g,
                 {
                   filterSchema: e.filterSchema,
                   filter: {
@@ -134,54 +135,57 @@ const It = ({
                     loading: e.loading
                   },
                   children: [
-                    R && /* @__PURE__ */ t(x.FilterButton, {}),
-                    (F = e == null ? void 0 : e.quickFilters) == null ? void 0 : F.map((f) => /* @__PURE__ */ t(x.FilterColumnButton, { filterName: f }, f))
+                    S && /* @__PURE__ */ t(g.FilterButton, {}),
+                    (w = e == null ? void 0 : e.quickFilters) == null ? void 0 : w.map((B) => /* @__PURE__ */ t(g.FilterColumnButton, { filterName: B }, B))
                   ]
                 }
               )
             ] }),
-            h && /* @__PURE__ */ t(r.HeaderContent, { children: h })
+            u && /* @__PURE__ */ t(r.HeaderContent, { children: u })
           ]
         }
       ),
       /* @__PURE__ */ t(
         r.Body,
         {
-          dataSourceError: _,
-          cell: o == null ? void 0 : o.cell,
-          sort: o == null ? void 0 : o.sort,
-          className: d(
+          dataSourceError: R,
+          cell: l == null ? void 0 : l.cell,
+          sort: l == null ? void 0 : l.sort,
+          className: h(
             "flex-1 min-h-0",
-            n && "border-stroke-solid-light border-1",
-            c && !(g && v) && "rounded-t-xl",
-            c && !(P && C) && "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",
-            o == null ? void 0 : o.className
+            c && "border-stroke-solid-light border-1",
+            n && !(P && F) && "rounded-t-xl",
+            n && !(C && v) && "rounded-b-xl",
+            c && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
+            c && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
+            l == null ? void 0 : l.className
           ),
-          stickyHeader: o == null ? void 0 : o.stickyHeader
+          stickyHeader: l == null ? void 0 : l.stickyHeader
         }
       ),
-      P && C && /* @__PURE__ */ m(
+      C && v && /* @__PURE__ */ o(
         r.Footer,
         {
-          className: d(
+          className: h(
             "flex-shrink-0 border-stroke-solid-light border-t-[1px] mt-[-2px]",
-            n && "border",
-            c && "rounded-b-xl",
-            T
+            c && "border",
+            n && "rounded-b-xl",
+            _
           ),
           children: [
-            i ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
-              r.PaginationInfo,
-              {
-                showTotal: i.showTotal,
-                totalItems: i.totalItems,
-                currentPage: i.currentPage,
-                itemsPerPage: i.itemsPerPage
-              }
-            ) }) : a || l ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
-            (a || l) && /* @__PURE__ */ m(r.FooterContent, { children: [
+            i ? /* @__PURE__ */ o(r.FooterContent, { children: [
+              /* @__PURE__ */ t(
+                r.PaginationInfo,
+                {
+                  showTotal: i.showTotal,
+                  totalItems: i.totalItems,
+                  currentPage: i.currentPage,
+                  itemsPerPage: i.itemsPerPage
+                }
+              ),
+              d
+            ] }) : d ? /* @__PURE__ */ t(r.FooterContent, { children: d }) : a || m ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
+            (a || m) && /* @__PURE__ */ o(r.FooterContent, { children: [
               N && /* @__PURE__ */ t(
                 r.PaginationQuickJumper,
                 {
@@ -192,14 +196,14 @@ const It = ({
                   disabled: a.disabled
                 }
               ),
-              l && /* @__PURE__ */ t(
+              m && /* @__PURE__ */ t(
                 r.Pagination,
                 {
-                  currentPage: l.currentPage,
-                  totalPage: l.totalPage,
-                  onChange: l.onChange || (() => {
+                  currentPage: m.currentPage,
+                  totalPage: m.totalPage,
+                  onChange: m.onChange || (() => {
                   }),
-                  totalItems: l.totalItems
+                  totalItems: m.totalItems
                 }
               )
             ] })
@@ -207,12 +211,12 @@ const It = ({
         }
       )
     ] }),
-    b && /* @__PURE__ */ t("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center gap-3", children: [
+    H && /* @__PURE__ */ t("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ o("div", { className: "flex flex-col items-center gap-3", children: [
       /* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
       /* @__PURE__ */ t("p", { className: "text-text-neutral-primary font-medium", children: "Loading..." })
     ] }) })
   ] });
 };
 export {
-  It as default
+  Mt as default
 };

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

@@ -32,6 +32,7 @@ export interface TableCardProps {
     pagination?: PaginationProps;
     paginationInfo?: PaginationInfoProps;
     paginationQuickJumper?: PaginationQuickJumperProps;
+    footerInfo?: React.ReactNode;
     loading?: boolean;
     emptyMessage?: string;
     dataSourceError?: boolean | string;

package/dist/components/tooltip/tooltip.js

@@ -1,33 +1,33 @@
-import { jsx as a, jsxs as t } from "react/jsx-runtime";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-tooltip";
-import { cn as n } from "../../lib/utils.js";
+import { cn as s } from "../../lib/utils.js";
 const p = ({
-  message: d,
-  children: i,
+  message: t,
+  children: d,
   delayDuration: o = 300,
-  side: l = void 0,
-  className: r,
-  ...s
-}) => /* @__PURE__ */ a(e.Provider, { delayDuration: o, children: /* @__PURE__ */ t(e.Root, { children: [
-  /* @__PURE__ */ a(e.Trigger, { asChild: !0, children: i }),
-  /* @__PURE__ */ a(e.Portal, { children: /* @__PURE__ */ t(
+  side: r = void 0,
+  className: l,
+  ...n
+}) => t ? /* @__PURE__ */ a(e.Provider, { delayDuration: o, children: /* @__PURE__ */ i(e.Root, { children: [
+  /* @__PURE__ */ a(e.Trigger, { asChild: !0, children: d }),
+  /* @__PURE__ */ a(e.Portal, { children: /* @__PURE__ */ i(
     e.Content,
     {
-      side: l,
+      side: r,
       sideOffset: 4,
-      className: n(
+      className: s(
         "bg-tooltip-surface text-white leading-none-regular-sm rounded-md px-2 py-2",
         "will-change-[transform,opacity] data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade",
-        r
+        l
       ),
-      ...s,
+      ...n,
       children: [
-        d,
+        t,
         /* @__PURE__ */ a(e.Arrow, { className: "fill-tooltip-surface" })
       ]
     }
   ) })
-] }) });
+] }) }) : d;
 p.displayName = "Z2Tooltip";
 export {
   p as Z2Tooltip

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

@@ -33,6 +33,7 @@ export interface TableCardProps {
     pagination?: PaginationProps;
     paginationInfo?: PaginationInfoProps;
     paginationQuickJumper?: PaginationQuickJumperProps;
+    footerInfo?: React.ReactNode;
     loading?: boolean;
     emptyMessage?: string;
     dataSourceError?: boolean | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.145",
+  "version": "0.1.147",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",