simple-table-core 2.2.0 → 2.2.3

package/dist/components/simple-table/NestedGridRow.d.ts

@@ -0,0 +1,17 @@
+import Row from "../../types/Row";
+import HeaderObject, { Accessor } from "../../types/HeaderObject";
+interface NestedGridRowProps {
+    calculatedHeight: number;
+    childAccessor: Accessor;
+    depth: number;
+    expandableHeader: HeaderObject;
+    index: number;
+    parentRow: Row;
+    position: number;
+}
+/**
+ * Component that renders a nested SimpleTable inside an expanded row
+ * Spans the full width of the parent table (grid column 1 / -1)
+ */
+declare const NestedGridRow: ({ calculatedHeight, childAccessor, depth, expandableHeader, index, parentRow, position, }: NestedGridRowProps) => import("react/jsx-runtime").JSX.Element | null;
+export default NestedGridRow;

package/dist/components/simple-table/SimpleTable.d.ts

@@ -1,96 +1,4 @@
-import { ReactNode, MutableRefObject } from "react";
-import HeaderObject, { Accessor } from "../../types/HeaderObject";
-import CellChangeProps from "../../types/CellChangeProps";
-import Theme from "../../types/Theme";
-import Row from "../../types/Row";
-import ColumnEditorPosition from "../../types/ColumnEditorPosition";
-import TableRefType from "../../types/TableRefType";
-import OnNextPage from "../../types/OnNextPage";
+import { SimpleTableProps } from "../../types/SimpleTableProps";
 import "../../styles/all-themes.css";
-import { TableFilterState } from "../../types/FilterTypes";
-import { ColumnVisibilityState } from "../../types/ColumnVisibilityTypes";
-import SortColumn, { SortDirection } from "../../types/SortColumn";
-import RowSelectionChangeProps from "../../types/RowSelectionChangeProps";
-import CellClickProps from "../../types/CellClickProps";
-import { RowButton } from "../../types/RowButton";
-import { HeaderDropdown } from "../../types/HeaderDropdownProps";
-import FooterRendererProps from "../../types/FooterRendererProps";
-import OnRowGroupExpandProps from "../../types/OnRowGroupExpandProps";
-import { LoadingStateRenderer, ErrorStateRenderer, EmptyStateRenderer } from "../../types/RowStateRendererProps";
-interface SimpleTableProps {
-    allowAnimations?: boolean;
-    autoExpandColumns?: boolean;
-    canExpandRowGroup?: (row: Row) => boolean;
-    cellUpdateFlash?: boolean;
-    className?: string;
-    columnBorders?: boolean;
-    columnEditorPosition?: ColumnEditorPosition;
-    columnEditorText?: string;
-    columnReordering?: boolean;
-    columnResizing?: boolean;
-    copyHeadersToClipboard?: boolean;
-    defaultHeaders: HeaderObject[];
-    editColumns?: boolean;
-    editColumnsInitOpen?: boolean;
-    emptyStateRenderer?: EmptyStateRenderer;
-    enableHeaderEditing?: boolean;
-    enableRowSelection?: boolean;
-    errorStateRenderer?: ErrorStateRenderer;
-    expandAll?: boolean;
-    expandIcon?: ReactNode;
-    externalFilterHandling?: boolean;
-    externalSortHandling?: boolean;
-    filterIcon?: ReactNode;
-    footerHeight?: number;
-    footerRenderer?: (props: FooterRendererProps) => ReactNode;
-    headerCollapseIcon?: ReactNode;
-    headerDropdown?: HeaderDropdown;
-    headerExpandIcon?: ReactNode;
-    headerHeight?: number;
-    height?: string | number;
-    hideFooter?: boolean;
-    hideHeader?: boolean;
-    includeHeadersInCSVExport?: boolean;
-    initialSortColumn?: string;
-    initialSortDirection?: SortDirection;
-    isLoading?: boolean;
-    loadingStateRenderer?: LoadingStateRenderer;
-    maxHeight?: string | number;
-    nextIcon?: ReactNode;
-    onCellClick?: (props: CellClickProps) => void;
-    onCellEdit?: (props: CellChangeProps) => void;
-    onColumnOrderChange?: (newHeaders: HeaderObject[]) => void;
-    onColumnSelect?: (header: HeaderObject) => void;
-    onColumnVisibilityChange?: (visibilityState: ColumnVisibilityState) => void;
-    onFilterChange?: (filters: TableFilterState) => void;
-    onGridReady?: () => void;
-    onHeaderEdit?: (header: HeaderObject, newLabel: string) => void;
-    onLoadMore?: () => void;
-    onNextPage?: OnNextPage;
-    onPageChange?: (page: number) => void | Promise<void>;
-    onRowGroupExpand?: (props: OnRowGroupExpandProps) => void | Promise<void>;
-    onRowSelectionChange?: (props: RowSelectionChangeProps) => void;
-    onSortChange?: (sort: SortColumn | null) => void;
-    prevIcon?: ReactNode;
-    rowButtons?: RowButton[];
-    rowGrouping?: Accessor[];
-    rowHeight?: number;
-    rows: Row[];
-    rowsPerPage?: number;
-    selectableCells?: boolean;
-    selectableColumns?: boolean;
-    selectionColumnWidth?: number;
-    serverSidePagination?: boolean;
-    shouldPaginate?: boolean;
-    sortDownIcon?: ReactNode;
-    sortUpIcon?: ReactNode;
-    tableEmptyStateRenderer?: ReactNode;
-    tableRef?: MutableRefObject<TableRefType | null>;
-    theme?: Theme;
-    totalRowCount?: number;
-    useHoverRowBackground?: boolean;
-    useOddColumnBackground?: boolean;
-    useOddEvenRowBackground?: boolean;
-}
 declare const SimpleTable: (props: SimpleTableProps) => import("react/jsx-runtime").JSX.Element | null;
 export default SimpleTable;

