@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/primitives/Table/types.d.ts

@@ -1,6 +1,7 @@
 import { ColumnFilter as ReactTableColumnFilter, ColumnFiltersState as ReactTableColumnFilterState, ColumnOrderState as ReactTableColumnOrderState, ColumnPinningState as ReactTableColumnPinningState, ColumnSort as ReactTableColumnSort, ColumnSizingState as ReactTableColumnSizingState, VisibilityState as ReactTableColumnVisibilityState, SortingState as ReactTableSortingState, BuiltInAggregationFn as ReactTableBuiltInAggregationFn, BuiltInSortingFn as ReactTableBuiltInSortingFn } from '@tanstack/react-table';
 import { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';
 import { MenuItemProps } from '../../components/Menu/components/Item';
+import type * as React from 'react';
 export type TableRef = HTMLTableElement & {
     instance: {
         resetFiltering: () => void;
@@ -49,9 +50,9 @@ export type TableColumnRendererArgs<TType, TValue> = TValue extends undefined ?
     row: TType;
     value: TValue;
 };
-export type TableColumnRenderer<TType, TValue = unknown> = (args: TableColumnRendererArgs<TType, TValue>) => JSX.Element | string | number | unknown | null;
-export type TableColumnRendererAggregate<TType, TValue = unknown> = (args: TableColumnRendererArgs<TType, TValue>) => JSX.Element | string | number | unknown | null;
-export type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => JSX.Element | null) | 'datepicker' | 'input' | 'switch' | 'checkbox' | 'textarea';
+export type TableColumnRenderer<TType, TValue = unknown> = (args: TableColumnRendererArgs<TType, TValue>) => React.JSX.Element | string | number | unknown | null;
+export type TableColumnRendererAggregate<TType, TValue = unknown> = (args: TableColumnRendererArgs<TType, TValue>) => React.JSX.Element | string | number | unknown | null;
+export type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null) | 'datepicker' | 'input' | 'switch' | 'checkbox' | 'textarea';
 export type TableColumnRendererControlProps = {
     className?: string;
     disabled?: boolean;
@@ -61,12 +62,12 @@ export type TableColumnRendererControlProps = {
     onKeyDown?: React.KeyboardEventHandler;
     onFocus?: React.FocusEventHandler;
     readOnly?: boolean;
-    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);
+    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);
     setValue: (value: any) => void;
     value: any;
 };
-export type TableColumnRendererHeader = string | JSX.Element;
-export type TableColumnRendererFooter<TType> = (rows: TType[]) => JSX.Element | string | number | null;
+export type TableColumnRendererHeader = string | React.JSX.Element;
+export type TableColumnRendererFooter<TType> = (rows: TType[]) => React.JSX.Element | string | number | null;
 export type TableColumnSort = ReactTableColumnSort;
 export type TableColumnSortDirection = 'asc' | 'desc';
 export type TableColumnSortFn<TType = unknown> = ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';
@@ -77,8 +78,8 @@ export type TableRowActionRenderer<TType = unknown> = (row: TType, helpers: {
         removeRowChanges: () => Promise<void>;
         save: () => Promise<boolean>;
     };
-}) => JSX.Element | null;
-export type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => JSX.Element | null;
+}) => React.JSX.Element | null;
+export type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;
 export type TableRowClickHandler<TType = unknown> = (row: TType) => void;
 export type TableRowDragHandler<TType = unknown> = (rows: TType[], showPlaceholder: (text: string) => void, setDataTransfer: (data: string) => void) => void;
 export type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;
@@ -102,7 +103,7 @@ export type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: s
 export type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;
 export type TableFontSize = keyof typeof FontSizes;
 export type TablePreset = 'complex' | 'list' | 'simple';
-export type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;
+export type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;
 export type TableScrollToIndexHandler = (index: number, options?: {
     align: 'start' | 'center' | 'end' | 'auto';
 }) => void;
