@ztwoint/z-ui 0.1.44 → 0.1.46

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

@@ -1,132 +1,137 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import { Table as e } from "../table/table-provider.js";
 import "react";
-import { cn as m } from "../../lib/utils.js";
+import { cn as P } from "../../lib/utils.js";
 import "../table/table.context.js";
 import "../button/button.js";
 import "../input/input.js";
-const E = ({
-  dataSource: v,
+const M = ({
+  dataSource: w,
   schema: C,
-  loading: F,
-  emptyMessage: T,
-  className: _,
-  rounded: d = !1,
-  bordered: c = !1,
-  showHeader: u = !0,
+  loading: T,
+  emptyMessage: _,
+  className: k,
+  rounded: n = !0,
+  bordered: d = !0,
+  showHeader: x = !0,
   headerClassName: R,
-  search: o,
-  filter: P,
-  headerLeftContent: n,
-  headerActions: x,
+  search: a,
+  filter: t,
+  headerLeftContent: m,
+  headerActions: u,
   body: l = {
     cell: { cellHeight: "small", hasBorder: !0 },
     className: "",
     stickyHeader: !0
   },
-  showFooter: g = !0,
+  showFooter: F = !0,
   footerClassName: j,
-  pagination: r,
-  paginationInfo: a,
-  paginationQuickJumper: s
+  pagination: s,
+  paginationInfo: c,
+  paginationQuickJumper: o
 }) => {
-  const N = s && s.totalPage && s.totalPage >= 2, H = r && r.totalPage && r.totalPage >= 2 || !!a || N, f = o || P || n || x;
-  return /* @__PURE__ */ t("div", { className: m("flex flex-col overflow-hidden", _), children: /* @__PURE__ */ h(e, { dataSource: v, schema: C, loading: F, emptyMessage: T, children: [
-    u && f && /* @__PURE__ */ h(
+  var N;
+  const g = o && o.totalPage && o.totalPage >= 2, B = s && s.totalPage && s.totalPage >= 2 || !!c || g, H = a || t || m || u, q = typeof (t == null ? void 0 : t.showFilterButton) > "u" ? !0 : t == null ? void 0 : t.showFilterButton;
+  return /* @__PURE__ */ r("div", { className: P("flex flex-col overflow-hidden", k), children: /* @__PURE__ */ h(e, { dataSource: w, schema: C, loading: T, emptyMessage: _, children: [
+    x && H && /* @__PURE__ */ h(
       e.Header,
       {
-        className: m(
+        className: P(
           "flex-shrink-0",
-          c && "border-stroke-solid-medium border-1 border-b-0",
-          d && "rounded-t-xl",
+          d && "border-stroke-solid-medium border-1 border-b-0",
+          n && "rounded-t-xl",
           R
         ),
         children: [
           /* @__PURE__ */ h(e.HeaderContent, { children: [
-            n && n,
-            o && /* @__PURE__ */ t(
+            m && m,
+            a && /* @__PURE__ */ r(
               e.Search,
               {
                 search: {
-                  value: o.value || "",
-                  onChange: o.onChange || (() => {
+                  value: a.value || "",
+                  onChange: a.onChange || (() => {
                   }),
-                  placeholder: o.placeholder
+                  placeholder: a.placeholder
                 },
-                className: o.className
+                className: a.className
               }
             ),
-            P && /* @__PURE__ */ t(
+            t && /* @__PURE__ */ h(
               e.Filter,
               {
                 schema: C,
                 filter: {
-                  value: P.value || [],
-                  onChange: P.onChange || (() => {
+                  value: t.value || [],
+                  onChange: t.onChange || (() => {
                   })
-                }
+                },
+                children: [
+                  q && /* @__PURE__ */ r(e.Filter.FilterButton, {}),
+                  (N = t == null ? void 0 : t.quickFilters) == null ? void 0 : N.map((v) => /* @__PURE__ */ r(e.Filter.FilterColumnButton, { filterName: v }, v))
+                ]
               }
             )
           ] }),
-          x && /* @__PURE__ */ t(e.HeaderContent, { children: x })
+          u && /* @__PURE__ */ r(e.HeaderContent, { children: u })
         ]
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ r(
       e.Body,
       {
         cell: l == null ? void 0 : l.cell,
         sort: l == null ? void 0 : l.sort,
-        className: m(
+        className: P(
           "flex-1 min-h-0",
-          c && "border-stroke-solid-light border-b-1 border-x-1 border-t-0",
-          d && !(u && f) && "rounded-t-xl",
-          d && !(g && H) && "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",
+          d && "border-stroke-solid-light border-b-1 border-x-1 border-t-0",
+          n && !(x && H) && "rounded-t-xl",
+          n && !(F && B) && "rounded-b-xl",
+          d && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
+          d && "[&_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 && H && /* @__PURE__ */ h(
+    F && B && /* @__PURE__ */ h(
       e.Footer,
       {
-        className: m(
+        className: P(
           "flex-shrink-0",
-          c && "border-stroke-solid-light border border-t-[0.5px]",
-          d && "rounded-b-xl",
+          d && "border-stroke-solid-light border border-t-[0.5px]",
+          n && "rounded-b-xl",
           j
         ),
         children: [
-          a ? /* @__PURE__ */ t(e.FooterContent, { children: /* @__PURE__ */ t(
+          c ? /* @__PURE__ */ r(e.FooterContent, { children: /* @__PURE__ */ r(
             e.PaginationInfo,
             {
-              showTotal: a.showTotal || !0,
-              totalItems: a.totalItems,
-              currentPage: a.currentPage || 1,
-              itemsPerPage: a.itemsPerPage || a.totalItems
+              showTotal: c.showTotal,
+              totalItems: c.totalItems,
+              currentPage: c.currentPage,
+              itemsPerPage: c.itemsPerPage
             }
-          ) }) : s || r ? /* @__PURE__ */ t(e.FooterContent, { children: null }) : null,
-          (s || r) && /* @__PURE__ */ h(e.FooterContent, { children: [
-            N && /* @__PURE__ */ t(
+          ) }) : o || s ? /* @__PURE__ */ r(e.FooterContent, { children: null }) : null,
+          (o || s) && /* @__PURE__ */ h(e.FooterContent, { children: [
+            g && /* @__PURE__ */ r(
               e.PaginationQuickJumper,
               {
-                currentPage: s.currentPage || 1,
-                totalPage: s.totalPage || 1,
-                onChange: s.onChange || (() => {
+                currentPage: o.currentPage,
+                totalPage: o.totalPage,
+                onChange: o.onChange || (() => {
                 }),
-                disabled: s.disabled || !1
+                disabled: o.disabled
               }
             ),
-            r && /* @__PURE__ */ t(
+            s && /* @__PURE__ */ r(
               e.Pagination,
               {
-                currentPage: r.currentPage || 1,
-                totalPage: r.totalPage || 1,
-                onChange: r.onChange || (() => {
+                currentPage: s.currentPage,
+                totalPage: s.totalPage,
+                onChange: s.onChange || (() => {
                 }),
-                totalItems: r.totalItems
+                totalItems: s.totalItems
               }
             )
           ] })
@@ -136,5 +141,5 @@ const E = ({
   ] }) });
 };
 export {
-  E as default
+  M as default
 };

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

@@ -12,7 +12,10 @@ export interface TableCardProps {
     search?: Partial<TableSearch> & {
         className?: string;
     };
-    filter?: Partial<TableFilter>;
+    filter?: Partial<TableFilter> & {
+        quickFilters?: string[];
+        showFilterButton?: boolean;
+    };
     headerLeftContent?: React.ReactNode;
     headerActions?: React.ReactNode;
     body?: {
@@ -23,12 +26,9 @@ export interface TableCardProps {
     };
     showFooter?: boolean;
     footerClassName?: string;
-    pagination?: Partial<PaginationProps>;
-    paginationInfo?: Partial<Omit<PaginationInfoProps, 'itemsPerPage' | 'totalItems'>> & {
-        itemsPerPage: number;
-        totalItems: number;
-    };
-    paginationQuickJumper?: Partial<PaginationQuickJumperProps>;
+    pagination?: PaginationProps;
+    paginationInfo?: PaginationInfoProps;
+    paginationQuickJumper?: PaginationQuickJumperProps;
     loading?: boolean;
     emptyMessage?: string;
 }