simple-table-core 4.0.0 → 4.0.2

package/dist/cjs/stories/tests/51-RowGroupReExpandTests.stories.d.ts

@@ -1,78 +0,0 @@
-/**
- * ROW GROUP RE-EXPAND REGRESSION TESTS
- *
- * Reproduces bugs when a lazy-loaded grouped row is collapsed and re-expanded:
- *
- *   1. onRowGroupExpand receives a stale `row` snapshot (missing cached children),
- *      so consumer guards like `if (row[groupingKey]?.length) return` fail and
- *      every re-expand re-triggers setLoading + fetch.
- *
- *   2. Re-expand must not re-enter loading state or spuriously animate sibling
- *      rows below the expanded group.
- *
- * Mirrors packages/react/src/__tests__/onRowGroupExpandReExpand.test.tsx.
- * All play tests should FAIL until the stale-row fix lands.
- */
-import type { Meta } from "@storybook/html";
-declare const meta: Meta;
-export default meta;
-interface ReExpandProbe {
-    expandSnapshots: Array<{
-        childCount: number;
-        isExpanded: boolean;
-    }>;
-    fetchCount: number;
-    loadingTrueCount: number;
-}
-declare global {
-    interface Window {
-        __rowGroupReExpandProbe?: ReExpandProbe;
-    }
-}
-export declare const ReExpand_PassesCachedRowSnapshot: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const ReExpand_SkipsRefetch: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const ReExpand_SkipsSetLoading: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-/** Manual QA: status panel shows fetch/loading counts while toggling Engineering. */
-export declare const ReExpand_LazyLoad_StatusPanel: {
-    tags: string[];
-    render: () => HTMLDivElement;
-};
-export declare const ReExpand_NoLoadingSkeletonOnLazyReExpand: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const ReExpand_SiblingRowsNoAccordionGrow: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};
-export declare const ReExpand_NoAccordionGrowOnReExpand: {
-    tags: string[];
-    render: () => HTMLDivElement;
-    play: ({ canvasElement }: {
-        canvasElement: HTMLElement;
-    }) => Promise<void>;
-};

package/dist/cjs/stories/tests/testUtils.d.ts

@@ -1,38 +0,0 @@
-/**
- * Shared test utilities for Storybook tests
- * These utilities work with the virtualized cell-based DOM structure
- */
-/**
- * Get unique row count from virtualized cells
- * Since column virtualization removed .st-row wrappers, we count unique data-row-index values
- */
-export declare const getRowCount: (container: HTMLElement) => number;
-/**
- * Get all cells for a specific row index
- */
-export declare const getCellsForRow: (container: HTMLElement, rowIndex: string) => HTMLElement[];
-/**
- * Get all unique row indices from rendered cells
- */
-export declare const getUniqueRowIndices: (container: HTMLElement) => number[];
-/**
- * Check if a row exists (has any cells rendered)
- */
-export declare const rowExists: (container: HTMLElement, rowIndex: string) => boolean;
-/**
- * Get row elements as virtual rows (groups cells by row index)
- * This mimics the old .st-row structure for backward compatibility with tests
- */
-export declare const getVirtualRows: (container: HTMLElement) => HTMLElement[][];
-export declare const waitForTable: (timeoutOrRoot?: number | ParentNode, maybeTimeout?: number) => Promise<void>;
-/** Poll until predicate returns true or timeout (reduces flake vs fixed setTimeout). */
-export declare function waitUntil(predicate: () => boolean, options?: {
-    timeoutMs?: number;
-    intervalMs?: number;
-}): Promise<void>;
-export declare const validateBasicTableStructure: (canvasElement: HTMLElement) => Promise<void>;
-export declare const validateColumnCount: (canvasElement: HTMLElement, expectedCount: number) => void;
-export declare const validateRowCount: (canvasElement: HTMLElement, expectedCount: number) => void;
-export declare const validateCellContent: (canvasElement: HTMLElement, rowIndex: number, accessor: string, expectedValue: string) => void;
-/** Pinned panes should be document-ordered: left → main → right in header and body (when present). */
-export declare const expectPinnedSectionsDomOrder: (root: HTMLElement) => void;

package/dist/cjs/stories/utils.d.ts

