@economic/taco 2.49.0-server.1 → 2.49.0-server.2

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

@@ -1 +1 @@
-{"version":3,"file":"useTableServerLoading.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/features/useTableServerLoading.ts"],"sourcesContent":["import React from 'react';\nimport { TableServerLoadAllHandler, TableServerLoadAllState, TableServerLoadPageHandler } from '../../types';\nimport { DEFAULT_PAGE_SIZE } from '../../useTableDataLoader';\n\nexport function useTableServerLoading(\n    length: number,\n    loadPage?: TableServerLoadPageHandler,\n    loadAll?: TableServerLoadAllHandler,\n    pages?: number[],\n    pageSize = DEFAULT_PAGE_SIZE,\n    _experimentalDataLoader2 = false\n) {\n    const isEnabled = !!loadPage && !!loadAll;\n    const [isReady, setReady] = React.useState(false);\n    const [loadAllStatus, setLoadedStatus] = React.useState<TableServerLoadAllState>(TableServerLoadAllState.Incomplete);\n\n    let _loadPage: TableServerLoadPageHandler | undefined;\n    let _loadAll: TableServerLoadAllHandler | undefined;\n    let _loadAllIfNeeded: TableServerLoadAllHandler | undefined;\n\n    if (typeof loadPage === 'function') {\n        _loadPage = async (...args) => {\n            if (typeof loadPage === 'function') {\n                await loadPage(...args);\n                setLoadedStatus(TableServerLoadAllState.Incomplete);\n                setReady(true);\n            }\n        };\n    }\n\n    if (typeof loadAll === 'function') {\n        _loadAll = async (...args) => {\n            if (typeof loadAll === 'function') {\n                setLoadedStatus(TableServerLoadAllState.Loading);\n                await loadAll(...args);\n                setLoadedStatus(TableServerLoadAllState.Completed);\n                setReady(true);\n            }\n        };\n\n        _loadAllIfNeeded = async (...args) => {\n            if (loadAllStatus === TableServerLoadAllState.Incomplete) {\n                await _loadAll?.(...args);\n            }\n        };\n    }\n\n    const pageCount = Math.ceil(length / pageSize);\n\n    return {\n        pages,\n        isEnabled,\n        isReady,\n        loadPage: _loadPage,\n        loadAll: _loadAll,\n        loadAllIfNeeded: _loadAllIfNeeded,\n        loadAllStatus,\n        pageSize,\n        pageCount,\n        _experimentalDataLoader2,\n    };\n}\n"],"names":["useTableServerLoading","length","loadPage","loadAll","pages","pageSize","_experimentalDataLoader2","DEFAULT_PAGE_SIZE","isEnabled","_React$useState","React","useState","isReady","setReady","_React$useState2","TableServerLoadAllState","Incomplete","loadAllStatus","setLoadedStatus","_loadPage","_loadAll","_loadAllIfNeeded","_len","arguments","args","Array","_key","Promise","resolve","apply","then","_temp","e","reject","_len2","_key2","Loading","Completed","_temp2","_len3","_key3","_loadAll2","_temp3","pageCount","Math","ceil","loadAllIfNeeded"],"mappings":"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"}
+{"version":3,"file":"useTableServerLoading.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/features/useTableServerLoading.ts"],"sourcesContent":["import React from 'react';\nimport { TableServerLoadAllHandler, TableServerLoadPageHandler } from '../../types';\nimport { DEFAULT_PAGE_SIZE } from '../../useTableDataLoader';\n\nexport function useTableServerLoading<TType = unknown>(\n    length: number,\n    data: TType[],\n    loadPage?: TableServerLoadPageHandler,\n    loadAll?: TableServerLoadAllHandler,\n    pages?: number[],\n    pageSize = DEFAULT_PAGE_SIZE,\n    _experimentalDataLoader2 = false\n) {\n    const isEnabled = !!loadPage && !!loadAll;\n    const [isReady, setReady] = React.useState(false);\n    const [loading, setLoading] = React.useState<boolean>(false);\n\n    const hasLoadedAll = React.useMemo(() => {\n        if (data.length !== length || !!data.some?.(x => x === undefined)) {\n            return false;\n        }\n\n        return true;\n    }, [data, length]);\n\n    let _loadPage: TableServerLoadPageHandler | undefined;\n    let _loadAll: TableServerLoadAllHandler | undefined;\n    let _loadAllIfNeeded: TableServerLoadAllHandler | undefined;\n\n    if (typeof loadPage === 'function') {\n        _loadPage = async (...args) => {\n            if (typeof loadPage === 'function') {\n                await loadPage(...args);\n                setReady(true);\n            }\n        };\n    }\n\n    if (typeof loadAll === 'function') {\n        _loadAll = async (...args) => {\n            if (typeof loadAll === 'function') {\n                setLoading(true);\n                await loadAll(...args);\n                setLoading(false);\n                setReady(true);\n            }\n        };\n\n        _loadAllIfNeeded = async (...args) => {\n            if (!hasLoadedAll) {\n                await _loadAll?.(...args);\n            }\n        };\n    }\n\n    const pageCount = Math.ceil(length / pageSize);\n\n    return {\n        pages,\n        isEnabled,\n        isReady,\n        loadPage: _loadPage,\n        loadAll: _loadAll,\n        loadAllIfNeeded: _loadAllIfNeeded,\n        loading,\n        pageSize,\n        pageCount,\n        _experimentalDataLoader2,\n    };\n}\n"],"names":["useTableServerLoading","length","data","loadPage","loadAll","pages","pageSize","_experimentalDataLoader2","DEFAULT_PAGE_SIZE","isEnabled","_React$useState","React","useState","isReady","setReady","_React$useState2","loading","setLoading","hasLoadedAll","useMemo","_data$some","some","call","x","undefined","_loadPage","_loadAll","_loadAllIfNeeded","_len","arguments","args","Array","_key","Promise","resolve","apply","then","_temp","e","reject","_len2","_key2","_temp2","_len3","_key3","_loadAll2","_temp3","pageCount","Math","ceil","loadAllIfNeeded"],"mappings":"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"}

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

@@ -26,7 +26,7 @@ function useTableSearchListener(table) {
     if (meta.search.isEnabled) {
       resetHighlightedColumnIndexes(query, table, localization);
     }
-  }, [meta.server.loadAllStatus, meta.search.isEnabled, meta.search.enableGlobalFilter, table.getRowModel().rows.length, query, JSON.stringify(table.getState().sorting)]);
+  }, [meta.server.loading, meta.search.isEnabled, meta.search.enableGlobalFilter, table.getRowModel().rows.length, query, JSON.stringify(table.getState().sorting)]);
 }
 
 export { useTableSearchListener };

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

