@pautena/react-design-system 0.20.2 → 1.0.0

package/dist/RemoteDataTable/RemoteDataTable.mocks.d.ts

@@ -0,0 +1,30 @@
+import { QuerySpecField, RemoteDataTableColumn } from './RemoteDataTable';
+/**
+ * Mock item type for testing and stories
+ */
+export type MockItem = {
+    id: string;
+    name: string;
+    status: "Active" | "Inactive" | "Archived";
+    createdAt: string;
+};
+/**
+ * Basic columns for testing (no custom cell rendering)
+ */
+export declare const mockColumnsBasic: RemoteDataTableColumn<MockItem>[];
+/**
+ * Full-featured columns for stories (with sorting, custom cells, and widths)
+ */
+export declare const mockColumnsFull: RemoteDataTableColumn<MockItem>[];
+/**
+ * Query fields for filter builder
+ */
+export declare const mockQueryFields: QuerySpecField[];
+/**
+ * Generates mock items for testing
+ */
+export declare const buildMockItems: (count: number) => MockItem[];
+/**
+ * Default mock dataset (48 items)
+ */
+export declare const mockItems: MockItem[];

package/dist/RemoteDataTable/RemoteDataTable.types.d.ts

@@ -0,0 +1,189 @@
+import { TableCellProps } from '@mui/material';
+import { ReactNode } from 'react';
+/**
+ * Metadata for configuring column display properties
+ */
+export type RemoteDataTableColumnMeta = {
+    /**
+     * Horizontal alignment of cell content
+     */
+    align?: TableCellProps["align"];
+    /**
+     * Fixed width of the column
+     */
+    width?: number | string;
+    /**
+     * Minimum width of the column
+     */
+    minWidth?: number | string;
+    /**
+     * Maximum width of the column
+     */
+    maxWidth?: number | string;
+};
+/**
+ * Configuration for a table column
+ *
+ * @template TData - The type of data being displayed in the table
+ */
+export type RemoteDataTableColumn<TData> = {
+    /**
+     * Unique identifier for the column
+     */
+    id: string;
+    /**
+     * Header content to display
+     */
+    header: ReactNode;
+    /**
+     * Key to access data from the row object
+     */
+    accessorKey?: keyof TData;
+    /**
+     * Custom cell renderer function
+     * @param row - The data row
+     */
+    cell?: (row: TData) => ReactNode;
+    /**
+     * Whether sorting is enabled for this column
+     * @default true
+     */
+    enableSorting?: boolean;
+    /**
+     * Column metadata for styling and layout
+     */
+    meta?: RemoteDataTableColumnMeta;
+};
+/**
+ * Pagination state for the table
+ */
+export type PaginationState = {
+    /**
+     * Current page index (zero-based)
+     */
+    pageIndex: number;
+    /**
+     * Number of rows per page
+     */
+    pageSize: number;
+};
+/**
+ * Sorting state for the table
+ */
+export type SortingState = Array<{
+    /**
+     * Column identifier to sort by
+     */
+    id: string;
+    /**
+     * Whether to sort in descending order
+     */
+    desc: boolean;
+}>;
+/**
+ * Generic change handler function
+ *
+ * @template T - The type of value being changed
+ * @param updaterOrValue - New value or updater function
+ */
+export type OnChangeFn<T> = (updaterOrValue: T | ((old: T) => T)) => void;
+/**
+ * Query filter operation types
+ */
+export type QuerySpecOp = "eq" | "neq" | "lt" | "lte" | "gt" | "gte" | "ilike" | "in" | "isnull";
+/**
+ * Field data types for query filters
+ */
+export type QuerySpecFieldType = "string" | "number" | "boolean" | "date" | "datetime";
+/**
+ * Option for select/dropdown fields in query builder
+ */
+export type QuerySpecFieldOption = {
+    /**
+     * Display label for the option
+     */
+    label: string;
+    /**
+     * Value of the option
+     */
+    value: string;
+};
+/**
+ * Field specification for query builder
+ */
+export type QuerySpecField = {
+    /**
+     * Field name/identifier
+     */
+    name: string;
+    /**
+     * Display label for the field
+     */
+    label: string;
+    /**
+     * Data type of the field
+     * @default "string"
+     */
+    type?: QuerySpecFieldType;
+    /**
+     * Allowed operations for this field
+     */
+    ops?: QuerySpecOp[];
+    /**
+     * Placeholder text for input
+     */
+    placeholder?: string;
+    /**
+     * Options for select/dropdown fields
+     */
+    options?: QuerySpecFieldOption[];
+};
+/**
+ * Active filter in the query builder
+ */
+export type QuerySpecFilter = {
+    /**
+     * Unique identifier for the filter
+     */
+    id: string;
+    /**
+     * Field name being filtered
+     */
+    field: string;
+    /**
+     * Filter operation
+     */
+    op: QuerySpecOp;
+    /**
+     * Filter value
+     */
+    value?: string;
+};
+/**
+ * Props for the query builder component
+ */
+export type RemoteDataTableQueryBuilderProps = {
+    /**
+     * Available fields for filtering
+     */
+    fields: QuerySpecField[];
+    /**
+     * Current active filters
+     */
+    filters: QuerySpecFilter[];
+    /**
+     * Callback when filters change
+     * @param filters - Updated filters
+     */
+    onFiltersChange: (filters: QuerySpecFilter[]) => void;
+    /**
+     * Placeholder text for the query input
+     */
+    placeholder?: string;
+    /**
+     * Custom formatter for filter summary display
+     * @param filters - Current filters
+     * @param fields - Available fields
+     */
+    summaryFormatter?: (filters: QuerySpecFilter[], fields: QuerySpecField[]) => string;
+};