@@ -121,7 +122,7 @@ export type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactE
 export type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';
 export type TableEmptyStateRenderer = (props: {
     reason: TableEmptyStateReason;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export type TableEvent = 'editing-mode';
 export type TableEventHandler = (event: TableEvent, data?: object) => void;
 export type TableSettings = {
@@ -172,7 +173,7 @@ export type TableFeatureProps<TType = unknown> = {
     enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;
     enableSaveSettingsLocally?: boolean;
 };
-export type TableChild = JSX.Element | JSX.Element[] | boolean | null | undefined;
+export type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;
 type TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {
     children: TableChild | TableChild[];
     data: TType[];
@@ -190,9 +191,9 @@ type TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {
     rowActionsLength?: number;
     rowExpansionRenderer?: TableRowExpansionRenderer<TType>;
     shortcuts?: TableShortcuts<TType>;
-    toolbarLeft?: JSX.Element;
-    toolbarRight?: JSX.Element;
-    toolbarPanel?: JSX.Element;
+    toolbarLeft?: React.JSX.Element;
+    toolbarRight?: React.JSX.Element;
+    toolbarPanel?: React.JSX.Element;
     onEvent?: TableEventHandler;
     onRowActive?: TableRowActiveHandler<TType>;
     onRowClick?: TableRowClickHandler<TType>;
@@ -316,7 +317,7 @@ export type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType
     tooltip?: string;
 };
 export type TableGroupProps = {
-    children: (JSX.Element | boolean | null | undefined)[];
+    children: (React.JSX.Element | boolean | null | undefined)[];
     header: string;
     id: string;
 };

package/dist/primitives/Table/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\nimport { MenuItemProps } from '../../components/Menu/components/Item';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => JSX.Element | null)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | ReactTableBuiltInSortingFn\n    | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowExpansionAll?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = JSX.Element | JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    toolbarPanel?: JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    | TOptions\n    | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        emptyState?: React.ReactNode;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n\nexport type TableGroupProps = {\n    children: (JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator"],"mappings":"AAyBY,IAAA,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAX,IAAA;AACAA,yBAAAA,uBAAA,oBAAiB,CAAjB,IAAA;AACAA,yBAAAA,uBAAA,eAAY,CAAZ,IAAA;AACAA,yBAAAA,uBAAA,kBAAe,CAAf,IAAA;AACAA,yBAAAA,uBAAA,mBAAgB,CAAhB,IAAA;AACAA,yBAAAA,uBAAA,gBAAa,CAAb,IAAA;AACAA,yBAAAA,uBAAA,eAAY,CAAZ,IAAA;AACAA,yBAAAA,uBAAA,aAAU,CAAV,IAAA;AACAA,yBAAAA,uBAAA,gBAAa,CAAb,IAAA;AACAA,yBAAAA,uBAAA,yBAAsB,CAAtB,IAAA;AACAA,yBAAAA,uBAAA,4BAAyB,EAAzB,IAAA;AACAA,yBAAAA,uBAAA,cAAW,EAAX,IAAA;AACAA,yBAAAA,uBAAA,cAAW,EAAX,IAAA;AACAA,yBAAAA,uBAAA,eAAY,EAAZ,IAAA;AACAA,yBAAAA,uBAAA,aAAU,EAAV,IAAA;AACAA,yBAAAA,uBAAA,cAAW,EAAX,IAAA;AAhBQA,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.js","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\nimport { MenuItemProps } from '../../components/Menu/components/Item';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | React.JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => React.JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => React.JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => React.JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowExpansionAll?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: React.JSX.Element;\n    toolbarRight?: React.JSX.Element;\n    toolbarPanel?: React.JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        emptyState?: React.ReactNode;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n\nexport type TableGroupProps = {\n    children: (React.JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator"],"mappings":"AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;"}

package/dist/primitives/Table/useTableDataLoader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableDataLoader.cjs","sources":["../../../src/primitives/Table/useTableDataLoader.ts"],"sourcesContent":["import React from 'react';\nimport {\n    TableColumnFilter,\n    TableColumnSort,\n    TableFilterHandler,\n    TableServerLoadPageHandler,\n    TableServerLoadAllHandler,\n    TableSortHandler,\n    TableSearchHandler,\n} from './types';\n\nexport const DEFAULT_PAGE_SIZE = 100;\n\nexport type useTableDataPageFetcher<TType = unknown> = (\n    pageIndex: number,\n    pageSize: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[]\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataAllFetcher<TType = unknown> = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[]\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataLoaderOptions = { pageSize: number };\n\nexport type useTableDataLoaderValues<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    onChangeFilter: TableFilterHandler;\n    onChangeSearch: TableSearchHandler;\n    onChangeSort: TableSortHandler;\n    pageSize: number;\n};\n\nexport function useTableDataLoader<TType = unknown>(\n    fetchPage: useTableDataPageFetcher<TType>,\n    fetchAll: useTableDataAllFetcher<TType>,\n    options: useTableDataLoaderOptions = { pageSize: DEFAULT_PAGE_SIZE }\n): [useTableDataLoaderValues<TType>, () => void] {\n    const { pageSize } = options;\n\n    // track the data length, we don't know it until the first request\n    const [length, setLength] = React.useState<number | undefined>(undefined);\n    // data will be filled after the first request, then we'll update values in place\n    const [data, setData] = React.useState<any[]>([]);\n    // track which pages have been loaded to dedupe requests\n    const _pendingPageRequests = React.useRef<Record<number, boolean>>({});\n    const _lastUsedSorting = React.useRef<TableColumnSort[]>([]);\n    const _lastUsedFilters = React.useRef<TableColumnFilter[]>([]);\n    const _lastUsedSearch = React.useRef<string | undefined>(undefined);\n    const _lastUsedHiddenColumns = React.useRef<string[]>([]);\n    const _lastUsedPageIndex = React.useRef<number | undefined>(undefined);\n\n    const loadPage = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[]\n    ) => {\n        let reset = false;\n\n        // sorting or filters changed, reset everything\n        if (\n            JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)\n        ) {\n            _pendingPageRequests.current = {};\n            // nuke the dataset so that we \"start again\" after sorting\n            reset = true;\n        }\n        if (_pendingPageRequests.current[pageIndex]) {\n            // if page is already loaded/loading, abort, otherwise mark it as loading\n            return;\n        }\n        _pendingPageRequests.current[pageIndex] = true;\n\n        // set the last page loaded (or tried to load), so that we can load it back again after resets\n        _lastUsedPageIndex.current = pageIndex;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns);\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData(currentData => {\n                let nextData;\n\n                // reset table state if:\n                // - the length isn't set at all (first load)\n                // - the client length and server length are different (the data changed)\n                if (reset || length !== response.length) {\n                    nextData = Array.from({ length: response.length }).fill(undefined);\n                } else {\n                    nextData = [...currentData];\n                }\n\n                const startIndex = pageIndex * pageSize;\n                nextData.splice(startIndex, pageSize, ...response.data);\n                return nextData;\n            });\n            setLength(response.length);\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current[pageIndex] = false;\n        }\n    };\n\n    const loadAll = async (sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[]) => {\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchAll(sorting, filters, hiddenColumns);\n            setLength(response.length);\n\n            setData(() => {\n                let nextData;\n\n                if (response.data.length === response.length) {\n                    nextData = [...response.data];\n                } else {\n                    nextData = Array.from({ length: response.length }).fill(undefined);\n                    nextData.splice(0, response.data.length, ...response.data);\n                }\n\n                return nextData;\n            });\n        } catch {\n            //\n        }\n    };\n\n    const reloadCurrentPages = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[]\n    ) => {\n        const pageIndexes: [number, number, ...number[]] = pageIndex === 0 ? [0, 1] : [pageIndex - 1, pageIndex];\n\n        if (length !== undefined) {\n            const pageCount = Math.ceil(length / pageSize);\n\n            if (pageIndex + 1 < pageCount) {\n                pageIndexes.push(pageIndex + 1);\n            }\n        }\n\n        // set the pages as loading, so that subsequent requests don't retrigger them\n        _pendingPageRequests.current = pageIndexes.reduce((accum, index) => ({ ...accum, [index]: true }), {});\n\n        // set the last page loaded (or tried to load), so that we can load it back again after resets\n        _lastUsedPageIndex.current = pageIndex;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            type response = { data: TType[]; length: number };\n\n            // fetch the page\n            const responses = (await Promise.all(\n                pageIndexes.map(pageIndex => fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns))\n            )) as [response, response, ...response[]];\n\n            setLength(responses[0].length);\n            const nextData = Array.from({ length: responses[0].length }).fill(undefined);\n            responses.forEach((response, index) => {\n                const page = pageIndexes[index];\n\n                if (page !== undefined) {\n                    const startIndex = page * pageSize;\n                    nextData.splice(startIndex, pageSize, ...response.data);\n                }\n            });\n\n            setData(nextData);\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current = {};\n        }\n    };\n    const invalidate = async () => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(_lastUsedSorting.current, _lastUsedFilters.current, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await reloadCurrentPages(\n            _lastUsedPageIndex.current ?? 0,\n            _lastUsedSorting.current,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current\n        );\n    };\n\n    // search works client side - it fetches all then works client side - so these handlers are a little \"weird\"\n    // if a search is currently \"active\", we need to re load all because\n    const handleSort = async (sorting: TableColumnSort[]) => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(sorting, _lastUsedFilters.current, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await reloadCurrentPages(\n            _lastUsedPageIndex.current ?? 0,\n            sorting,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current\n        );\n    };\n    const handleFilter = async (filters: TableColumnFilter[]) => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(_lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await loadPage(_lastUsedPageIndex.current ?? 0, _lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);\n    };\n    const handleSearch = (search: string | undefined) => {\n        // set the search so we can track if it changed between loads\n        _lastUsedSearch.current = search || undefined;\n        // search works client side, and focusing the search field triggers a load of all so we don't actually\n        // want to load anything when search gets changed, we just store the value for other handlers\n    };\n\n    return [\n        {\n            data,\n            length,\n            loadAll,\n            loadPage,\n            onChangeFilter: handleFilter,\n            onChangeSearch: handleSearch,\n            onChangeSort: handleSort,\n            pageSize,\n        },\n        invalidate,\n    ];\n}\n"],"names":["pageIndex"],"mappings":"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"}
+{"version":3,"file":"useTableDataLoader.cjs","sources":["../../../src/primitives/Table/useTableDataLoader.ts"],"sourcesContent":["import React from 'react';\nimport {\n    TableColumnFilter,\n    TableColumnSort,\n    TableFilterHandler,\n    TableServerLoadPageHandler,\n    TableServerLoadAllHandler,\n    TableSortHandler,\n    TableSearchHandler,\n} from './types';\n\nexport const DEFAULT_PAGE_SIZE = 100;\n\nexport type useTableDataPageFetcher<TType = unknown> = (\n    pageIndex: number,\n    pageSize: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[]\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataAllFetcher<TType = unknown> = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[]\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataLoaderOptions = { pageSize: number };\n\nexport type useTableDataLoaderValues<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    onChangeFilter: TableFilterHandler;\n    onChangeSearch: TableSearchHandler;\n    onChangeSort: TableSortHandler;\n    pageSize: number;\n};\n\nexport function useTableDataLoader<TType = unknown>(\n    fetchPage: useTableDataPageFetcher<TType>,\n    fetchAll: useTableDataAllFetcher<TType>,\n    options: useTableDataLoaderOptions = { pageSize: DEFAULT_PAGE_SIZE }\n): [useTableDataLoaderValues<TType>, () => void] {\n    const { pageSize } = options;\n\n    // track the data length, we don't know it until the first request\n    const [length, setLength] = React.useState<number | undefined>(undefined);\n    // data will be filled after the first request, then we'll update values in place\n    const [data, setData] = React.useState<any[]>([]);\n    // track which pages have been loaded to dedupe requests\n    const _pendingPageRequests = React.useRef<Record<number, boolean>>({});\n    const _lastUsedSorting = React.useRef<TableColumnSort[]>([]);\n    const _lastUsedFilters = React.useRef<TableColumnFilter[]>([]);\n    const _lastUsedSearch = React.useRef<string | undefined>(undefined);\n    const _lastUsedHiddenColumns = React.useRef<string[]>([]);\n    const _lastUsedPageIndex = React.useRef<number | undefined>(undefined);\n\n    const loadPage = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[]\n    ) => {\n        let reset = false;\n\n        // sorting or filters changed, reset everything\n        if (\n            JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)\n        ) {\n            _pendingPageRequests.current = {};\n            // nuke the dataset so that we \"start again\" after sorting\n            reset = true;\n        }\n        if (_pendingPageRequests.current[pageIndex]) {\n            // if page is already loaded/loading, abort, otherwise mark it as loading\n            return;\n        }\n        _pendingPageRequests.current[pageIndex] = true;\n\n        // set the last page loaded (or tried to load), so that we can load it back again after resets\n        _lastUsedPageIndex.current = pageIndex;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns);\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData(currentData => {\n                let nextData;\n\n                // reset table state if:\n                // - the length isn't set at all (first load)\n                // - the client length and server length are different (the data changed)\n                if (reset || length !== response.length) {\n                    nextData = Array.from({ length: response.length }).fill(undefined);\n                } else {\n                    nextData = [...currentData];\n                }\n\n                const startIndex = pageIndex * pageSize;\n                nextData.splice(startIndex, pageSize, ...response.data);\n                return nextData;\n            });\n            setLength(response.length);\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current[pageIndex] = false;\n        }\n    };\n\n    const loadAll = async (sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[]) => {\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchAll(sorting, filters, hiddenColumns);\n            setLength(response.length);\n\n            setData(() => {\n                let nextData;\n\n                if (response.data.length === response.length) {\n                    nextData = [...response.data];\n                } else {\n                    nextData = Array.from({ length: response.length }).fill(undefined);\n                    nextData.splice(0, response.data.length, ...response.data);\n                }\n\n                return nextData;\n            });\n        } catch {\n            //\n        }\n    };\n\n    const reloadCurrentPages = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[]\n    ) => {\n        const pageIndexes: [number, number, ...number[]] = pageIndex === 0 ? [0, 1] : [pageIndex - 1, pageIndex];\n\n        if (length !== undefined) {\n            const pageCount = Math.ceil(length / pageSize);\n\n            if (pageIndex + 1 < pageCount) {\n                pageIndexes.push(pageIndex + 1);\n            }\n        }\n\n        // set the pages as loading, so that subsequent requests don't retrigger them\n        _pendingPageRequests.current = pageIndexes.reduce((accum, index) => ({ ...accum, [index]: true }), {});\n\n        // set the last page loaded (or tried to load), so that we can load it back again after resets\n        _lastUsedPageIndex.current = pageIndex;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            type response = { data: TType[]; length: number };\n\n            // fetch the page\n            const responses = (await Promise.all(\n                pageIndexes.map(pageIndex => fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns))\n            )) as [response, response, ...response[]];\n\n            setLength(responses[0].length);\n            const nextData = Array.from({ length: responses[0].length }).fill(undefined);\n            responses.forEach((response, index) => {\n                const page = pageIndexes[index];\n\n                if (page !== undefined) {\n                    const startIndex = page * pageSize;\n                    nextData.splice(startIndex, pageSize, ...response.data);\n                }\n            });\n\n            setData(nextData);\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current = {};\n        }\n    };\n    const invalidate = async () => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(_lastUsedSorting.current, _lastUsedFilters.current, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await reloadCurrentPages(\n            _lastUsedPageIndex.current ?? 0,\n            _lastUsedSorting.current,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current\n        );\n    };\n\n    // search works client side - it fetches all then works client side - so these handlers are a little \"weird\"\n    // if a search is currently \"active\", we need to re load all because\n    const handleSort = async (sorting: TableColumnSort[]) => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(sorting, _lastUsedFilters.current, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await reloadCurrentPages(\n            _lastUsedPageIndex.current ?? 0,\n            sorting,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current\n        );\n    };\n    const handleFilter = async (filters: TableColumnFilter[]) => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(_lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await loadPage(_lastUsedPageIndex.current ?? 0, _lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);\n    };\n    const handleSearch = (search: string | undefined) => {\n        // set the search so we can track if it changed between loads\n        _lastUsedSearch.current = search || undefined;\n        // search works client side, and focusing the search field triggers a load of all so we don't actually\n        // want to load anything when search gets changed, we just store the value for other handlers\n    };\n\n    return [\n        {\n            data,\n            length,\n            loadAll,\n            loadPage,\n            onChangeFilter: handleFilter,\n            onChangeSearch: handleSearch,\n            onChangeSort: handleSort,\n            pageSize,\n        },\n        invalidate,\n    ];\n}\n"],"names":["pageIndex"],"mappings":"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"}

package/dist/primitives/Table/useTableDataLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableDataLoader.js","sources":["../../../src/primitives/Table/useTableDataLoader.ts"],"sourcesContent":["import React from 'react';\nimport {\n    TableColumnFilter,\n    TableColumnSort,\n    TableFilterHandler,\n    TableServerLoadPageHandler,\n    TableServerLoadAllHandler,\n    TableSortHandler,\n    TableSearchHandler,\n} from './types';\n\nexport const DEFAULT_PAGE_SIZE = 100;\n\nexport type useTableDataPageFetcher<TType = unknown> = (\n    pageIndex: number,\n    pageSize: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[]\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataAllFetcher<TType = unknown> = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[]\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataLoaderOptions = { pageSize: number };\n\nexport type useTableDataLoaderValues<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    onChangeFilter: TableFilterHandler;\n    onChangeSearch: TableSearchHandler;\n    onChangeSort: TableSortHandler;\n    pageSize: number;\n};\n\nexport function useTableDataLoader<TType = unknown>(\n    fetchPage: useTableDataPageFetcher<TType>,\n    fetchAll: useTableDataAllFetcher<TType>,\n    options: useTableDataLoaderOptions = { pageSize: DEFAULT_PAGE_SIZE }\n): [useTableDataLoaderValues<TType>, () => void] {\n    const { pageSize } = options;\n\n    // track the data length, we don't know it until the first request\n    const [length, setLength] = React.useState<number | undefined>(undefined);\n    // data will be filled after the first request, then we'll update values in place\n    const [data, setData] = React.useState<any[]>([]);\n    // track which pages have been loaded to dedupe requests\n    const _pendingPageRequests = React.useRef<Record<number, boolean>>({});\n    const _lastUsedSorting = React.useRef<TableColumnSort[]>([]);\n    const _lastUsedFilters = React.useRef<TableColumnFilter[]>([]);\n    const _lastUsedSearch = React.useRef<string | undefined>(undefined);\n    const _lastUsedHiddenColumns = React.useRef<string[]>([]);\n    const _lastUsedPageIndex = React.useRef<number | undefined>(undefined);\n\n    const loadPage = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[]\n    ) => {\n        let reset = false;\n\n        // sorting or filters changed, reset everything\n        if (\n            JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)\n        ) {\n            _pendingPageRequests.current = {};\n            // nuke the dataset so that we \"start again\" after sorting\n            reset = true;\n        }\n        if (_pendingPageRequests.current[pageIndex]) {\n            // if page is already loaded/loading, abort, otherwise mark it as loading\n            return;\n        }\n        _pendingPageRequests.current[pageIndex] = true;\n\n        // set the last page loaded (or tried to load), so that we can load it back again after resets\n        _lastUsedPageIndex.current = pageIndex;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns);\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData(currentData => {\n                let nextData;\n\n                // reset table state if:\n                // - the length isn't set at all (first load)\n                // - the client length and server length are different (the data changed)\n                if (reset || length !== response.length) {\n                    nextData = Array.from({ length: response.length }).fill(undefined);\n                } else {\n                    nextData = [...currentData];\n                }\n\n                const startIndex = pageIndex * pageSize;\n                nextData.splice(startIndex, pageSize, ...response.data);\n                return nextData;\n            });\n            setLength(response.length);\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current[pageIndex] = false;\n        }\n    };\n\n    const loadAll = async (sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[]) => {\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchAll(sorting, filters, hiddenColumns);\n            setLength(response.length);\n\n            setData(() => {\n                let nextData;\n\n                if (response.data.length === response.length) {\n                    nextData = [...response.data];\n                } else {\n                    nextData = Array.from({ length: response.length }).fill(undefined);\n                    nextData.splice(0, response.data.length, ...response.data);\n                }\n\n                return nextData;\n            });\n        } catch {\n            //\n        }\n    };\n\n    const reloadCurrentPages = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[]\n    ) => {\n        const pageIndexes: [number, number, ...number[]] = pageIndex === 0 ? [0, 1] : [pageIndex - 1, pageIndex];\n\n        if (length !== undefined) {\n            const pageCount = Math.ceil(length / pageSize);\n\n            if (pageIndex + 1 < pageCount) {\n                pageIndexes.push(pageIndex + 1);\n            }\n        }\n\n        // set the pages as loading, so that subsequent requests don't retrigger them\n        _pendingPageRequests.current = pageIndexes.reduce((accum, index) => ({ ...accum, [index]: true }), {});\n\n        // set the last page loaded (or tried to load), so that we can load it back again after resets\n        _lastUsedPageIndex.current = pageIndex;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            type response = { data: TType[]; length: number };\n\n            // fetch the page\n            const responses = (await Promise.all(\n                pageIndexes.map(pageIndex => fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns))\n            )) as [response, response, ...response[]];\n\n            setLength(responses[0].length);\n            const nextData = Array.from({ length: responses[0].length }).fill(undefined);\n            responses.forEach((response, index) => {\n                const page = pageIndexes[index];\n\n                if (page !== undefined) {\n                    const startIndex = page * pageSize;\n                    nextData.splice(startIndex, pageSize, ...response.data);\n                }\n            });\n\n            setData(nextData);\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current = {};\n        }\n    };\n    const invalidate = async () => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(_lastUsedSorting.current, _lastUsedFilters.current, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await reloadCurrentPages(\n            _lastUsedPageIndex.current ?? 0,\n            _lastUsedSorting.current,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current\n        );\n    };\n\n    // search works client side - it fetches all then works client side - so these handlers are a little \"weird\"\n    // if a search is currently \"active\", we need to re load all because\n    const handleSort = async (sorting: TableColumnSort[]) => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(sorting, _lastUsedFilters.current, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await reloadCurrentPages(\n            _lastUsedPageIndex.current ?? 0,\n            sorting,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current\n        );\n    };\n    const handleFilter = async (filters: TableColumnFilter[]) => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(_lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await loadPage(_lastUsedPageIndex.current ?? 0, _lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);\n    };\n    const handleSearch = (search: string | undefined) => {\n        // set the search so we can track if it changed between loads\n        _lastUsedSearch.current = search || undefined;\n        // search works client side, and focusing the search field triggers a load of all so we don't actually\n        // want to load anything when search gets changed, we just store the value for other handlers\n    };\n\n    return [\n        {\n            data,\n            length,\n            loadAll,\n            loadPage,\n            onChangeFilter: handleFilter,\n            onChangeSearch: handleSearch,\n            onChangeSort: handleSort,\n            pageSize,\n        },\n        invalidate,\n    ];\n}\n"],"names":["React","pageIndex"],"mappings":"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"}
+{"version":3,"file":"useTableDataLoader.js","sources":["../../../src/primitives/Table/useTableDataLoader.ts"],"sourcesContent":["import React from 'react';\nimport {\n    TableColumnFilter,\n    TableColumnSort,\n    TableFilterHandler,\n    TableServerLoadPageHandler,\n    TableServerLoadAllHandler,\n    TableSortHandler,\n    TableSearchHandler,\n} from './types';\n\nexport const DEFAULT_PAGE_SIZE = 100;\n\nexport type useTableDataPageFetcher<TType = unknown> = (\n    pageIndex: number,\n    pageSize: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[]\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataAllFetcher<TType = unknown> = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[]\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataLoaderOptions = { pageSize: number };\n\nexport type useTableDataLoaderValues<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    onChangeFilter: TableFilterHandler;\n    onChangeSearch: TableSearchHandler;\n    onChangeSort: TableSortHandler;\n    pageSize: number;\n};\n\nexport function useTableDataLoader<TType = unknown>(\n    fetchPage: useTableDataPageFetcher<TType>,\n    fetchAll: useTableDataAllFetcher<TType>,\n    options: useTableDataLoaderOptions = { pageSize: DEFAULT_PAGE_SIZE }\n): [useTableDataLoaderValues<TType>, () => void] {\n    const { pageSize } = options;\n\n    // track the data length, we don't know it until the first request\n    const [length, setLength] = React.useState<number | undefined>(undefined);\n    // data will be filled after the first request, then we'll update values in place\n    const [data, setData] = React.useState<any[]>([]);\n    // track which pages have been loaded to dedupe requests\n    const _pendingPageRequests = React.useRef<Record<number, boolean>>({});\n    const _lastUsedSorting = React.useRef<TableColumnSort[]>([]);\n    const _lastUsedFilters = React.useRef<TableColumnFilter[]>([]);\n    const _lastUsedSearch = React.useRef<string | undefined>(undefined);\n    const _lastUsedHiddenColumns = React.useRef<string[]>([]);\n    const _lastUsedPageIndex = React.useRef<number | undefined>(undefined);\n\n    const loadPage = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[]\n    ) => {\n        let reset = false;\n\n        // sorting or filters changed, reset everything\n        if (\n            JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)\n        ) {\n            _pendingPageRequests.current = {};\n            // nuke the dataset so that we \"start again\" after sorting\n            reset = true;\n        }\n        if (_pendingPageRequests.current[pageIndex]) {\n            // if page is already loaded/loading, abort, otherwise mark it as loading\n            return;\n        }\n        _pendingPageRequests.current[pageIndex] = true;\n\n        // set the last page loaded (or tried to load), so that we can load it back again after resets\n        _lastUsedPageIndex.current = pageIndex;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns);\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData(currentData => {\n                let nextData;\n\n                // reset table state if:\n                // - the length isn't set at all (first load)\n                // - the client length and server length are different (the data changed)\n                if (reset || length !== response.length) {\n                    nextData = Array.from({ length: response.length }).fill(undefined);\n                } else {\n                    nextData = [...currentData];\n                }\n\n                const startIndex = pageIndex * pageSize;\n                nextData.splice(startIndex, pageSize, ...response.data);\n                return nextData;\n            });\n            setLength(response.length);\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current[pageIndex] = false;\n        }\n    };\n\n    const loadAll = async (sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[]) => {\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchAll(sorting, filters, hiddenColumns);\n            setLength(response.length);\n\n            setData(() => {\n                let nextData;\n\n                if (response.data.length === response.length) {\n                    nextData = [...response.data];\n                } else {\n                    nextData = Array.from({ length: response.length }).fill(undefined);\n                    nextData.splice(0, response.data.length, ...response.data);\n                }\n\n                return nextData;\n            });\n        } catch {\n            //\n        }\n    };\n\n    const reloadCurrentPages = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[]\n    ) => {\n        const pageIndexes: [number, number, ...number[]] = pageIndex === 0 ? [0, 1] : [pageIndex - 1, pageIndex];\n\n        if (length !== undefined) {\n            const pageCount = Math.ceil(length / pageSize);\n\n            if (pageIndex + 1 < pageCount) {\n                pageIndexes.push(pageIndex + 1);\n            }\n        }\n\n        // set the pages as loading, so that subsequent requests don't retrigger them\n        _pendingPageRequests.current = pageIndexes.reduce((accum, index) => ({ ...accum, [index]: true }), {});\n\n        // set the last page loaded (or tried to load), so that we can load it back again after resets\n        _lastUsedPageIndex.current = pageIndex;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            type response = { data: TType[]; length: number };\n\n            // fetch the page\n            const responses = (await Promise.all(\n                pageIndexes.map(pageIndex => fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns))\n            )) as [response, response, ...response[]];\n\n            setLength(responses[0].length);\n            const nextData = Array.from({ length: responses[0].length }).fill(undefined);\n            responses.forEach((response, index) => {\n                const page = pageIndexes[index];\n\n                if (page !== undefined) {\n                    const startIndex = page * pageSize;\n                    nextData.splice(startIndex, pageSize, ...response.data);\n                }\n            });\n\n            setData(nextData);\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current = {};\n        }\n    };\n    const invalidate = async () => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(_lastUsedSorting.current, _lastUsedFilters.current, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await reloadCurrentPages(\n            _lastUsedPageIndex.current ?? 0,\n            _lastUsedSorting.current,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current\n        );\n    };\n\n    // search works client side - it fetches all then works client side - so these handlers are a little \"weird\"\n    // if a search is currently \"active\", we need to re load all because\n    const handleSort = async (sorting: TableColumnSort[]) => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(sorting, _lastUsedFilters.current, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await reloadCurrentPages(\n            _lastUsedPageIndex.current ?? 0,\n            sorting,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current\n        );\n    };\n    const handleFilter = async (filters: TableColumnFilter[]) => {\n        if (_lastUsedSearch.current) {\n            // we're searching, which means we need to refetch all with the correct sorting applied\n            return await loadAll(_lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);\n        }\n        // load the last page that we scrolled to\n        return await loadPage(_lastUsedPageIndex.current ?? 0, _lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);\n    };\n    const handleSearch = (search: string | undefined) => {\n        // set the search so we can track if it changed between loads\n        _lastUsedSearch.current = search || undefined;\n        // search works client side, and focusing the search field triggers a load of all so we don't actually\n        // want to load anything when search gets changed, we just store the value for other handlers\n    };\n\n    return [\n        {\n            data,\n            length,\n            loadAll,\n            loadPage,\n            onChangeFilter: handleFilter,\n            onChangeSearch: handleSearch,\n            onChangeSort: handleSort,\n            pageSize,\n        },\n        invalidate,\n    ];\n}\n"],"names":["React","pageIndex"],"mappings":"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"}

package/dist/primitives/Table/useTableDataLoader2.cjs

@@ -115,7 +115,6 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: useTable
     }
   };
   async function reloadCurrentPages(currentPageIndex, sorting, filters, hiddenColumns, search) {
-    var _a;
     const index = data.pages.indexOf(currentPageIndex);
     const pageIndexes = [data.pages[index - 1], currentPageIndex, data.pages[index + 1]].filter((x) => x !== void 0);
     const dataKey = getDataKey(sorting, filters, hiddenColumns, search);
@@ -124,17 +123,14 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: useTable
       const responses = await Promise.all(
         pageIndexes.map((pageIndex) => fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns, search))
       );
-      length.current = (_a = responses[0]) == null ? void 0 : _a.length;
+      length.current = responses[0]?.length;
       const nextPages = pageIndexes;
       _lastUsedSorting.current = sorting;
       _lastUsedFilters.current = filters;
       _lastUsedSearch.current = search;
       _lastUsedHiddenColumns.current = hiddenColumns;
       const nextCache = nextPages.reduce(
-        (acc, p, index2) => {
-          var _a2;
-          return { ...acc, [p]: ((_a2 = responses[index2]) == null ? void 0 : _a2.data) ?? [] };
-        },
+        (acc, p, index2) => ({ ...acc, [p]: responses[index2]?.data ?? [] }),
         {}
       );
       const rows = Object.values(nextCache).flat();

package/dist/primitives/Table/useTableDataLoader2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableDataLoader2.cjs","sources":["../../../src/primitives/Table/useTableDataLoader2.ts"],"sourcesContent":["import React from 'react';\nimport {\n    TableColumnFilter,\n    TableColumnSort,\n    TableFilterHandler,\n    TableServerLoadPageHandler,\n    TableServerLoadAllHandler,\n    TableSortHandler,\n    TableSearchHandler,\n} from './types';\nimport { DEFAULT_PAGE_SIZE, useTableDataLoaderOptions } from './useTableDataLoader';\n\nconst DATASET_SIZE_MULTIPLIER = 15;\n\nexport type useTableDataPageFetcher2<TType = unknown> = (\n    pageIndex: number,\n    pageSize: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataAllFetcher2<TType = unknown> = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataLoaderValues2<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    onChangeFilter: TableFilterHandler;\n    onChangeSearch: TableSearchHandler;\n    onChangeSort: TableSortHandler;\n    pageSize: number;\n    pages: number[];\n    _experimentalDataLoader2: boolean;\n};\n\ntype Data<TType = unknown> = {\n    rows: TType[];\n    pages: number[];\n    cache: Record<number, TType[]>;\n    lastFetchedPage: number | undefined;\n};\ntype Direction = 'forward' | 'backward' | undefined;\n\nfunction getDataKey(\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) {\n    return [JSON.stringify(sorting), JSON.stringify(filters), JSON.stringify(hiddenColumns), JSON.stringify(search)].join('_');\n}\n\nexport function useTableDataLoader2<TType = unknown>(\n    fetchPage: useTableDataPageFetcher2<TType>,\n    fetchAll: useTableDataAllFetcher2<TType>,\n    options: useTableDataLoaderOptions = { pageSize: DEFAULT_PAGE_SIZE }\n): [useTableDataLoaderValues2<TType>, () => Promise<void>] {\n    const { pageSize } = options;\n    const DATASET_SIZE = DATASET_SIZE_MULTIPLIER * pageSize;\n\n    // track the data length, we don't know it until the first request\n    const length = React.useRef<number>(undefined);\n    // data will be filled after the first request\n    const [data, setData] = React.useState<Data<TType>>({ rows: [], pages: [], cache: {}, lastFetchedPage: undefined });\n    // track which pages have been loaded to dedupe requests\n    const _pendingPageRequests = React.useRef<Record<number, string>>({});\n    // store last used properties\n    const _lastUsedSorting = React.useRef<TableColumnSort[]>([]);\n    const _lastUsedFilters = React.useRef<TableColumnFilter[]>([]);\n    const _lastUsedHiddenColumns = React.useRef<string[]>([]);\n    const _lastUsedSearch = React.useRef<string | undefined>(undefined);\n\n    async function loadPage(\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[],\n        search: string | undefined\n    ) {\n        const hasDataChanged =\n            JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current) ||\n            JSON.stringify(hiddenColumns) !== JSON.stringify(_lastUsedHiddenColumns.current) ||\n            search !== _lastUsedSearch.current;\n\n        if (hasDataChanged) {\n            // set values so we can use them for invalidate\n            _lastUsedSorting.current = sorting;\n            _lastUsedFilters.current = filters;\n            _lastUsedSearch.current = search;\n            _lastUsedHiddenColumns.current = hiddenColumns;\n\n            // ideally we would have requests to abort, but we don't perform the fetch\n            _pendingPageRequests.current = {};\n\n            // we don't reset cached data here because it would result in a flicker of no data for the user,\n            // instead we reset it in setState below when we have the new data to replace with\n        } else {\n            // if a request is already pending for this page, skip the load\n            if (_pendingPageRequests.current[pageIndex]) {\n                return;\n            }\n\n            // if the page is already loaded, abort\n            if (data.cache[pageIndex] && data.cache[pageIndex][0]) {\n                return;\n            }\n        }\n\n        // we use the dataKey to track whether the fetching data (sorting, filters etc) has changed\n        // if it has changed then we need to ignore all cached or pending requests and load again\n        const dataKey = getDataKey(sorting, filters, hiddenColumns, search);\n\n        // set the page as loading, so that subsequent requests don't retrigger it\n        _pendingPageRequests.current[pageIndex] = dataKey;\n\n        try {\n            // fetch the page\n            const response = await fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns, search);\n\n            // ensure the data hasn't changed since the fetch was initiated, exit if it has\n            // ideally we would use an abort controller here to abort the request, but we don't perform the fetch\n            if (dataKey !== _pendingPageRequests.current[pageIndex]) {\n                return;\n            }\n\n            length.current = response.length;\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData(currentData => {\n                const direction = getDirection(pageIndex, currentData.pages);\n                const nextPages = getPages(\n                    pageIndex,\n                    currentData.lastFetchedPage,\n                    hasDataChanged ? [] : currentData.pages,\n                    direction\n                );\n\n                // set values so we can track if they changed between loads\n                _lastUsedSorting.current = sorting;\n                _lastUsedFilters.current = filters;\n                _lastUsedSearch.current = search;\n                _lastUsedHiddenColumns.current = hiddenColumns;\n\n                // cache data as an object to prevent any duplicates for pages\n                let nextCache: Record<number, TType[]>;\n\n                if (hasDataChanged || !direction) {\n                    nextCache = nextPages.reduce(\n                        (acc, p) => ({ ...acc, [p]: Array.from({ length: pageSize }).fill(undefined) }),\n                        {}\n                    );\n                } else {\n                    nextCache = { ...currentData.cache };\n                }\n\n                nextCache[pageIndex] = response.data;\n\n                // cleanup \"unloaded\" pages\n                if (direction === 'forward' && currentData.rows.length >= DATASET_SIZE) {\n                    const unloadedPage = currentData.pages[0];\n                    if (unloadedPage !== undefined) {\n                        delete nextCache[unloadedPage];\n                    }\n                } else if (direction === 'backward' && currentData.rows.length >= DATASET_SIZE) {\n                    const unloadedPage = currentData.pages[currentData.pages.length - 1];\n\n                    if (unloadedPage !== undefined) {\n                        delete nextCache[unloadedPage];\n                    }\n                }\n\n                // remap rows from the cached data - do it here and not in render to save some performance\n                const rows = Object.values(nextCache).flat();\n\n                return {\n                    cache: nextCache,\n                    pages: nextPages,\n                    rows: rows,\n                    lastFetchedPage: pageIndex,\n                };\n            });\n\n            // reset pending requests - after state has been set\n            requestAnimationFrame(() => {\n                delete _pendingPageRequests.current[pageIndex];\n            });\n        } catch {\n            //\n        }\n    }\n\n    const loadAll = async (\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[],\n        search: string | undefined\n    ) => {\n        // set values so we can track if they changed between loads\n        _lastUsedSorting.current = sorting;\n        _lastUsedFilters.current = filters;\n        _lastUsedSearch.current = search;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchAll(sorting, filters, hiddenColumns, search);\n            length.current = response.length;\n\n            const pages: number[] = [];\n            const cache: Record<number, TType[]> = {};\n            const pageCount = Math.ceil(response.length / pageSize);\n\n            Array.from(Array.from({ length: pageCount }).keys()).forEach((index: number) => {\n                pages.push(index);\n                const startIndex = index * pageSize;\n                cache[index] = response.data.slice(startIndex, startIndex + pageSize);\n            });\n\n            setData({\n                cache,\n                pages,\n                rows: response.data,\n                lastFetchedPage: undefined,\n            });\n        } catch {\n            //\n        } finally {\n            // reset pending requests\n            _pendingPageRequests.current = {};\n        }\n    };\n\n    async function reloadCurrentPages(\n        currentPageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[],\n        search: string | undefined\n    ) {\n        const index = data.pages.indexOf(currentPageIndex);\n        const pageIndexes = [data.pages[index - 1], currentPageIndex, data.pages[index + 1]].filter(x => x !== undefined);\n\n        // we use the dataKey to track whether the fetching data (sorting, filters etc) has changed\n        // if it has changed then we need to ignore all cached or pending requests and load again\n        const dataKey = getDataKey(sorting, filters, hiddenColumns, search);\n\n        // set the pages as loading, so that subsequent requests don't retrigger them\n        _pendingPageRequests.current = pageIndexes.reduce((accum, index) => ({ ...accum, [index]: dataKey }), {});\n\n        try {\n            // fetch the page\n            const responses = await Promise.all(\n                pageIndexes.map(pageIndex => fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns, search))\n            );\n\n            length.current = responses[0]?.length;\n\n            const nextPages = pageIndexes;\n\n            // set values so we can track if they changed between loads\n            _lastUsedSorting.current = sorting;\n            _lastUsedFilters.current = filters;\n            _lastUsedSearch.current = search;\n            _lastUsedHiddenColumns.current = hiddenColumns;\n\n            // cache data as an object to prevent any duplicates for pages\n            const nextCache: Record<number, TType[]> = nextPages.reduce(\n                (acc, p, index) => ({ ...acc, [p]: responses[index]?.data ?? [] }),\n                {}\n            );\n\n            // remap rows from the cached data - do it here and not in render to save some performance\n            const rows = Object.values(nextCache).flat();\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData({\n                cache: nextCache,\n                pages: nextPages,\n                rows: rows,\n                lastFetchedPage: pageIndexes[pageIndexes.length - 1],\n            });\n\n            // reset pending requests - after state has been set\n            requestAnimationFrame(() => {\n                _pendingPageRequests.current = {};\n            });\n        } catch {\n            //\n        }\n    }\n\n    const invalidate = async () => {\n        return await reloadCurrentPages(\n            getCurrentPage(data.pages),\n            _lastUsedSorting.current,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current,\n            _lastUsedSearch.current\n        );\n    };\n\n    const handleSort = async (sorting: TableColumnSort[]) => {\n        return await reloadCurrentPages(\n            getCurrentPage(data.pages),\n            sorting,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current,\n            _lastUsedSearch.current\n        );\n    };\n    const handleFilter = async (filters: TableColumnFilter[], hiddenColumns: string[]) => {\n        return await loadPage(0, _lastUsedSorting.current, filters, hiddenColumns, _lastUsedSearch.current);\n    };\n    const handleSearch = async (search: string | undefined, hiddenColumns: string[]) => {\n        return await loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current, hiddenColumns, search);\n    };\n\n    return [\n        {\n            data: data.rows,\n            pages: data.pages,\n            length: length.current,\n            loadAll,\n            loadPage,\n            onChangeFilter: handleFilter,\n            onChangeSearch: handleSearch,\n            onChangeSort: handleSort,\n            pageSize,\n            _experimentalDataLoader2: true,\n        },\n        invalidate,\n    ];\n}\n\nfunction getCurrentPage(currentPages: number[]) {\n    if (currentPages.length <= 2 && currentPages[0] !== undefined) {\n        return currentPages[0];\n    }\n\n    // for even page lengths we can't know which is the current visible page - it could even be both\n    // so we load one of them and rely on the \"load next/previous page\" functionality in row\n    const middle = Math.floor(currentPages.length / 2);\n    return currentPages[middle] as number;\n}\n\nfunction getDirection(pageIndex: number, currentPages: number[]): Direction {\n    if (currentPages.length) {\n        const lastPageIndex = currentPages[currentPages.length - 1];\n\n        if (lastPageIndex !== undefined && pageIndex === lastPageIndex + 1) {\n            return 'forward';\n        }\n\n        const firstPageIndex = currentPages[0];\n\n        if (\n            (firstPageIndex !== undefined && pageIndex === firstPageIndex - 1) ||\n            (currentPages.length === 2 && currentPages[0] !== 0 && pageIndex === currentPages[0])\n        ) {\n            return 'backward';\n        }\n    }\n\n    return undefined;\n}\n\nfunction getPages(pageIndex: number, lastUsedPageIndex: number | undefined, currentPages: number[], direction: Direction) {\n    if (currentPages.length && (pageIndex === lastUsedPageIndex || currentPages.includes(pageIndex))) {\n        return currentPages;\n    }\n\n    if (direction === 'forward') {\n        const nextPages = currentPages.length === DATASET_SIZE_MULTIPLIER ? currentPages.slice(1) : currentPages;\n        return nextPages.concat(pageIndex);\n    }\n\n    if (direction === 'backward') {\n        const nextPages = currentPages.length === DATASET_SIZE_MULTIPLIER ? currentPages.slice(0, -1) : currentPages;\n        return [pageIndex].concat(nextPages);\n    }\n\n    return [pageIndex];\n}\n"],"names":["DEFAULT_PAGE_SIZE","index","_a"],"mappings":";;;;AAYA,MAAM,0BAA0B;AAuChC,SAAS,WACL,SACA,SACA,eACA,QACF;AACE,SAAO,CAAC,KAAK,UAAU,OAAO,GAAG,KAAK,UAAU,OAAO,GAAG,KAAK,UAAU,aAAa,GAAG,KAAK,UAAU,MAAM,CAAC,EAAE,KAAK,GAAG;AAC7H;AAEO,SAAS,oBACZ,WACA,UACA,UAAqC,EAAE,UAAUA,mBAAAA,qBACM;AACjD,QAAA,EAAE,aAAa;AACrB,QAAM,eAAe,0BAA0B;AAGzC,QAAA,SAAS,MAAM,OAAe,MAAS;AAE7C,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAsB,EAAE,MAAM,CAAI,GAAA,OAAO,CAAI,GAAA,OAAO,CAAI,GAAA,iBAAiB,QAAW;AAElH,QAAM,uBAAuB,MAAM,OAA+B,EAAE;AAEpE,QAAM,mBAAmB,MAAM,OAA0B,EAAE;AAC3D,QAAM,mBAAmB,MAAM,OAA4B,EAAE;AAC7D,QAAM,yBAAyB,MAAM,OAAiB,EAAE;AAClD,QAAA,kBAAkB,MAAM,OAA2B,MAAS;AAElE,iBAAe,SACX,WACA,SACA,SACA,eACA,QACF;AACE,UAAM,iBACF,KAAK,UAAU,OAAO,MAAM,KAAK,UAAU,iBAAiB,OAAO,KACnE,KAAK,UAAU,OAAO,MAAM,KAAK,UAAU,iBAAiB,OAAO,KACnE,KAAK,UAAU,aAAa,MAAM,KAAK,UAAU,uBAAuB,OAAO,KAC/E,WAAW,gBAAgB;AAE/B,QAAI,gBAAgB;AAEhB,uBAAiB,UAAU;AAC3B,uBAAiB,UAAU;AAC3B,sBAAgB,UAAU;AAC1B,6BAAuB,UAAU;AAGjC,2BAAqB,UAAU,CAAC;AAAA,IAAA,OAI7B;AAEC,UAAA,qBAAqB,QAAQ,SAAS,GAAG;AACzC;AAAA,MAAA;AAIA,UAAA,KAAK,MAAM,SAAS,KAAK,KAAK,MAAM,SAAS,EAAE,CAAC,GAAG;AACnD;AAAA,MAAA;AAAA,IACJ;AAKJ,UAAM,UAAU,WAAW,SAAS,SAAS,eAAe,MAAM;AAG7C,yBAAA,QAAQ,SAAS,IAAI;AAEtC,QAAA;AAEM,YAAA,WAAW,MAAM,UAAU,WAAW,UAAU,SAAS,SAAS,eAAe,MAAM;AAI7F,UAAI,YAAY,qBAAqB,QAAQ,SAAS,GAAG;AACrD;AAAA,MAAA;AAGJ,aAAO,UAAU,SAAS;AAG1B,cAAQ,CAAe,gBAAA;AACnB,cAAM,YAAY,aAAa,WAAW,YAAY,KAAK;AAC3D,cAAM,YAAY;AAAA,UACd;AAAA,UACA,YAAY;AAAA,UACZ,iBAAiB,CAAA,IAAK,YAAY;AAAA,UAClC;AAAA,QACJ;AAGA,yBAAiB,UAAU;AAC3B,yBAAiB,UAAU;AAC3B,wBAAgB,UAAU;AAC1B,+BAAuB,UAAU;AAG7B,YAAA;AAEA,YAAA,kBAAkB,CAAC,WAAW;AAC9B,sBAAY,UAAU;AAAA,YAClB,CAAC,KAAK,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,GAAG,MAAM,KAAK,EAAE,QAAQ,SAAU,CAAA,EAAE,KAAK,MAAS;YAC3E,CAAA;AAAA,UACJ;AAAA,QAAA,OACG;AACS,sBAAA,EAAE,GAAG,YAAY,MAAM;AAAA,QAAA;AAG7B,kBAAA,SAAS,IAAI,SAAS;AAGhC,YAAI,cAAc,aAAa,YAAY,KAAK,UAAU,cAAc;AAC9D,gBAAA,eAAe,YAAY,MAAM,CAAC;AACxC,cAAI,iBAAiB,QAAW;AAC5B,mBAAO,UAAU,YAAY;AAAA,UAAA;AAAA,QACjC,WACO,cAAc,cAAc,YAAY,KAAK,UAAU,cAAc;AAC5E,gBAAM,eAAe,YAAY,MAAM,YAAY,MAAM,SAAS,CAAC;AAEnE,cAAI,iBAAiB,QAAW;AAC5B,mBAAO,UAAU,YAAY;AAAA,UAAA;AAAA,QACjC;AAIJ,cAAM,OAAO,OAAO,OAAO,SAAS,EAAE,KAAK;AAEpC,eAAA;AAAA,UACH,OAAO;AAAA,UACP,OAAO;AAAA,UACP;AAAA,UACA,iBAAiB;AAAA,QACrB;AAAA,MAAA,CACH;AAGD,4BAAsB,MAAM;AACjB,eAAA,qBAAqB,QAAQ,SAAS;AAAA,MAAA,CAChD;AAAA,IAAA,QACG;AAAA,IAAA;AAAA,EAER;AAGJ,QAAM,UAAU,OACZ,SACA,SACA,eACA,WACC;AAED,qBAAiB,UAAU;AAC3B,qBAAiB,UAAU;AAC3B,oBAAgB,UAAU;AAC1B,2BAAuB,UAAU;AAE7B,QAAA;AACA,YAAM,WAAW,MAAM,SAAS,SAAS,SAAS,eAAe,MAAM;AACvE,aAAO,UAAU,SAAS;AAE1B,YAAM,QAAkB,CAAC;AACzB,YAAM,QAAiC,CAAC;AACxC,YAAM,YAAY,KAAK,KAAK,SAAS,SAAS,QAAQ;AAEtD,YAAM,KAAK,MAAM,KAAK,EAAE,QAAQ,UAAW,CAAA,EAAE,KAAM,CAAA,EAAE,QAAQ,CAAC,UAAkB;AAC5E,cAAM,KAAK,KAAK;AAChB,cAAM,aAAa,QAAQ;AAC3B,cAAM,KAAK,IAAI,SAAS,KAAK,MAAM,YAAY,aAAa,QAAQ;AAAA,MAAA,CACvE;AAEO,cAAA;AAAA,QACJ;AAAA,QACA;AAAA,QACA,MAAM,SAAS;AAAA,QACf,iBAAiB;AAAA,MAAA,CACpB;AAAA,IAAA,QACG;AAAA,IAAA,UAEN;AAEE,2BAAqB,UAAU,CAAC;AAAA,IAAA;AAAA,EAExC;AAEA,iBAAe,mBACX,kBACA,SACA,SACA,eACA,QACF;;AACE,UAAM,QAAQ,KAAK,MAAM,QAAQ,gBAAgB;AACjD,UAAM,cAAc,CAAC,KAAK,MAAM,QAAQ,CAAC,GAAG,kBAAkB,KAAK,MAAM,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAA,MAAK,MAAM,MAAS;AAIhH,UAAM,UAAU,WAAW,SAAS,SAAS,eAAe,MAAM;AAGlE,yBAAqB,UAAU,YAAY,OAAO,CAAC,OAAOC,YAAW,EAAE,GAAG,OAAO,CAACA,MAAK,GAAG,QAAQ,IAAI,CAAA,CAAE;AAEpG,QAAA;AAEM,YAAA,YAAY,MAAM,QAAQ;AAAA,QAC5B,YAAY,IAAI,CAAA,cAAa,UAAU,WAAW,UAAU,SAAS,SAAS,eAAe,MAAM,CAAC;AAAA,MACxG;AAEO,aAAA,WAAU,eAAU,CAAC,MAAX,mBAAc;AAE/B,YAAM,YAAY;AAGlB,uBAAiB,UAAU;AAC3B,uBAAiB,UAAU;AAC3B,sBAAgB,UAAU;AAC1B,6BAAuB,UAAU;AAGjC,YAAM,YAAqC,UAAU;AAAA,QACjD,CAAC,KAAK,GAAGA,WAAAA;;AAAW,mBAAE,GAAG,KAAK,CAAC,CAAC,KAAGC,MAAA,UAAUD,MAAK,MAAf,gBAAAC,IAAkB,SAAQ,CAAG,EAAA;AAAA;AAAA,QAChE,CAAA;AAAA,MACJ;AAGA,YAAM,OAAO,OAAO,OAAO,SAAS,EAAE,KAAK;AAGnC,cAAA;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP;AAAA,QACA,iBAAiB,YAAY,YAAY,SAAS,CAAC;AAAA,MAAA,CACtD;AAGD,4BAAsB,MAAM;AACxB,6BAAqB,UAAU,CAAC;AAAA,MAAA,CACnC;AAAA,IAAA,QACG;AAAA,IAAA;AAAA,EAER;AAGJ,QAAM,aAAa,YAAY;AAC3B,WAAO,MAAM;AAAA,MACT,eAAe,KAAK,KAAK;AAAA,MACzB,iBAAiB;AAAA,MACjB,iBAAiB;AAAA,MACjB,uBAAuB;AAAA,MACvB,gBAAgB;AAAA,IACpB;AAAA,EACJ;AAEM,QAAA,aAAa,OAAO,YAA+B;AACrD,WAAO,MAAM;AAAA,MACT,eAAe,KAAK,KAAK;AAAA,MACzB;AAAA,MACA,iBAAiB;AAAA,MACjB,uBAAuB;AAAA,MACvB,gBAAgB;AAAA,IACpB;AAAA,EACJ;AACM,QAAA,eAAe,OAAO,SAA8B,kBAA4B;AAC3E,WAAA,MAAM,SAAS,GAAG,iBAAiB,SAAS,SAAS,eAAe,gBAAgB,OAAO;AAAA,EACtG;AACM,QAAA,eAAe,OAAO,QAA4B,kBAA4B;AACzE,WAAA,MAAM,SAAS,GAAG,iBAAiB,SAAS,iBAAiB,SAAS,eAAe,MAAM;AAAA,EACtG;AAEO,SAAA;AAAA,IACH;AAAA,MACI,MAAM,KAAK;AAAA,MACX,OAAO,KAAK;AAAA,MACZ,QAAQ,OAAO;AAAA,MACf;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,gBAAgB;AAAA,MAChB,cAAc;AAAA,MACd;AAAA,MACA,0BAA0B;AAAA,IAC9B;AAAA,IACA;AAAA,EACJ;AACJ;AAEA,SAAS,eAAe,cAAwB;AAC5C,MAAI,aAAa,UAAU,KAAK,aAAa,CAAC,MAAM,QAAW;AAC3D,WAAO,aAAa,CAAC;AAAA,EAAA;AAKzB,QAAM,SAAS,KAAK,MAAM,aAAa,SAAS,CAAC;AACjD,SAAO,aAAa,MAAM;AAC9B;AAEA,SAAS,aAAa,WAAmB,cAAmC;AACxE,MAAI,aAAa,QAAQ;AACrB,UAAM,gBAAgB,aAAa,aAAa,SAAS,CAAC;AAE1D,QAAI,kBAAkB,UAAa,cAAc,gBAAgB,GAAG;AACzD,aAAA;AAAA,IAAA;AAGL,UAAA,iBAAiB,aAAa,CAAC;AAErC,QACK,mBAAmB,UAAa,cAAc,iBAAiB,KAC/D,aAAa,WAAW,KAAK,aAAa,CAAC,MAAM,KAAK,cAAc,aAAa,CAAC,GACrF;AACS,aAAA;AAAA,IAAA;AAAA,EACX;AAGG,SAAA;AACX;AAEA,SAAS,SAAS,WAAmB,mBAAuC,cAAwB,WAAsB;AACtH,MAAI,aAAa,WAAW,cAAc,qBAAqB,aAAa,SAAS,SAAS,IAAI;AACvF,WAAA;AAAA,EAAA;AAGX,MAAI,cAAc,WAAW;AACzB,UAAM,YAAY,aAAa,WAAW,0BAA0B,aAAa,MAAM,CAAC,IAAI;AACrF,WAAA,UAAU,OAAO,SAAS;AAAA,EAAA;AAGrC,MAAI,cAAc,YAAY;AACpB,UAAA,YAAY,aAAa,WAAW,0BAA0B,aAAa,MAAM,GAAG,EAAE,IAAI;AAChG,WAAO,CAAC,SAAS,EAAE,OAAO,SAAS;AAAA,EAAA;AAGvC,SAAO,CAAC,SAAS;AACrB;;"}
+{"version":3,"file":"useTableDataLoader2.cjs","sources":["../../../src/primitives/Table/useTableDataLoader2.ts"],"sourcesContent":["import React from 'react';\nimport {\n    TableColumnFilter,\n    TableColumnSort,\n    TableFilterHandler,\n    TableServerLoadPageHandler,\n    TableServerLoadAllHandler,\n    TableSortHandler,\n    TableSearchHandler,\n} from './types';\nimport { DEFAULT_PAGE_SIZE, useTableDataLoaderOptions } from './useTableDataLoader';\n\nconst DATASET_SIZE_MULTIPLIER = 15;\n\nexport type useTableDataPageFetcher2<TType = unknown> = (\n    pageIndex: number,\n    pageSize: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataAllFetcher2<TType = unknown> = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataLoaderValues2<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    onChangeFilter: TableFilterHandler;\n    onChangeSearch: TableSearchHandler;\n    onChangeSort: TableSortHandler;\n    pageSize: number;\n    pages: number[];\n    _experimentalDataLoader2: boolean;\n};\n\ntype Data<TType = unknown> = {\n    rows: TType[];\n    pages: number[];\n    cache: Record<number, TType[]>;\n    lastFetchedPage: number | undefined;\n};\ntype Direction = 'forward' | 'backward' | undefined;\n\nfunction getDataKey(\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) {\n    return [JSON.stringify(sorting), JSON.stringify(filters), JSON.stringify(hiddenColumns), JSON.stringify(search)].join('_');\n}\n\nexport function useTableDataLoader2<TType = unknown>(\n    fetchPage: useTableDataPageFetcher2<TType>,\n    fetchAll: useTableDataAllFetcher2<TType>,\n    options: useTableDataLoaderOptions = { pageSize: DEFAULT_PAGE_SIZE }\n): [useTableDataLoaderValues2<TType>, () => Promise<void>] {\n    const { pageSize } = options;\n    const DATASET_SIZE = DATASET_SIZE_MULTIPLIER * pageSize;\n\n    // track the data length, we don't know it until the first request\n    const length = React.useRef<number>(undefined);\n    // data will be filled after the first request\n    const [data, setData] = React.useState<Data<TType>>({ rows: [], pages: [], cache: {}, lastFetchedPage: undefined });\n    // track which pages have been loaded to dedupe requests\n    const _pendingPageRequests = React.useRef<Record<number, string>>({});\n    // store last used properties\n    const _lastUsedSorting = React.useRef<TableColumnSort[]>([]);\n    const _lastUsedFilters = React.useRef<TableColumnFilter[]>([]);\n    const _lastUsedHiddenColumns = React.useRef<string[]>([]);\n    const _lastUsedSearch = React.useRef<string | undefined>(undefined);\n\n    async function loadPage(\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[],\n        search: string | undefined\n    ) {\n        const hasDataChanged =\n            JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current) ||\n            JSON.stringify(hiddenColumns) !== JSON.stringify(_lastUsedHiddenColumns.current) ||\n            search !== _lastUsedSearch.current;\n\n        if (hasDataChanged) {\n            // set values so we can use them for invalidate\n            _lastUsedSorting.current = sorting;\n            _lastUsedFilters.current = filters;\n            _lastUsedSearch.current = search;\n            _lastUsedHiddenColumns.current = hiddenColumns;\n\n            // ideally we would have requests to abort, but we don't perform the fetch\n            _pendingPageRequests.current = {};\n\n            // we don't reset cached data here because it would result in a flicker of no data for the user,\n            // instead we reset it in setState below when we have the new data to replace with\n        } else {\n            // if a request is already pending for this page, skip the load\n            if (_pendingPageRequests.current[pageIndex]) {\n                return;\n            }\n\n            // if the page is already loaded, abort\n            if (data.cache[pageIndex] && data.cache[pageIndex][0]) {\n                return;\n            }\n        }\n\n        // we use the dataKey to track whether the fetching data (sorting, filters etc) has changed\n        // if it has changed then we need to ignore all cached or pending requests and load again\n        const dataKey = getDataKey(sorting, filters, hiddenColumns, search);\n\n        // set the page as loading, so that subsequent requests don't retrigger it\n        _pendingPageRequests.current[pageIndex] = dataKey;\n\n        try {\n            // fetch the page\n            const response = await fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns, search);\n\n            // ensure the data hasn't changed since the fetch was initiated, exit if it has\n            // ideally we would use an abort controller here to abort the request, but we don't perform the fetch\n            if (dataKey !== _pendingPageRequests.current[pageIndex]) {\n                return;\n            }\n\n            length.current = response.length;\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData(currentData => {\n                const direction = getDirection(pageIndex, currentData.pages);\n                const nextPages = getPages(\n                    pageIndex,\n                    currentData.lastFetchedPage,\n                    hasDataChanged ? [] : currentData.pages,\n                    direction\n                );\n\n                // set values so we can track if they changed between loads\n                _lastUsedSorting.current = sorting;\n                _lastUsedFilters.current = filters;\n                _lastUsedSearch.current = search;\n                _lastUsedHiddenColumns.current = hiddenColumns;\n\n                // cache data as an object to prevent any duplicates for pages\n                let nextCache: Record<number, TType[]>;\n\n                if (hasDataChanged || !direction) {\n                    nextCache = nextPages.reduce(\n                        (acc, p) => ({ ...acc, [p]: Array.from({ length: pageSize }).fill(undefined) }),\n                        {}\n                    );\n                } else {\n                    nextCache = { ...currentData.cache };\n                }\n\n                nextCache[pageIndex] = response.data;\n\n                // cleanup \"unloaded\" pages\n                if (direction === 'forward' && currentData.rows.length >= DATASET_SIZE) {\n                    const unloadedPage = currentData.pages[0];\n                    if (unloadedPage !== undefined) {\n                        delete nextCache[unloadedPage];\n                    }\n                } else if (direction === 'backward' && currentData.rows.length >= DATASET_SIZE) {\n                    const unloadedPage = currentData.pages[currentData.pages.length - 1];\n\n                    if (unloadedPage !== undefined) {\n                        delete nextCache[unloadedPage];\n                    }\n                }\n\n                // remap rows from the cached data - do it here and not in render to save some performance\n                const rows = Object.values(nextCache).flat();\n\n                return {\n                    cache: nextCache,\n                    pages: nextPages,\n                    rows: rows,\n                    lastFetchedPage: pageIndex,\n                };\n            });\n\n            // reset pending requests - after state has been set\n            requestAnimationFrame(() => {\n                delete _pendingPageRequests.current[pageIndex];\n            });\n        } catch {\n            //\n        }\n    }\n\n    const loadAll = async (\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[],\n        search: string | undefined\n    ) => {\n        // set values so we can track if they changed between loads\n        _lastUsedSorting.current = sorting;\n        _lastUsedFilters.current = filters;\n        _lastUsedSearch.current = search;\n        _lastUsedHiddenColumns.current = hiddenColumns;\n\n        try {\n            const response = await fetchAll(sorting, filters, hiddenColumns, search);\n            length.current = response.length;\n\n            const pages: number[] = [];\n            const cache: Record<number, TType[]> = {};\n            const pageCount = Math.ceil(response.length / pageSize);\n\n            Array.from(Array.from({ length: pageCount }).keys()).forEach((index: number) => {\n                pages.push(index);\n                const startIndex = index * pageSize;\n                cache[index] = response.data.slice(startIndex, startIndex + pageSize);\n            });\n\n            setData({\n                cache,\n                pages,\n                rows: response.data,\n                lastFetchedPage: undefined,\n            });\n        } catch {\n            //\n        } finally {\n            // reset pending requests\n            _pendingPageRequests.current = {};\n        }\n    };\n\n    async function reloadCurrentPages(\n        currentPageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        hiddenColumns: string[],\n        search: string | undefined\n    ) {\n        const index = data.pages.indexOf(currentPageIndex);\n        const pageIndexes = [data.pages[index - 1], currentPageIndex, data.pages[index + 1]].filter(x => x !== undefined);\n\n        // we use the dataKey to track whether the fetching data (sorting, filters etc) has changed\n        // if it has changed then we need to ignore all cached or pending requests and load again\n        const dataKey = getDataKey(sorting, filters, hiddenColumns, search);\n\n        // set the pages as loading, so that subsequent requests don't retrigger them\n        _pendingPageRequests.current = pageIndexes.reduce((accum, index) => ({ ...accum, [index]: dataKey }), {});\n\n        try {\n            // fetch the page\n            const responses = await Promise.all(\n                pageIndexes.map(pageIndex => fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns, search))\n            );\n\n            length.current = responses[0]?.length;\n\n            const nextPages = pageIndexes;\n\n            // set values so we can track if they changed between loads\n            _lastUsedSorting.current = sorting;\n            _lastUsedFilters.current = filters;\n            _lastUsedSearch.current = search;\n            _lastUsedHiddenColumns.current = hiddenColumns;\n\n            // cache data as an object to prevent any duplicates for pages\n            const nextCache: Record<number, TType[]> = nextPages.reduce(\n                (acc, p, index) => ({ ...acc, [p]: responses[index]?.data ?? [] }),\n                {}\n            );\n\n            // remap rows from the cached data - do it here and not in render to save some performance\n            const rows = Object.values(nextCache).flat();\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData({\n                cache: nextCache,\n                pages: nextPages,\n                rows: rows,\n                lastFetchedPage: pageIndexes[pageIndexes.length - 1],\n            });\n\n            // reset pending requests - after state has been set\n            requestAnimationFrame(() => {\n                _pendingPageRequests.current = {};\n            });\n        } catch {\n            //\n        }\n    }\n\n    const invalidate = async () => {\n        return await reloadCurrentPages(\n            getCurrentPage(data.pages),\n            _lastUsedSorting.current,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current,\n            _lastUsedSearch.current\n        );\n    };\n\n    const handleSort = async (sorting: TableColumnSort[]) => {\n        return await reloadCurrentPages(\n            getCurrentPage(data.pages),\n            sorting,\n            _lastUsedFilters.current,\n            _lastUsedHiddenColumns.current,\n            _lastUsedSearch.current\n        );\n    };\n    const handleFilter = async (filters: TableColumnFilter[], hiddenColumns: string[]) => {\n        return await loadPage(0, _lastUsedSorting.current, filters, hiddenColumns, _lastUsedSearch.current);\n    };\n    const handleSearch = async (search: string | undefined, hiddenColumns: string[]) => {\n        return await loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current, hiddenColumns, search);\n    };\n\n    return [\n        {\n            data: data.rows,\n            pages: data.pages,\n            length: length.current,\n            loadAll,\n            loadPage,\n            onChangeFilter: handleFilter,\n            onChangeSearch: handleSearch,\n            onChangeSort: handleSort,\n            pageSize,\n            _experimentalDataLoader2: true,\n        },\n        invalidate,\n    ];\n}\n\nfunction getCurrentPage(currentPages: number[]) {\n    if (currentPages.length <= 2 && currentPages[0] !== undefined) {\n        return currentPages[0];\n    }\n\n    // for even page lengths we can't know which is the current visible page - it could even be both\n    // so we load one of them and rely on the \"load next/previous page\" functionality in row\n    const middle = Math.floor(currentPages.length / 2);\n    return currentPages[middle] as number;\n}\n\nfunction getDirection(pageIndex: number, currentPages: number[]): Direction {\n    if (currentPages.length) {\n        const lastPageIndex = currentPages[currentPages.length - 1];\n\n        if (lastPageIndex !== undefined && pageIndex === lastPageIndex + 1) {\n            return 'forward';\n        }\n\n        const firstPageIndex = currentPages[0];\n\n        if (\n            (firstPageIndex !== undefined && pageIndex === firstPageIndex - 1) ||\n            (currentPages.length === 2 && currentPages[0] !== 0 && pageIndex === currentPages[0])\n        ) {\n            return 'backward';\n        }\n    }\n\n    return undefined;\n}\n\nfunction getPages(pageIndex: number, lastUsedPageIndex: number | undefined, currentPages: number[], direction: Direction) {\n    if (currentPages.length && (pageIndex === lastUsedPageIndex || currentPages.includes(pageIndex))) {\n        return currentPages;\n    }\n\n    if (direction === 'forward') {\n        const nextPages = currentPages.length === DATASET_SIZE_MULTIPLIER ? currentPages.slice(1) : currentPages;\n        return nextPages.concat(pageIndex);\n    }\n\n    if (direction === 'backward') {\n        const nextPages = currentPages.length === DATASET_SIZE_MULTIPLIER ? currentPages.slice(0, -1) : currentPages;\n        return [pageIndex].concat(nextPages);\n    }\n\n    return [pageIndex];\n}\n"],"names":["DEFAULT_PAGE_SIZE","index"],"mappings":"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"}

package/dist/primitives/Table/useTableDataLoader2.js

@@ -113,7 +113,6 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
     }
   };
   async function reloadCurrentPages(currentPageIndex, sorting, filters, hiddenColumns, search) {
-    var _a;
     const index = data.pages.indexOf(currentPageIndex);
     const pageIndexes = [data.pages[index - 1], currentPageIndex, data.pages[index + 1]].filter((x) => x !== void 0);
     const dataKey = getDataKey(sorting, filters, hiddenColumns, search);
@@ -122,17 +121,14 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
       const responses = await Promise.all(
         pageIndexes.map((pageIndex) => fetchPage(pageIndex, pageSize, sorting, filters, hiddenColumns, search))
       );
-      length.current = (_a = responses[0]) == null ? void 0 : _a.length;
+      length.current = responses[0]?.length;
       const nextPages = pageIndexes;
       _lastUsedSorting.current = sorting;
       _lastUsedFilters.current = filters;
       _lastUsedSearch.current = search;
       _lastUsedHiddenColumns.current = hiddenColumns;
       const nextCache = nextPages.reduce(
-        (acc, p, index2) => {
-          var _a2;
-          return { ...acc, [p]: ((_a2 = responses[index2]) == null ? void 0 : _a2.data) ?? [] };
-        },
+        (acc, p, index2) => ({ ...acc, [p]: responses[index2]?.data ?? [] }),
         {}
       );
       const rows = Object.values(nextCache).flat();