@@ -1 +1 @@
-{"version":3,"file":"useTableSearchListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableSearchListener.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { resetHighlightedColumnIndexes } from '../util/search';\nimport { useLocalization } from '../../../../components/Provider/Localization';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { getHiddenColumns } from '../util/columns';\n\nexport function useTableSearchListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const localization = useLocalization();\n    const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n    const query = table.getState().globalFilter;\n\n    // Need to re-run search when columns are getting shown/hidden.\n    useLazyEffect(() => {\n        if (meta.search.isEnabled) {\n            const currentFilter = query;\n            requestAnimationFrame(() => {\n                table.resetGlobalFilter();\n                table.setGlobalFilter(currentFilter);\n            });\n\n            if (meta.search.handleSearch && meta.search.enableGlobalFilter && query) {\n                meta.search.handleSearch(query, hiddenColumns);\n            }\n        }\n    }, [hiddenColumns.length]);\n\n    // recalculates highlighted indexes whenever something important changes\n    useLazyEffect(() => {\n        if (meta.search.isEnabled) {\n            resetHighlightedColumnIndexes(query, table, localization);\n        }\n    }, [\n        meta.server.loadAllStatus,\n        meta.search.isEnabled,\n        meta.search.enableGlobalFilter,\n        table.getRowModel().rows.length,\n        query,\n        JSON.stringify(table.getState().sorting),\n    ]);\n}\n"],"names":["useTableSearchListener","table","meta","options","localization","useLocalization","hiddenColumns","getHiddenColumns","getState","columnVisibility","query","globalFilter","useLazyEffect","search","isEnabled","currentFilter","requestAnimationFrame","resetGlobalFilter","setGlobalFilter","handleSearch","enableGlobalFilter","length","resetHighlightedColumnIndexes","server","loadAllStatus","getRowModel","rows","JSON","stringify","sorting"],"mappings":";;;;;SAMgBA,sBAAsBA,CAAkBC,KAAwB;EAC5E,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAA6B;EACxD,IAAME,YAAY,GAAGC,eAAe,EAAE;EACtC,IAAMC,aAAa,GAAGC,gBAAgB,CAACN,KAAK,CAACO,QAAQ,EAAE,CAACC,gBAAgB,CAAC;EACzE,IAAMC,KAAK,GAAGT,KAAK,CAACO,QAAQ,EAAE,CAACG,YAAY;;EAG3CC,aAAa,CAAC;IACV,IAAIV,IAAI,CAACW,MAAM,CAACC,SAAS,EAAE;MACvB,IAAMC,aAAa,GAAGL,KAAK;MAC3BM,qBAAqB,CAAC;QAClBf,KAAK,CAACgB,iBAAiB,EAAE;QACzBhB,KAAK,CAACiB,eAAe,CAACH,aAAa,CAAC;OACvC,CAAC;MAEF,IAAIb,IAAI,CAACW,MAAM,CAACM,YAAY,IAAIjB,IAAI,CAACW,MAAM,CAACO,kBAAkB,IAAIV,KAAK,EAAE;QACrER,IAAI,CAACW,MAAM,CAACM,YAAY,CAACT,KAAK,EAAEJ,aAAa,CAAC;;;GAGzD,EAAE,CAACA,aAAa,CAACe,MAAM,CAAC,CAAC;;EAG1BT,aAAa,CAAC;IACV,IAAIV,IAAI,CAACW,MAAM,CAACC,SAAS,EAAE;MACvBQ,6BAA6B,CAACZ,KAAK,EAAET,KAAK,EAAEG,YAAY,CAAC;;GAEhE,EAAE,CACCF,IAAI,CAACqB,MAAM,CAACC,aAAa,EACzBtB,IAAI,CAACW,MAAM,CAACC,SAAS,EACrBZ,IAAI,CAACW,MAAM,CAACO,kBAAkB,EAC9BnB,KAAK,CAACwB,WAAW,EAAE,CAACC,IAAI,CAACL,MAAM,EAC/BX,KAAK,EACLiB,IAAI,CAACC,SAAS,CAAC3B,KAAK,CAACO,QAAQ,EAAE,CAACqB,OAAO,CAAC,CAC3C,CAAC;AACN;;;;"}
+{"version":3,"file":"useTableSearchListener.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/listeners/useTableSearchListener.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { resetHighlightedColumnIndexes } from '../util/search';\nimport { useLocalization } from '../../../../components/Provider/Localization';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { getHiddenColumns } from '../util/columns';\n\nexport function useTableSearchListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const localization = useLocalization();\n    const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n    const query = table.getState().globalFilter;\n\n    // Need to re-run search when columns are getting shown/hidden.\n    useLazyEffect(() => {\n        if (meta.search.isEnabled) {\n            const currentFilter = query;\n            requestAnimationFrame(() => {\n                table.resetGlobalFilter();\n                table.setGlobalFilter(currentFilter);\n            });\n\n            if (meta.search.handleSearch && meta.search.enableGlobalFilter && query) {\n                meta.search.handleSearch(query, hiddenColumns);\n            }\n        }\n    }, [hiddenColumns.length]);\n\n    // recalculates highlighted indexes whenever something important changes\n    useLazyEffect(() => {\n        if (meta.search.isEnabled) {\n            resetHighlightedColumnIndexes(query, table, localization);\n        }\n    }, [\n        meta.server.loading,\n        meta.search.isEnabled,\n        meta.search.enableGlobalFilter,\n        table.getRowModel().rows.length,\n        query,\n        JSON.stringify(table.getState().sorting),\n    ]);\n}\n"],"names":["useTableSearchListener","table","meta","options","localization","useLocalization","hiddenColumns","getHiddenColumns","getState","columnVisibility","query","globalFilter","useLazyEffect","search","isEnabled","currentFilter","requestAnimationFrame","resetGlobalFilter","setGlobalFilter","handleSearch","enableGlobalFilter","length","resetHighlightedColumnIndexes","server","loading","getRowModel","rows","JSON","stringify","sorting"],"mappings":";;;;;SAMgBA,sBAAsBA,CAAkBC,KAAwB;EAC5E,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAA6B;EACxD,IAAME,YAAY,GAAGC,eAAe,EAAE;EACtC,IAAMC,aAAa,GAAGC,gBAAgB,CAACN,KAAK,CAACO,QAAQ,EAAE,CAACC,gBAAgB,CAAC;EACzE,IAAMC,KAAK,GAAGT,KAAK,CAACO,QAAQ,EAAE,CAACG,YAAY;;EAG3CC,aAAa,CAAC;IACV,IAAIV,IAAI,CAACW,MAAM,CAACC,SAAS,EAAE;MACvB,IAAMC,aAAa,GAAGL,KAAK;MAC3BM,qBAAqB,CAAC;QAClBf,KAAK,CAACgB,iBAAiB,EAAE;QACzBhB,KAAK,CAACiB,eAAe,CAACH,aAAa,CAAC;OACvC,CAAC;MAEF,IAAIb,IAAI,CAACW,MAAM,CAACM,YAAY,IAAIjB,IAAI,CAACW,MAAM,CAACO,kBAAkB,IAAIV,KAAK,EAAE;QACrER,IAAI,CAACW,MAAM,CAACM,YAAY,CAACT,KAAK,EAAEJ,aAAa,CAAC;;;GAGzD,EAAE,CAACA,aAAa,CAACe,MAAM,CAAC,CAAC;;EAG1BT,aAAa,CAAC;IACV,IAAIV,IAAI,CAACW,MAAM,CAACC,SAAS,EAAE;MACvBQ,6BAA6B,CAACZ,KAAK,EAAET,KAAK,EAAEG,YAAY,CAAC;;GAEhE,EAAE,CACCF,IAAI,CAACqB,MAAM,CAACC,OAAO,EACnBtB,IAAI,CAACW,MAAM,CAACC,SAAS,EACrBZ,IAAI,CAACW,MAAM,CAACO,kBAAkB,EAC9BnB,KAAK,CAACwB,WAAW,EAAE,CAACC,IAAI,CAACL,MAAM,EAC/BX,KAAK,EACLiB,IAAI,CAACC,SAAS,CAAC3B,KAAK,CAACO,QAAQ,EAAE,CAACqB,OAAO,CAAC,CAC3C,CAAC;AACN;;;;"}

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

@@ -66,7 +66,7 @@ function useTableManager(props, meta, internalColumns) {
   var rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);
   var rowSelection = useTableRowSelection(!!options.enableRowSelection);
   var search = useTableSearch(options.enableSearch, props.onChangeSearch, settings.excludeUnmatchedRecordsInSearch);