package/dist/RemoteDataTable/RemoteDataTableBody.d.ts

@@ -0,0 +1,13 @@
+import { RemoteDataTableColumn, SortingState } from './RemoteDataTable.types';
+type RemoteDataTableBodyProps<TData> = {
+    data: TData[];
+    columns: RemoteDataTableColumn<TData>[];
+    loading: boolean;
+    emptyMessage: string;
+    sorting?: SortingState;
+    onSortingChange?: (sorting: SortingState) => void;
+    onRowClick?: (row: TData) => void;
+    getRowId?: (row: TData, index: number) => string;
+};
+export declare const RemoteDataTableBody: <TData>({ data, columns, loading, emptyMessage, sorting, onSortingChange, onRowClick, getRowId, }: RemoteDataTableBodyProps<TData>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/RemoteDataTable/RemoteDataTableBody.mjs

@@ -0,0 +1,87 @@
+import { j as t } from "../_virtual/jsx-runtime.mjs";
+import { TableContainer as S, Table as B, TableHead as D, TableRow as d, TableCell as n, TableSortLabel as z, TableBody as C, Box as E, CircularProgress as K, Typography as b } from "@mui/material";
+const w = ({
+  data: x,
+  columns: c,
+  loading: l,
+  emptyMessage: f,
+  sorting: o = [],
+  onSortingChange: a,
+  onRowClick: h,
+  getRowId: j
+}) => {
+  const p = Math.max(c.length, 1), m = !l && x.length === 0, y = !!h, v = (e) => {
+    if (!a) return;
+    const i = o.find((s) => s.id === e);
+    i ? i.desc ? a([]) : a([{ id: e, desc: !0 }]) : a([{ id: e, desc: !1 }]);
+  }, T = (e) => {
+    const i = o.find((s) => s.id === e);
+    return i ? i.desc ? "desc" : "asc" : !1;
+  };
+  return /* @__PURE__ */ t.jsx(S, { children: /* @__PURE__ */ t.jsxs(B, { size: "small", "aria-busy": l, children: [
+    /* @__PURE__ */ t.jsx(D, { sx: { backgroundColor: "grey.50" }, children: /* @__PURE__ */ t.jsx(d, { children: c.map((e) => {
+      const i = T(e.id), s = e.enableSorting && a;
+      return /* @__PURE__ */ t.jsx(
+        n,
+        {
+          align: e.meta?.align,
+          sortDirection: i,
+          sx: {
+            fontWeight: 600,
+            color: "text.secondary",
+            width: e.meta?.width,
+            minWidth: e.meta?.minWidth,
+            maxWidth: e.meta?.maxWidth
+          },
+          children: s ? /* @__PURE__ */ t.jsx(
+            z,
+            {
+              active: i !== !1,
+              direction: i === !1 ? "asc" : i,
+              onClick: () => v(e.id),
+              children: e.header
+            }
+          ) : e.header
+        },
+        e.id
+      );
+    }) }) }),
+    /* @__PURE__ */ t.jsx(C, { children: l ? /* @__PURE__ */ t.jsx(d, { children: /* @__PURE__ */ t.jsx(n, { colSpan: p, children: /* @__PURE__ */ t.jsxs(E, { display: "flex", alignItems: "center", gap: 1, py: 2, children: [
+      /* @__PURE__ */ t.jsx(K, { size: 20 }),
+      /* @__PURE__ */ t.jsx(b, { variant: "body2", children: "Loading" })
+    ] }) }) }) : m ? /* @__PURE__ */ t.jsx(d, { children: /* @__PURE__ */ t.jsx(n, { colSpan: p, children: /* @__PURE__ */ t.jsx(b, { variant: "body2", color: "text.secondary", py: 2, children: f }) }) }) : x.map((e, i) => {
+      const s = j ? j(e, i) : String(i);
+      return /* @__PURE__ */ t.jsx(
+        d,
+        {
+          hover: y,
+          onClick: h ? () => h(e) : void 0,
+          sx: y ? {
+            cursor: "pointer"
+          } : void 0,
+          children: c.map((r) => {
+            const W = r.accessorKey ? e[r.accessorKey] : void 0, g = r.cell ? r.cell(e) : String(W ?? "");
+            return /* @__PURE__ */ t.jsx(
+              n,
+              {
+                align: r.meta?.align,
+                sx: {
+                  width: r.meta?.width,
+                  minWidth: r.meta?.minWidth,
+                  maxWidth: r.meta?.maxWidth
+                },
+                children: g
+              },
+              r.id
+            );
+          })
+        },
+        s
+      );
+    }) })
+  ] }) });
+};
+export {
+  w as RemoteDataTableBody
+};
+//# sourceMappingURL=RemoteDataTableBody.mjs.map

package/dist/RemoteDataTable/RemoteDataTableBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteDataTableBody.mjs","sources":["../../src/RemoteDataTable/RemoteDataTableBody.tsx"],"sourcesContent":["import {\n  Box,\n  CircularProgress,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TableRow,\n  TableSortLabel,\n  Typography,\n} from \"@mui/material\";\nimport type {\n  RemoteDataTableColumn,\n  SortingState,\n} from \"./RemoteDataTable.types\";\n\ntype RemoteDataTableBodyProps<TData> = {\n  data: TData[];\n  columns: RemoteDataTableColumn<TData>[];\n  loading: boolean;\n  emptyMessage: string;\n  sorting?: SortingState;\n  onSortingChange?: (sorting: SortingState) => void;\n  onRowClick?: (row: TData) => void;\n  getRowId?: (row: TData, index: number) => string;\n};\n\nexport const RemoteDataTableBody = <TData,>({\n  data,\n  columns,\n  loading,\n  emptyMessage,\n  sorting = [],\n  onSortingChange,\n  onRowClick,\n  getRowId,\n}: RemoteDataTableBodyProps<TData>) => {\n  const columnCount = Math.max(columns.length, 1);\n  const showEmpty = !loading && data.length === 0;\n  const isInteractive = Boolean(onRowClick);\n\n  const handleSort = (columnId: string) => {\n    if (!onSortingChange) return;\n\n    const existingSort = sorting.find((s) => s.id === columnId);\n    if (!existingSort) {\n      onSortingChange([{ id: columnId, desc: false }]);\n    } else if (!existingSort.desc) {\n      onSortingChange([{ id: columnId, desc: true }]);\n    } else {\n      onSortingChange([]);\n    }\n  };\n\n  const getSortDirection = (\n    columnId: string,\n  ): \"asc\" | \"desc\" | false | undefined => {\n    const sort = sorting.find((s) => s.id === columnId);\n    if (!sort) return false;\n    return sort.desc ? \"desc\" : \"asc\";\n  };\n\n  return (\n    <TableContainer>\n      <Table size=\"small\" aria-busy={loading}>\n        <TableHead sx={{ backgroundColor: \"grey.50\" }}>\n          <TableRow>\n            {columns.map((column) => {\n              const sortDirection = getSortDirection(column.id);\n              const canSort = column.enableSorting && onSortingChange;\n\n              return (\n                <TableCell\n                  key={column.id}\n                  align={column.meta?.align}\n                  sortDirection={sortDirection}\n                  sx={{\n                    fontWeight: 600,\n                    color: \"text.secondary\",\n                    width: column.meta?.width,\n                    minWidth: column.meta?.minWidth,\n                    maxWidth: column.meta?.maxWidth,\n                  }}\n                >\n                  {canSort ? (\n                    <TableSortLabel\n                      active={sortDirection !== false}\n                      direction={\n                        sortDirection === false ? \"asc\" : sortDirection\n                      }\n                      onClick={() => handleSort(column.id)}\n                    >\n                      {column.header}\n                    </TableSortLabel>\n                  ) : (\n                    column.header\n                  )}\n                </TableCell>\n              );\n            })}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={columnCount}>\n                <Box display=\"flex\" alignItems=\"center\" gap={1} py={2}>\n                  <CircularProgress size={20} />\n                  <Typography variant=\"body2\">Loading</Typography>\n                </Box>\n              </TableCell>\n            </TableRow>\n          ) : showEmpty ? (\n            <TableRow>\n              <TableCell colSpan={columnCount}>\n                <Typography variant=\"body2\" color=\"text.secondary\" py={2}>\n                  {emptyMessage}\n                </Typography>\n              </TableCell>\n            </TableRow>\n          ) : (\n            data.map((row, index) => {\n              const rowId = getRowId ? getRowId(row, index) : String(index);\n\n              return (\n                <TableRow\n                  key={rowId}\n                  hover={isInteractive}\n                  onClick={onRowClick ? () => onRowClick(row) : undefined}\n                  sx={\n                    isInteractive\n                      ? {\n                          cursor: \"pointer\",\n                        }\n                      : undefined\n                  }\n                >\n                  {columns.map((column) => {\n                    const value = column.accessorKey\n                      ? row[column.accessorKey]\n                      : undefined;\n                    const cellContent = column.cell\n                      ? column.cell(row)\n                      : String(value ?? \"\");\n\n                    return (\n                      <TableCell\n                        key={column.id}\n                        align={column.meta?.align}\n                        sx={{\n                          width: column.meta?.width,\n                          minWidth: column.meta?.minWidth,\n                          maxWidth: column.meta?.maxWidth,\n                        }}\n                      >\n                        {cellContent}\n                      </TableCell>\n                    );\n                  })}\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n      </Table>\n    </TableContainer>\n  );\n};\n"],"names":["RemoteDataTableBody","data","columns","loading","emptyMessage","sorting","onSortingChange","onRowClick","getRowId","columnCount","showEmpty","isInteractive","handleSort","columnId","existingSort","getSortDirection","sort","TableContainer","jsxs","Table","jsx","TableHead","TableRow","column","sortDirection","canSort","TableCell","TableSortLabel","TableBody","Box","CircularProgress","Typography","row","index","rowId","value","cellContent"],"mappings":"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"}

