@ztwoint/z-ui 0.1.40 → 0.1.42

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

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

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

@@ -5,12 +5,15 @@ export interface TableCardProps {
     dataSource: Record<string, unknown>[];
     schema: TableSchema;
     className?: string;
+    rounded?: boolean;
+    bordered?: boolean;
     showHeader?: boolean;
     headerClassName?: string;
     search?: Partial<TableSearch> & {
         className?: string;
     };
     filter?: Partial<TableFilter>;
+    headerLeftContent?: React.ReactNode;
     headerActions?: React.ReactNode;
     body?: {
         cell?: TableProps['cell'];
@@ -21,7 +24,10 @@ export interface TableCardProps {
     showFooter?: boolean;
     footerClassName?: string;
     pagination?: Partial<PaginationProps>;
-    paginationInfo?: Partial<PaginationInfoProps>;
+    paginationInfo?: Partial<Omit<PaginationInfoProps, 'itemsPerPage' | 'totalItems'>> & {
+        itemsPerPage: number;
+        totalItems: number;
+    };
     paginationQuickJumper?: Partial<PaginationQuickJumperProps>;
     loading?: boolean;
     emptyMessage?: string;

package/dist/css/config/components/button.css

@@ -48,6 +48,9 @@
   --button-secondary-stroke-hover: var(--neutral-200);
   --button-secondary-stroke-pressed: transparent;
   --button-secondary-stroke-disabled: var(--neutral-100);
+  /* Button Shadows */
+  --button-shadow-default:
+    0px 1px 2px 0px var(--alpha-one-50), 0px 0px 0px 0.5px var(--neutral-150);
 }
 
 .dark {
@@ -98,6 +101,9 @@
   --button-secondary-stroke-hover: var(--neutral-200);
   --button-secondary-stroke-pressed: transparent;
   --button-secondary-stroke-disabled: var(--neutral-50);
+  /* Button Shadows - Dark Mode */
+  --button-shadow-default:
+    0px 1px 2px 0px var(--alpha-one-50), 0px 0px 0px 0.5px var(--neutral-150);
 }
 
 /* Tailwind v4 Theme Integration */
@@ -149,4 +155,6 @@
   --color-button-secondary-stroke-hover: var(--button-secondary-stroke-hover);
   --color-button-secondary-stroke-pressed: var(--button-secondary-stroke-pressed);
   --color-button-secondary-stroke-disabled: var(--button-secondary-stroke-disabled);
+  /* Button Shadows */
+  --shadow-button-default: var(--button-shadow-default);
 }

package/dist/css/config/components/file-upload-area.css

@@ -0,0 +1,11 @@
+/* File Upload Area Component - Custom SVG dashed border */
+
+@layer utilities {
+  .file-upload-12-dash-border {
+    /* Remove default border */
+    border: none;
+
+    /* SVG dashed border with rounded corners */
+    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='24' ry='24' stroke='%2334303026' stroke-width='2' stroke-dasharray='12%2c12' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
+  }
+}

package/dist/css/config/components/index.css

@@ -1,2 +1,3 @@
 @import './button.css';
 @import './input.css';
+@import './file-upload-area.css';