simple-table-core 4.0.1 → 4.0.2

package/dist/stories/tests/45-PivotTests.stories.d.ts

@@ -1,8 +0,0 @@
-/**
- * Interaction tests for declarative matrix pivot.
- */
-import type { Meta, StoryObj } from "@storybook/html";
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj;
-export declare const PivotRendersDynamicColumns: Story;

package/dist/stories/tests/46-AutoSizeColumnsTests.stories.d.ts

@@ -1,370 +0,0 @@
-/**
- * AUTO-SIZE COLUMNS TESTS
- *
- * Comprehensive coverage for content-fit columns (`width: "auto"`):
- * - shrink / grow, per-column `maxWidth` cap and `minWidth` floor
- * - `autoSizeMode: "header"`
- * - custom (vanilla) renderers, valueFormatter (incl. multi-line), valueGetter, chart columns
- * - outliers (single giant value clipped) vs. a legitimate wide minority (kept)
- * - very large datasets (50k rows) with bounded sampling
- * - re-fit on data change, sort stability, empty data, mixed/pinned layouts
- * - a no-flicker stability guard
- * - an exhaustive deterministic unit block for the sampling/percentile/outlier helpers
- *
- * Width assertions rely on real layout, so these run under the Storybook
- * test-runner (Playwright). The helper unit block is layout-independent.
- */
-import { SimpleTableVanilla } from "../../src/index";
-import type { Meta } from "@storybook/html";
-declare const meta: Meta;
-export default meta;
-export declare const AutoWidthShrinksNarrowColumn: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoWidthGrowsForLongContent: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoWidthRespectsMaxWidth: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoWidthRespectsMinWidth: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeHeaderModeIgnoresCells: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeMeasuresCustomRenderer: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeMeasuresCustomHeaderRenderer: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeSortIconDoesNotTruncateLabel: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeMeasuresFormattedValue: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/**
- * valueFormatter may return explicit multi-line text (e.g. an address). When the
- * cell is allowed to wrap (`white-space: pre-line`), auto-size must fit the
- * longest line — not the full string measured as one nowrap run (newlines
- * collapse to spaces under `white-space: nowrap` measurement).
- */
-export declare const AutoSizeMultilineFormattedValueUsesLongestLine: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeMeasuresValueGetter: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeChartColumnUsesChartMinimum: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeClipsSingleOutlier: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeKeepsLegitimateWideMinority: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeClipsFewOutliers: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSize50kUniformShort: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSize50kDeepOutlierStaysCompact: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSize50kWidespreadLongGrows: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeRefitsOnDataChange: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeRefitsAfterLoadingWithMultilineRenderer: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeStableAcrossSort: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeEmptyDataFitsHeader: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeMixedColumnsLayout: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizePinnedColumn: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeNoFlicker: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeAsyncRendererInternalTruncation: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeConsistentAcrossContainerWidths: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeEmptyStateAsyncHeaderRenderer: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeCollapsibleHeaderReservesIconWidth: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const AutoSizeLongHeaderConsistentAcrossContainerWidths: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const HorizontalScrollbarShowsWhenHeaderOverflowsEmptyState: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const SamplingAndOutlierHelpers: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement;
-    play: () => Promise<void>;
-};

package/dist/stories/tests/47-DeferredHeadersTests.stories.d.ts

@@ -1,23 +0,0 @@
-/**
- * DEFERRED HEADERS TESTS
- * Regression tests for populating `defaultHeaders` after mount (the table
- * mounts with an empty header array, then `update({ defaultHeaders })` supplies
- * the real columns — e.g. from an async fetch / useEffect).
- *
- * The header band must become visible once the columns arrive. Previously the
- * DimensionManager kept maxHeaderDepth/calculatedHeaderHeight at 0 (computed
- * from the empty mount-time headers), so the header row rendered at 0px height
- * even though the body and the header cells existed.
- */
-import type { Meta } from "@storybook/html";
-import { SimpleTableVanilla } from "../../src/index";
-declare const meta: Meta;
-export default meta;
-export declare const PopulateHeadersAfterMount: {
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};

package/dist/stories/tests/48-ExternalScrollLateParentTests.stories.d.ts

@@ -1,45 +0,0 @@
-/**
- * EXTERNAL SCROLL — LATE-RESOLVING PARENT TESTS
- *
- * Regression tests for the three fixes that make external scroll mode robust
- * when `scrollParent` is a getter that is not resolvable at mount time (the
- * common React case: `scrollParent={() => ref.current?.parentElement}` where
- * `ref` is on an ancestor that React attaches *after* the table's mount effect).
- *
- * Fix 1 — the table retries resolving the parent on later frames, so a getter
- *         that returns null at mount still wires up once it resolves.
- * Fix 2 — while the parent is unresolved, a provisional viewport keeps row
- *         virtualization ON, so the table never renders every row at once
- *         (the original symptom was a multi-second freeze + collapsed table).
- * Fix 3 — that provisional viewport feeds the render-window math (it is not
- *         gated on a resolved parent), so the very first render is virtualized
- *         and external-scroll mode (sticky header) engages immediately.
- *
- * These run in a real browser via the Storybook test-runner, so layout
- * (getBoundingClientRect / scrollHeight / clientHeight) is real — which the
- * external-scroll virtualization math depends on.
- */
-import type { Meta } from "@storybook/html";
-declare const meta: Meta;
-export default meta;
-export declare const LateResolvingParentGetsWired: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const UnresolvedParentStaysVirtualized: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const ProvisionalViewportFeedsRenderWindow: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};

