@pibit.ai/cure-design-system 0.3.17 → 0.3.20

package/dist/patterns/table/TablePagination.d.ts

@@ -0,0 +1,23 @@
+export type TablePaginationConfig = {
+    currentPage: number;
+    pageSize: number;
+    totalPages: number;
+    totalItems: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number | string) => void;
+    /** Whether pagination should actually render. Default: true. */
+    showPagination?: boolean;
+};
+export interface TablePaginationProps extends TablePaginationConfig {
+    loading?: boolean;
+    rootClassName?: string;
+}
+/**
+ * Table footer pagination — page-size select, total count, and page controls.
+ * Matches the `TableWrapperPaginationConfig` contract used in platform-ui.
+ */
+export declare function TablePagination({ currentPage, pageSize, totalPages, totalItems, onPageChange, onPageSizeChange, showPagination, loading, rootClassName, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace TablePagination {
+    var displayName: string;
+}
+//# sourceMappingURL=TablePagination.d.ts.map

package/dist/patterns/table/TablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TablePagination.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,gEAAgE;IAChE,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,cAAqB,EACrB,OAAe,EACf,aAAa,GACd,EAAE,oBAAoB,kDAwCtB;yBAlDe,eAAe"}

package/dist/patterns/table/TablePagination.js

@@ -0,0 +1,60 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as x } from "../../utils/cn.js";
+import { PaginationCardDefault as f } from "./pagination-card.js";
+import { Select as i } from "../../primitives/select/select.js";
+const b = [
+  { label: "10", id: "10" },
+  { label: "20", id: "20" },
+  { label: "50", id: "50" },
+  { label: "100", id: "100" }
+];
+function h({
+  currentPage: n,
+  pageSize: s,
+  totalPages: o,
+  totalItems: l,
+  onPageChange: m,
+  onPageSizeChange: c,
+  showPagination: d = !0,
+  loading: r = !1,
+  rootClassName: p
+}) {
+  return !d || l === 0 ? null : /* @__PURE__ */ a("div", { className: x("flex items-center justify-between border-t border-secondary pt-2", p), children: [
+    /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e("p", { className: "text-xs font-normal text-tertiary", children: "Show rows per page" }),
+      /* @__PURE__ */ e(
+        i,
+        {
+          isDisabled: r,
+          size: "sm",
+          value: s.toString(),
+          items: b,
+          onSelectionChange: (t) => {
+            t != null && c(t);
+          },
+          className: "w-auto min-w-10",
+          popoverClassName: "w-20",
+          textStyles: "text-xs align-center",
+          children: (t) => /* @__PURE__ */ e(i.Item, { id: t.id, textStyles: "text-xs font-normal", children: t.label })
+        }
+      ),
+      /* @__PURE__ */ a("p", { className: "ml-4 text-xs", children: [
+        /* @__PURE__ */ e("span", { className: "font-normal text-tertiary", children: "Total rows " }),
+        /* @__PURE__ */ e("span", { className: "font-medium text-primary", children: l.toLocaleString() })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "relative", children: /* @__PURE__ */ e(
+      f,
+      {
+        loading: r,
+        page: n,
+        total: o,
+        onPageChange: m
+      }
+    ) })
+  ] });
+}
+h.displayName = "TablePagination";
+export {
+  h as TablePagination
+};

package/dist/patterns/table/TableWrapper.d.ts

@@ -1,74 +1,4 @@
-import { ReactNode } from 'react';
-/**
- * Props for the TableWrapper component
- */
-export type TableWrapperProps = {
-    /** Array of data items to display in the table */
-    data: any[];
-    /** Column configuration for the table */
-    columns: {
-        /** Column header label */
-        label: string;
-        /** Unique key for the column (maps to data property) */
-        key: string;
-        /** Make column sticky (left or right) */
-        sticky?: "left" | "right";
-        /** Offset for sticky positioning (in pixels) */
-        stickyOffset?: number;
-        /** Enable sorting for this column */
-        allowsSorting?: boolean;
-        /** Maximum width for the column */
-        maxWidth?: string;
-    }[];
-    /** Function to render cell content. Receives (key, value, item) and returns ReactNode */
-    renderRowCell: (key: string, val: any, item: any) => ReactNode;
-    /** Callback when a row is clicked */
-    onRowClick?: (item: any) => void;
-    /** Aria label for accessibility */
-    arialabel?: string;
-    /** Table size variant */
-    size?: "sm" | "md" | "xs";
-    /** Allow default prose styling on rows */
-    allowDefaultRowClass?: boolean;
-    /** Array of column keys that should have centered headers */
-    centeredHeaders?: string[];
-    /** Additional className for the table element */
-    tableClassName?: string;
-    /** Additional className for the header */
-    headerClassName?: string;
-    /** Additional className for the root container */
-    rootClassName?: string;
-    /** Remove borders between rows */
-    removeBorders?: boolean;
-    /** Function to determine if a row is expandable */
-    isRowExpandable?: (item: any) => boolean;
-    /** Function to render expanded row content */
-    renderExpandedContent?: (item: any) => ReactNode;
-};
-/**
- * TableWrapper - A simplified wrapper around Table component with column-based API
- *
- * Provides an easier way to work with tables using a columns/data structure.
- * Supports sticky columns, expandable rows, and custom cell rendering.
- *
- * @example
- * ```tsx
- * <TableWrapper
- *   data={users}
- *   columns={[
- *     { label: 'Name', key: 'name', allowsSorting: true },
- *     { label: 'Email', key: 'email' },
- *     { label: 'Actions', key: 'actions' },
- *   ]}
- *   renderRowCell={(key, val, item) => {
- *     if (key === 'name') return <span>{item.name}</span>;
- *     if (key === 'actions') return <button>Edit</button>;
- *     return val;
- *   }}
- *   onRowClick={(user) => console.log(user)}
- *   size="sm"
- * />
- * ```
- */
+import { TableWrapperProps } from './types';
+export type { BulkActionContext, ColumnConfig, TableWrapperEditChrome, TableWrapperPaginationConfig, TableWrapperProps, TableWrapperSelectedKeys, TableWrapperSelectionChange, TableWrapperToolbarConfig, } from './types';
 export declare const TableWrapper: import('react').ForwardRefExoticComponent<TableWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=TableWrapper.d.ts.map

package/dist/patterns/table/TableWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAInD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kDAAkD;IAClD,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,yCAAyC;IACzC,OAAO,EAAE;QACP,0BAA0B;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,wDAAwD;QACxD,GAAG,EAAE,MAAM,CAAC;QACZ,yCAAyC;QACzC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC1B,gDAAgD;QAChD,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,qCAAqC;QACrC,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,mCAAmC;QACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,EAAE,CAAC;IACJ,yFAAyF;IACzF,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;IAC/D,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mDAAmD;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC;IACzC,8CAA8C;IAC9C,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,SAAS,CAAC;CAClD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,YAAY,8GAkGxB,CAAC"}
+{"version":3,"file":"TableWrapper.d.ts","sourceRoot":"","sources":["../../../src/patterns/table/TableWrapper.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAKR,iBAAiB,EAGpB,MAAM,SAAS,CAAC;AAUjB,YAAY,EACR,iBAAiB,EACjB,YAAY,EACZ,sBAAsB,EACtB,4BAA4B,EAC5B,iBAAiB,EACjB,wBAAwB,EACxB,2BAA2B,EAC3B,yBAAyB,GAC5B,MAAM,SAAS,CAAC;AA4GjB,eAAO,MAAM,YAAY,8GAy7BvB,CAAC"}