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

package/dist/stories/tests/01-BasicStructureTests.stories.d.ts

@@ -0,0 +1,119 @@
+/**
+ * BASIC TABLE STRUCTURE AND RENDERING TESTS
+ *
+ * This test suite covers the foundational features documented in:
+ * - Quick Start Guide
+ * - Table Height Documentation
+ * - API Reference (Basic Props)
+ *
+ * Features tested:
+ * 1. Basic table rendering with required props (defaultHeaders, rows)
+ * 2. Table with height prop (fixed height, internal scrolling)
+ * 3. Table with maxHeight prop (adaptive height)
+ * 4. Table without height (overflow parent)
+ * 5. getRowId functionality
+ * 6. Nested data accessors (dot notation)
+ * 7. Array index accessors (v1.9.4+)
+ * 8. DOM structure validation
+ * 9. Column width configurations (fixed pixels, "1fr")
+ * 10. Data type handling (string, number, boolean, date)
+ */
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const MinimalTableWithRequiredProps: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const TableWithFixedHeight: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const TableWithMaxHeight: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const TableWithoutHeight: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const TableWithGetRowId: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const NestedDataAccessors: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ArrayIndexAccessors: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ColumnWidthConfigurations: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const DataTypesRendering: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ViewportRelativeHeight: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ComprehensiveStructureValidation: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const HeightIgnoredWhenMaxHeightSet: {
+    render: () => HTMLDivElement & {
+        _table?: import("../../src/index").SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/02-ColumnSortingTests.stories.d.ts

@@ -0,0 +1,114 @@
+/**
+ * COLUMN SORTING TESTS
+ * Ported from React - same tests, vanilla table only.
+ */
+import { SimpleTableVanilla } from "../../src/index";
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const BasicStringSorting: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const BasicNumberSorting: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const CustomSortingOrderDescFirst: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const CustomSortingOrderAlwaysSorted: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const DateSorting: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const NestedAccessorSorting: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ArrayIndexAccessorSorting: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const CustomComparatorMultiField: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ValueGetterSorting: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const InitialSortState: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const OnSortChangeCallback: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ExternalSortHandling: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ProgrammaticSortControl: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const MultipleColumnsSorting: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};

package/dist/stories/tests/03-ColumnFilteringTests.stories.d.ts

@@ -0,0 +1,70 @@
+/**
+ * COLUMN FILTERING TESTS
+ * Ported from React - same tests, vanilla table only.
+ */
+import { SimpleTableVanilla } from "../../src/index";
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const BasicFilterableColumns: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ProgrammaticApplyFilter: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ProgrammaticClearFilter: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const OnFilterChangeCallback: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ExternalFilterHandling: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const FilterDifferentDataTypes: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const GetFilterState: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const OnFilterChangeCallbackFires: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const EnumFilterMoreThan10OptionsShowsSearch: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/04-PaginationTests.stories.d.ts

@@ -0,0 +1,94 @@
+/**
+ * PAGINATION TESTS
+ * Ported from React - same tests, vanilla table only.
+ */
+import { SimpleTableVanilla } from "../../src/index";
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const BasicPagination: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const CustomRowsPerPage: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const PageNavigation: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const OnPageChangeCallback: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ProgrammaticPageControl: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ServerSidePagination: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const PaginationWithFiltering: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const PaginationWithSorting: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const PaginationWithoutHeight: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const OnPageChangeCallbackFires: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const ServerSidePaginationWithLoadingState: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const TotalRowCountDrivesPageCount: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/05-RowGroupingTests.stories.d.ts

@@ -0,0 +1,134 @@
+/**
+ * ROW GROUPING TESTS
+ * Ported from React - same tests, vanilla table only.
+ */
+import { SimpleTableVanilla } from "../../src/index";
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const BasicSingleLevelGrouping: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const MultiLevelGrouping: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const StartCollapsed: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ExpandCollapseInteraction: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ProgrammaticExpandCollapseAll: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ProgrammaticDepthControl: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const OnRowGroupExpandCallback: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const DynamicRowLoading: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const CanExpandRowGroupConditional: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const RowGroupingWithGetRowId: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const EnableStickyParents: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const GetGroupingPropertyAndDepth: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const ExpandIconPositionAndAnimation: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const LastGroupRowSeparatorLogic: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const LoadingStateRendererPerGroup: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const ErrorStateRendererPerGroup: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const EmptyStateRendererPerGroup: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/06-CellEditingTests.stories.d.ts

@@ -0,0 +1,61 @@
+/**
+ * CELL EDITING TESTS
+ * Ported from React - same tests, vanilla table only.
+ */
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const BasicStringEditing: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const NumberEditing: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const BooleanEditing: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const EnumEditing: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const DateEditing: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const NonEditableColumns: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const EscapeKeyCancelsEdit: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const OnCellEditCallback: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const EnableHeaderEditing: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};

package/dist/stories/tests/07-RowSelectionTests.stories.d.ts

@@ -0,0 +1,68 @@
+/**
+ * ROW SELECTION TESTS
+ * Ported from React - same tests, vanilla table only.
+ */
+import { SimpleTableVanilla } from "../../src/index";
+import type { Meta } from "@storybook/html";
+declare const meta: Meta;
+export default meta;
+export declare const BasicRowSelection: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const SelectAllFunctionality: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const PartialSelectionState: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const OnRowSelectionChangeCallback: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const SelectionWithPagination: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const NoSelectionWithoutProp: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: any;
+    }) => Promise<void>;
+};
+export declare const SelectionPersistsThroughSort: {
+    render: () => HTMLDivElement & {
+        _table?: SimpleTableVanilla | undefined;
+    };
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};
+export declare const SelectionPersistsThroughFilter: {
+    render: () => HTMLDivElement;
+    play: ({ canvasElement }: {
+        canvasElement: HTMLElement;
+    }) => Promise<void>;
+};