@economic/taco 2.30.0 → 2.30.2

package/dist/esm/packages/taco/src/primitives/Table/useTableManager/useTableManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableManager.js","sources":["../../../../../../../../src/primitives/Table/useTableManager/useTableManager.ts"],"sourcesContent":["import { useReactTable, TableMeta as ReactTableMeta, RowData, getCoreRowModel } from '@tanstack/react-table';\nimport {\n    TableColumnAlignment,\n    TableColumnClassNameHandler,\n    TableColumnDataType,\n    TableColumnMenu,\n    TableColumnRenderer,\n    TableColumnRendererControl,\n    TableFilterComparator,\n    TableProps,\n} from '../types';\nimport { useReactTableInitialState, configureReactTableOptions, mapTableChildrenToColumns } from './util/setup';\nimport { getTableFeaturePreset } from './util/presets';\nimport { useTableColumnFreezing } from './features/useTableColumnFreezing';\nimport { useTableColumnOrdering } from './features/useTableColumnOrdering';\nimport { useTableFooter } from './features/useTableFooter';\nimport { useTableFontSize } from './features/useTableFontSize';\nimport { useTablePrinting } from './features/useTablePrinting';\nimport { useTableRowActions } from './features/useTableRowActions';\nimport { useTableRowActive } from './features/useTableRowActive';\nimport { useTableRowClick } from './features/useTableRowClick';\nimport { useTableRowExpansion } from './features/useTableRowExpansion';\nimport { useTableRowGoto } from './features/useTableRowGoto';\nimport { useTableRowGroups } from './features/useTableRowGroups';\nimport { useTableRowHeight } from './features/useTableRowHeight';\nimport { useTableRowSelection } from './features/useTableRowSelection';\nimport { useTableSearch } from './features/useTableSearch';\nimport { useTableServerLoading } from './features/useTableServerLoading';\nimport { useTableSettings } from './features/useTableSettings';\nimport { useTableDataListener } from './listeners/useTableDataListener';\nimport { useTableFilterListener } from './listeners/useTableFilterListener';\nimport { useTableFontSizeListener } from './listeners/useTableFontSizeListener';\nimport { useTableRowHeightListener } from './listeners/useTableRowHeightListener';\nimport { useTableRowSelectionListener } from './listeners/useTableRowSelectionListener';\nimport { useTableSearchListener } from './listeners/useTableSearchListener';\nimport { useTableSettingsListener } from './listeners/useTableSettingsListener';\nimport { useTableShortcutsListener } from './listeners/useTableShortcutsListener';\nimport { useTableSortingListener } from './listeners/useTableSortingListener';\nimport { useTableServerLoadingListener } from './listeners/useTableServerLoadingListener';\nimport { useTableManagerInternalColumns } from './types';\nimport { useTableRowDrag } from './features/useTableRowDrag';\nimport { useTableRowDrop } from './features/useTableRowDrop';\n\n/*\n    EDITING THIS FILE? READ ME FIRST!\n\n    This is a shared, common hook for multiple tables. It's feature set is specifically chosen to support features\n    common across those tables. If you are adding a new feature or changing an existing one, before writing any code\n    in this file ask yourself the question - is this specific to a given table, or is it common to all of them.\n    If you are unsure, ask your team first.\n*/\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        columnFreezing: ReturnType<typeof useTableColumnFreezing>;\n        columnOrdering: ReturnType<typeof useTableColumnOrdering>;\n        fontSize: ReturnType<typeof useTableFontSize>;\n        footer: ReturnType<typeof useTableFooter>;\n        length: number;\n        printing: ReturnType<typeof useTablePrinting>;\n        rowActions: ReturnType<typeof useTableRowActions>;\n        rowActive: ReturnType<typeof useTableRowActive>;\n        rowClick: ReturnType<typeof useTableRowClick>;\n        rowDrag: ReturnType<typeof useTableRowDrag>;\n        rowDrop: ReturnType<typeof useTableRowDrop>;\n        rowExpansion: ReturnType<typeof useTableRowExpansion>;\n        rowGoto: ReturnType<typeof useTableRowGoto>;\n        rowGroups: ReturnType<typeof useTableRowGroups>;\n        rowHeight: ReturnType<typeof useTableRowHeight>;\n        rowIdentityColumnId?: string;\n        rowSelection: ReturnType<typeof useTableRowSelection>;\n        search: ReturnType<typeof useTableSearch>;\n        server: ReturnType<typeof useTableServerLoading>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TData>;\n        control?: TableColumnRendererControl<TData>;\n        dataType?: TableColumnDataType;\n        defaultWidth?: number;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableSearch?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        header: string;\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        renderer?: TableColumnRenderer<TValue, TData>;\n        tooltip?: string;\n    }\n}\n\nexport function useTableManager<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta,\n    internalColumns?: useTableManagerInternalColumns<TType>\n) {\n    // CSS.escape would be best here, but it doesn't seem to work very well\n    const safeId = props.id.replace('.', '_');\n    // configure table options, merging props with presets\n    const options = getTableFeaturePreset(props);\n\n    // load any persisted table settings and merge them with any defaults\n    const [settings, setSettings] = useTableSettings(\n        options.enableSaveSettings,\n        safeId,\n        props.defaultSettings,\n        props.onChangeSettings\n    );\n\n    // configure common custom features\n    const columnFreezing = useTableColumnFreezing(options.enableColumnFreezing);\n    const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);\n    const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);\n    const footer = useTableFooter(options.enableFooter);\n    const printing = useTablePrinting(options.enablePrinting, safeId);\n    const rowActive = useTableRowActive(options.enableRowActive, props.defaultRowActiveIndex);\n    const rowActions = useTableRowActions<TType>(options.enableRowActions, props.rowActions, props.rowActionsLength);\n    const rowClick = useTableRowClick<TType>(options.enableRowClick, props.onRowClick);\n    const rowDrag = useTableRowDrag<TType>(options.enableRowDrag, props.onRowDrag);\n    const rowDrop = useTableRowDrop<TType>(options.enableRowDrop, props.onRowDrop);\n    const rowExpansion = useTableRowExpansion<TType>(options.enableRowExpansion, props.rowExpansionRenderer);\n    const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);\n    const rowGroups = useTableRowGroups(props.rowActionsForGroup);\n    const rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);\n    const rowSelection = useTableRowSelection(options.enableRowSelection);\n    const search = useTableSearch(options.enableSearch, settings.excludeUnmatchedRecordsInSearch);\n    const server = useTableServerLoading(props.loadPage, props.loadAll, props.pageSize);\n\n    // TODO: memoise\n    // convert jsx column components into valid table columns\n    const { columns, ...defaultState } = mapTableChildrenToColumns<TType>(props, settings, options, internalColumns);\n\n    // configure initial table state\n    const initialState = useReactTableInitialState<TType>(props, columns, settings, defaultState);\n\n    // ensure data is always valid\n    const data = props.data ?? [];\n    const length = props.length ?? data.length;\n\n    // create a react-table instance\n    const instance = useReactTable<TType>({\n        data,\n        columns,\n        // configure initial table state\n        initialState,\n        getCoreRowModel: getCoreRowModel<TType>(),\n        // configure react-table built-in features\n        ...configureReactTableOptions<TType>(options, props),\n        // settings that can be toggled by the user, and therefore require our own state\n        enableGlobalFilter: search.enableGlobalFilter,\n        // custom context\n        meta: {\n            // spread features from specific implementations\n            ...meta,\n            columnFreezing,\n            columnOrdering,\n            fontSize,\n            footer,\n            length,\n            printing,\n            rowActions: rowActions as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowActive,\n            rowClick: rowClick as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowDrag,\n            rowDrop: rowDrop as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowExpansion: rowExpansion as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowIdentityColumnId: props.rowIdentityColumnId,\n            rowGoto,\n            rowGroups: rowGroups as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowHeight,\n            rowSelection,\n            search,\n            server,\n        } as ReactTableMeta<TType> & TMeta,\n    });\n\n    // state listeners - we have these so that we don't have to control state outside the table\n    useTableDataListener(instance);\n    useTableFilterListener(instance, props.onChangeFilter);\n    useTableFontSizeListener(instance);\n    useTableRowHeightListener(instance);\n    useTableRowSelectionListener(instance, props.onRowSelect);\n    useTableSearchListener(instance);\n    useTableServerLoadingListener(instance, server.loadPage);\n    useTableSettingsListener(instance, setSettings);\n    useTableShortcutsListener(instance, props.shortcuts);\n    useTableSortingListener(instance, props.onChangeSort);\n\n    return {\n        id: safeId,\n        instance,\n        meta: (instance.options.meta ?? {}) as ReactTableMeta<TType> & TMeta,\n        state: instance.getState(),\n    };\n}\n"],"names":["useTableManager","props","meta","internalColumns","safeId","id","replace","options","getTableFeaturePreset","settings","setSettings","useTableSettings","enableSaveSettings","defaultSettings","onChangeSettings","columnFreezing","useTableColumnFreezing","enableColumnFreezing","columnOrdering","useTableColumnOrdering","enableColumnOrdering","fontSize","useTableFontSize","enableFontSize","footer","useTableFooter","enableFooter","printing","useTablePrinting","enablePrinting","rowActive","useTableRowActive","enableRowActive","defaultRowActiveIndex","rowActions","useTableRowActions","enableRowActions","rowActionsLength","rowClick","useTableRowClick","enableRowClick","onRowClick","rowDrag","useTableRowDrag","enableRowDrag","onRowDrag","rowDrop","useTableRowDrop","enableRowDrop","onRowDrop","rowExpansion","useTableRowExpansion","enableRowExpansion","rowExpansionRenderer","rowGoto","useTableRowGoto","enableRowGoto","onRowGoto","rowGroups","useTableRowGroups","rowActionsForGroup","rowHeight","useTableRowHeight","enableRowHeight","rowSelection","useTableRowSelection","enableRowSelection","search","useTableSearch","enableSearch","excludeUnmatchedRecordsInSearch","server","useTableServerLoading","loadPage","loadAll","pageSize","columns","defaultState","mapTableChildrenToColumns","initialState","useReactTableInitialState","data","_props$data","length","_props$length","instance","useReactTable","getCoreRowModel","configureReactTableOptions","enableGlobalFilter","rowIdentityColumnId","useTableDataListener","useTableFilterListener","onChangeFilter","useTableFontSizeListener","useTableRowHeightListener","useTableRowSelectionListener","onRowSelect","useTableSearchListener","useTableServerLoadingListener","useTableSettingsListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onChangeSort","_instance$options$met","state","getState"],"mappings":"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"}
+{"version":3,"file":"useTableManager.js","sources":["../../../../../../../../src/primitives/Table/useTableManager/useTableManager.ts"],"sourcesContent":["import { useReactTable, TableMeta as ReactTableMeta, RowData, getCoreRowModel } from '@tanstack/react-table';\nimport {\n    TableColumnAlignment,\n    TableColumnClassNameHandler,\n    TableColumnDataType,\n    TableColumnMenu,\n    TableColumnRenderer,\n    TableColumnRendererControl,\n    TableFilterComparator,\n    TableProps,\n} from '../types';\nimport { useReactTableInitialState, configureReactTableOptions, mapTableChildrenToColumns } from './util/setup';\nimport { getTableFeaturePreset } from './util/presets';\nimport { useTableColumnFreezing } from './features/useTableColumnFreezing';\nimport { useTableColumnOrdering } from './features/useTableColumnOrdering';\nimport { useTableFooter } from './features/useTableFooter';\nimport { useTableFontSize } from './features/useTableFontSize';\nimport { useTablePrinting } from './features/useTablePrinting';\nimport { useTableRowActions } from './features/useTableRowActions';\nimport { useTableRowActive } from './features/useTableRowActive';\nimport { useTableRowClick } from './features/useTableRowClick';\nimport { useTableRowExpansion } from './features/useTableRowExpansion';\nimport { useTableRowGoto } from './features/useTableRowGoto';\nimport { useTableRowGroups } from './features/useTableRowGroups';\nimport { useTableRowHeight } from './features/useTableRowHeight';\nimport { useTableRowSelection } from './features/useTableRowSelection';\nimport { useTableSearch } from './features/useTableSearch';\nimport { useTableServerLoading } from './features/useTableServerLoading';\nimport { useTableSettings } from './features/useTableSettings';\nimport { useTableDataListener } from './listeners/useTableDataListener';\nimport { useTableFilterListener } from './listeners/useTableFilterListener';\nimport { useTableFontSizeListener } from './listeners/useTableFontSizeListener';\nimport { useTableRowHeightListener } from './listeners/useTableRowHeightListener';\nimport { useTableRowSelectionListener } from './listeners/useTableRowSelectionListener';\nimport { useTableSearchListener } from './listeners/useTableSearchListener';\nimport { useTableSettingsListener } from './listeners/useTableSettingsListener';\nimport { useTableShortcutsListener } from './listeners/useTableShortcutsListener';\nimport { useTableSortingListener } from './listeners/useTableSortingListener';\nimport { useTableServerLoadingListener } from './listeners/useTableServerLoadingListener';\nimport { useTableManagerInternalColumns } from './types';\nimport { useTableRowDrag } from './features/useTableRowDrag';\nimport { useTableRowDrop } from './features/useTableRowDrop';\n\n/*\n    EDITING THIS FILE? READ ME FIRST!\n\n    This is a shared, common hook for multiple tables. It's feature set is specifically chosen to support features\n    common across those tables. If you are adding a new feature or changing an existing one, before writing any code\n    in this file ask yourself the question - is this specific to a given table, or is it common to all of them.\n    If you are unsure, ask your team first.\n*/\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        columnFreezing: ReturnType<typeof useTableColumnFreezing>;\n        columnOrdering: ReturnType<typeof useTableColumnOrdering>;\n        fontSize: ReturnType<typeof useTableFontSize>;\n        footer: ReturnType<typeof useTableFooter>;\n        length: number;\n        printing: ReturnType<typeof useTablePrinting>;\n        rowActions: ReturnType<typeof useTableRowActions>;\n        rowActive: ReturnType<typeof useTableRowActive>;\n        rowClick: ReturnType<typeof useTableRowClick>;\n        rowDrag: ReturnType<typeof useTableRowDrag>;\n        rowDrop: ReturnType<typeof useTableRowDrop>;\n        rowExpansion: ReturnType<typeof useTableRowExpansion>;\n        rowGoto: ReturnType<typeof useTableRowGoto>;\n        rowGroups: ReturnType<typeof useTableRowGroups>;\n        rowHeight: ReturnType<typeof useTableRowHeight>;\n        rowIdentityColumnId?: string;\n        rowSelection: ReturnType<typeof useTableRowSelection>;\n        search: ReturnType<typeof useTableSearch>;\n        server: ReturnType<typeof useTableServerLoading>;\n    }\n\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TData>;\n        control?: TableColumnRendererControl<TData>;\n        dataType?: TableColumnDataType;\n        defaultWidth?: number;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableSearch?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        header: string;\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        renderer?: TableColumnRenderer<TValue, TData>;\n        tooltip?: string;\n    }\n}\n\nexport function useTableManager<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta,\n    internalColumns?: useTableManagerInternalColumns<TType>\n) {\n    // CSS.escape would be best here, but it doesn't seem to work very well\n    const safeId = props.id.replace('.', '_');\n    // configure table options, merging props with presets\n    const options = getTableFeaturePreset(props);\n\n    // load any persisted table settings and merge them with any defaults\n    const [settings, setSettings] = useTableSettings(\n        options.enableSaveSettings,\n        safeId,\n        props.defaultSettings,\n        props.onChangeSettings\n    );\n\n    // configure common custom features\n    const columnFreezing = useTableColumnFreezing(options.enableColumnFreezing);\n    const columnOrdering = useTableColumnOrdering(options.enableColumnOrdering);\n    const fontSize = useTableFontSize(options.enableFontSize, settings.fontSize);\n    const footer = useTableFooter(options.enableFooter);\n    const printing = useTablePrinting(options.enablePrinting, safeId);\n    const rowActive = useTableRowActive(options.enableRowActive, props.defaultRowActiveIndex);\n    const rowActions = useTableRowActions<TType>(options.enableRowActions, props.rowActions, props.rowActionsLength);\n    const rowClick = useTableRowClick<TType>(options.enableRowClick, props.onRowClick);\n    const rowDrag = useTableRowDrag<TType>(options.enableRowDrag, props.onRowDrag);\n    const rowDrop = useTableRowDrop<TType>(options.enableRowDrop, props.onRowDrop);\n    const rowExpansion = useTableRowExpansion<TType>(options.enableRowExpansion, props.rowExpansionRenderer);\n    const rowGoto = useTableRowGoto(options.enableRowGoto, props.onRowGoto);\n    const rowGroups = useTableRowGroups(props.rowActionsForGroup);\n    const rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);\n    const rowSelection = useTableRowSelection(options.enableRowSelection);\n    const search = useTableSearch(options.enableSearch, settings.excludeUnmatchedRecordsInSearch);\n    const server = useTableServerLoading(props.loadPage, props.loadAll, props.pageSize);\n\n    // TODO: memoise\n    // convert jsx column components into valid table columns\n    const { columns, ...defaultState } = mapTableChildrenToColumns<TType>(props, settings, options, internalColumns);\n\n    // configure initial table state\n    const initialState = useReactTableInitialState<TType>(props, columns, settings, defaultState);\n\n    // ensure data is always valid\n    const data = props.data ?? [];\n    const length = props.length ?? data.length;\n\n    // create a react-table instance\n    const instance = useReactTable<TType>({\n        data,\n        columns,\n        // configure initial table state\n        initialState,\n        getCoreRowModel: getCoreRowModel<TType>(),\n        // configure react-table built-in features\n        ...configureReactTableOptions<TType>(options, props),\n        // settings that can be toggled by the user, and therefore require our own state\n        enableGlobalFilter: search.enableGlobalFilter,\n        // custom context\n        meta: {\n            // spread features from specific implementations\n            ...meta,\n            columnFreezing,\n            columnOrdering,\n            fontSize,\n            footer,\n            length,\n            printing,\n            rowActions: rowActions as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowActive,\n            rowClick: rowClick as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowDrag,\n            rowDrop: rowDrop as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowExpansion: rowExpansion as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowIdentityColumnId: props.rowIdentityColumnId,\n            rowGoto,\n            rowGroups: rowGroups as any, // no other way around ReturnType<typeof X> not supporting generics\n            rowHeight,\n            rowSelection,\n            search,\n            server,\n        } as ReactTableMeta<TType> & TMeta,\n    });\n\n    // state listeners - we have these so that we don't have to control state outside the table\n    useTableDataListener(instance);\n    useTableFilterListener(instance, props.onChangeFilter);\n    useTableFontSizeListener(instance);\n    useTableRowHeightListener(instance);\n    useTableRowSelectionListener(instance, props.onRowSelect);\n    useTableSearchListener(instance, props.onChangeSearch);\n    useTableServerLoadingListener(instance, server.loadPage);\n    useTableSettingsListener(instance, setSettings);\n    useTableShortcutsListener(instance, props.shortcuts);\n    useTableSortingListener(instance, props.onChangeSort);\n\n    return {\n        id: safeId,\n        instance,\n        meta: (instance.options.meta ?? {}) as ReactTableMeta<TType> & TMeta,\n        state: instance.getState(),\n    };\n}\n"],"names":["useTableManager","props","meta","internalColumns","safeId","id","replace","options","getTableFeaturePreset","settings","setSettings","useTableSettings","enableSaveSettings","defaultSettings","onChangeSettings","columnFreezing","useTableColumnFreezing","enableColumnFreezing","columnOrdering","useTableColumnOrdering","enableColumnOrdering","fontSize","useTableFontSize","enableFontSize","footer","useTableFooter","enableFooter","printing","useTablePrinting","enablePrinting","rowActive","useTableRowActive","enableRowActive","defaultRowActiveIndex","rowActions","useTableRowActions","enableRowActions","rowActionsLength","rowClick","useTableRowClick","enableRowClick","onRowClick","rowDrag","useTableRowDrag","enableRowDrag","onRowDrag","rowDrop","useTableRowDrop","enableRowDrop","onRowDrop","rowExpansion","useTableRowExpansion","enableRowExpansion","rowExpansionRenderer","rowGoto","useTableRowGoto","enableRowGoto","onRowGoto","rowGroups","useTableRowGroups","rowActionsForGroup","rowHeight","useTableRowHeight","enableRowHeight","rowSelection","useTableRowSelection","enableRowSelection","search","useTableSearch","enableSearch","excludeUnmatchedRecordsInSearch","server","useTableServerLoading","loadPage","loadAll","pageSize","columns","defaultState","mapTableChildrenToColumns","initialState","useReactTableInitialState","data","_props$data","length","_props$length","instance","useReactTable","getCoreRowModel","configureReactTableOptions","enableGlobalFilter","rowIdentityColumnId","useTableDataListener","useTableFilterListener","onChangeFilter","useTableFontSizeListener","useTableRowHeightListener","useTableRowSelectionListener","onRowSelect","useTableSearchListener","onChangeSearch","useTableServerLoadingListener","useTableSettingsListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onChangeSort","_instance$options$met","state","getState"],"mappings":"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"}

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

@@ -3,7 +3,6 @@ import { ColumnFilter as ReactTableColumnFilter, ColumnFiltersState as ReactTabl
 import { FontSize, FontSizes, ValueOf } from '../../types';
 import { MenuProps } from '../../components/Menu/Menu';
 import { MenuItemProps } from '../../components/Menu/components/Item';
-declare type TODO = any;
 export declare type TableRef = HTMLTableElement & {
     instance: {
         resetFiltering: () => void;
@@ -81,15 +80,16 @@ export declare type TableShortcutHandlerObject<TType = unknown> = {
     meta?: boolean;
     shift?: boolean;
 };
-export declare type TableFilterHandler = (filters: TableColumnFilter[]) => void;
+export declare type TableFilterHandler = (filters: TableColumnFilter[]) => void | Promise<void>;
 export declare type TableFontSize = keyof typeof FontSizes;
 export declare type TablePreset = 'complex' | 'list' | 'simple';
 export declare type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;
 export declare type TableScrollToIndexHandler = (index: number, options?: {
     align: 'start' | 'center' | 'end' | 'auto';
 }) => void;
-export declare type TableServerLoadPageHandler = (pageIndex: number, sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => Promise<void>;
-export declare type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => Promise<void>;
+export declare type TableSearchHandler = (search: string | undefined) => void | Promise<void>;
+export declare type TableServerLoadPageHandler = (pageIndex: number, sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<void>;
+export declare type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<void>;
 export declare enum TableServerLoadAllState {
     Incomplete = 0,
     Loading = 1,
@@ -97,7 +97,7 @@ export declare enum TableServerLoadAllState {
 }
 export declare type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;
 export declare type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;
-export declare type TableSortHandler = (sorting: TableColumnSort[]) => void;
+export declare type TableSortHandler = (sorting: TableColumnSort[]) => void | Promise<void>;
 export declare type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];
 export declare type TableEmptyStateRenderer = () => JSX.Element | null;
 export declare type TableSettings = {
@@ -172,7 +172,7 @@ export declare type TableCommonProps<TType = unknown> = TableFeatureProps & {
     onRowGoto?: TableRowGotoHandler;
     onRowSelect?: TableRowSelectHandler<TType>;
     onChangeFilter?: TableFilterHandler;
-    onChangeSearch?: TODO;
+    onChangeSearch?: TableSearchHandler;
     onChangeSettings?: TableSettingsHandler;
     onChangeSort?: TableSortHandler;
 };
@@ -374,4 +374,3 @@ export declare type TableTexts = {
         tooltip: string;
     };
 };
-export {};

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

@@ -1,10 +1,10 @@
-import { TableColumnFilter, TableColumnSort, TableFilterHandler, TableServerLoadPageHandler, TableServerLoadAllHandler, TableSortHandler } from './types';
+import { TableColumnFilter, TableColumnSort, TableFilterHandler, TableServerLoadPageHandler, TableServerLoadAllHandler, TableSortHandler, TableSearchHandler } from './types';
 export declare const DEFAULT_PAGE_SIZE = 100;
-export declare type useTableDataPageFetcher<TType = unknown> = (pageIndex: number, pageSize: number, sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => Promise<{
+export declare type useTableDataPageFetcher<TType = unknown> = (pageIndex: number, pageSize: number, sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<{
     data: TType[];
     length: number;
 }>;
-export declare type useTableDataAllFetcher<TType = unknown> = (sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => Promise<{
+export declare type useTableDataAllFetcher<TType = unknown> = (sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<{
     data: TType[];
     length: number;
 }>;
@@ -17,7 +17,8 @@ export declare type useTableDataLoaderValues<TType = unknown> = {
     loadAll: TableServerLoadAllHandler;
     loadPage: TableServerLoadPageHandler;
     onChangeFilter: TableFilterHandler;
+    onChangeSearch: TableSearchHandler;
     onChangeSort: TableSortHandler;
     pageSize: number;
 };
-export declare function useTableDataLoader<TType = unknown>(fetch: useTableDataPageFetcher<TType>, fetchAll: useTableDataAllFetcher<TType>, options?: useTableDataLoaderOptions): [useTableDataLoaderValues<TType>, () => void];
+export declare function useTableDataLoader<TType = unknown>(fetchPage: useTableDataPageFetcher<TType>, fetchAll: useTableDataAllFetcher<TType>, options?: useTableDataLoaderOptions): [useTableDataLoaderValues<TType>, () => void];

package/dist/primitives/Table/useTableManager/listeners/useTableSearchListener.d.ts

@@ -1,2 +1,3 @@
 import { Table as ReactTable } from '@tanstack/react-table';
-export declare function useTableSearchListener<TType = unknown>(table: ReactTable<TType>): void;
+import { TableSearchHandler } from '../../types';
+export declare function useTableSearchListener<TType = unknown>(table: ReactTable<TType>, onChangeSearch?: TableSearchHandler): void;

package/dist/taco.cjs.development.js

@@ -10638,7 +10638,7 @@ function _finallyRethrows(body, finalizer) {
 }
 
 const DEFAULT_PAGE_SIZE = 100;
-function useTableDataLoader(fetch, fetchAll, options = {
+function useTableDataLoader(fetchPage, fetchAll, options = {
   pageSize: DEFAULT_PAGE_SIZE
 }) {
   const {
@@ -10654,11 +10654,11 @@ function useTableDataLoader(fetch, fetchAll, options = {
   const _lastUsedFilters = React__default.useRef([]);
   const _lastUsedSearch = React__default.useRef();
   const _forceReset = React__default.useRef(false);
-  const loadPage = function (pageIndex, sorting, filters, search) {
+  const loadPage = function (pageIndex, sorting, filters) {
     try {
       let reset = false;
       // sorting or filters changed, reset everything
-      if (_forceReset.current || search !== _lastUsedSearch.current || JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) || JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)) {
+      if (_forceReset.current || JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) || JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)) {
         _pendingPageRequests.current = {};
         // nuke the dataset so that we "start again" after sorting
         reset = true;
@@ -10674,11 +10674,9 @@ function useTableDataLoader(fetch, fetchAll, options = {
       _lastUsedSorting.current = sorting;
       // set the filters so we can track if it changed between loads
       _lastUsedFilters.current = filters;
-      // set the search so we can track if it changed between loads
-      _lastUsedSearch.current = search;
       const _temp = _finallyRethrows(function () {
         return _catch(function () {
-          return Promise.resolve(fetch(pageIndex, pageSize, sorting, filters, search)).then(function (response) {
+          return Promise.resolve(fetchPage(pageIndex, pageSize, sorting, filters)).then(function (response) {
             // update state, here we do some "magic" to support "load in place"
             setData(currentData => {
               let nextData;
@@ -10707,10 +10705,14 @@ function useTableDataLoader(fetch, fetchAll, options = {
       return Promise.reject(e);
     }
   };
-  const loadAll = function (sorting, filters, search) {
+  const loadAll = function (sorting, filters) {
     try {
+      // set the sorting so we can track if it changed between loads
+      _lastUsedSorting.current = sorting;
+      // set the filters so we can track if it changed between loads
+      _lastUsedFilters.current = filters;
       const _temp2 = _catch(function () {
-        return Promise.resolve(fetchAll(sorting, filters, search)).then(function (response) {
+        return Promise.resolve(fetchAll(sorting, filters)).then(function (response) {
           length.current = response.length;
           setData(() => {
             let nextData;
@@ -10732,22 +10734,52 @@ function useTableDataLoader(fetch, fetchAll, options = {
   const invalidate = function () {
     try {
       _forceReset.current = true;
-      return loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current, _lastUsedSearch.current);
+      return loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current);
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  // we reset the page to 0 whenever sorting, filtering or search changes
+  // search works client side - it fetches all then works client side - so these handlers are a little "weird"
+  // if a search is currently "active", we need to re load all because
   const handleSort = function (sorting) {
     try {
-      return loadPage(0, sorting, _lastUsedFilters.current, _lastUsedSearch.current);
+      // set the sorting so we can track if it changed between loads
+      _lastUsedSorting.current = sorting;
+      if (_lastUsedSearch.current) {
+        // we're searching, which means we need to refetch all with the correct sorting applied
+        loadAll(sorting, _lastUsedFilters.current);
+      } else {
+        // reset the page to 0 whenever sorting
+        loadPage(0, sorting, _lastUsedFilters.current);
+      }
+      return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
   };
   const handleFilter = function (filters) {
     try {
-      return loadPage(0, _lastUsedSorting.current, filters, _lastUsedSearch.current);
+      // set the filters so we can track if it changed between loads
+      _lastUsedFilters.current = filters;
+      if (_lastUsedSearch.current) {
+        // we're searching, which means we need to refetch all with the correct sorting applied
+        loadAll(_lastUsedSorting.current, filters);
+      } else {
+        // reset the page to 0 whenever sorting
+        loadPage(0, _lastUsedSorting.current, filters);
+      }
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleSearch = function (search) {
+    try {
+      // set the search so we can track if it changed between loads
+      _lastUsedSearch.current = search || undefined;
+      // search works client side, and focusing the search field triggers a load of all so we don't actually
+      // want to load anything when search gets changed, we just store the value for other handlers
+      return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
@@ -10758,6 +10790,7 @@ function useTableDataLoader(fetch, fetchAll, options = {
     loadAll,
     loadPage,
     onChangeFilter: handleFilter,
+    onChangeSearch: handleSearch,
     onChangeSort: handleSort,
     pageSize
   }, invalidate];
@@ -11048,14 +11081,18 @@ function resetHighlightedColumnIndexes(value, table) {
   return firstRowIndex;
 }
 
-function useTableSearchListener(table) {
+function useTableSearchListener(table, onChangeSearch) {
   const meta = table.options.meta;
   // recalculates highlighted indexes whenever something important changes
   React__default.useEffect(() => {
     if (meta.search.isEnabled) {
-      resetHighlightedColumnIndexes(table.getState().globalFilter, table);
+      const query = table.getState().globalFilter;
+      resetHighlightedColumnIndexes(query, table);
+      if (typeof onChangeSearch === 'function') {
+        onChangeSearch(query);
+      }
     }
-  }, [meta.server.loadAllStatus, meta.search.isEnabled, meta.search.enableGlobalFilter, table.getRowModel().rows.length, table.getState().globalFilter, JSON.stringify(table.getState().sorting), JSON.stringify(table.getState().columnVisibility)]);
+  }, [meta.server.loadAllStatus, meta.search.isEnabled, meta.search.enableGlobalFilter, table.getRowModel().rows.length, table.getState().globalFilter, JSON.stringify(table.getState().sorting), JSON.stringify(table.getState().columnVisibility), onChangeSearch]);
 }
 
 function useTableSettingsListener(table, onChangeSettings) {
@@ -11141,11 +11178,10 @@ function useTableSortingListener(table, onSort) {
 function useTableServerLoadingListener(table, loadPage) {
   const sorting = table.getState().sorting;
   const columnFilters = table.getState().columnFilters;
-  const search = table.getState().globalFilter;
   // trigger load of the first page on mount
   React__default.useEffect(() => {
     if (loadPage) {
-      loadPage(0, sorting, columnFilters, search);
+      loadPage(0, sorting, columnFilters);
     }
   }, []);
 }
@@ -11246,7 +11282,7 @@ function useTableManager(props, meta, internalColumns) {
   useTableFontSizeListener(instance);
   useTableRowHeightListener(instance);
   useTableRowSelectionListener(instance, props.onRowSelect);
-  useTableSearchListener(instance);
+  useTableSearchListener(instance, props.onChangeSearch);
   useTableServerLoadingListener(instance, server.loadPage);
   useTableSettingsListener(instance, setSettings);
   useTableShortcutsListener(instance, props.shortcuts);
@@ -11544,7 +11580,7 @@ function RowWithServerLoading(props) {
   React__default.useEffect(() => {
     if (inView) {
       var _tableMeta$server$loa, _tableMeta$server;
-      (_tableMeta$server$loa = (_tableMeta$server = tableMeta.server).loadPage) === null || _tableMeta$server$loa === void 0 ? void 0 : _tableMeta$server$loa.call(_tableMeta$server, pageIndex, table.getState().sorting, table.getState().columnFilters, table.getState().globalFilter);
+      (_tableMeta$server$loa = (_tableMeta$server = tableMeta.server).loadPage) === null || _tableMeta$server$loa === void 0 ? void 0 : _tableMeta$server$loa.call(_tableMeta$server, pageIndex, table.getState().sorting, table.getState().columnFilters);
     }
   }, [inView]);
   const groupedCellCount = (_table$getState$group = (_table$getState = table.getState()) === null || _table$getState === void 0 ? void 0 : _table$getState.grouping.length) !== null && _table$getState$group !== void 0 ? _table$getState$group : 0;
@@ -12014,7 +12050,7 @@ function Header$4(context) {
         const _temp = function () {
           if (tableMeta.server.loadAllIfNeeded) {
             // don't pass the search query because we need all data - not filtered data
-            return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+            return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
           }
         }();
         // load all data if that is possible
@@ -12088,7 +12124,7 @@ function Cell$3(context) {
                 const _temp3 = function () {
                   if (tableMeta.server.loadAllIfNeeded && selectedRows.some(row => row.original === undefined)) {
                     // don't pass the search query because we need all data - not filtered data
-                    return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+                    return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
                   }
                 }();
                 return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
@@ -13439,7 +13475,7 @@ function Search$1(props) {
       const _temp = function () {
         if (tableMeta.server.loadAllIfNeeded) {
           // don't pass the search query because we need all data - not filtered data
-          return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+          return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
         }
       }();
       // load all data if that is possible
@@ -15487,7 +15523,7 @@ function Print$1(props) {
       const _temp2 = function () {
         if (tableMeta.server.isEnabled && tableMeta.server.loadAllIfNeeded) {
           const _temp = _catch(function () {
-            return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+            return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
           }, function (error) {
             const errorMessage = `${texts.table.print.error}: ${error}`;
             console.error(errorMessage);