package/dist/context/TableContext.d.ts

@@ -14,6 +14,8 @@ import OnRowGroupExpandProps from "../types/OnRowGroupExpandProps";
 import RowState from "../types/RowState";
 import Row from "../types/Row";
 import { LoadingStateRenderer, ErrorStateRenderer, EmptyStateRenderer } from "../types/RowStateRendererProps";
+import { HeightOffsets } from "../utils/infiniteScrollUtils";
+import { CustomTheme } from "../types/CustomTheme";
 export interface CellRegistryEntry {
     updateContent: (newValue: CellValue) => void;
 }
@@ -65,6 +67,7 @@ interface TableContextType {
     headerExpandIcon?: ReactNode;
     headerRegistry?: Map<string, HeaderRegistryEntry>;
     headers: HeaderObject[];
+    heightOffsets?: HeightOffsets;
     hoveredHeaderRef: MutableRefObject<HeaderObject | null>;
     maxHeaderDepth: number;
     isAnimating: boolean;
@@ -123,6 +126,7 @@ interface TableContextType {
     tableEmptyStateRenderer?: ReactNode;
     tableRows: TableRow[];
     theme: Theme;
+    customTheme: CustomTheme;
     expandedRows: Map<string, number>;
     collapsedRows: Map<string, number>;
     useHoverRowBackground: boolean;

package/dist/hooks/useFlattenedRows.d.ts

@@ -1,7 +1,9 @@
-import { Accessor } from "../types/HeaderObject";
+import HeaderObject, { Accessor } from "../types/HeaderObject";
 import Row from "../types/Row";
 import RowState from "../types/RowState";
 import TableRow from "../types/TableRow";
+import { HeightOffsets } from "../utils/infiniteScrollUtils";
+import { CustomTheme } from "../types/CustomTheme";
 interface UseFlattenedRowsProps {
     rows: Row[];
     rowGrouping?: Accessor[];
@@ -12,6 +14,15 @@ interface UseFlattenedRowsProps {
     hasLoadingRenderer: boolean;
     hasErrorRenderer: boolean;
     hasEmptyRenderer: boolean;
+    headers: HeaderObject[];
+    rowHeight: number;
+    headerHeight: number;
+    customTheme: CustomTheme;
+}
+interface UseFlattenedRowsResult {
+    flattenedRows: TableRow[];
+    heightOffsets: HeightOffsets;
+    paginatableRows: TableRow[];
 }
 /**
  * Hook that flattens nested row data into a flat array of TableRow objects.
@@ -19,5 +30,5 @@ interface UseFlattenedRowsProps {
  * can all operate on the flat structure, fixing issues where rowsPerPage
  * didn't account for nested children.
  */
-declare const useFlattenedRows: ({ rows, rowGrouping, expandedRows, collapsedRows, expandedDepths, rowStateMap, hasLoadingRenderer, hasErrorRenderer, hasEmptyRenderer, }: UseFlattenedRowsProps) => TableRow[];
+declare const useFlattenedRows: ({ rows, rowGrouping, expandedRows, collapsedRows, expandedDepths, rowStateMap, hasLoadingRenderer, hasErrorRenderer, hasEmptyRenderer, headers, rowHeight, headerHeight, customTheme, }: UseFlattenedRowsProps) => UseFlattenedRowsResult;
 export default useFlattenedRows;

package/dist/hooks/useSelection.d.ts

@@ -2,6 +2,7 @@
 import HeaderObject, { Accessor } from "../types/HeaderObject";
 import type TableRowType from "../types/TableRow";
 import Cell from "../types/Cell";
+import { CustomTheme } from "../types/CustomTheme";
 export declare const createSetString: ({ rowIndex, colIndex, rowId }: Cell) => string;
 interface UseSelectionProps {
     selectableCells: boolean;
@@ -13,8 +14,9 @@ interface UseSelectionProps {
     rowHeight: number;
     enableRowSelection?: boolean;
     copyHeadersToClipboard?: boolean;
+    customTheme: CustomTheme;
 }
-declare const useSelection: ({ selectableCells, headers, tableRows, onCellEdit, cellRegistry, collapsedHeaders, rowHeight, enableRowSelection, copyHeadersToClipboard, }: UseSelectionProps) => {
+declare const useSelection: ({ selectableCells, headers, tableRows, onCellEdit, cellRegistry, collapsedHeaders, rowHeight, enableRowSelection, copyHeadersToClipboard, customTheme, }: UseSelectionProps) => {
     getBorderClass: ({ colIndex, rowIndex, rowId }: Cell) => string;
     handleMouseDown: ({ colIndex, rowIndex, rowId }: Cell) => void;
     handleMouseOver: ({ colIndex, rowIndex, rowId }: Cell) => void;

package/dist/hooks/useTableAPI.d.ts

@@ -6,7 +6,7 @@ import TableRow from "../types/TableRow";
 import HeaderObject from "../types/HeaderObject";
 import { TableFilterState, FilterCondition } from "../types/FilterTypes";
 import { SortDirection } from "../types/SortColumn";
-declare const useTableAPI: ({ cellRegistryRef, clearAllFilters, clearFilter, currentPage, expandedDepths, filters, flattenedRows, headerRegistryRef, headers, includeHeadersInCSVExport, rowGrouping, rowIndexMap, rows, rowsPerPage, serverSidePagination, setCollapsedRows, setCurrentPage, setExpandedDepths, setExpandedRows, setRows, shouldPaginate, sort, tableRef, updateFilter, updateSort, visibleRows, }: {
+declare const useTableAPI: ({ cellRegistryRef, clearAllFilters, clearFilter, currentPage, expandedDepths, filters, flattenedRows, headerRegistryRef, headers, includeHeadersInCSVExport, paginatableRows, rowGrouping, rowIndexMap, rows, rowsPerPage, serverSidePagination, setCollapsedRows, setCurrentPage, setExpandedDepths, setExpandedRows, setRows, shouldPaginate, sort, tableRef, totalRowCount, updateFilter, updateSort, visibleRows, }: {
     cellRegistryRef: MutableRefObject<Map<string, CellRegistryEntry>>;
     clearAllFilters: () => void;
     clearFilter: (accessor: Accessor) => void;
@@ -17,6 +17,7 @@ declare const useTableAPI: ({ cellRegistryRef, clearAllFilters, clearFilter, cur
     headerRegistryRef: MutableRefObject<Map<string, HeaderRegistryEntry>>;
     headers: HeaderObject[];
     includeHeadersInCSVExport: boolean;
+    paginatableRows: TableRow[];
     rowGrouping?: string[] | undefined;
     rowIndexMap: MutableRefObject<Map<string | number, number>>;
     rows: Row[];
@@ -30,6 +31,7 @@ declare const useTableAPI: ({ cellRegistryRef, clearAllFilters, clearFilter, cur
     shouldPaginate: boolean;
     sort: SortColumn | null;
     tableRef?: MutableRefObject<TableRefType | null> | undefined;
+    totalRowCount?: number | undefined;
     updateFilter: (filter: FilterCondition) => void;
     updateSort: (props?: {
         accessor: Accessor;

package/dist/hooks/useTableRowProcessing.d.ts

@@ -1,12 +1,16 @@
 import { Accessor } from "../types/HeaderObject";
 import { FilterCondition } from "../types/FilterTypes";
 import TableRow from "../types/TableRow";
+import { HeightOffsets } from "../utils/infiniteScrollUtils";
+import { CustomTheme } from "../types/CustomTheme";
 interface UseTableRowProcessingProps {
     allowAnimations: boolean;
     /** Already flattened rows from useFlattenedRows */
     flattenedRows: TableRow[];
     /** Original flattened rows for establishing baseline positions */
     originalFlattenedRows: TableRow[];
+    /** Rows that should count towards pagination (excludes nested grids, state indicators) */
+    paginatableRows: TableRow[];
     currentPage: number;
     rowsPerPage: number;
     shouldPaginate: boolean;
@@ -15,15 +19,18 @@ interface UseTableRowProcessingProps {
     rowHeight: number;
     scrollTop: number;
     scrollDirection?: "up" | "down" | "none";
+    heightOffsets?: HeightOffsets;
+    customTheme: CustomTheme;
     computeFilteredRowsPreview: (filter: FilterCondition) => TableRow[];
     computeSortedRowsPreview: (accessor: Accessor) => TableRow[];
 }
-declare const useTableRowProcessing: ({ allowAnimations, flattenedRows, originalFlattenedRows, currentPage, rowsPerPage, shouldPaginate, serverSidePagination, contentHeight, rowHeight, scrollTop, scrollDirection, computeFilteredRowsPreview, computeSortedRowsPreview, }: UseTableRowProcessingProps) => {
+declare const useTableRowProcessing: ({ allowAnimations, flattenedRows, originalFlattenedRows, paginatableRows, currentPage, rowsPerPage, shouldPaginate, serverSidePagination, contentHeight, rowHeight, scrollTop, scrollDirection, heightOffsets, customTheme, computeFilteredRowsPreview, computeSortedRowsPreview, }: UseTableRowProcessingProps) => {
     currentTableRows: TableRow[];
     currentVisibleRows: TableRow[];
     isAnimating: boolean;
     prepareForFilterChange: (filter: FilterCondition) => void;
     prepareForSortChange: (accessor: Accessor) => void;
     rowsToRender: TableRow[];
+    paginatedHeightOffsets: HeightOffsets | undefined;
 };
 export default useTableRowProcessing;