@@ -1,42 +0,0 @@
-/**
- * Shared helpers for vanilla stories (examples and tests).
- */
-import { SimpleTableVanilla } from "../src/index";
-import type { HeaderObject, Row, SimpleTableConfig } from "../src/index";
-/** Instance type of the table (class is a value; use InstanceType<typeof C> for the type of instances). */
-type TableInstance = InstanceType<typeof SimpleTableVanilla>;
-/**
- * Config passed through to {@link SimpleTableVanilla}, minus `defaultHeaders` /
- * `rows` which are supplied as the first two arguments of
- * {@link renderVanillaTable}.
- *
- * Keys are constrained to {@link SimpleTableConfig} so typos and misplaced
- * props (e.g. top-level `rowHeight` instead of `customTheme.rowHeight`) fail
- * at compile time. Values stay loose (`unknown`) so story callbacks that are
- * slightly narrower than the public types still typecheck.
- */
-export type RenderVanillaTableOptions = {
-    [K in keyof Omit<SimpleTableConfig, "defaultHeaders" | "rows">]?: unknown;
-};
-export interface RenderVanillaTableResult {
-    wrapper: HTMLDivElement & {
-        _table?: TableInstance;
-    };
-    h2: HTMLHeadingElement;
-    tableContainer: HTMLDivElement;
-    table: TableInstance;
-}
-export declare function renderVanillaTable(headers: HeaderObject[], data: Row[], options?: RenderVanillaTableOptions): RenderVanillaTableResult;
-export declare function addParagraph(wrapper: HTMLElement, text: string, beforeElement?: Element | null): HTMLParagraphElement;
-export interface ControlPanelSection {
-    heading: string;
-    buttons: {
-        label: string;
-        onClick: () => void;
-    }[];
-}
-/**
- * Adds a gray control panel with section headings and buttons above a given element (e.g. table container).
- */
-export declare function addControlPanel(wrapper: HTMLElement, sections: ControlPanelSection[], insertBefore: Element): HTMLDivElement;
-export {};

package/dist/cjs/stories/vanillaStoryConfig.d.ts

@@ -1,156 +0,0 @@
-/**
- * Shared default args and argTypes for vanilla Docs & Examples stories.
- * Mirrors the React StoryWrapper pattern so Controls (theme, height, etc.) are consistent.
- */
-import type { Theme, CustomThemeProps, PivotConfig } from "../src/index";
-export interface UniversalVanillaArgs {
-    autoExpandColumns?: boolean;
-    cellUpdateFlash?: boolean;
-    columnReordering?: boolean;
-    columnResizing?: boolean;
-    customTheme?: CustomThemeProps;
-    editColumns?: boolean;
-    editColumnsInitOpen?: boolean;
-    expandAll?: boolean;
-    externalFilterHandling?: boolean;
-    externalSortHandling?: boolean;
-    height?: string;
-    hideFooter?: boolean;
-    /** Declarative matrix pivot (passed through to SimpleTableConfig). */
-    pivot?: PivotConfig | null;
-    rowsPerPage?: number;
-    selectableCells?: boolean;
-    selectableColumns?: boolean;
-    shouldPaginate?: boolean;
-    theme?: Theme;
-    useHoverRowBackground?: boolean;
-    useOddColumnBackground?: boolean;
-    useOddEvenRowBackground?: boolean;
-}
-export declare const defaultVanillaArgs: UniversalVanillaArgs;
-export declare const vanillaArgTypes: {
-    theme: {
-        control: {
-            type: "select";
-        };
-        options: string[];
-        description: string;
-    };
-    useOddColumnBackground: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    useHoverRowBackground: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    useOddEvenRowBackground: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    cellUpdateFlash: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    height: {
-        control: {
-            type: "text";
-        };
-        description: string;
-    };
-    customTheme: {
-        control: {
-            type: "object";
-        };
-        description: string;
-    };
-    autoExpandColumns: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    expandAll: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    columnReordering: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    columnResizing: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    editColumns: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    editColumnsInitOpen: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    selectableCells: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    selectableColumns: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    shouldPaginate: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    hideFooter: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    externalSortHandling: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    externalFilterHandling: {
-        control: {
-            type: "boolean";
-        };
-        description: string;
-    };
-    rowsPerPage: {
-        control: {
-            type: "number";
-            min: number;
-            max: number;
-            step: number;
-        };
-        description: string;
-    };
-};

package/dist/src/consts/column-constraints.d.ts

