@dashforge/tw 0.4.0-beta → 0.6.0-beta

package/dist/src/components/Table/table.variants.d.ts

@@ -0,0 +1,285 @@
+import { type VariantProps } from 'tailwind-variants';
+/**
+ * `<Table>` variant recipe.
+ *
+ * Slots:
+ *  - `root`              — outer wrapper
+ *  - `toolbar`           — search + filter chips row above table
+ *  - `search`            — search input
+ *  - `scroll`            — `<div class="overflow-auto">` wrapping the table
+ *  - `table`             — `<table>` element
+ *  - `thead`             — `<thead>` (sticky positioning here)
+ *  - `tbody`             — `<tbody>`
+ *  - `headerRow`         — `<tr>` inside `<thead>`
+ *  - `headerCell`        — `<th>` cell
+ *  - `headerCellButton`  — `<button>` inside sortable `<th>`
+ *  - `row`               — `<tr>` inside `<tbody>` (data row)
+ *  - `cell`              — `<td>` data cell
+ *  - `selectionCell`     — first `<td>` when selection mode active
+ *  - `expandToggleCell`  — second `<td>` when expandable active
+ *  - `expandedRow`       — full-width `<tr>` rendered after an expanded row
+ *  - `rowActionsCell`    — last `<td>` when `rowActions` provided
+ *  - `emptyState`        — placeholder when rows is empty
+ *  - `loadingOverlay`    — skeleton overlay when loading
+ *  - `bulkActionFooter`  — sticky footer with bulk actions
+ *
+ * Variant axes:
+ *  - `variant` — visual row-division style:
+ *      - `plain`    — minimal separators
+ *      - `lines`    — Stripe-style thin horizontal dividers (default)
+ *      - `striped`  — alternating row backgrounds (zebra)
+ *      - `bordered` — full cell borders
+ *      - `card`     — each row rendered as a separate surface card
+ *  - `size`    — `sm` / `md` (default) / `lg`
+ *  - `density` — `compact` (40px row) / `comfortable` (default 48px) / `spacious` (56px)
+ *
+ * Smart-default alignment (per column) is applied by the Table
+ * component code, NOT here — it depends on the runtime-detected
+ * value type, which the recipe doesn't see.
+ *
+ * **Dashforge identity rule** (memory: `feedback_dashforge_preset_is_identity`):
+ * This recipe uses NO `dark:` variants on the neutral palette. The
+ * `dashforgePreset()` CSS-variable swap auto-inverts neutral tokens
+ * (`bg-neutral-50` is light surface in light mode, dark surface in
+ * dark mode — same class, different physical color). Adding a
+ * `dark:` variant on neutral palette = DOUBLE inversion = breaks
+ * dark mode. The selected-row state uses the canonical LeftNav
+ * `itemActive` pattern (`bg-primary-100 text-primary-900 font-medium`),
+ * which works in both modes because the primary palette has no
+ * inversion (both `bg` and `text` resolve to the same physical
+ * colors regardless of mode → guaranteed contrast).
+ */
+export declare const tableVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        plain: {};
+        lines: {};
+        striped: {
+            row: string;
+        };
+        bordered: {
+            table: string;
+            cell: string;
+            headerCell: string;
+        };
+        card: {
+            scroll: string;
+            table: string;
+            row: string[];
+            cell: string;
+            headerCell: string;
+        };
+    };
+    size: {
+        sm: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        md: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        lg: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+    };
+    density: {
+        compact: {
+            headerCell: string;
+            cell: string;
+        };
+        comfortable: {
+            headerCell: string;
+            cell: string;
+        };
+        spacious: {
+            headerCell: string;
+            cell: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            thead: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    toolbar: string;
+    search: string[];
+    scroll: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    headerRow: string;
+    headerCell: string[];
+    headerCellButton: string[];
+    row: string[];
+    cell: string[];
+    selectionCell: string;
+    expandToggleCell: string;
+    expandedRow: string;
+    rowActionsCell: string[];
+    emptyState: string[];
+    loadingOverlay: string[];
+    bulkActionFooter: string[];
+}, undefined, {
+    variant: {
+        plain: {};
+        lines: {};
+        striped: {
+            row: string;
+        };
+        bordered: {
+            table: string;
+            cell: string;
+            headerCell: string;
+        };
+        card: {
+            scroll: string;
+            table: string;
+            row: string[];
+            cell: string;
+            headerCell: string;
+        };
+    };
+    size: {
+        sm: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        md: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        lg: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+    };
+    density: {
+        compact: {
+            headerCell: string;
+            cell: string;
+        };
+        comfortable: {
+            headerCell: string;
+            cell: string;
+        };
+        spacious: {
+            headerCell: string;
+            cell: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            thead: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    toolbar: string;
+    search: string[];
+    scroll: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    headerRow: string;
+    headerCell: string[];
+    headerCellButton: string[];
+    row: string[];
+    cell: string[];
+    selectionCell: string;
+    expandToggleCell: string;
+    expandedRow: string;
+    rowActionsCell: string[];
+    emptyState: string[];
+    loadingOverlay: string[];
+    bulkActionFooter: string[];
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        plain: {};
+        lines: {};
+        striped: {
+            row: string;
+        };
+        bordered: {
+            table: string;
+            cell: string;
+            headerCell: string;
+        };
+        card: {
+            scroll: string;
+            table: string;
+            row: string[];
+            cell: string;
+            headerCell: string;
+        };
+    };
+    size: {
+        sm: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        md: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+        lg: {
+            headerCell: string;
+            cell: string;
+            search: string;
+        };
+    };
+    density: {
+        compact: {
+            headerCell: string;
+            cell: string;
+        };
+        comfortable: {
+            headerCell: string;
+            cell: string;
+        };
+        spacious: {
+            headerCell: string;
+            cell: string;
+        };
+    };
+    stickyHeader: {
+        true: {
+            thead: string;
+        };
+        false: {};
+    };
+}, {
+    root: string;
+    toolbar: string;
+    search: string[];
+    scroll: string;
+    table: string;
+    thead: string;
+    tbody: string;
+    headerRow: string;
+    headerCell: string[];
+    headerCellButton: string[];
+    row: string[];
+    cell: string[];
+    selectionCell: string;
+    expandToggleCell: string;
+    expandedRow: string;
+    rowActionsCell: string[];
+    emptyState: string[];
+    loadingOverlay: string[];
+    bulkActionFooter: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type TableVariants = VariantProps<typeof tableVariants>;
+//# sourceMappingURL=table.variants.d.ts.map

package/dist/src/components/Table/table.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/table.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwJxB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/src/index.d.ts

@@ -108,6 +108,18 @@ export { popoverVariants } from './components/Popover/popover.variants.js';
 export { Accordion } from './components/Accordion/Accordion.js';
 export type { AccordionProps, AccordionSlotProps, AccordionItem, } from './components/Accordion/accordion.types.js';
 export { accordionVariants } from './components/Accordion/accordion.variants.js';
+export { Skeleton } from './components/Skeleton/Skeleton.js';
+export type { SkeletonProps, SkeletonSlotProps, } from './components/Skeleton/skeleton.types.js';
+export { skeletonVariants } from './components/Skeleton/skeleton.variants.js';
+export { Pagination } from './components/Pagination/Pagination.js';
+export type { PaginationProps, PaginationSlotProps, PaginationLabels, } from './components/Pagination/pagination.types.js';
+export { paginationVariants } from './components/Pagination/pagination.variants.js';
+export { Table } from './components/Table/Table.js';
+export type { TableProps, TableColumn, TableColumnInferredType, TableCellContext, TableSortDirection, TableSortItem, TableSortModel, TableFilterItem, TableFilterModel, TableRowSelectionMode, TableExpandableConfig, TableLabels, TableSlotProps, NestedKeyOf, } from './components/Table/table.types.js';
+export { tableVariants } from './components/Table/table.variants.js';
+export { RenderText, RenderTwoLine, RenderChip, RenderButton, RowActionsMenu, } from './components/Table/cells/index.js';
+export type { RenderTextProps, RenderTwoLineProps, RenderChipProps, RenderButtonProps, RowActionsMenuProps, TableRowAction, } from './components/Table/cells/index.js';
+export { getNestedValue } from './components/Table/_internal/getNestedValue.js';
 export { useAccessState } from './hooks/useAccessState.js';
 export { cn } from './utils/cn.js';
 export { tv } from 'tailwind-variants';
@@ -115,5 +127,5 @@ export type { VariantProps } from 'tailwind-variants';
 /**
  * Package version (synced with `package.json` at publish time).
  */
-export declare const VERSION = "0.4.0-beta";
+export declare const VERSION = "0.6.0-beta";
 //# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dashforge/tw",
-  "version": "0.4.0-beta",
+  "version": "0.6.0-beta",
   "private": false,
   "type": "module",
   "main": "./dist/index.esm.js",

package/src/components/Pagination/Pagination.test.tsx

@@ -0,0 +1,314 @@
+// @vitest-environment jsdom
+import * as React from 'react';
+import { describe, it, expect, afterEach } from 'vitest';
+import { render, screen, fireEvent, cleanup } from '@testing-library/react';
+import { Pagination } from './Pagination.js';
+import { computePageRange } from './pagination.helpers.js';
+
+void React;
+afterEach(() => cleanup());
+
+describe('computePageRange — helper', () => {
+  it('returns empty for totalPages=0', () => {
+    expect(computePageRange(1, 0, 1, 1)).toEqual([]);
+  });
+
+  it('returns [1] for totalPages=1', () => {
+    expect(computePageRange(1, 1, 1, 1)).toEqual([1]);
+  });
+
+  it('lists all pages when totalPages <= window size', () => {
+    expect(computePageRange(1, 5, 1, 1)).toEqual([1, 2, 3, 4, 5]);
+  });
+
+  it('inserts ellipsis on the right when current is near start', () => {
+    const r = computePageRange(2, 20, 1, 1);
+    expect(r).toContain(1);
+    expect(r).toContain(2);
+    expect(r).toContain(3);
+    expect(r).toContain('ellipsis');
+    expect(r).toContain(20);
+    expect(r).not.toContain(10);
+  });
+
+  it('inserts ellipsis on both sides when current is in the middle', () => {
+    const r = computePageRange(10, 20, 1, 1);
+    expect(r.filter((x) => x === 'ellipsis').length).toBeGreaterThanOrEqual(1);
+    expect(r).toContain(1);
+    expect(r).toContain(9);
+    expect(r).toContain(10);
+    expect(r).toContain(11);
+    expect(r).toContain(20);
+  });
+
+  it('inserts ellipsis on the left when current is near end', () => {
+    const r = computePageRange(19, 20, 1, 1);
+    expect(r).toContain(1);
+    expect(r).toContain('ellipsis');
+    expect(r).toContain(18);
+    expect(r).toContain(19);
+    expect(r).toContain(20);
+  });
+
+  it('respects siblingCount=2', () => {
+    const r = computePageRange(10, 20, 2, 1);
+    expect(r).toContain(8);
+    expect(r).toContain(9);
+    expect(r).toContain(10);
+    expect(r).toContain(11);
+    expect(r).toContain(12);
+  });
+
+  it('respects boundaryCount=2', () => {
+    const r = computePageRange(10, 20, 1, 2);
+    expect(r).toContain(1);
+    expect(r).toContain(2);
+    expect(r).toContain(19);
+    expect(r).toContain(20);
+  });
+});
+
+describe('Pagination — rendering (default variant)', () => {
+  it('renders nav landmark with aria-label', () => {
+    render(<Pagination page={1} pageSize={10} totalCount={50} onPageChange={() => {}} />);
+    expect(screen.getByRole('navigation', { name: 'Pagination' })).not.toBeNull();
+  });
+
+  it('renders the "Showing X-Y of Z" summary', () => {
+    render(<Pagination page={1} pageSize={10} totalCount={50} onPageChange={() => {}} />);
+    expect(screen.getByText(/Showing 1-10 of 50/)).not.toBeNull();
+  });
+
+  it('renders correct summary on last page (partial fill)', () => {
+    render(<Pagination page={5} pageSize={10} totalCount={47} onPageChange={() => {}} />);
+    expect(screen.getByText(/Showing 41-47 of 47/)).not.toBeNull();
+  });
+
+  it('marks active page with aria-current=page', () => {
+    render(<Pagination page={3} pageSize={10} totalCount={50} onPageChange={() => {}} />);
+    const active = screen.getByRole('button', { name: 'Page 3' });
+    expect(active.getAttribute('aria-current')).toBe('page');
+  });
+
+  it('disables Prev + First on page 1', () => {
+    render(<Pagination page={1} pageSize={10} totalCount={50} onPageChange={() => {}} />);
+    expect((screen.getByRole('button', { name: 'Previous' }) as HTMLButtonElement).disabled).toBe(true);
+    expect((screen.getByRole('button', { name: 'First' }) as HTMLButtonElement).disabled).toBe(true);
+  });
+
+  it('disables Next + Last on last page', () => {
+    render(<Pagination page={5} pageSize={10} totalCount={50} onPageChange={() => {}} />);
+    expect((screen.getByRole('button', { name: 'Next' }) as HTMLButtonElement).disabled).toBe(true);
+    expect((screen.getByRole('button', { name: 'Last' }) as HTMLButtonElement).disabled).toBe(true);
+  });
+});
+
+describe('Pagination — interactions', () => {
+  it('emits onPageChange when a page button is clicked', () => {
+    let last = 0;
+    render(
+      <Pagination
+        page={1}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={(p) => (last = p)}
+      />,
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Page 3' }));
+    expect(last).toBe(3);
+  });
+
+  it('Prev decrements page', () => {
+    let last = 0;
+    render(
+      <Pagination
+        page={3}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={(p) => (last = p)}
+      />,
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Previous' }));
+    expect(last).toBe(2);
+  });
+
+  it('Next increments page', () => {
+    let last = 0;
+    render(
+      <Pagination
+        page={3}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={(p) => (last = p)}
+      />,
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Next' }));
+    expect(last).toBe(4);
+  });
+
+  it('First/Last jump to extremes', () => {
+    let last = 0;
+    const { rerender } = render(
+      <Pagination
+        page={3}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={(p) => (last = p)}
+      />,
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'First' }));
+    expect(last).toBe(1);
+    rerender(
+      <Pagination
+        page={3}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={(p) => (last = p)}
+      />,
+    );
+    fireEvent.click(screen.getByRole('button', { name: 'Last' }));
+    expect(last).toBe(5);
+  });
+
+  it('emits onPageSizeChange when selector changes', () => {
+    let lastSize = 0;
+    render(
+      <Pagination
+        page={1}
+        pageSize={10}
+        totalCount={100}
+        onPageChange={() => {}}
+        onPageSizeChange={(s) => (lastSize = s)}
+      />,
+    );
+    const selector = screen.getByLabelText('per page') as HTMLSelectElement;
+    fireEvent.change(selector, { target: { value: '50' } });
+    expect(lastSize).toBe(50);
+  });
+
+  it('hides page-size selector if onPageSizeChange not provided', () => {
+    render(<Pagination page={1} pageSize={10} totalCount={50} onPageChange={() => {}} />);
+    expect(screen.queryByLabelText('per page')).toBeNull();
+  });
+});
+
+describe('Pagination — variants', () => {
+  it('compact variant hides summary + selector', () => {
+    render(
+      <Pagination
+        variant="compact"
+        page={1}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={() => {}}
+        onPageSizeChange={() => {}}
+      />,
+    );
+    expect(screen.queryByText(/Showing/)).toBeNull();
+    expect(screen.queryByLabelText('per page')).toBeNull();
+  });
+
+  it('minimal variant shows "Page X of Y" + only Prev/Next', () => {
+    render(
+      <Pagination
+        variant="minimal"
+        page={3}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={() => {}}
+      />,
+    );
+    expect(screen.getByText(/Page 3 of 5/)).not.toBeNull();
+    // Page-number buttons should NOT exist
+    expect(screen.queryByRole('button', { name: 'Page 1' })).toBeNull();
+    // Prev / Next remain
+    expect(screen.queryByRole('button', { name: 'Previous' })).not.toBeNull();
+    expect(screen.queryByRole('button', { name: 'Next' })).not.toBeNull();
+  });
+});
+
+describe('Pagination — i18n', () => {
+  it('honors custom labels', () => {
+    render(
+      <Pagination
+        page={1}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={() => {}}
+        labels={{ showing: 'Mostro', of: 'di', prev: 'Indietro', next: 'Avanti' }}
+      />,
+    );
+    expect(screen.getByText(/Mostro 1-10 di 50/)).not.toBeNull();
+    expect(screen.queryByRole('button', { name: 'Indietro' })).not.toBeNull();
+    expect(screen.queryByRole('button', { name: 'Avanti' })).not.toBeNull();
+  });
+});
+
+describe('Pagination — disabled', () => {
+  it('disables all buttons when disabled=true', () => {
+    render(
+      <Pagination
+        page={3}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={() => {}}
+        disabled
+      />,
+    );
+    expect((screen.getByRole('button', { name: 'Previous' }) as HTMLButtonElement).disabled).toBe(true);
+    expect((screen.getByRole('button', { name: 'Next' }) as HTMLButtonElement).disabled).toBe(true);
+    expect((screen.getByRole('button', { name: 'Page 2' }) as HTMLButtonElement).disabled).toBe(true);
+  });
+});
+
+describe('Pagination — sx + slotProps', () => {
+  it('applies sx to root', () => {
+    const { container } = render(
+      <Pagination
+        page={1}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={() => {}}
+        sx="my-custom-root"
+      />,
+    );
+    expect(container.querySelector('nav')!.className).toContain('my-custom-root');
+  });
+
+  it('applies slotProps.pageButton.className', () => {
+    render(
+      <Pagination
+        page={1}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={() => {}}
+        slotProps={{ pageButton: { className: 'slot-page' } }}
+      />,
+    );
+    expect(screen.getByRole('button', { name: 'Page 2' }).className).toContain('slot-page');
+  });
+});
+
+describe('Pagination — edge cases', () => {
+  it('renders correctly with totalCount=0', () => {
+    render(<Pagination page={1} pageSize={10} totalCount={0} onPageChange={() => {}} />);
+    expect(screen.getByText(/Showing 0-0 of 0/)).not.toBeNull();
+    expect((screen.getByRole('button', { name: 'Previous' }) as HTMLButtonElement).disabled).toBe(true);
+    expect((screen.getByRole('button', { name: 'Next' }) as HTMLButtonElement).disabled).toBe(true);
+  });
+
+  it('clamps page > totalPages internally without crashing', () => {
+    let last = 0;
+    render(
+      <Pagination
+        page={99}
+        pageSize={10}
+        totalCount={50}
+        onPageChange={(p) => (last = p)}
+      />,
+    );
+    // Component computes safePage=5 (last valid). User clicks Prev → goes to 4.
+    fireEvent.click(screen.getByRole('button', { name: 'Previous' }));
+    expect(last).toBe(4);
+  });
+});