@ztwoint/z-ui 0.1.45 → 0.1.47

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

@@ -1,132 +1,164 @@
-import { jsx as t, jsxs as h } from "react/jsx-runtime";
-import { Table as e } from "../table/table-provider.js";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { Table as t } from "../table/table-provider.js";
 import "react";
-import { cn as m } from "../../lib/utils.js";
-import "../table/table.context.js";
+import { cn as n } from "../../lib/utils.js";
+/* empty css                        */
+import "../alert/alert.const.js";
 import "../button/button.js";
+import "../collapsible-side-nav-bar/side-nav-bar-provider.js";
+import "../collapsible-side-nav-bar/side-nav-bar.js";
+import "../collapsible-side-nav-bar/side-nav-bar-header.js";
+import "../collapsible-side-nav-bar/side-nav-bar-content.js";
+import "../collapsible-side-nav-bar/side-nav-bar-footer.js";
+import "../collapsible-side-nav-bar/side-nav-bar-group.js";
+import "../collapsible-side-nav-bar/side-nav-bar-item.js";
+import "../collapsible-side-nav-bar/side-nav-bar-separator.js";
+import "../collapsible-side-nav-bar/context.js";
+import "../collapsible-side-nav-bar/popover/popover.js";
+import "react-country-flag";
+import "classnames";
+import "@radix-ui/react-dialog";
+import "../dropdown/z2-dropdown.js";
+import "@radix-ui/react-dropdown-menu";
+import "lucide-react";
 import "../input/input.js";