-  var server = useTableServerLoading(length, props.loadPage, props.loadAll, props.pages, props.pageSize, props._experimentalDataLoader2);
+  var server = useTableServerLoading(length, data, props.loadPage, props.loadAll, props.pages, props.pageSize, props._experimentalDataLoader2);
   // TODO: memoise
   // convert jsx column components into valid table columns
   var _mapTableChildrenToCo = mapTableChildrenToColumns(props, settings, options, internalColumns, localization),

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';\nimport { useLocalization } from '../../../components/Provider/Localization';\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        rowIdentityAccessor: keyof TData;\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        enableEditing?: boolean;\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\n// Placed this array outside the hook to avoid creating a new array reference on each hook re-render\nconst DEFAULT_EMPTY_ARRAY = [];\n\nexport function useTableManager<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta,\n    internalColumns?: useTableManagerInternalColumns<TType>\n) {\n    const localization = useLocalization();\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    // ensure data is always valid\n    const data = props.data ?? DEFAULT_EMPTY_ARRAY;\n    const length = props.length ?? data.length;\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 && !meta?.editing?.isEditing, props.onRowDrag);\n    const rowDrop = useTableRowDrop<TType>(options.enableRowDrop, props.onRowDrop);\n    const rowExpansion = useTableRowExpansion<TType>(\n        options.enableRowExpansion,\n        options.enableRowExpansionAll,\n        props.rowExpansionRenderer\n    );\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, props.onChangeSearch, settings.excludeUnmatchedRecordsInSearch);\n    const server = useTableServerLoading(\n        length,\n        props.loadPage,\n        props.loadAll,\n        props.pages,\n        props.pageSize,\n        props._experimentalDataLoader2\n    );\n\n    // TODO: memoise\n    // convert jsx column components into valid table columns\n    const { columns, ...defaultState } = mapTableChildrenToColumns<TType>(\n        props,\n        settings,\n        options,\n        internalColumns,\n        localization\n    );\n\n    // configure initial table state\n    const initialState = useReactTableInitialState<TType>(props, columns, settings, defaultState);\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, localization),\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            rowIdentityAccessor: props.rowIdentityAccessor,\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":["DEFAULT_EMPTY_ARRAY","useTableManager","props","meta","internalColumns","localization","useLocalization","safeId","id","replace","options","getTableFeaturePreset","_useTableSettings","useTableSettings","enableSaveSettings","defaultSettings","onChangeSettings","settings","setSettings","data","_props$data","length","_props$length","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","_meta$editing","editing","isEditing","onRowDrag","rowDrop","useTableRowDrop","enableRowDrop","onRowDrop","rowExpansion","useTableRowExpansion","enableRowExpansion","enableRowExpansionAll","rowExpansionRenderer","rowGoto","useTableRowGoto","enableRowGoto","onRowGoto","rowGroups","useTableRowGroups","rowActionsForGroup","rowHeight","useTableRowHeight","enableRowHeight","rowSelection","useTableRowSelection","enableRowSelection","search","useTableSearch","enableSearch","onChangeSearch","excludeUnmatchedRecordsInSearch","server","useTableServerLoading","loadPage","loadAll","pages","pageSize","_experimentalDataLoader2","_mapTableChildrenToCo","mapTableChildrenToColumns","columns","defaultState","_objectWithoutPropertiesLoose","_excluded","initialState","useReactTableInitialState","instance","useReactTable","_extends","getCoreRowModel","configureReactTableOptions","enableGlobalFilter","rowIdentityAccessor","useTableDataListener","useTableFilterListener","onChangeFilter","useTableFontSizeListener","useTableRowHeightListener","useTableRowSelectionListener","onRowSelect","useTableSearchListener","useTableServerLoadingListener","useTableSettingsListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onChangeSort","_instance$options$met","state","getState"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgGA;AACA,IAAMA,mBAAmB,GAAG,EAAE;SAEdC,eAAeA,CAC3BC,KAAwB,EACxBC,IAA6C,EAC7CC,eAAuD;;EAEvD,IAAMC,YAAY,GAAGC,eAAe,EAAE;;EAEtC,IAAMC,MAAM,GAAGL,KAAK,CAACM,EAAE,CAACC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;;EAEzC,IAAMC,OAAO,GAAGC,qBAAqB,CAACT,KAAK,CAAC;;EAG5C,IAAAU,iBAAA,GAAgCC,gBAAgB,CAC5CH,OAAO,CAACI,kBAAkB,EAC1BP,MAAM,EACNL,KAAK,CAACa,eAAe,EACrBb,KAAK,CAACc,gBAAgB,CACzB;IALMC,QAAQ,GAAAL,iBAAA;IAAEM,WAAW,GAAAN,iBAAA;;EAQ5B,IAAMO,IAAI,IAAAC,WAAA,GAAGlB,KAAK,CAACiB,IAAI,cAAAC,WAAA,cAAAA,WAAA,GAAIpB,mBAAmB;EAC9C,IAAMqB,MAAM,IAAAC,aAAA,GAAGpB,KAAK,CAACmB,MAAM,cAAAC,aAAA,cAAAA,aAAA,GAAIH,IAAI,CAACE,MAAM;;EAG1C,IAAME,cAAc,GAAGC,sBAAsB,CAACd,OAAO,CAACe,oBAAoB,CAAC;EAC3E,IAAMC,cAAc,GAAGC,sBAAsB,CAACjB,OAAO,CAACkB,oBAAoB,CAAC;EAC3E,IAAMC,QAAQ,GAAGC,gBAAgB,CAACpB,OAAO,CAACqB,cAAc,EAAEd,QAAQ,CAACY,QAAQ,CAAC;EAC5E,IAAMG,MAAM,GAAGC,cAAc,CAACvB,OAAO,CAACwB,YAAY,CAAC;EACnD,IAAMC,QAAQ,GAAGC,gBAAgB,CAAC1B,OAAO,CAAC2B,cAAc,EAAE9B,MAAM,CAAC;EACjE,IAAM+B,SAAS,GAAGC,iBAAiB,CAAC7B,OAAO,CAAC8B,eAAe,EAAEtC,KAAK,CAACuC,qBAAqB,CAAC;EACzF,IAAMC,UAAU,GAAGC,kBAAkB,CAAQjC,OAAO,CAACkC,gBAAgB,EAAE1C,KAAK,CAACwC,UAAU,EAAExC,KAAK,CAAC2C,gBAAgB,CAAC;EAChH,IAAMC,QAAQ,GAAGC,gBAAgB,CAAQrC,OAAO,CAACsC,cAAc,EAAE9C,KAAK,CAAC+C,UAAU,CAAC;EAClF,IAAMC,OAAO,GAAGC,eAAe,CAAQzC,OAAO,CAAC0C,aAAa,IAAI,EAACjD,IAAI,aAAJA,IAAI,gBAAAkD,aAAA,GAAJlD,IAAI,CAAEmD,OAAO,cAAAD,aAAA,eAAbA,aAAA,CAAeE,SAAS,GAAErD,KAAK,CAACsD,SAAS,CAAC;EAC3G,IAAMC,OAAO,GAAGC,eAAe,CAAQhD,OAAO,CAACiD,aAAa,EAAEzD,KAAK,CAAC0D,SAAS,CAAC;EAC9E,IAAMC,YAAY,GAAGC,oBAAoB,CACrCpD,OAAO,CAACqD,kBAAkB,EAC1BrD,OAAO,CAACsD,qBAAqB,EAC7B9D,KAAK,CAAC+D,oBAAoB,CAC7B;EACD,IAAMC,OAAO,GAAGC,eAAe,CAACzD,OAAO,CAAC0D,aAAa,EAAElE,KAAK,CAACmE,SAAS,CAAC;EACvE,IAAMC,SAAS,GAAGC,iBAAiB,CAACrE,KAAK,CAACsE,kBAAkB,CAAC;EAC7D,IAAMC,SAAS,GAAGC,iBAAiB,CAAChE,OAAO,CAACiE,eAAe,EAAE1D,QAAQ,CAACwD,SAAS,CAAC;EAChF,IAAMG,YAAY,GAAGC,oBAAoB,CAAC,CAAC,CAACnE,OAAO,CAACoE,kBAAkB,CAAC;EACvE,IAAMC,MAAM,GAAGC,cAAc,CAACtE,OAAO,CAACuE,YAAY,EAAE/E,KAAK,CAACgF,cAAc,EAAEjE,QAAQ,CAACkE,+BAA+B,CAAC;EACnH,IAAMC,MAAM,GAAGC,qBAAqB,CAChChE,MAAM,EACNnB,KAAK,CAACoF,QAAQ,EACdpF,KAAK,CAACqF,OAAO,EACbrF,KAAK,CAACsF,KAAK,EACXtF,KAAK,CAACuF,QAAQ,EACdvF,KAAK,CAACwF,wBAAwB,CACjC;;;EAID,IAAAC,qBAAA,GAAqCC,yBAAyB,CAC1D1F,KAAK,EACLe,QAAQ,EACRP,OAAO,EACPN,eAAe,EACfC,YAAY,CACf;IANOwF,OAAO,GAAAF,qBAAA,CAAPE,OAAO;IAAKC,YAAY,GAAAC,6BAAA,CAAAJ,qBAAA,EAAAK,SAAA;;EAShC,IAAMC,YAAY,GAAGC,yBAAyB,CAAQhG,KAAK,EAAE2F,OAAO,EAAE5E,QAAQ,EAAE6E,YAAY,CAAC;;EAG7F,IAAMK,QAAQ,GAAGC,aAAa,CAAAC,QAAA;IAC1BlF,IAAI,EAAJA,IAAI;IACJ0E,OAAO,EAAPA,OAAO;;IAEPI,YAAY,EAAZA,YAAY;IACZK,eAAe,EAAEA,eAAe;KAE7BC,0BAA0B,CAAQ7F,OAAO,EAAER,KAAK,EAAEG,YAAY,CAAC;;IAElEmG,kBAAkB,EAAEzB,MAAM,CAACyB,kBAAkB;;IAE7CrG,IAAI,EAAAkG,QAAA,KAEGlG,IAAI;MACPoB,cAAc,EAAdA,cAAc;MACdG,cAAc,EAAdA,cAAc;MACdG,QAAQ,EAARA,QAAQ;MACRG,MAAM,EAANA,MAAM;MACNX,MAAM,EAANA,MAAM;MACNc,QAAQ,EAARA,QAAQ;MACRO,UAAU,EAAEA,UAAiB;MAC7BJ,SAAS,EAATA,SAAS;MACTQ,QAAQ,EAAEA,QAAe;MACzBI,OAAO,EAAPA,OAAO;MACPO,OAAO,EAAEA,OAAc;MACvBI,YAAY,EAAEA,YAAmB;MACjC4C,mBAAmB,EAAEvG,KAAK,CAACuG,mBAAmB;MAC9CvC,OAAO,EAAPA,OAAO;MACPI,SAAS,EAAEA,SAAgB;MAC3BG,SAAS,EAATA,SAAS;MACTG,YAAY,EAAZA,YAAY;MACZG,MAAM,EAANA,MAAM;MACNK,MAAM,EAANA;;IAEP,CAAC;;EAGFsB,oBAAoB,CAACP,QAAQ,CAAC;EAC9BQ,sBAAsB,CAACR,QAAQ,EAAEjG,KAAK,CAAC0G,cAAc,CAAC;EACtDC,wBAAwB,CAACV,QAAQ,CAAC;EAClCW,yBAAyB,CAACX,QAAQ,CAAC;EACnCY,4BAA4B,CAACZ,QAAQ,EAAEjG,KAAK,CAAC8G,WAAW,CAAC;EACzDC,sBAAsB,CAACd,QAAQ,CAAC;EAChCe,6BAA6B,CAACf,QAAQ,EAAEf,MAAM,CAACE,QAAQ,CAAC;EACxD6B,wBAAwB,CAAChB,QAAQ,EAAEjF,WAAW,CAAC;EAC/CkG,yBAAyB,CAACjB,QAAQ,EAAEjG,KAAK,CAACmH,SAAS,CAAC;EACpDC,uBAAuB,CAACnB,QAAQ,EAAEjG,KAAK,CAACqH,YAAY,CAAC;EAErD,OAAO;IACH/G,EAAE,EAAED,MAAM;IACV4F,QAAQ,EAARA,QAAQ;IACRhG,IAAI,GAAAqH,qBAAA,GAAGrB,QAAQ,CAACzF,OAAO,CAACP,IAAI,cAAAqH,qBAAA,cAAAA,qBAAA,GAAI,EAAoC;IACpEC,KAAK,EAAEtB,QAAQ,CAACuB,QAAQ;GAC3B;AACL;;;;"}
+{"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';\nimport { useLocalization } from '../../../components/Provider/Localization';\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        rowIdentityAccessor: keyof TData;\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        enableEditing?: boolean;\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\n// Placed this array outside the hook to avoid creating a new array reference on each hook re-render\nconst DEFAULT_EMPTY_ARRAY = [];\n\nexport function useTableManager<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta,\n    internalColumns?: useTableManagerInternalColumns<TType>\n) {\n    const localization = useLocalization();\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    // ensure data is always valid\n    const data = props.data ?? DEFAULT_EMPTY_ARRAY;\n    const length = props.length ?? data.length;\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 && !meta?.editing?.isEditing, props.onRowDrag);\n    const rowDrop = useTableRowDrop<TType>(options.enableRowDrop, props.onRowDrop);\n    const rowExpansion = useTableRowExpansion<TType>(\n        options.enableRowExpansion,\n        options.enableRowExpansionAll,\n        props.rowExpansionRenderer\n    );\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, props.onChangeSearch, settings.excludeUnmatchedRecordsInSearch);\n    const server = useTableServerLoading(\n        length,\n        data,\n        props.loadPage,\n        props.loadAll,\n        props.pages,\n        props.pageSize,\n        props._experimentalDataLoader2\n    );\n\n    // TODO: memoise\n    // convert jsx column components into valid table columns\n    const { columns, ...defaultState } = mapTableChildrenToColumns<TType>(\n        props,\n        settings,\n        options,\n        internalColumns,\n        localization\n    );\n\n    // configure initial table state\n    const initialState = useReactTableInitialState<TType>(props, columns, settings, defaultState);\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, localization),\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            rowIdentityAccessor: props.rowIdentityAccessor,\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":["DEFAULT_EMPTY_ARRAY","useTableManager","props","meta","internalColumns","localization","useLocalization","safeId","id","replace","options","getTableFeaturePreset","_useTableSettings","useTableSettings","enableSaveSettings","defaultSettings","onChangeSettings","settings","setSettings","data","_props$data","length","_props$length","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","_meta$editing","editing","isEditing","onRowDrag","rowDrop","useTableRowDrop","enableRowDrop","onRowDrop","rowExpansion","useTableRowExpansion","enableRowExpansion","enableRowExpansionAll","rowExpansionRenderer","rowGoto","useTableRowGoto","enableRowGoto","onRowGoto","rowGroups","useTableRowGroups","rowActionsForGroup","rowHeight","useTableRowHeight","enableRowHeight","rowSelection","useTableRowSelection","enableRowSelection","search","useTableSearch","enableSearch","onChangeSearch","excludeUnmatchedRecordsInSearch","server","useTableServerLoading","loadPage","loadAll","pages","pageSize","_experimentalDataLoader2","_mapTableChildrenToCo","mapTableChildrenToColumns","columns","defaultState","_objectWithoutPropertiesLoose","_excluded","initialState","useReactTableInitialState","instance","useReactTable","_extends","getCoreRowModel","configureReactTableOptions","enableGlobalFilter","rowIdentityAccessor","useTableDataListener","useTableFilterListener","onChangeFilter","useTableFontSizeListener","useTableRowHeightListener","useTableRowSelectionListener","onRowSelect","useTableSearchListener","useTableServerLoadingListener","useTableSettingsListener","useTableShortcutsListener","shortcuts","useTableSortingListener","onChangeSort","_instance$options$met","state","getState"],"mappings":"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"}