@@ -1,58 +0,0 @@
-/**
- * Column width constraints for the table
- * These values control minimum and maximum widths for columns and sections
- */
-/**
- * MIN_COLUMN_WIDTH
- * The minimum width in pixels that any column can have.
- * This is used as:
- * - The default minimum width when header.minWidth is undefined
- * - The absolute minimum in autoExpandColumns mode to prevent columns from becoming too narrow
- */
-export declare const MIN_COLUMN_WIDTH = 40;
-/**
- * MAX_SINGLE_PINNED_SECTION_PERCENT
- * Maximum percentage of container width that a single pinned section can occupy.
- * When only one section (left OR right) is pinned, it can take up to 60% of the width.
- * This ensures the main section always has at least 40% of the space.
- */
-export declare const MAX_SINGLE_PINNED_SECTION_PERCENT = 0.6;
-/**
- * MAX_DUAL_PINNED_SECTION_PERCENT
- * Maximum percentage of container width that each pinned section can occupy
- * when BOTH left and right sections are pinned.
- * With both sections at 40%, the main section is guaranteed at least 20% of the space.
- */
-export declare const MAX_DUAL_PINNED_SECTION_PERCENT = 0.4;
-/**
- * Mobile breakpoints for responsive pinned section constraints
- */
-export declare const MOBILE_BREAKPOINT_SMALL = 480;
-export declare const MOBILE_BREAKPOINT_MEDIUM = 768;
-/**
- * Get the maximum allowed width percentage for a single pinned section based on container width.
- * This is used when only ONE section (left OR right) is pinned.
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @returns The maximum percentage (0-1) of container width that the pinned section can occupy
- */
-export declare const getMaxSinglePinnedPercent: (containerWidth: number) => number;
-/**
- * Get the maximum allowed width percentage for pinned sections based on container width
- * and the number of pinned sections.
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @param hasPinnedLeft - Whether there is a pinned left section
- * @param hasPinnedRight - Whether there is a pinned right section
- * @returns The maximum percentage (0-1) of container width that each pinned section can occupy
- */
-export declare const getMaxPinnedSectionPercent: (containerWidth: number, hasPinnedLeft: boolean, hasPinnedRight: boolean) => number;
-/**
- * Calculate the maximum width in pixels for a pinned section
- *
- * @param containerWidth - The table container width in pixels (st-body-container)
- * @param hasPinnedLeft - Whether there is a pinned left section
- * @param hasPinnedRight - Whether there is a pinned right section
- * @returns The maximum width in pixels for a pinned section
- */
-export declare const getMaxPinnedSectionWidth: (containerWidth: number, hasPinnedLeft: boolean, hasPinnedRight: boolean) => number;

package/dist/src/consts/general-consts.d.ts

@@ -1,32 +0,0 @@
-export declare const DRAG_THROTTLE_LIMIT = 50;
-export declare const ROW_SEPARATOR_WIDTH = 1;
-export declare const PAGE_SIZE = 20;
-export declare const CSS_VAR_BORDER_WIDTH = "--st-border-width";
-export declare const DEFAULT_BORDER_WIDTH = 1;
-export declare const VIRTUALIZATION_THRESHOLD = 20;
-export declare const UNVIRTUALIZED_ROW_WARNING_THRESHOLD = 500;
-export declare const OVERSCAN_PIXELS = 800;
-export declare const calculateBufferRowCount: (rowHeight: number) => number;
-export declare const COLUMN_EDIT_WIDTH = 29.5;
-/**
- * Horizontal space reserved for the built-in column-editor toggle strip.
- * Returns 0 when editing is off or the strip is hidden via `showToggle: false`.
- */
-export declare const getColumnEditorStripWidth: (editColumns: boolean | undefined, showToggle?: boolean) => number;
-/**
- * Whether the built-in column-editor toggle strip is visible and takes layout space.
- */
-export declare const isColumnEditorStripVisible: (editColumns: boolean | undefined, showToggle?: boolean) => boolean;
-export declare const TABLE_HEADER_CELL_WIDTH_DEFAULT = 150;
-export declare const PINNED_BORDER_WIDTH = 1;
-export declare const CHART_COLUMN_TYPES: string[];
-export declare const OPTIMAL_CHART_COLUMN_WIDTH = 150;
-export declare const AUTO_SIZE_HEAD_SAMPLE_SIZE = 25;
-export declare const AUTO_SIZE_STRIDED_SAMPLE_SIZE = 75;
-export declare const AUTO_SIZE_MAX_WIDTH = 500;
-export declare const AUTO_SIZE_OUTLIER_PERCENTILE = 95;
-export declare const AUTO_SIZE_OUTLIER_THRESHOLD = 0.5;
-export declare const AUTO_SIZE_MIN_SAMPLE_FOR_CLIP = 20;
-export declare const AUTO_SIZE_WIDTH_BUFFER = 2;
-/** Extra padding reserved around header icons (sort / collapse) during auto-size. */
-export declare const AUTO_SIZE_HEADER_ICON_PADDING = 4;