-const E = ({
+import "../nav-header/nav-header.js";
+import "../nav-header/nav-item/nav-item.js";
+import "@radix-ui/react-select";
+import "../stepper/stepper.js";
+import "../stepper-item/stepper-item.js";
+import "@radix-ui/react-tabs";
+import "../tooltip/tooltip.js";
+import "../badge/badge.js";
+import "../avatar/avatar.js";
+import "../table/table.context.js";
+const dt = ({
   dataSource: v,
-  schema: C,
-  loading: F,
-  emptyMessage: T,
-  className: _,
-  rounded: d = !1,
-  bordered: c = !1,
-  showHeader: u = !0,
-  headerClassName: R,
-  search: o,
-  filter: P,
-  headerLeftContent: n,
-  headerActions: x,
-  body: l = {
-    cell: { cellHeight: "small", hasBorder: !0 },
+  schema: i,
+  loading: H,
+  emptyMessage: w,
+  className: T,
+  rounded: d = !0,
+  bordered: h = !0,
+  showHeader: C = !0,
+  headerClassName: _,
+  search: m,
+  filter: e,
+  headerLeftContent: P,
+  headerActions: u,
+  body: r = {
+    cell: { hasBorder: !0 },
     className: "",
     stickyHeader: !0
   },
-  showFooter: g = !0,
-  footerClassName: j,
-  pagination: r,
+  showFooter: x = !0,
+  footerClassName: k,
+  pagination: l,
   paginationInfo: a,
   paginationQuickJumper: s
 }) => {
-  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(
-      e.Header,
+  var B;
+  const F = s && s.totalPage && s.totalPage >= 2, p = l && l.totalPage && l.totalPage >= 2 || !!a || F, g = m || e || P || u, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
+  return /* @__PURE__ */ o("div", { className: n("flex flex-col overflow-hidden", T), children: /* @__PURE__ */ c(t, { dataSource: v, schema: i, loading: H, emptyMessage: w, children: [
+    C && g && /* @__PURE__ */ c(
+      t.Header,
       {
-        className: m(
+        className: n(
           "flex-shrink-0",
-          c && "border-stroke-solid-medium border-1 border-b-0",
+          h && "border-stroke-solid-medium border-1 border-b-0",
           d && "rounded-t-xl",
-          R
+          _
         ),
         children: [
-          /* @__PURE__ */ h(e.HeaderContent, { children: [
-            n && n,
-            o && /* @__PURE__ */ t(
-              e.Search,
+          /* @__PURE__ */ c(t.HeaderContent, { children: [
+            P && P,
+            m && /* @__PURE__ */ o(
+              t.Search,
               {
                 search: {
-                  value: o.value || "",
-                  onChange: o.onChange || (() => {
+                  value: m.value || "",
+                  onChange: m.onChange || (() => {
                   }),
-                  placeholder: o.placeholder
+                  placeholder: m.placeholder
                 },
-                className: o.className
+                className: m.className
               }
             ),
-            P && /* @__PURE__ */ t(
-              e.Filter,
+            e && /* @__PURE__ */ c(
+              t.Filter,
               {
-                schema: C,
+                schema: i,
                 filter: {
-                  value: P.value || [],
-                  onChange: P.onChange || (() => {
+                  value: e.value || [],
+                  onChange: e.onChange || (() => {
                   })
-                }
+                },
+                children: [
+                  R && /* @__PURE__ */ o(t.Filter.FilterButton, {}),
+                  (B = e == null ? void 0 : e.quickFilters) == null ? void 0 : B.map((N) => /* @__PURE__ */ o(t.Filter.FilterColumnButton, { filterName: N }, N))
+                ]
               }
             )
           ] }),
-          x && /* @__PURE__ */ t(e.HeaderContent, { children: x })
+          u && /* @__PURE__ */ o(t.HeaderContent, { children: u })
         ]
       }
     ),
-    /* @__PURE__ */ t(
-      e.Body,
+    /* @__PURE__ */ o(
+      t.Body,
       {
-        cell: l == null ? void 0 : l.cell,
-        sort: l == null ? void 0 : l.sort,
-        className: m(
+        cell: r == null ? void 0 : r.cell,
+        sort: r == null ? void 0 : r.sort,
+        className: n(
           "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",
-          l == null ? void 0 : l.className
+          h && "border-stroke-solid-light border-b-1 border-x-1 border-t-0",
+          d && !(C && g) && "rounded-t-xl",
+          d && !(x && p) && "rounded-b-xl",
+          h && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
+          h && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
+          r == null ? void 0 : r.className
         ),
-        stickyHeader: l == null ? void 0 : l.stickyHeader
+        stickyHeader: r == null ? void 0 : r.stickyHeader
       }
     ),
-    g && H && /* @__PURE__ */ h(
-      e.Footer,
+    x && p && /* @__PURE__ */ c(
+      t.Footer,
       {
-        className: m(
-          "flex-shrink-0",
-          c && "border-stroke-solid-light border border-t-[0.5px]",
+        className: n(
+          "flex-shrink-0 border-stroke-solid-light border-t-[0.5px]",
+          h && "border",
           d && "rounded-b-xl",
-          j
+          k
         ),
         children: [
-          a ? /* @__PURE__ */ t(e.FooterContent, { children: /* @__PURE__ */ t(
-            e.PaginationInfo,
+          a ? /* @__PURE__ */ o(t.FooterContent, { children: /* @__PURE__ */ o(
+            t.PaginationInfo,
             {
-              showTotal: a.showTotal || !0,
+              showTotal: a.showTotal,
               totalItems: a.totalItems,
-              currentPage: a.currentPage || 1,
-              itemsPerPage: a.itemsPerPage || a.totalItems
+              currentPage: a.currentPage,
+              itemsPerPage: a.itemsPerPage
             }
-          ) }) : s || r ? /* @__PURE__ */ t(e.FooterContent, { children: null }) : null,
-          (s || r) && /* @__PURE__ */ h(e.FooterContent, { children: [
-            N && /* @__PURE__ */ t(
-              e.PaginationQuickJumper,
+          ) }) : s || l ? /* @__PURE__ */ o(t.FooterContent, { children: null }) : null,
+          (s || l) && /* @__PURE__ */ c(t.FooterContent, { children: [
+            F && /* @__PURE__ */ o(
+              t.PaginationQuickJumper,
               {
-                currentPage: s.currentPage || 1,
-                totalPage: s.totalPage || 1,
+                currentPage: s.currentPage,
+                totalPage: s.totalPage,
                 onChange: s.onChange || (() => {
                 }),
-                disabled: s.disabled || !1
+                disabled: s.disabled
               }
             ),
-            r && /* @__PURE__ */ t(
-              e.Pagination,
+            l && /* @__PURE__ */ o(
+              t.Pagination,
               {
-                currentPage: r.currentPage || 1,
-                totalPage: r.totalPage || 1,
-                onChange: r.onChange || (() => {
+                currentPage: l.currentPage,
+                totalPage: l.totalPage,
+                onChange: l.onChange || (() => {
                 }),
-                totalItems: r.totalItems
+                totalItems: l.totalItems
               }
             )
           ] })
@@ -136,5 +168,5 @@ const E = ({
   ] }) });
 };
 export {
-  E as default
+  dt 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;
 }