package/dist/esm/packages/taco/src/utils/keyboard.js

@@ -17,15 +17,12 @@ function shouldTriggerShortcut(event, key) {
   }
   return event.key.toLowerCase() === keyOptions.key.toLowerCase();
 }
-function createShortcutKeyDownHandler(key, handler, stopPropagation, element) {
+function createShortcutKeyDownHandler(key, handler, stopPropagation) {
   if (stopPropagation === void 0) {
     stopPropagation = true;
   }
   return function (event) {
-    var dialog = document.querySelector('[role="dialog"]');
-    var isOutsideDialog = element && dialog && !dialog.contains(element);
-    if (event.target !== event.currentTarget && isElementInteractive(event.target) && !isPressingMetaKey(event) || isOutsideDialog // Avoid triggering shortcut if dialog is open and element is outside the dialog
-    ) {
+    if (event.target !== event.currentTarget && isElementInteractive(event.target) && !isPressingMetaKey(event)) {
       return;
     }
     var condition = shouldTriggerShortcut(event, key);

package/dist/esm/packages/taco/src/utils/keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.js","sources":["../../../../../../src/utils/keyboard.ts"],"sourcesContent":["import React from 'react';\nimport { isElementInteractive } from './dom';\n\nexport type KeyDownHandlerOptions = { key: string; meta?: boolean; shift?: boolean };\n\nexport function isPressingMetaKey<T = Element>(event: KeyboardEvent | React.KeyboardEvent<T>) {\n    return isMacOs() ? event.metaKey : event.ctrlKey;\n}\n\nexport function shouldTriggerShortcut<T = Element>(\n    event: KeyboardEvent | React.KeyboardEvent<T>,\n    key: string | KeyDownHandlerOptions\n) {\n    const keyOptions: KeyDownHandlerOptions = typeof key === 'string' ? { key, meta: false, shift: false } : key;\n\n    if (\n        (keyOptions.meta && (isMacOs() ? !event.metaKey : !event.ctrlKey)) ||\n        (!keyOptions.meta && (isMacOs() ? event.metaKey : event.ctrlKey))\n    ) {\n        return false;\n    }\n\n    if ((keyOptions.shift && !event.shiftKey) || (keyOptions.shift === false && event.shiftKey)) {\n        return false;\n    }\n\n    return event.key.toLowerCase() === keyOptions.key.toLowerCase();\n}\n\nexport function createShortcutKeyDownHandler<T = Element>(\n    key: string | KeyDownHandlerOptions,\n    handler: (event: KeyboardEvent | React.KeyboardEvent<T>) => void,\n    stopPropagation = true,\n    element?: HTMLElement | null\n) {\n    return function (event: KeyboardEvent | React.KeyboardEvent<T>) {\n        const dialog = document.querySelector('[role=\"dialog\"]');\n        const isOutsideDialog = element && dialog && !dialog.contains(element);\n\n        if (\n            (event.target !== event.currentTarget &&\n                isElementInteractive(event.target as HTMLElement) &&\n                !isPressingMetaKey(event)) ||\n            isOutsideDialog // Avoid triggering shortcut if dialog is open and element is outside the dialog\n        ) {\n            return;\n        }\n\n        const condition = shouldTriggerShortcut(event, key);\n\n        if (condition) {\n            if (stopPropagation) {\n                // stops react handlers bubbling up to global\n                event.stopPropagation();\n                // stops global handlers bubbling up to other global\n                (event as KeyboardEvent).stopImmediatePropagation?.();\n            }\n\n            handler(event);\n        }\n    };\n}\n\nexport const isMacOs = () => window?.navigator.userAgent.includes('Mac');\n"],"names":["isPressingMetaKey","event","isMacOs","metaKey","ctrlKey","shouldTriggerShortcut","key","keyOptions","meta","shift","shiftKey","toLowerCase","createShortcutKeyDownHandler","handler","stopPropagation","element","dialog","document","querySelector","isOutsideDialog","contains","target","currentTarget","isElementInteractive","condition","_event$stopImmediateP","stopImmediatePropagation","call","_window","window","navigator","userAgent","includes"],"mappings":";;SAKgBA,iBAAiBA,CAAcC,KAA6C;EACxF,OAAOC,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO;AACpD;SAEgBC,qBAAqBA,CACjCJ,KAA6C,EAC7CK,GAAmC;EAEnC,IAAMC,UAAU,GAA0B,OAAOD,GAAG,KAAK,QAAQ,GAAG;IAAEA,GAAG,EAAHA,GAAG;IAAEE,IAAI,EAAE,KAAK;IAAEC,KAAK,EAAE;GAAO,GAAGH,GAAG;EAE5G,IACKC,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAG,CAACD,KAAK,CAACE,OAAO,GAAG,CAACF,KAAK,CAACG,OAAO,CAAC,IAChE,CAACG,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO,CAAE,EACnE;IACE,OAAO,KAAK;;EAGhB,IAAKG,UAAU,CAACE,KAAK,IAAI,CAACR,KAAK,CAACS,QAAQ,IAAMH,UAAU,CAACE,KAAK,KAAK,KAAK,IAAIR,KAAK,CAACS,QAAS,EAAE;IACzF,OAAO,KAAK;;EAGhB,OAAOT,KAAK,CAACK,GAAG,CAACK,WAAW,EAAE,KAAKJ,UAAU,CAACD,GAAG,CAACK,WAAW,EAAE;AACnE;SAEgBC,4BAA4BA,CACxCN,GAAmC,EACnCO,OAAgE,EAChEC,eAAe,EACfC,OAA4B;MAD5BD,eAAe;IAAfA,eAAe,GAAG,IAAI;;EAGtB,OAAO,UAAUb,KAA6C;IAC1D,IAAMe,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,iBAAiB,CAAC;IACxD,IAAMC,eAAe,GAAGJ,OAAO,IAAIC,MAAM,IAAI,CAACA,MAAM,CAACI,QAAQ,CAACL,OAAO,CAAC;IAEtE,IACKd,KAAK,CAACoB,MAAM,KAAKpB,KAAK,CAACqB,aAAa,IACjCC,oBAAoB,CAACtB,KAAK,CAACoB,MAAqB,CAAC,IACjD,CAACrB,iBAAiB,CAACC,KAAK,CAAC,IAC7BkB,eAAe;MACjB;MACE;;IAGJ,IAAMK,SAAS,GAAGnB,qBAAqB,CAACJ,KAAK,EAAEK,GAAG,CAAC;IAEnD,IAAIkB,SAAS,EAAE;MACX,IAAIV,eAAe,EAAE;QAAA,IAAAW,qBAAA;;QAEjBxB,KAAK,CAACa,eAAe,EAAE;;QAEtB,CAAAW,qBAAA,GAAAxB,KAAuB,CAACyB,wBAAwB,cAAAD,qBAAA,uBAAhDA,qBAAA,CAAAE,IAAA,CAAA1B,MAAoD;;MAGzDY,OAAO,CAACZ,KAAK,CAAC;;GAErB;AACL;IAEaC,OAAO,GAAG,SAAVA,OAAOA;EAAA,IAAA0B,OAAA;EAAA,QAAAA,OAAA,GAASC,MAAM,cAAAD,OAAA,uBAANA,OAAA,CAAQE,SAAS,CAACC,SAAS,CAACC,QAAQ,CAAC,KAAK,CAAC;AAAA;;;;"}
+{"version":3,"file":"keyboard.js","sources":["../../../../../../src/utils/keyboard.ts"],"sourcesContent":["import React from 'react';\nimport { isElementInteractive } from './dom';\n\nexport type KeyDownHandlerOptions = { key: string; meta?: boolean; shift?: boolean };\n\nexport function isPressingMetaKey<T = Element>(event: KeyboardEvent | React.KeyboardEvent<T>) {\n    return isMacOs() ? event.metaKey : event.ctrlKey;\n}\n\nexport function shouldTriggerShortcut<T = Element>(\n    event: KeyboardEvent | React.KeyboardEvent<T>,\n    key: string | KeyDownHandlerOptions\n) {\n    const keyOptions: KeyDownHandlerOptions = typeof key === 'string' ? { key, meta: false, shift: false } : key;\n\n    if (\n        (keyOptions.meta && (isMacOs() ? !event.metaKey : !event.ctrlKey)) ||\n        (!keyOptions.meta && (isMacOs() ? event.metaKey : event.ctrlKey))\n    ) {\n        return false;\n    }\n\n    if ((keyOptions.shift && !event.shiftKey) || (keyOptions.shift === false && event.shiftKey)) {\n        return false;\n    }\n\n    return event.key.toLowerCase() === keyOptions.key.toLowerCase();\n}\n\nexport function createShortcutKeyDownHandler<T = Element>(\n    key: string | KeyDownHandlerOptions,\n    handler: (event: KeyboardEvent | React.KeyboardEvent<T>) => void,\n    stopPropagation = true\n) {\n    return function (event: KeyboardEvent | React.KeyboardEvent<T>) {\n        if (\n            event.target !== event.currentTarget &&\n            isElementInteractive(event.target as HTMLElement) &&\n            !isPressingMetaKey(event)\n        ) {\n            return;\n        }\n\n        const condition = shouldTriggerShortcut(event, key);\n\n        if (condition) {\n            if (stopPropagation) {\n                // stops react handlers bubbling up to global\n                event.stopPropagation();\n                // stops global handlers bubbling up to other global\n                (event as KeyboardEvent).stopImmediatePropagation?.();\n            }\n\n            handler(event);\n        }\n    };\n}\n\nexport const isMacOs = () => window?.navigator.userAgent.includes('Mac');\n"],"names":["isPressingMetaKey","event","isMacOs","metaKey","ctrlKey","shouldTriggerShortcut","key","keyOptions","meta","shift","shiftKey","toLowerCase","createShortcutKeyDownHandler","handler","stopPropagation","target","currentTarget","isElementInteractive","condition","_event$stopImmediateP","stopImmediatePropagation","call","_window","window","navigator","userAgent","includes"],"mappings":";;SAKgBA,iBAAiBA,CAAcC,KAA6C;EACxF,OAAOC,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO;AACpD;SAEgBC,qBAAqBA,CACjCJ,KAA6C,EAC7CK,GAAmC;EAEnC,IAAMC,UAAU,GAA0B,OAAOD,GAAG,KAAK,QAAQ,GAAG;IAAEA,GAAG,EAAHA,GAAG;IAAEE,IAAI,EAAE,KAAK;IAAEC,KAAK,EAAE;GAAO,GAAGH,GAAG;EAE5G,IACKC,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAG,CAACD,KAAK,CAACE,OAAO,GAAG,CAACF,KAAK,CAACG,OAAO,CAAC,IAChE,CAACG,UAAU,CAACC,IAAI,KAAKN,OAAO,EAAE,GAAGD,KAAK,CAACE,OAAO,GAAGF,KAAK,CAACG,OAAO,CAAE,EACnE;IACE,OAAO,KAAK;;EAGhB,IAAKG,UAAU,CAACE,KAAK,IAAI,CAACR,KAAK,CAACS,QAAQ,IAAMH,UAAU,CAACE,KAAK,KAAK,KAAK,IAAIR,KAAK,CAACS,QAAS,EAAE;IACzF,OAAO,KAAK;;EAGhB,OAAOT,KAAK,CAACK,GAAG,CAACK,WAAW,EAAE,KAAKJ,UAAU,CAACD,GAAG,CAACK,WAAW,EAAE;AACnE;SAEgBC,4BAA4BA,CACxCN,GAAmC,EACnCO,OAAgE,EAChEC,eAAe;MAAfA,eAAe;IAAfA,eAAe,GAAG,IAAI;;EAEtB,OAAO,UAAUb,KAA6C;IAC1D,IACIA,KAAK,CAACc,MAAM,KAAKd,KAAK,CAACe,aAAa,IACpCC,oBAAoB,CAAChB,KAAK,CAACc,MAAqB,CAAC,IACjD,CAACf,iBAAiB,CAACC,KAAK,CAAC,EAC3B;MACE;;IAGJ,IAAMiB,SAAS,GAAGb,qBAAqB,CAACJ,KAAK,EAAEK,GAAG,CAAC;IAEnD,IAAIY,SAAS,EAAE;MACX,IAAIJ,eAAe,EAAE;QAAA,IAAAK,qBAAA;;QAEjBlB,KAAK,CAACa,eAAe,EAAE;;QAEtB,CAAAK,qBAAA,GAAAlB,KAAuB,CAACmB,wBAAwB,cAAAD,qBAAA,uBAAhDA,qBAAA,CAAAE,IAAA,CAAApB,MAAoD;;MAGzDY,OAAO,CAACZ,KAAK,CAAC;;GAErB;AACL;IAEaC,OAAO,GAAG,SAAVA,OAAOA;EAAA,IAAAoB,OAAA;EAAA,QAAAA,OAAA,GAASC,MAAM,cAAAD,OAAA,uBAANA,OAAA,CAAQE,SAAS,CAACC,SAAS,CAACC,QAAQ,CAAC,KAAK,CAAC;AAAA;;;;"}

package/dist/hooks/useGlobalKeyDown.d.ts

@@ -1,2 +1,2 @@
 import { KeyDownHandlerOptions } from '../utils/keyboard';
-export declare const useGlobalKeyDown: (shortcut: string | KeyDownHandlerOptions | undefined, handler: (event: KeyboardEvent) => void, element?: HTMLElement | null | undefined) => void;
+export declare const useGlobalKeyDown: (shortcut: string | KeyDownHandlerOptions | undefined, handler: (event: KeyboardEvent) => void) => void;

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

@@ -90,11 +90,6 @@ export declare type TableScrollToIndexHandler = (index: number, options?: {
 }) => void;
 export declare type TableServerLoadPageHandler = (pageIndex: number, sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined, hiddenColumns: string[]) => Promise<void>;
 export declare type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined, hiddenColumns: string[]) => Promise<void>;
-export declare enum TableServerLoadAllState {
-    Incomplete = 0,
-    Loading = 1,
-    Completed = 2
-}
 export declare type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;
 export declare type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;
 export declare type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];

package/dist/primitives/Table/useTableManager/features/useTableServerLoading.d.ts

@@ -1,12 +1,12 @@
-import { TableServerLoadAllHandler, TableServerLoadAllState, TableServerLoadPageHandler } from '../../types';
-export declare function useTableServerLoading(length: number, loadPage?: TableServerLoadPageHandler, loadAll?: TableServerLoadAllHandler, pages?: number[], pageSize?: number, _experimentalDataLoader2?: boolean): {
+import { TableServerLoadAllHandler, TableServerLoadPageHandler } from '../../types';
+export declare function useTableServerLoading<TType = unknown>(length: number, data: TType[], loadPage?: TableServerLoadPageHandler, loadAll?: TableServerLoadAllHandler, pages?: number[], pageSize?: number, _experimentalDataLoader2?: boolean): {
     pages: number[] | undefined;
     isEnabled: boolean;
     isReady: boolean;
     loadPage: TableServerLoadPageHandler | undefined;
     loadAll: TableServerLoadAllHandler | undefined;
     loadAllIfNeeded: TableServerLoadAllHandler | undefined;
-    loadAllStatus: TableServerLoadAllState;
+    loading: boolean;
     pageSize: number;
     pageCount: number;
     _experimentalDataLoader2: boolean;

package/dist/taco.cjs.development.js

@@ -4453,15 +4453,12 @@ function shouldTriggerShortcut(event, key) {
   }
   return event.key.toLowerCase() === keyOptions.key.toLowerCase();
 }
-function createShortcutKeyDownHandler(key, handler, stopPropagation, element) {
+function createShortcutKeyDownHandler(key, handler, stopPropagation) {
   if (stopPropagation === void 0) {
     stopPropagation = true;
   }
   return function (event) {
-    var dialog = document.querySelector('[role="dialog"]');
-    var isOutsideDialog = element && dialog && !dialog.contains(element);
-    if (event.target !== event.currentTarget && isElementInteractive(event.target) && !isPressingMetaKey(event) || isOutsideDialog // Avoid triggering shortcut if dialog is open and element is outside the dialog
-    ) {
+    if (event.target !== event.currentTarget && isElementInteractive(event.target) && !isPressingMetaKey(event)) {
       return;
     }
     var condition = shouldTriggerShortcut(event, key);
@@ -4482,11 +4479,11 @@ var isMacOs = function isMacOs() {
   return (_window = window) === null || _window === void 0 ? void 0 : _window.navigator.userAgent.includes('Mac');
 };
 
-var useGlobalKeyDown = function useGlobalKeyDown(shortcut, handler, element) {
+var useGlobalKeyDown = function useGlobalKeyDown(shortcut, handler) {
   React__default.useEffect(function () {
     var handleKeyDown;
     if (shortcut) {
-      handleKeyDown = createShortcutKeyDownHandler(shortcut, handler, false, element);
+      handleKeyDown = createShortcutKeyDownHandler(shortcut, handler, false);
       document.addEventListener('keydown', handleKeyDown);
     }
     return function () {
@@ -4509,8 +4506,13 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
   useGlobalKeyDown(shortcut, function (event) {
     var _internalRef$current;
     event === null || event === void 0 ? void 0 : event.preventDefault();
+    var dialog = document.querySelector('[role="dialog"]');
+    // Don't trigger the click on the button if it is outside of the dialog
+    if (dialog && !(dialog !== null && dialog !== void 0 && dialog.contains(internalRef.current))) {
+      return;
+    }
     (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.click();
-  }, internalRef.current);
+  });
   var Tag = props.href ? 'a' : 'button';
   return /*#__PURE__*/React.createElement(Tag, Object.assign({}, otherProps, {
     href: disabled ? undefined : props.href,
@@ -8537,12 +8539,17 @@ var Content$8 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
       if (child.props.shortcut) {
         shortcuts.push(createShortcutKeyDownHandler(child.props.shortcut, function (event) {
           event.preventDefault();
+          var dialog = document.querySelector('[role="dialog"]');
+          // Don't trigger the shortcut if it is outside of the dialog
+          if (dialog && !(dialog !== null && dialog !== void 0 && dialog.contains(internalRef.current))) {
+            return;
+          }
           menu === null || menu === void 0 ? void 0 : menu.open();
           setTimeout(function () {
             var _childrenRefs$current, _childrenRefs$current2;
             return (_childrenRefs$current = childrenRefs.current[index]) === null || _childrenRefs$current === void 0 ? void 0 : (_childrenRefs$current2 = _childrenRefs$current.current) === null || _childrenRefs$current2 === void 0 ? void 0 : _childrenRefs$current2.click();
           }, 1);
-        }, true, childrenRefs.current[index].current));
+        }));
       }
     });
     shortcuts.forEach(function (handler) {
@@ -10235,11 +10242,6 @@ var fixedForwardRef = React__default.forwardRef;
   TableFilterComparator[TableFilterComparator["HasAllOf"] = 12] = "HasAllOf";
   TableFilterComparator[TableFilterComparator["HasNoneOf"] = 13] = "HasNoneOf";
 })(exports.TableFilterComparator || (exports.TableFilterComparator = {}));
-(function (TableServerLoadAllState) {
-  TableServerLoadAllState[TableServerLoadAllState["Incomplete"] = 0] = "Incomplete";
-  TableServerLoadAllState[TableServerLoadAllState["Loading"] = 1] = "Loading";
-  TableServerLoadAllState[TableServerLoadAllState["Completed"] = 2] = "Completed";
-})(exports.TableServerLoadAllState || (exports.TableServerLoadAllState = {}));
 
 var dataTypes = {
   auto: {
@@ -11973,7 +11975,7 @@ function useTableDataLoader(fetchPage, fetchAll, options) {
   }, invalidate];
 }
 
-function useTableServerLoading(length, loadPage, loadAll, pages, pageSize, _experimentalDataLoader2) {
+function useTableServerLoading(length, data, loadPage, loadAll, pages, pageSize, _experimentalDataLoader2) {
   if (pageSize === void 0) {
     pageSize = DEFAULT_PAGE_SIZE;
   }
@@ -11984,9 +11986,18 @@ function useTableServerLoading(length, loadPage, loadAll, pages, pageSize, _expe
   var _React$useState = React__default.useState(false),
     isReady = _React$useState[0],
     setReady = _React$useState[1];
-  var _React$useState2 = React__default.useState(exports.TableServerLoadAllState.Incomplete),
-    loadAllStatus = _React$useState2[0],
-    setLoadedStatus = _React$useState2[1];
+  var _React$useState2 = React__default.useState(false),
+    loading = _React$useState2[0],
+    setLoading = _React$useState2[1];
+  var hasLoadedAll = React__default.useMemo(function () {
+    var _data$some;
+    if (data.length !== length || !!((_data$some = data.some) !== null && _data$some !== void 0 && _data$some.call(data, function (x) {
+      return x === undefined;
+    }))) {
+      return false;
+    }
+    return true;
+  }, [data, length]);
   var _loadPage;
   var _loadAll;
   var _loadAllIfNeeded;
@@ -11999,7 +12010,6 @@ function useTableServerLoading(length, loadPage, loadAll, pages, pageSize, _expe
         var _temp = function () {
           if (typeof loadPage === 'function') {
             return Promise.resolve(loadPage.apply(void 0, args)).then(function () {
-              setLoadedStatus(exports.TableServerLoadAllState.Incomplete);
               setReady(true);
             });
           }
@@ -12018,9 +12028,9 @@ function useTableServerLoading(length, loadPage, loadAll, pages, pageSize, _expe
       try {
         var _temp2 = function () {
           if (typeof loadAll === 'function') {
-            setLoadedStatus(exports.TableServerLoadAllState.Loading);
+            setLoading(true);
             return Promise.resolve(loadAll.apply(void 0, args)).then(function () {
-              setLoadedStatus(exports.TableServerLoadAllState.Completed);
+              setLoading(false);
               setReady(true);
             });
           }
@@ -12036,7 +12046,7 @@ function useTableServerLoading(length, loadPage, loadAll, pages, pageSize, _expe
       }
       try {
         var _temp3 = function () {
-          if (loadAllStatus === exports.TableServerLoadAllState.Incomplete) {
+          if (!hasLoadedAll) {
             var _loadAll2;
             return Promise.resolve((_loadAll2 = _loadAll) === null || _loadAll2 === void 0 ? void 0 : _loadAll2.apply(void 0, args)).then(function () {});
           }
@@ -12055,7 +12065,7 @@ function useTableServerLoading(length, loadPage, loadAll, pages, pageSize, _expe
     loadPage: _loadPage,
     loadAll: _loadAll,
     loadAllIfNeeded: _loadAllIfNeeded,
-    loadAllStatus: loadAllStatus,
+    loading: loading,
     pageSize: pageSize,
     pageCount: pageCount,
     _experimentalDataLoader2: _experimentalDataLoader2
@@ -12269,7 +12279,7 @@ function useTableSearchListener(table) {
     if (meta.search.isEnabled) {
       resetHighlightedColumnIndexes(query, table, localization);
     }
-  }, [meta.server.loadAllStatus, meta.search.isEnabled, meta.search.enableGlobalFilter, table.getRowModel().rows.length, query, JSON.stringify(table.getState().sorting)]);
+  }, [meta.server.loading, meta.search.isEnabled, meta.search.enableGlobalFilter, table.getRowModel().rows.length, query, JSON.stringify(table.getState().sorting)]);
 }
 
 function useTableSettingsListener(table, onChangeSettings) {
@@ -12427,7 +12437,7 @@ function useTableManager(props, meta, internalColumns) {
   var rowHeight = useTableRowHeight(options.enableRowHeight, settings.rowHeight);
   var rowSelection = useTableRowSelection(!!options.enableRowSelection);
   var search = useTableSearch(options.enableSearch, props.onChangeSearch, settings.excludeUnmatchedRecordsInSearch);
-  var server = useTableServerLoading(length, props.loadPage, props.loadAll, props.pages, props.pageSize, props._experimentalDataLoader2);
+  var server = useTableServerLoading(length, data, props.loadPage, props.loadAll, props.pages, props.pageSize, props._experimentalDataLoader2);
   // TODO: memoise
   // convert jsx column components into valid table columns
   var _mapTableChildrenToCo = mapTableChildrenToColumns(props, settings, options, internalColumns, localization),
@@ -13332,7 +13342,7 @@ function Header$4(context) {
     className: "hover:border-blue !-mt-px",
     checked: isAllRowsSelected,
     indeterminate: isSomeRowsSelected && !isAllRowsSelected,
-    loading: tableMeta.server.loadAllStatus === exports.TableServerLoadAllState.Loading,
+    loading: tableMeta.server.loading,
     onChange: handleChange
   }));
 }
@@ -14974,7 +14984,7 @@ function Search$1(props) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SearchInput2, {
     findCurrent: tableMeta.search.currentHighlightColumnIndex !== undefined ? tableMeta.search.currentHighlightColumnIndex + 1 : null,
     findTotal: (_tableMeta$search$hig2 = (_tableMeta$search$hig3 = tableMeta.search.highlightedColumnIndexes) === null || _tableMeta$search$hig3 === void 0 ? void 0 : _tableMeta$search$hig3.length) !== null && _tableMeta$search$hig2 !== void 0 ? _tableMeta$search$hig2 : null,
-    loading: tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loadAllStatus === exports.TableServerLoadAllState.Loading,
+    loading: tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading,
     name: "table-search",
     onClickFindPrevious: handlePreviousResult,
     onClickFindNext: handleNextResult,
@@ -19823,7 +19833,28 @@ function reducer$2(state, action) {
       return state;
   }
 }
-function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, validator) {
+function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIdentityAccessor, validator) {
+  var discardChanges = function discardChanges(rowId, table) {
+    try {
+      // remove any new rows from pinned state before discarding them
+      table.resetRowPinning(true);
+      dispatch({
+        type: 'removeRow',
+        rowId: rowId,
+        payload: {
+          rowIdentityAccessor: rowIdentityAccessor
+        }
+      });
+      var _temp8 = function () {
+        if (typeof handleDiscard === 'function') {
+          return Promise.resolve(handleDiscard()).then(function () {});
+        }
+      }();
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   var saveChanges = function saveChanges(table, rowId) {
     if (rowId === void 0) {
       rowId = undefined;
@@ -19845,12 +19876,13 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
           function _temp6(_result) {
             return _exit ? _result : Promise.resolve(handleSave(changeSet)).then(function () {
               // cleanup changes, we don't need them after saving
-              discardChanges(rowId, table);
-              // show the saved status, then remove it after a delay
-              setRowStatus(rowId, 'saved');
-              setTimeout(function () {
-                setRowStatus(rowId, undefined);
-              }, DELAY_BEFORE_REMOVING_SAVE_STATUS);
+              return Promise.resolve(discardChanges(rowId, table)).then(function () {
+                // show the saved status, then remove it after a delay
+                setRowStatus(rowId, 'saved');
+                setTimeout(function () {
+                  setRowStatus(rowId, undefined);
+                }, DELAY_BEFORE_REMOVING_SAVE_STATUS);
+              });
             });
           }
           var rowChanges = (_changes$rowId = changes[rowId]) !== null && _changes$rowId !== void 0 ? _changes$rowId : {};
@@ -20128,17 +20160,6 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
   function hasChanges(rowId) {
     return rowId ? !!state.changes.rows[rowId] : !!Object.keys(state.changes.rows).length;
   }
-  function discardChanges(rowId, table) {
-    // remove any new rows from pinned state before discarding them
-    table.resetRowPinning(true);
-    dispatch({
-      type: 'removeRow',
-      rowId: rowId,
-      payload: {
-        rowIdentityAccessor: rowIdentityAccessor
-      }
-    });
-  }
   return {
     // row
     getRowValue: getRowValue,
@@ -20165,7 +20186,7 @@ function usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, v
   };
 }
 
-function useTableEditing(isEnabled, handleSave, handleChange, handleCreate, rowIdentityAccessor, validator) {
+function useTableEditing(isEnabled, handleSave, handleChange, handleCreate, handleDiscard, rowIdentityAccessor, validator) {
   var createRow = function createRow(table, scrollToIndex, row) {
     try {
       var _temp2 = function _temp2(_result) {
@@ -20184,12 +20205,11 @@ function useTableEditing(isEnabled, handleSave, handleChange, handleCreate, rowI
             // wait until set states have run
             requestAnimationFrame(function () {
               toggleEditing(true, table, scrollToIndex, false);
-              table.setRowPinning(function (currentState) {
-                var _ref, _currentState$bottom;
-                return _extends({}, currentState, {
-                  bottom: (_ref = (_currentState$bottom = currentState.bottom) !== null && _currentState$bottom !== void 0 ? _currentState$bottom : []) === null || _ref === void 0 ? void 0 : _ref.concat(newRowId)
+              setTimeout(function () {
+                requestAnimationFrame(function () {
+                  return table.getRow(newRowId).pin('bottom');
                 });
-              });
+              }, 150);
             });
           }
         } catch (error) {
@@ -20233,7 +20253,7 @@ function useTableEditing(isEnabled, handleSave, handleChange, handleCreate, rowI
   var _React$useState3 = React__default.useState(undefined),
     lastFocusedCellIndex = _React$useState3[0],
     setLastFocusedCellIndex = _React$useState3[1];
-  var pendingChangesFns = usePendingChangesState(handleSave, handleChange, rowIdentityAccessor, validator);
+  var pendingChangesFns = usePendingChangesState(handleSave, handleChange, handleDiscard, rowIdentityAccessor, validator);
   function toggleEditing(enabled, table, scrollToIndex, doSave) {
     if (doSave === void 0) {
       doSave = true;
@@ -20518,7 +20538,7 @@ function EditingControlCell(props) {
     var _cellRef$current;
     return typeof type === 'function' && !!((_cellRef$current = cellRef.current) !== null && _cellRef$current !== void 0 && _cellRef$current.querySelector('[data-taco="Select2"],[data-taco="switch"],[data-taco="checkbox"]'));
   }, [cellRef.current]);
-  var handleChange = function handleChange(nextValue) {
+  var handleChange = React__default.useCallback(function (nextValue) {
     if (nextValue !== value) {
       tableMeta.editing.setCellValue(cell, rowIndex, nextValue);
       if (hasNonTextControl) {
@@ -20527,17 +20547,17 @@ function EditingControlCell(props) {
         });
       }
     }
-  };
-  function blur() {
+  }, [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex, value]);
+  var blur = React__default.useCallback(function blur() {
     tableMeta.editing.toggleDetailedMode(false);
     tableMeta.editing.onCellChanged(cell, rowIndex, undefined, !hasNonTextControl);
-  }
-  var handleBlur = function handleBlur(event) {
+  }, [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex]);
+  var handleBlur = React__default.useCallback(function (event) {
     if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {
       return;
     }
     blur();
-  };
+  }, [blur]);
   // ensure that blur runs when the cell gets unmounted (when vertically arrow key navigating)
   React__default.useEffect(function () {
     var ref = cellRef.current;
@@ -20935,7 +20955,7 @@ var RENDERERS$1 = {
   cell: Cell$5
 };
 function useTable3(props, ref) {
-  var editing = useTableEditing(props.enableEditing, props.onEditingSave, props.onEditingChange, props.onEditingCreate, props.rowIdentityAccessor, props.validator);
+  var editing = useTableEditing(props.enableEditing, props.onEditingSave, props.onEditingChange, props.onEditingCreate, props.onEditingDiscard, props.rowIdentityAccessor, props.validator);
   var creationEnabled = editing.isEnabled && !!props.onEditingCreate;
   // this gives me the performance heeby jeebies, but can't think of a better way to internalise the state
   var data = React__default.useMemo(function () {
@@ -21048,6 +21068,7 @@ function Alert$1(props) {
       // Add space before and after `messageAnd` text
       links.push(" " + validationTexts.alert.messageAnd + " ");
     }
+    // note: if this row click functionality is removed, indexes can be removed from useEditingState
     var handleClick = function handleClick() {
       // if row is visible
       if (pendingChangeWithError.index > -1) {