package/dist/RemoteDataTable/RemoteDataTablePagination.d.ts

@@ -0,0 +1,9 @@
+import { OnChangeFn, PaginationState } from './RemoteDataTable.types';
+type RemoteDataTablePaginationProps = {
+    pagination: PaginationState;
+    onPaginationChange: OnChangeFn<PaginationState>;
+    rowCount: number;
+    pageSizeOptions: number[];
+};
+export declare const RemoteDataTablePagination: ({ pagination, onPaginationChange, rowCount, pageSizeOptions, }: RemoteDataTablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/RemoteDataTable/RemoteDataTablePagination.mjs

@@ -0,0 +1,33 @@
+import { j as s } from "../_virtual/jsx-runtime.mjs";
+import { TablePagination as P } from "@mui/material";
+const x = ({
+  pagination: g,
+  onPaginationChange: r,
+  rowCount: t,
+  pageSizeOptions: p
+}) => /* @__PURE__ */ s.jsx(
+  P,
+  {
+    component: "div",
+    count: t,
+    page: g.pageIndex,
+    onPageChange: (a, e) => r((o) => ({
+      ...o,
+      pageIndex: e
+    })),
+    rowsPerPage: g.pageSize,
+    onRowsPerPageChange: (a) => {
+      r((e) => ({
+        ...e,
+        pageIndex: 0,
+        pageSize: Number(a.target.value)
+      }));
+    },
+    rowsPerPageOptions: p,
+    labelDisplayedRows: ({ from: a, to: e, count: o, page: n }) => o === -1 ? `Page ${n + 1}` : `${a}-${e} of ${o}`
+  }
+);
+export {
+  x as RemoteDataTablePagination
+};
+//# sourceMappingURL=RemoteDataTablePagination.mjs.map

package/dist/RemoteDataTable/RemoteDataTablePagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoteDataTablePagination.mjs","sources":["../../src/RemoteDataTable/RemoteDataTablePagination.tsx"],"sourcesContent":["import { TablePagination } from \"@mui/material\";\nimport type { OnChangeFn, PaginationState } from \"./RemoteDataTable.types\";\n\ntype RemoteDataTablePaginationProps = {\n  pagination: PaginationState;\n  onPaginationChange: OnChangeFn<PaginationState>;\n  rowCount: number;\n  pageSizeOptions: number[];\n};\n\nexport const RemoteDataTablePagination = ({\n  pagination,\n  onPaginationChange,\n  rowCount,\n  pageSizeOptions,\n}: RemoteDataTablePaginationProps) => (\n  <TablePagination\n    component=\"div\"\n    count={rowCount}\n    page={pagination.pageIndex}\n    onPageChange={(_event, page) =>\n      onPaginationChange((prev) => ({\n        ...prev,\n        pageIndex: page,\n      }))\n    }\n    rowsPerPage={pagination.pageSize}\n    onRowsPerPageChange={(event) => {\n      onPaginationChange((prev) => ({\n        ...prev,\n        pageIndex: 0,\n        pageSize: Number(event.target.value),\n      }));\n    }}\n    rowsPerPageOptions={pageSizeOptions}\n    labelDisplayedRows={({ from, to, count, page }) =>\n      count === -1 ? `Page ${page + 1}` : `${from}-${to} of ${count}`\n    }\n  />\n);\n"],"names":["RemoteDataTablePagination","pagination","onPaginationChange","rowCount","pageSizeOptions","jsx","TablePagination","_event","page","prev","event","from","to","count"],"mappings":";;AAUO,MAAMA,IAA4B,CAAC;AAAA,EACxC,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AACF,MACEC,gBAAAA,EAAAA;AAAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAOH;AAAA,IACP,MAAMF,EAAW;AAAA,IACjB,cAAc,CAACM,GAAQC,MACrBN,EAAmB,CAACO,OAAU;AAAA,MAC5B,GAAGA;AAAA,MACH,WAAWD;AAAA,IAAA,EACX;AAAA,IAEJ,aAAaP,EAAW;AAAA,IACxB,qBAAqB,CAACS,MAAU;AAC9B,MAAAR,EAAmB,CAACO,OAAU;AAAA,QAC5B,GAAGA;AAAA,QACH,WAAW;AAAA,QACX,UAAU,OAAOC,EAAM,OAAO,KAAK;AAAA,MAAA,EACnC;AAAA,IACJ;AAAA,IACA,oBAAoBN;AAAA,IACpB,oBAAoB,CAAC,EAAE,MAAAO,GAAM,IAAAC,GAAI,OAAAC,GAAO,MAAAL,QACtCK,MAAU,KAAK,QAAQL,IAAO,CAAC,KAAK,GAAGG,CAAI,IAAIC,CAAE,OAAOC,CAAK;AAAA,EAAA;AAEjE;"}

package/dist/RemoteDataTable/RemoteDataTableQueryBuilder.d.ts

@@ -0,0 +1,6 @@
+import { RemoteDataTableQueryBuilderProps as RemoteDataTableQueryBuilderConfig } from './RemoteDataTable.types';
+type RemoteDataTableQueryBuilderProps = {
+    queryBuilder: RemoteDataTableQueryBuilderConfig;
+};
+export declare const RemoteDataTableQueryBuilder: ({ queryBuilder, }: RemoteDataTableQueryBuilderProps) => import("react/jsx-runtime").JSX.Element;
+export {};