package/dist/stories/tests/49-AutoWidthAutoExpandTests.stories.d.ts

@@ -1,151 +0,0 @@
-/**
- * AUTO WIDTH + AUTO EXPAND COLUMNS TESTS
- *
- * Combined coverage for `width: "auto"` columns under `autoExpandColumns`
- * (the expand-only model):
- * - surplus: content-measured natural widths stretched proportionally to fill
- * - deficit: natural widths kept, horizontal scroll, never squeezed
- * - container resize crossing the fit threshold both ways (no compounding)
- * - drag-resize into horizontal overflow and back out of it
- * - neighbor shrink floors at the measured (natural) width during drags
- * - maxWidth caps during expansion with surplus redistribution
- * - pinned + auto + autoExpand layout
- * - data updates and pagination page changes re-measuring auto columns
- * - double-click auto-fit under the expand-or-scroll model
- */
-import { SimpleTableVanilla } from "../../src/index";
-import type { Meta } from "@storybook/html";
-declare const meta: Meta;
-export default meta;
-/** Surplus: auto column is content-measured, then all columns stretch
- *  proportionally to fill the container. No horizontal scroll. */
-export declare const AutoWidthSurplusStretchesToFill: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** Deficit: the measured auto column plus fixed columns exceed the container.
- *  Nothing is squeezed — natural widths are kept and the table scrolls. */
-export declare const AutoWidthDeficitScrollsNoSqueeze: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** Container resize across the fit threshold in both directions: shrink below
- *  the natural total (scroll, naturals kept), then grow back (re-expand).
- *  Widths must return to the original expanded values — no compounding. */
-export declare const AutoWidthContainerResizeNoCompounding: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** Drag a column into overflow (past the neighbors' natural floors), then drag
- *  it back: the freed space first swallows the overflow, then refills the
- *  neighbors, ending exactly full again. */
-export declare const AutoExpandDragIntoOverflowAndBack: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** During a drag, a `width: "auto"` neighbor gives up only its expanded
- *  surplus: it shrinks down to its measured content width and no further. */
-export declare const AutoWidthNeighborFloorsAtMeasuredWidth: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** During expansion, capped columns (including a measured auto column with
- *  maxWidth) stop at their cap; the surplus flows to the uncapped column. */
-export declare const AutoWidthMaxWidthCapsExpansion: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** A pinned-left auto column keeps its compact measured width (pinned sections
- *  don't stretch); the main section expands to fill the remaining space. */
-export declare const AutoWidthPinnedAutoColumn: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** A data update that grows the auto column's content past the container
- *  crosses from "expanded fill" into "natural widths + scroll". */
-export declare const AutoWidthDataUpdateGrowsPastThreshold: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** Pagination: each page re-measures the auto column against its own rows —
- *  a compact page fills the container, a long-content page overflows. */
-export declare const AutoWidthPaginationRemeasuresPerPage: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** Double-click auto-fit sets the column to its content width (its new natural
- *  width); the freed surplus flows to the neighbor and the table stays full. */
-export declare const AutoWidthDoubleClickAutoFit: {
-    parameters: {
-        tags: string[];
-    };
-    render: () => HTMLDivElement & {
-        _table?: SimpleTableVanilla | undefined;
-    };
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};

package/dist/stories/tests/50-ContainerResizePerformanceTests.stories.d.ts

@@ -1,56 +0,0 @@
-/**
- * CONTAINER RESIZE PERFORMANCE REPRO
- *
- * Simulates a collapsible global left nav that animates width and squeezes the
- * main content area — the layout pattern reported on Artist/Platform pages.
- *
- * During the CSS transition, the table container's ResizeObserver fires on
- * successive frames. DimensionManager coalesces those ticks (trailing debounce)
- * so subscribers / full renders fire once after the transition settles.
- *
- * Use the HUD while toggling the nav, or run the automated play test.
- * The play test asserts coalesced table relayouts (header width updates), not
- * raw container ResizeObserver ticks — the DOM still resizes every animation frame.
- */
-import type { Meta } from "@storybook/html";
-declare const meta: Meta;
-export default meta;
-interface ContainerResizePerfSnapshot {
-    contentWidthChanges: number;
-    tableContainerWidthChanges: number;
-    /** Batched header relayout passes (one per table render), not per-cell updates. */
-    tableRelayouts: number;
-    lastContentWidth: number;
-}
-declare global {
-    interface Window {
-        __containerResizePerf?: ContainerResizePerfSnapshot;
-    }
-}
-export declare const resetContainerResizePerf: (lastContentWidth?: number) => void;
-export declare const CollapsibleNavWithTable: {
-    tags: string[];
-    render: () => HTMLDivElement;
-};
-export declare const CollapsibleNavTableNoAutoExpand: {
-    tags: string[];
-    render: () => HTMLDivElement;
-};
-export declare const CollapsibleNavBaseline: {
-    tags: string[];
-    render: () => HTMLDivElement;
-};
-export declare const NavToggleCoalescesTableRelayout: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const BaselineNavHasNoTableGridChurn: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};