simple-table-core 2.6.3 → 3.0.0-beta.6

package/dist/stories/tests/34-CustomIconsTests.stories.d.ts

@@ -0,0 +1,63 @@
+/**
+ * CUSTOM ICONS TESTS
+ * Tests for SimpleTable icons prop (sortUp, sortDown, expand, prev, next, etc.).
+ */
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const CustomSortIcons: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const CustomExpandIcon: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const CustomPaginationIcons: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const CustomFilterIcon: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const CustomHeaderExpandCollapseIcons: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const CustomDragIcon: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const CustomPinnedLeftRightIcons: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/35-HideHeaderFooterTests.stories.d.ts

@@ -0,0 +1,31 @@
+/**
+ * HIDE HEADER / FOOTER TESTS
+ * Tests for hideHeader and hideFooter props.
+ */
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const HideHeader: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const HideFooter: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const HideHeaderWithSorting: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/36-InfiniteScrollTests.stories.d.ts

@@ -0,0 +1,23 @@
+/**
+ * INFINITE SCROLL TESTS
+ * Tests for onLoadMore callback when scrolling near bottom.
+ */
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const OnLoadMoreFired: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const OnLoadMoreNotFiredBeforeScroll: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/37-TableRefMethodsTests.stories.d.ts

@@ -0,0 +1,115 @@
+/**
+ * TABLE REF METHODS TESTS
+ * Tests for tableRef / getAPI() methods: getVisibleRows, getAllRows, getHeaders,
+ * getSortState/applySortState, getFilterState/applyFilter/clearFilter,
+ * getCurrentPage/setPage, setQuickFilter, toggleColumnEditor/applyColumnVisibility,
+ * expandAll/collapseAll/getExpandedDepths.
+ */
+import type { Meta } from "@storybook/html";
+import { SimpleTableVanilla } from "../../src/index";
+declare const meta: Meta;
+export default meta;
+export declare const GetVisibleRowsGetAllRowsGetHeaders: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const GetSortStateApplySortState: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const GetFilterStateApplyFilterClearFilter: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const GetCurrentPageSetPage: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const SetQuickFilter: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const ToggleColumnEditorApplyColumnVisibility: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const ExpandAllCollapseAllGetExpandedDepths: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const SetHeaderRename: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const ClearAllFilters: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const GetAndApplyPinnedState: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const ToggleDepth: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const SetExpandedDepths: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const GetGroupingPropertyAndDepth: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/38-NestedHeadersTests.stories.d.ts

@@ -0,0 +1,23 @@
+/**
+ * NESTED HEADERS TESTS (non-collapsible)
+ * Headers with children but no collapsible: multiple header rows and column span.
+ */
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const NestedHeadersMultipleRows: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const NestedHeadersColumnSpan: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/39-AutoExpandColumnsTests.stories.d.ts

@@ -0,0 +1,258 @@
+/**
+ * AUTO EXPAND COLUMNS TESTS
+ * Intensive tests for autoExpandColumns with pinned columns, row grouping,
+ * column visibility, column resizing, horizontal scrolling, and edge cases.
+ */
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const AutoExpandWarmUp: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: () => Promise<void>;
+};
+export declare const AutoExpandWithLeftPinned: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandWithRightPinned: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandWithBothLeftAndRightPinned: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandMultiplePinnedBothSides: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const PinnedSectionScalesWithinBounds: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandWithRowGrouping: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandGroupedExpandCollapse: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandWithNestedGrouping: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandHideColumnReexpand: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandShowColumnReexpand: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandHideMultipleThenShowOne: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandResizeOneColumnProportional: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandResizeThenReexpandOnEnd: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandResizePinnedColumn: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandResizeMultipleColumns: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+/** Stress test: extreme resizes – shrink every column to min, then one as wide as possible, then mix. */
+export declare const AutoExpandResizeMultipleColumnsStress: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandWideContainerNoHorizontalScroll: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandNarrowContainerHorizontalScroll: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandHorizontalScrollHeaderBodySync: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandScrollThenResizeStable: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandSingleColumn: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandAllPinnedNoMain: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandContainerResizeTriggersRescale: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const AutoExpandDisabledNoExpand: {
+    parameters: {
+        tags: string[];
+    };
+    render: () => HTMLElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

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

@@ -0,0 +1,31 @@
+/**
+ * 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: (timeout?: 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;

package/dist/stories/utils.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Shared helpers for vanilla stories (examples and tests).
+ */
+import { SimpleTableVanilla } from "../src/index";
+import type { HeaderObject, Row } 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>;
+export interface RenderVanillaTableResult {
+    wrapper: HTMLDivElement & {
+        _table?: TableInstance;
+    };
+    h2: HTMLHeadingElement;
+    tableContainer: HTMLDivElement;
+    table: TableInstance;
+}
+export declare function renderVanillaTable(headers: HeaderObject[], data: Row[], options?: Record<string, unknown>): 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 {};