@economic/taco 2.36.3 → 2.37.1

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

@@ -1 +1 @@
-{"version":3,"file":"setup.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/util/setup.ts"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    getExpandedRowModel,\n    getFilteredRowModel,\n    getGroupedRowModel,\n    getSortedRowModel,\n    TableOptions as ReactTableOptions,\n    Row as ReactTableRow,\n    Column as ReactTableColumn,\n    ColumnDef as ReactTableColumnDef,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSizingState as ReactTableColumnSizingState,\n    ColumnSort as ReactTableColumnSort,\n    TableState as ReactTableState,\n    VisibilityState as ReactTableVisibilityState,\n} from '@tanstack/react-table';\nimport get from 'lodash/get';\n\nimport { useTableManagerInternalColumns, useTableManagerInternalColumn } from '../types';\nimport { TableColumnProps, TableFeatureProps, TableGroupProps, TableProps, TableSettings } from '../../types';\nimport { getSortingFn } from './sorting';\nimport { ensureOrdering, freezeUptoExternalColumn, getCellMinWidth, unfreezeAllExternalColumns } from './columns';\nimport { columnFilterFn, globalFilterFn } from './filtering';\nimport { ignoreInternalColumns } from './settings';\n\n// mapping children to react-table columns\nfunction processChildren<TType>(\n    child: React.ReactChild | React.ReactFragment | React.ReactPortal,\n    columns: ReactTableColumnDef<TType>[],\n    defaultSizing: ReactTableColumnSizingState,\n    defaultSorting: ReactTableColumnSort[],\n    defaultVisibility: ReactTableVisibilityState,\n    settings: TableSettings,\n    defaultRowGroupColumnId?: keyof TType\n): ReactTableColumnDef<TType>[] {\n    const columnHelper = createColumnHelper<TType>();\n\n    if (React.isValidElement<TableGroupProps>(child) && child.props.children) {\n        const { children, id, header } = child.props;\n\n        columns.push(\n            columnHelper.group({\n                id,\n                header,\n                columns: React.Children.toArray(children).reduce(\n                    (columns: ReactTableColumnDef<TType>[], child) =>\n                        processChildren<TType>(\n                            child,\n                            columns,\n                            defaultSizing,\n                            defaultSorting,\n                            defaultVisibility,\n                            settings,\n                            defaultRowGroupColumnId\n                        ),\n                    []\n                ),\n                // we don't want to let column groups be grouped/aggregrated\n                enableGrouping: false,\n            })\n        );\n    } else if (React.isValidElement<TableColumnProps<TType>>(child) && (child.props.accessor || child.props.id)) {\n        const {\n            id,\n            accessor: accessorKey = id,\n            // renderers\n            renderer,\n            aggregate,\n            footer,\n            header,\n            // options\n            aggregationFn,\n            defaultHidden,\n            defaultWidth,\n            enableFiltering: enableColumnFilter = true,\n            enableGrouping = false,\n            enableHiding = true,\n            enableOrdering = true,\n            enablePrinting = true,\n            enableResizing = true,\n            enableSearch: enableGlobalFilter = true,\n            enableSorting = true,\n            enableTruncate = false,\n            minWidth: minSize = getCellMinWidth(settings.fontSize),\n            sort,\n            sortFn,\n            ...meta\n        } = child.props;\n\n        if (defaultHidden && enableHiding) {\n            defaultVisibility[id] = false;\n        }\n\n        if (defaultWidth) {\n            defaultSizing[id] = defaultWidth as any;\n        }\n\n        const isGrouped = defaultRowGroupColumnId === id;\n\n        if (child.props.sort !== undefined || isGrouped) {\n            defaultSorting.push({\n                id,\n                desc: sort === 'desc',\n            });\n        }\n\n        const column: ReactTableColumnDef<TType, any> = {\n            id,\n            accessorKey,\n            // To avoid errors caused by undefined row data values, we pass accessorFn as a preventive measure\n            // accessorKey can be dot notated strings, so we use lodash.get to access deeply nested children\n            accessorFn: row => get(row, accessorKey),\n            header: header,\n            // features\n            enableColumnFilter,\n            enableGlobalFilter,\n            enableGrouping,\n            enableHiding: isGrouped ? false : enableHiding,\n            enableResizing,\n            enableSorting,\n            // config - sizing\n            minSize,\n            // meta\n            meta: {\n                ...(meta as any),\n                defaultWidth,\n                enableOrdering: isGrouped ? false : enableOrdering,\n                enablePrinting,\n                enableTruncate,\n                header,\n                renderer,\n            },\n        };\n\n        // renderers\n        if (typeof renderer === 'function') {\n            column.cell = info => renderer(info.getValue(), info.row.original);\n        }\n\n        if (typeof footer === 'function') {\n            column.footer = info =>\n                footer(info.table.getRowModel().rows.flatMap(row => (row.original !== undefined ? row.original : [])));\n        }\n\n        // config - filtering\n        if (enableColumnFilter) {\n            column.filterFn = 'tacoFilter' as any;\n        }\n\n        // config - grouping/aggregation\n        if (enableGrouping) {\n            column.aggregationFn = aggregationFn;\n\n            if (typeof aggregate === 'function') {\n                column.aggregatedCell = info => aggregate(info.getValue(), info.row.original);\n            }\n        }\n\n        // config - sorting\n        if (enableSorting) {\n            column.sortingFn = getSortingFn<TType>(child.props.dataType, sortFn);\n            column.sortDescFirst = false;\n            column.sortUndefined = 1;\n        }\n\n        columns.push(column);\n    }\n\n    return columns;\n}\n\nfunction createInternalColumn<TType = unknown>(\n    id: string,\n    column: useTableManagerInternalColumn<TType>,\n    defaultSizing: ReactTableColumnSizingState\n) {\n    if (column.size) {\n        defaultSizing[id] = column.size;\n    }\n\n    return {\n        id,\n        accessorKey: id,\n        header: column.header,\n        cell: column.renderer,\n        // features\n        enableColumnFilter: false,\n        enableGlobalFilter: false,\n        enableGrouping: false,\n        enableHiding: false,\n        enableResizing: false,\n        enableSorting: false,\n        // config - sizing\n        size: column.size,\n        minSize: column.size,\n        // meta\n        meta: {\n            ...(column.meta as any),\n            enableOrdering: false,\n            enablePrinting: false,\n            enableTruncate: false,\n        },\n    } as ReactTableColumnDef<TType, any>;\n}\n\nexport function mapTableChildrenToColumns<TType = unknown>(\n    props: TableProps<TType>,\n    settings: TableSettings,\n    options: TableFeatureProps<TType>,\n    internalColumns?: useTableManagerInternalColumns<TType>\n) {\n    const { children, defaultRowGroupColumnId } = props;\n    const defaultSizing: ReactTableColumnSizingState = {};\n    const defaultSorting: ReactTableColumnSort[] = [];\n    const defaultVisibility: ReactTableVisibilityState = {};\n\n    const columns = React.Children.toArray(children).reduce(\n        (columns: ReactTableColumnDef<TType>[], child) =>\n            processChildren<TType>(\n                child,\n                columns,\n                defaultSizing,\n                defaultSorting,\n                defaultVisibility,\n                settings,\n                defaultRowGroupColumnId\n            ),\n\n        []\n    );\n\n    if (internalColumns) {\n        if (options.enableRowExpansion && props.rowExpansionRenderer && internalColumns.rowExpansion) {\n            const column = createInternalColumn<TType>('__expansion', internalColumns.rowExpansion, defaultSizing);\n            columns.unshift(column);\n        }\n\n        if ((options.enableRowSelection || options.enableRowSelectionSingle) && internalColumns.rowSelection) {\n            const column = createInternalColumn<TType>('__select', internalColumns.rowSelection, defaultSizing);\n            columns.unshift(column);\n        }\n\n        if (options.enableRowDrag && props.onRowDrag && internalColumns.rowDrag) {\n            const column = createInternalColumn<TType>('__drag', internalColumns.rowDrag, defaultSizing);\n            columns.unshift(column);\n        }\n\n        if (options.enableRowActions && props.rowActions?.length && internalColumns.rowActions) {\n            const column = createInternalColumn<TType>('__actions', internalColumns.rowActions, defaultSizing);\n            columns.push(column);\n        }\n    }\n\n    return { columns, defaultSizing, defaultSorting, defaultVisibility };\n}\n\nexport function configureReactTableOptions<TType = unknown>(options: TableFeatureProps<TType>, props: TableProps<TType>) {\n    const enableRowSelection = options.enableRowSelection || options.enableRowSelectionSingle;\n    const tableOptions: Partial<ReactTableOptions<TType>> = {\n        defaultColumn: {\n            enableColumnFilter: options.enableFiltering || true,\n            enableGrouping: false,\n            enableHiding: options.enableColumnHiding || true,\n            enableResizing: options.enableColumnResizing || true,\n            enableGlobalFilter: options.enableSearch || true,\n            enableSorting: options.enableSorting || true,\n            minSize: 1,\n            // the default is 150, which is a bit random\n            size: 1,\n        },\n        enableColumnFilters: options.enableFiltering ?? false,\n        enableColumnResizing: options.enableColumnResizing ?? false,\n        enableExpanding: options.enableRowExpansion ?? false,\n        enableGrouping: true, // users can't customise row grouping, so it can just be always enabled and left to the defaultRowGroupColumnId prop\n        enableHiding: options.enableColumnHiding ?? false,\n        enablePinning: options.enableColumnFreezing ?? false,\n        enableRowSelection: enableRowSelection ?? false,\n        enableMultiRowSelection: options.enableRowSelectionSingle === true ? false : enableRowSelection,\n        enableSorting: options.enableSorting ?? false,\n        // models for default features\n        getExpandedRowModel: getExpandedRowModel<TType>(),\n        getGroupedRowModel: getGroupedRowModel<TType>(),\n        groupedColumnMode: false,\n    };\n\n    if (tableOptions.enableColumnResizing) {\n        tableOptions.columnResizeMode = 'onChange';\n    }\n\n    if (tableOptions.enableColumnFilters) {\n        // enter controlled filter mode (controlled could be local state, but usually the server)\n        if (props.onChangeFilter) {\n            // tableOptions.manualFiltering = true;\n            // we don't set it because it breaks global filtering (used for search, which is fully client side)\n            //\n            // tableOptions.onColumnFiltersChange = ...\n            // we don't set this because it expects state to be maintained externally, and we don't want\n            // consumers to control state outside the table. instead we have a listener that calls onFilter\n        } else {\n            tableOptions.getFilteredRowModel = getFilteredRowModel<TType>();\n            tableOptions.filterFns = {\n                tacoFilter: (row: ReactTableRow<TType>, columnId: string, filter: any) =>\n                    columnFilterFn(row.getValue(columnId), filter),\n            };\n        }\n    }\n\n    if (options.enableSearch) {\n        // always set these because enableGlobalFilter can be toggled on and off by the user\n        tableOptions.getFilteredRowModel = getFilteredRowModel<TType>();\n        tableOptions.globalFilterFn = globalFilterFn;\n        tableOptions.getColumnCanGlobalFilter = (column: ReactTableColumn<TType>) => column.columnDef.meta?.enableSearch ?? true;\n\n        // enter controlled search mode (controlled could be local state, but usually the server)\n        if (props.onChangeSearch) {\n            // tableOptions.manualFiltering = true;\n            // we don't set this because controlled search is not currently supported, search is always client side\n            //\n            // tableOptions.onGlobalFilterChange = ...\n            // we don't set this because it expects state to be maintained externally, and we don't want\n            // consumers to control state outside the table. instead we have a listener that calls onSearch.\n            //\n            // we also don't always filter when searching, we have the highlight functionality as the default\n            // and filtering can be toggled by the user\n        }\n    }\n\n    if (tableOptions.enableSorting) {\n        // enter controlled sort mode (controlled could be local state, but usually the server)\n        if (props.onChangeSort) {\n            tableOptions.manualSorting = true;\n\n            // tableOptions.onSortingChange = ...\n            // we don't set this because it expects state to be maintained externally, and we don't want\n            // consumers to control state outside the table. instead we have a listener that calls onSort\n        } else {\n            tableOptions.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    return tableOptions;\n}\n\nexport function useReactTableInitialState<TType = unknown>(\n    props: TableProps<TType>,\n    columns: ReactTableColumnDef<TType>[],\n    persistedSettings: TableSettings,\n    defaults: {\n        defaultSizing: ReactTableColumnSizingState;\n        defaultSorting: ReactTableColumnSort[];\n        defaultVisibility: ReactTableVisibilityState;\n    }\n): Partial<ReactTableState> {\n    return React.useMemo(() => {\n        const ignoreNotDefinedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);\n\n        const columnPinning: ReactTableColumnPinningState =\n            persistedSettings.columnPinning ?? props.defaultSettings?.columnPinning ?? {};\n\n        const columnOrder = ensureOrdering<TType>(\n            columns,\n            persistedSettings.columnOrder ?? props.defaultSettings?.columnOrder,\n            columnPinning.left\n        );\n\n        // ensure internal columns are pinned, and are pinned in the correct order\n        if (columnPinning?.left?.length) {\n            columnPinning.left = freezeUptoExternalColumn(\n                columnOrder.indexOf(columnPinning.left[columnPinning.left.length - 1]),\n                columnOrder\n            );\n        } else {\n            if (props.defaultColumnFreezingIndex) {\n                columnPinning.left = freezeUptoExternalColumn(props.defaultColumnFreezingIndex, columnOrder);\n            } else {\n                columnPinning.left = unfreezeAllExternalColumns(columnOrder);\n            }\n        }\n\n        const state: Partial<ReactTableState> = {\n            columnFilters: persistedSettings.columnFilters ?? props.defaultSettings?.columnFilters ?? [],\n            columnOrder,\n            columnPinning,\n            columnSizing: ignoreInternalColumns(\n                persistedSettings.columnSizing ?? props.defaultSettings?.columnSizing ?? defaults.defaultSizing ?? {}\n            ),\n            columnVisibility:\n                persistedSettings.columnVisibility ?? props.defaultSettings?.columnVisibility ?? defaults.defaultVisibility ?? {},\n            globalFilter: persistedSettings.searchQuery ?? props.defaultSettings?.searchQuery,\n            sorting: persistedSettings.sorting\n                ? persistedSettings.sorting.filter(ignoreNotDefinedColumns)\n                : props.defaultSettings?.sorting ?? defaults.defaultSorting,\n        };\n\n        if (props.defaultRowGroupColumnId) {\n            state.grouping = [props.defaultRowGroupColumnId as string];\n            // row groups should (all) always be expanded by default\n            state.expanded = true;\n        }\n\n        return state;\n    }, []);\n}\n"],"names":["processChildren","child","columns","defaultSizing","defaultSorting","defaultVisibility","settings","defaultRowGroupColumnId","columnHelper","createColumnHelper","React","isValidElement","props","children","id","header","push","group","Children","toArray","reduce","enableGrouping","accessor","accessorKey","renderer","aggregate","footer","aggregationFn","defaultHidden","defaultWidth","enableFiltering","enableColumnFilter","enableHiding","enableOrdering","enablePrinting","enableResizing","enableSearch","enableGlobalFilter","enableSorting","enableTruncate","minWidth","minSize","getCellMinWidth","fontSize","sort","sortFn","meta","isGrouped","undefined","desc","column","accessorFn","row","get","cell","info","getValue","original","table","getRowModel","rows","flatMap","filterFn","aggregatedCell","sortingFn","getSortingFn","dataType","sortDescFirst","sortUndefined","createInternalColumn","size","mapTableChildrenToColumns","options","internalColumns","_props$rowActions","enableRowExpansion","rowExpansionRenderer","rowExpansion","unshift","enableRowSelection","enableRowSelectionSingle","rowSelection","enableRowDrag","onRowDrag","rowDrag","enableRowActions","rowActions","length","configureReactTableOptions","tableOptions","defaultColumn","enableColumnHiding","enableColumnResizing","enableColumnFilters","_options$enableFilter","_options$enableColumn","enableExpanding","_options$enableRowExp","_options$enableColumn2","enablePinning","_options$enableColumn3","enableColumnFreezing","enableMultiRowSelection","_options$enableSortin","getExpandedRowModel","getGroupedRowModel","groupedColumnMode","columnResizeMode","onChangeFilter","getFilteredRowModel","filterFns","tacoFilter","columnId","filter","columnFilterFn","globalFilterFn","getColumnCanGlobalFilter","_column$columnDef$met","_column$columnDef$met2","columnDef","onChangeSort","manualSorting","getSortedRowModel","useReactTableInitialState","persistedSettings","defaults","useMemo","ignoreNotDefinedColumns","find","definedColumn","columnPinning","_ref","_persistedSettings$co","_props$defaultSetting","defaultSettings","columnOrder","ensureOrdering","_persistedSettings$co2","_props$defaultSetting2","left","_columnPinning$left","freezeUptoExternalColumn","indexOf","defaultColumnFreezingIndex","unfreezeAllExternalColumns","state","columnFilters","_ref2","_persistedSettings$co3","_props$defaultSetting3","columnSizing","ignoreInternalColumns","_ref3","_ref4","_persistedSettings$co4","_props$defaultSetting4","columnVisibility","_ref5","_ref6","_persistedSettings$co5","_props$defaultSetting5","globalFilter","_persistedSettings$se","searchQuery","_props$defaultSetting6","sorting","_props$defaultSetting7","_props$defaultSetting8","grouping","expanded"],"mappings":"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"}
+{"version":3,"file":"setup.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/util/setup.ts"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    getExpandedRowModel,\n    getFilteredRowModel,\n    getGroupedRowModel,\n    getSortedRowModel,\n    TableOptions as ReactTableOptions,\n    Row as ReactTableRow,\n    Column as ReactTableColumn,\n    ColumnDef as ReactTableColumnDef,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSizingState as ReactTableColumnSizingState,\n    ColumnSort as ReactTableColumnSort,\n    TableState as ReactTableState,\n    VisibilityState as ReactTableVisibilityState,\n} from '@tanstack/react-table';\nimport get from 'lodash/get';\n\nimport { useTableManagerInternalColumns, useTableManagerInternalColumn } from '../types';\nimport { TableColumnProps, TableFeatureProps, TableGroupProps, TableProps, TableSettings } from '../../types';\nimport { getSortingFn } from './sorting';\nimport { ensureOrdering, freezeUptoExternalColumn, getCellMinWidth, unfreezeAllExternalColumns } from './columns';\nimport { columnFilterFn, globalFilterFn } from './filtering';\nimport { ignoreInternalColumns } from './settings';\n\n// mapping children to react-table columns\nfunction processChildren<TType>(\n    child: React.ReactChild | React.ReactFragment | React.ReactPortal,\n    columns: ReactTableColumnDef<TType>[],\n    defaultSizing: ReactTableColumnSizingState,\n    defaultSorting: ReactTableColumnSort[],\n    defaultVisibility: ReactTableVisibilityState,\n    settings: TableSettings,\n    defaultRowGroupColumnId?: keyof TType\n): ReactTableColumnDef<TType>[] {\n    const columnHelper = createColumnHelper<TType>();\n\n    if (React.isValidElement<TableGroupProps>(child) && child.props.children) {\n        const { children, id, header } = child.props;\n\n        columns.push(\n            columnHelper.group({\n                id,\n                header,\n                columns: React.Children.toArray(children).reduce(\n                    (columns: ReactTableColumnDef<TType>[], child) =>\n                        processChildren<TType>(\n                            child,\n                            columns,\n                            defaultSizing,\n                            defaultSorting,\n                            defaultVisibility,\n                            settings,\n                            defaultRowGroupColumnId\n                        ),\n                    []\n                ),\n                // we don't want to let column groups be grouped/aggregrated\n                enableGrouping: false,\n            })\n        );\n    } else if (React.isValidElement<TableColumnProps<TType>>(child) && (child.props.accessor || child.props.id)) {\n        const {\n            id: untypedId,\n            accessor: accessorKey = untypedId,\n            // renderers\n            renderer,\n            aggregate,\n            footer,\n            header,\n            // options\n            aggregationFn,\n            defaultHidden,\n            defaultWidth,\n            enableFiltering: enableColumnFilter = true,\n            enableGrouping = false,\n            enableHiding = true,\n            enableOrdering = true,\n            enablePrinting = true,\n            enableResizing = true,\n            enableSearch: enableGlobalFilter = true,\n            enableSorting = true,\n            enableTruncate = false,\n            minWidth: minSize = getCellMinWidth(settings.fontSize),\n            sort,\n            sortFn,\n            ...meta\n        } = child.props;\n        const id = untypedId as string;\n\n        if (defaultHidden && enableHiding) {\n            defaultVisibility[id] = false;\n        }\n\n        if (defaultWidth) {\n            defaultSizing[id] = defaultWidth as any;\n        }\n\n        const isGrouped = defaultRowGroupColumnId === id;\n\n        if (child.props.sort !== undefined || isGrouped) {\n            defaultSorting.push({\n                id,\n                desc: sort === 'desc',\n            });\n        }\n\n        const column: ReactTableColumnDef<TType, any> = {\n            id,\n            accessorKey,\n            // To avoid errors caused by undefined row data values, we pass accessorFn as a preventive measure\n            // accessorKey can be dot notated strings, so we use lodash.get to access deeply nested children\n            accessorFn: row => get(row, accessorKey),\n            header: header,\n            // features\n            enableColumnFilter,\n            enableGlobalFilter,\n            enableGrouping,\n            enableHiding: isGrouped ? false : enableHiding,\n            enableResizing,\n            enableSorting,\n            // config - sizing\n            minSize,\n            // meta\n            meta: {\n                ...(meta as any),\n                defaultWidth,\n                enableOrdering: isGrouped ? false : enableOrdering,\n                enablePrinting,\n                enableTruncate,\n                header,\n                renderer,\n            },\n        };\n\n        // renderers\n        if (typeof renderer === 'function') {\n            column.cell = info => renderer(info.getValue(), info.row.original);\n        }\n\n        if (typeof footer === 'function') {\n            column.footer = info =>\n                footer(info.table.getRowModel().rows.flatMap(row => (row.original !== undefined ? row.original : [])));\n        }\n\n        // config - filtering\n        if (enableColumnFilter) {\n            column.filterFn = 'tacoFilter' as any;\n        }\n\n        // config - grouping/aggregation\n        if (enableGrouping) {\n            column.aggregationFn = aggregationFn;\n\n            if (typeof aggregate === 'function') {\n                column.aggregatedCell = info => aggregate(info.getValue(), info.row.original);\n            }\n        }\n\n        // config - sorting\n        if (enableSorting) {\n            column.sortingFn = getSortingFn<TType>(child.props.dataType, sortFn);\n            column.sortDescFirst = false;\n            column.sortUndefined = 1;\n        }\n\n        columns.push(column);\n    }\n\n    return columns;\n}\n\nfunction createInternalColumn<TType = unknown>(\n    id: string,\n    column: useTableManagerInternalColumn<TType>,\n    defaultSizing: ReactTableColumnSizingState\n) {\n    if (column.size) {\n        defaultSizing[id] = column.size;\n    }\n\n    return {\n        id,\n        accessorKey: id,\n        header: column.header,\n        cell: column.renderer,\n        // features\n        enableColumnFilter: false,\n        enableGlobalFilter: false,\n        enableGrouping: false,\n        enableHiding: false,\n        enableResizing: false,\n        enableSorting: false,\n        // config - sizing\n        size: column.size,\n        minSize: column.size,\n        // meta\n        meta: {\n            ...(column.meta as any),\n            enableOrdering: false,\n            enablePrinting: false,\n            enableTruncate: false,\n        },\n    } as ReactTableColumnDef<TType, any>;\n}\n\nexport function mapTableChildrenToColumns<TType = unknown>(\n    props: TableProps<TType>,\n    settings: TableSettings,\n    options: TableFeatureProps<TType>,\n    internalColumns?: useTableManagerInternalColumns<TType>\n) {\n    const { children, defaultRowGroupColumnId } = props;\n    const defaultSizing: ReactTableColumnSizingState = {};\n    const defaultSorting: ReactTableColumnSort[] = [];\n    const defaultVisibility: ReactTableVisibilityState = {};\n\n    const columns = React.Children.toArray(children).reduce(\n        (columns: ReactTableColumnDef<TType>[], child) =>\n            processChildren<TType>(\n                child,\n                columns,\n                defaultSizing,\n                defaultSorting,\n                defaultVisibility,\n                settings,\n                defaultRowGroupColumnId\n            ),\n\n        []\n    );\n\n    if (internalColumns) {\n        if (options.enableRowExpansion && props.rowExpansionRenderer && internalColumns.rowExpansion) {\n            const column = createInternalColumn<TType>('__expansion', internalColumns.rowExpansion, defaultSizing);\n            columns.unshift(column);\n        }\n\n        if ((options.enableRowSelection || options.enableRowSelectionSingle) && internalColumns.rowSelection) {\n            const column = createInternalColumn<TType>('__select', internalColumns.rowSelection, defaultSizing);\n            columns.unshift(column);\n        }\n\n        if (options.enableRowDrag && props.onRowDrag && internalColumns.rowDrag) {\n            const column = createInternalColumn<TType>('__drag', internalColumns.rowDrag, defaultSizing);\n            columns.unshift(column);\n        }\n\n        if (options.enableRowActions && props.rowActions?.length && internalColumns.rowActions) {\n            const column = createInternalColumn<TType>('__actions', internalColumns.rowActions, defaultSizing);\n            columns.push(column);\n        }\n    }\n\n    return { columns, defaultSizing, defaultSorting, defaultVisibility };\n}\n\nexport function configureReactTableOptions<TType = unknown>(options: TableFeatureProps<TType>, props: TableProps<TType>) {\n    const enableRowSelection = options.enableRowSelection || options.enableRowSelectionSingle;\n    const tableOptions: Partial<ReactTableOptions<TType>> = {\n        defaultColumn: {\n            enableColumnFilter: options.enableFiltering || true,\n            enableGrouping: false,\n            enableHiding: options.enableColumnHiding || true,\n            enableResizing: options.enableColumnResizing || true,\n            enableGlobalFilter: options.enableSearch || true,\n            enableSorting: options.enableSorting || true,\n            minSize: 1,\n            // the default is 150, which is a bit random\n            size: 1,\n        },\n        enableColumnFilters: options.enableFiltering ?? false,\n        enableColumnResizing: options.enableColumnResizing ?? false,\n        enableExpanding: options.enableRowExpansion ?? false,\n        enableGrouping: true, // users can't customise row grouping, so it can just be always enabled and left to the defaultRowGroupColumnId prop\n        enableHiding: options.enableColumnHiding ?? false,\n        enablePinning: options.enableColumnFreezing ?? false,\n        enableRowSelection: enableRowSelection ?? false,\n        enableMultiRowSelection: options.enableRowSelectionSingle === true ? false : enableRowSelection,\n        enableSorting: options.enableSorting ?? false,\n        // models for default features\n        getExpandedRowModel: getExpandedRowModel<TType>(),\n        getGroupedRowModel: getGroupedRowModel<TType>(),\n        groupedColumnMode: false,\n    };\n\n    if (tableOptions.enableColumnResizing) {\n        tableOptions.columnResizeMode = 'onChange';\n    }\n\n    if (tableOptions.enableColumnFilters) {\n        // enter controlled filter mode (controlled could be local state, but usually the server)\n        if (props.onChangeFilter) {\n            // tableOptions.manualFiltering = true;\n            // we don't set it because it breaks global filtering (used for search, which is fully client side)\n            //\n            // tableOptions.onColumnFiltersChange = ...\n            // we don't set this because it expects state to be maintained externally, and we don't want\n            // consumers to control state outside the table. instead we have a listener that calls onFilter\n        } else {\n            tableOptions.getFilteredRowModel = getFilteredRowModel<TType>();\n            tableOptions.filterFns = {\n                tacoFilter: (row: ReactTableRow<TType>, columnId: string, filter: any) =>\n                    columnFilterFn(row.getValue(columnId), filter),\n            };\n        }\n    }\n\n    if (options.enableSearch) {\n        // always set these because enableGlobalFilter can be toggled on and off by the user\n        tableOptions.getFilteredRowModel = getFilteredRowModel<TType>();\n        tableOptions.globalFilterFn = globalFilterFn;\n        tableOptions.getColumnCanGlobalFilter = (column: ReactTableColumn<TType>) => column.columnDef.meta?.enableSearch ?? true;\n\n        // enter controlled search mode (controlled could be local state, but usually the server)\n        if (props.onChangeSearch) {\n            // tableOptions.manualFiltering = true;\n            // we don't set this because controlled search is not currently supported, search is always client side\n            //\n            // tableOptions.onGlobalFilterChange = ...\n            // we don't set this because it expects state to be maintained externally, and we don't want\n            // consumers to control state outside the table. instead we have a listener that calls onSearch.\n            //\n            // we also don't always filter when searching, we have the highlight functionality as the default\n            // and filtering can be toggled by the user\n        }\n    }\n\n    if (tableOptions.enableSorting) {\n        // enter controlled sort mode (controlled could be local state, but usually the server)\n        if (props.onChangeSort) {\n            tableOptions.manualSorting = true;\n\n            // tableOptions.onSortingChange = ...\n            // we don't set this because it expects state to be maintained externally, and we don't want\n            // consumers to control state outside the table. instead we have a listener that calls onSort\n        } else {\n            tableOptions.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    return tableOptions;\n}\n\nexport function useReactTableInitialState<TType = unknown>(\n    props: TableProps<TType>,\n    columns: ReactTableColumnDef<TType>[],\n    persistedSettings: TableSettings,\n    defaults: {\n        defaultSizing: ReactTableColumnSizingState;\n        defaultSorting: ReactTableColumnSort[];\n        defaultVisibility: ReactTableVisibilityState;\n    }\n): Partial<ReactTableState> {\n    return React.useMemo(() => {\n        const ignoreNotDefinedColumns = column => columns.find(definedColumn => definedColumn.id === column.id);\n\n        const columnPinning: ReactTableColumnPinningState =\n            persistedSettings.columnPinning ?? props.defaultSettings?.columnPinning ?? {};\n\n        const columnOrder = ensureOrdering<TType>(\n            columns,\n            persistedSettings.columnOrder ?? props.defaultSettings?.columnOrder,\n            columnPinning.left\n        );\n\n        // ensure internal columns are pinned, and are pinned in the correct order\n        if (columnPinning?.left?.length) {\n            columnPinning.left = freezeUptoExternalColumn(\n                columnOrder.indexOf(columnPinning.left[columnPinning.left.length - 1]),\n                columnOrder\n            );\n        } else {\n            if (props.defaultColumnFreezingIndex) {\n                columnPinning.left = freezeUptoExternalColumn(props.defaultColumnFreezingIndex, columnOrder);\n            } else {\n                columnPinning.left = unfreezeAllExternalColumns(columnOrder);\n            }\n        }\n\n        const state: Partial<ReactTableState> = {\n            columnFilters: persistedSettings.columnFilters ?? props.defaultSettings?.columnFilters ?? [],\n            columnOrder,\n            columnPinning,\n            columnSizing: ignoreInternalColumns(\n                persistedSettings.columnSizing ?? props.defaultSettings?.columnSizing ?? defaults.defaultSizing ?? {}\n            ),\n            columnVisibility:\n                persistedSettings.columnVisibility ?? props.defaultSettings?.columnVisibility ?? defaults.defaultVisibility ?? {},\n            globalFilter: persistedSettings.searchQuery ?? props.defaultSettings?.searchQuery,\n            sorting: persistedSettings.sorting\n                ? persistedSettings.sorting.filter(ignoreNotDefinedColumns)\n                : props.defaultSettings?.sorting ?? defaults.defaultSorting,\n        };\n\n        if (props.defaultRowGroupColumnId) {\n            state.grouping = [props.defaultRowGroupColumnId as string];\n            // row groups should (all) always be expanded by default\n            state.expanded = true;\n        }\n\n        return state;\n    }, []);\n}\n"],"names":["processChildren","child","columns","defaultSizing","defaultSorting","defaultVisibility","settings","defaultRowGroupColumnId","columnHelper","createColumnHelper","React","isValidElement","props","children","id","header","push","group","Children","toArray","reduce","enableGrouping","accessor","untypedId","accessorKey","renderer","aggregate","footer","aggregationFn","defaultHidden","defaultWidth","enableFiltering","enableColumnFilter","enableHiding","enableOrdering","enablePrinting","enableResizing","enableSearch","enableGlobalFilter","enableSorting","enableTruncate","minWidth","minSize","getCellMinWidth","fontSize","sort","sortFn","meta","isGrouped","undefined","desc","column","accessorFn","row","get","cell","info","getValue","original","table","getRowModel","rows","flatMap","filterFn","aggregatedCell","sortingFn","getSortingFn","dataType","sortDescFirst","sortUndefined","createInternalColumn","size","mapTableChildrenToColumns","options","internalColumns","_props$rowActions","enableRowExpansion","rowExpansionRenderer","rowExpansion","unshift","enableRowSelection","enableRowSelectionSingle","rowSelection","enableRowDrag","onRowDrag","rowDrag","enableRowActions","rowActions","length","configureReactTableOptions","tableOptions","defaultColumn","enableColumnHiding","enableColumnResizing","enableColumnFilters","_options$enableFilter","_options$enableColumn","enableExpanding","_options$enableRowExp","_options$enableColumn2","enablePinning","_options$enableColumn3","enableColumnFreezing","enableMultiRowSelection","_options$enableSortin","getExpandedRowModel","getGroupedRowModel","groupedColumnMode","columnResizeMode","onChangeFilter","getFilteredRowModel","filterFns","tacoFilter","columnId","filter","columnFilterFn","globalFilterFn","getColumnCanGlobalFilter","_column$columnDef$met","_column$columnDef$met2","columnDef","onChangeSort","manualSorting","getSortedRowModel","useReactTableInitialState","persistedSettings","defaults","useMemo","ignoreNotDefinedColumns","find","definedColumn","columnPinning","_ref","_persistedSettings$co","_props$defaultSetting","defaultSettings","columnOrder","ensureOrdering","_persistedSettings$co2","_props$defaultSetting2","left","_columnPinning$left","freezeUptoExternalColumn","indexOf","defaultColumnFreezingIndex","unfreezeAllExternalColumns","state","columnFilters","_ref2","_persistedSettings$co3","_props$defaultSetting3","columnSizing","ignoreInternalColumns","_ref3","_ref4","_persistedSettings$co4","_props$defaultSetting4","columnVisibility","_ref5","_ref6","_persistedSettings$co5","_props$defaultSetting5","globalFilter","_persistedSettings$se","searchQuery","_props$defaultSetting6","sorting","_props$defaultSetting7","_props$defaultSetting8","grouping","expanded"],"mappings":";;;;;;;;AA0BA;AACA,SAASA,eAAeA,CACpBC,KAAiE,EACjEC,OAAqC,EACrCC,aAA0C,EAC1CC,cAAsC,EACtCC,iBAA4C,EAC5CC,QAAuB,EACvBC,uBAAqC;EAErC,MAAMC,YAAY,GAAGC,kBAAkB,EAAS;EAEhD,kBAAIC,cAAK,CAACC,cAAc,CAAkBV,KAAK,CAAC,IAAIA,KAAK,CAACW,KAAK,CAACC,QAAQ,EAAE;IACtE,MAAM;MAAEA,QAAQ;MAAEC,EAAE;MAAEC;KAAQ,GAAGd,KAAK,CAACW,KAAK;IAE5CV,OAAO,CAACc,IAAI,CACRR,YAAY,CAACS,KAAK,CAAC;MACfH,EAAE;MACFC,MAAM;MACNb,OAAO,EAAEQ,cAAK,CAACQ,QAAQ,CAACC,OAAO,CAACN,QAAQ,CAAC,CAACO,MAAM,CAC5C,CAAClB,OAAqC,EAAED,KAAK,KACzCD,eAAe,CACXC,KAAK,EACLC,OAAO,EACPC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,QAAQ,EACRC,uBAAuB,CAC1B,EACL,EAAE,CACL;;MAEDc,cAAc,EAAE;KACnB,CAAC,CACL;GACJ,MAAM,kBAAIX,cAAK,CAACC,cAAc,CAA0BV,KAAK,CAAC,KAAKA,KAAK,CAACW,KAAK,CAACU,QAAQ,IAAIrB,KAAK,CAACW,KAAK,CAACE,EAAE,CAAC,EAAE;IACzG,MAAM;MACFA,EAAE,EAAES,SAAS;MACbD,QAAQ,EAAEE,WAAW,GAAGD,SAAS;;MAEjCE,QAAQ;MACRC,SAAS;MACTC,MAAM;MACNZ,MAAM;;MAENa,aAAa;MACbC,aAAa;MACbC,YAAY;MACZC,eAAe,EAAEC,kBAAkB,GAAG,IAAI;MAC1CX,cAAc,GAAG,KAAK;MACtBY,YAAY,GAAG,IAAI;MACnBC,cAAc,GAAG,IAAI;MACrBC,cAAc,GAAG,IAAI;MACrBC,cAAc,GAAG,IAAI;MACrBC,YAAY,EAAEC,kBAAkB,GAAG,IAAI;MACvCC,aAAa,GAAG,IAAI;MACpBC,cAAc,GAAG,KAAK;MACtBC,QAAQ,EAAEC,OAAO,GAAGC,eAAe,CAACrC,QAAQ,CAACsC,QAAQ,CAAC;MACtDC,IAAI;MACJC,MAAM;MACN,GAAGC;KACN,GAAG9C,KAAK,CAACW,KAAK;IACf,MAAME,EAAE,GAAGS,SAAmB;IAE9B,IAAIM,aAAa,IAAII,YAAY,EAAE;MAC/B5B,iBAAiB,CAACS,EAAE,CAAC,GAAG,KAAK;;IAGjC,IAAIgB,YAAY,EAAE;MACd3B,aAAa,CAACW,EAAE,CAAC,GAAGgB,YAAmB;;IAG3C,MAAMkB,SAAS,GAAGzC,uBAAuB,KAAKO,EAAE;IAEhD,IAAIb,KAAK,CAACW,KAAK,CAACiC,IAAI,KAAKI,SAAS,IAAID,SAAS,EAAE;MAC7C5C,cAAc,CAACY,IAAI,CAAC;QAChBF,EAAE;QACFoC,IAAI,EAAEL,IAAI,KAAK;OAClB,CAAC;;IAGN,MAAMM,MAAM,GAAoC;MAC5CrC,EAAE;MACFU,WAAW;;;MAGX4B,UAAU,EAAEC,GAAG,IAAIC,GAAG,CAACD,GAAG,EAAE7B,WAAW,CAAC;MACxCT,MAAM,EAAEA,MAAM;;MAEdiB,kBAAkB;MAClBM,kBAAkB;MAClBjB,cAAc;MACdY,YAAY,EAAEe,SAAS,GAAG,KAAK,GAAGf,YAAY;MAC9CG,cAAc;MACdG,aAAa;;MAEbG,OAAO;;MAEPK,IAAI,EAAE;QACF,GAAIA,IAAY;QAChBjB,YAAY;QACZI,cAAc,EAAEc,SAAS,GAAG,KAAK,GAAGd,cAAc;QAClDC,cAAc;QACdK,cAAc;QACdzB,MAAM;QACNU;;KAEP;;IAGD,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAChC0B,MAAM,CAACI,IAAI,GAAGC,IAAI,IAAI/B,QAAQ,CAAC+B,IAAI,CAACC,QAAQ,EAAE,EAAED,IAAI,CAACH,GAAG,CAACK,QAAQ,CAAC;;IAGtE,IAAI,OAAO/B,MAAM,KAAK,UAAU,EAAE;MAC9BwB,MAAM,CAACxB,MAAM,GAAG6B,IAAI,IAChB7B,MAAM,CAAC6B,IAAI,CAACG,KAAK,CAACC,WAAW,EAAE,CAACC,IAAI,CAACC,OAAO,CAACT,GAAG,IAAKA,GAAG,CAACK,QAAQ,KAAKT,SAAS,GAAGI,GAAG,CAACK,QAAQ,GAAG,EAAG,CAAC,CAAC;;;IAI9G,IAAI1B,kBAAkB,EAAE;MACpBmB,MAAM,CAACY,QAAQ,GAAG,YAAmB;;;IAIzC,IAAI1C,cAAc,EAAE;MAChB8B,MAAM,CAACvB,aAAa,GAAGA,aAAa;MAEpC,IAAI,OAAOF,SAAS,KAAK,UAAU,EAAE;QACjCyB,MAAM,CAACa,cAAc,GAAGR,IAAI,IAAI9B,SAAS,CAAC8B,IAAI,CAACC,QAAQ,EAAE,EAAED,IAAI,CAACH,GAAG,CAACK,QAAQ,CAAC;;;;IAKrF,IAAInB,aAAa,EAAE;MACfY,MAAM,CAACc,SAAS,GAAGC,YAAY,CAAQjE,KAAK,CAACW,KAAK,CAACuD,QAAQ,EAAErB,MAAM,CAAC;MACpEK,MAAM,CAACiB,aAAa,GAAG,KAAK;MAC5BjB,MAAM,CAACkB,aAAa,GAAG,CAAC;;IAG5BnE,OAAO,CAACc,IAAI,CAACmC,MAAM,CAAC;;EAGxB,OAAOjD,OAAO;AAClB;AAEA,SAASoE,oBAAoBA,CACzBxD,EAAU,EACVqC,MAA4C,EAC5ChD,aAA0C;EAE1C,IAAIgD,MAAM,CAACoB,IAAI,EAAE;IACbpE,aAAa,CAACW,EAAE,CAAC,GAAGqC,MAAM,CAACoB,IAAI;;EAGnC,OAAO;IACHzD,EAAE;IACFU,WAAW,EAAEV,EAAE;IACfC,MAAM,EAAEoC,MAAM,CAACpC,MAAM;IACrBwC,IAAI,EAAEJ,MAAM,CAAC1B,QAAQ;;IAErBO,kBAAkB,EAAE,KAAK;IACzBM,kBAAkB,EAAE,KAAK;IACzBjB,cAAc,EAAE,KAAK;IACrBY,YAAY,EAAE,KAAK;IACnBG,cAAc,EAAE,KAAK;IACrBG,aAAa,EAAE,KAAK;;IAEpBgC,IAAI,EAAEpB,MAAM,CAACoB,IAAI;IACjB7B,OAAO,EAAES,MAAM,CAACoB,IAAI;;IAEpBxB,IAAI,EAAE;MACF,GAAII,MAAM,CAACJ,IAAY;MACvBb,cAAc,EAAE,KAAK;MACrBC,cAAc,EAAE,KAAK;MACrBK,cAAc,EAAE;;GAEY;AACxC;SAEgBgC,yBAAyBA,CACrC5D,KAAwB,EACxBN,QAAuB,EACvBmE,OAAiC,EACjCC,eAAuD;EAEvD,MAAM;IAAE7D,QAAQ;IAAEN;GAAyB,GAAGK,KAAK;EACnD,MAAMT,aAAa,GAAgC,EAAE;EACrD,MAAMC,cAAc,GAA2B,EAAE;EACjD,MAAMC,iBAAiB,GAA8B,EAAE;EAEvD,MAAMH,OAAO,GAAGQ,cAAK,CAACQ,QAAQ,CAACC,OAAO,CAACN,QAAQ,CAAC,CAACO,MAAM,CACnD,CAAClB,OAAqC,EAAED,KAAK,KACzCD,eAAe,CACXC,KAAK,EACLC,OAAO,EACPC,aAAa,EACbC,cAAc,EACdC,iBAAiB,EACjBC,QAAQ,EACRC,uBAAuB,CAC1B,EAEL,EAAE,CACL;EAED,IAAImE,eAAe,EAAE;IAAA,IAAAC,iBAAA;IACjB,IAAIF,OAAO,CAACG,kBAAkB,IAAIhE,KAAK,CAACiE,oBAAoB,IAAIH,eAAe,CAACI,YAAY,EAAE;MAC1F,MAAM3B,MAAM,GAAGmB,oBAAoB,CAAQ,aAAa,EAAEI,eAAe,CAACI,YAAY,EAAE3E,aAAa,CAAC;MACtGD,OAAO,CAAC6E,OAAO,CAAC5B,MAAM,CAAC;;IAG3B,IAAI,CAACsB,OAAO,CAACO,kBAAkB,IAAIP,OAAO,CAACQ,wBAAwB,KAAKP,eAAe,CAACQ,YAAY,EAAE;MAClG,MAAM/B,MAAM,GAAGmB,oBAAoB,CAAQ,UAAU,EAAEI,eAAe,CAACQ,YAAY,EAAE/E,aAAa,CAAC;MACnGD,OAAO,CAAC6E,OAAO,CAAC5B,MAAM,CAAC;;IAG3B,IAAIsB,OAAO,CAACU,aAAa,IAAIvE,KAAK,CAACwE,SAAS,IAAIV,eAAe,CAACW,OAAO,EAAE;MACrE,MAAMlC,MAAM,GAAGmB,oBAAoB,CAAQ,QAAQ,EAAEI,eAAe,CAACW,OAAO,EAAElF,aAAa,CAAC;MAC5FD,OAAO,CAAC6E,OAAO,CAAC5B,MAAM,CAAC;;IAG3B,IAAIsB,OAAO,CAACa,gBAAgB,KAAAX,iBAAA,GAAI/D,KAAK,CAAC2E,UAAU,cAAAZ,iBAAA,eAAhBA,iBAAA,CAAkBa,MAAM,IAAId,eAAe,CAACa,UAAU,EAAE;MACpF,MAAMpC,MAAM,GAAGmB,oBAAoB,CAAQ,WAAW,EAAEI,eAAe,CAACa,UAAU,EAAEpF,aAAa,CAAC;MAClGD,OAAO,CAACc,IAAI,CAACmC,MAAM,CAAC;;;EAI5B,OAAO;IAAEjD,OAAO;IAAEC,aAAa;IAAEC,cAAc;IAAEC;GAAmB;AACxE;SAEgBoF,0BAA0BA,CAAkBhB,OAAiC,EAAE7D,KAAwB;;EACnH,MAAMoE,kBAAkB,GAAGP,OAAO,CAACO,kBAAkB,IAAIP,OAAO,CAACQ,wBAAwB;EACzF,MAAMS,YAAY,GAAsC;IACpDC,aAAa,EAAE;MACX3D,kBAAkB,EAAEyC,OAAO,CAAC1C,eAAe,IAAI,IAAI;MACnDV,cAAc,EAAE,KAAK;MACrBY,YAAY,EAAEwC,OAAO,CAACmB,kBAAkB,IAAI,IAAI;MAChDxD,cAAc,EAAEqC,OAAO,CAACoB,oBAAoB,IAAI,IAAI;MACpDvD,kBAAkB,EAAEmC,OAAO,CAACpC,YAAY,IAAI,IAAI;MAChDE,aAAa,EAAEkC,OAAO,CAAClC,aAAa,IAAI,IAAI;MAC5CG,OAAO,EAAE,CAAC;;MAEV6B,IAAI,EAAE;KACT;IACDuB,mBAAmB,GAAAC,qBAAA,GAAEtB,OAAO,CAAC1C,eAAe,cAAAgE,qBAAA,cAAAA,qBAAA,GAAI,KAAK;IACrDF,oBAAoB,GAAAG,qBAAA,GAAEvB,OAAO,CAACoB,oBAAoB,cAAAG,qBAAA,cAAAA,qBAAA,GAAI,KAAK;IAC3DC,eAAe,GAAAC,qBAAA,GAAEzB,OAAO,CAACG,kBAAkB,cAAAsB,qBAAA,cAAAA,qBAAA,GAAI,KAAK;IACpD7E,cAAc,EAAE,IAAI;IACpBY,YAAY,GAAAkE,sBAAA,GAAE1B,OAAO,CAACmB,kBAAkB,cAAAO,sBAAA,cAAAA,sBAAA,GAAI,KAAK;IACjDC,aAAa,GAAAC,sBAAA,GAAE5B,OAAO,CAAC6B,oBAAoB,cAAAD,sBAAA,cAAAA,sBAAA,GAAI,KAAK;IACpDrB,kBAAkB,EAAEA,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,KAAK;IAC/CuB,uBAAuB,EAAE9B,OAAO,CAACQ,wBAAwB,KAAK,IAAI,GAAG,KAAK,GAAGD,kBAAkB;IAC/FzC,aAAa,GAAAiE,qBAAA,GAAE/B,OAAO,CAAClC,aAAa,cAAAiE,qBAAA,cAAAA,qBAAA,GAAI,KAAK;;IAE7CC,mBAAmB,EAAEA,mBAAmB,EAAS;IACjDC,kBAAkB,EAAEA,kBAAkB,EAAS;IAC/CC,iBAAiB,EAAE;GACtB;EAED,IAAIjB,YAAY,CAACG,oBAAoB,EAAE;IACnCH,YAAY,CAACkB,gBAAgB,GAAG,UAAU;;EAG9C,IAAIlB,YAAY,CAACI,mBAAmB,EAAE;;IAElC,IAAIlF,KAAK,CAACiG,cAAc,EAAE,CAOzB,MAAM;MACHnB,YAAY,CAACoB,mBAAmB,GAAGA,mBAAmB,EAAS;MAC/DpB,YAAY,CAACqB,SAAS,GAAG;QACrBC,UAAU,EAAEA,CAAC3D,GAAyB,EAAE4D,QAAgB,EAAEC,MAAW,KACjEC,cAAc,CAAC9D,GAAG,CAACI,QAAQ,CAACwD,QAAQ,CAAC,EAAEC,MAAM;OACpD;;;EAIT,IAAIzC,OAAO,CAACpC,YAAY,EAAE;;IAEtBqD,YAAY,CAACoB,mBAAmB,GAAGA,mBAAmB,EAAS;IAC/DpB,YAAY,CAAC0B,cAAc,GAAGA,cAAc;IAC5C1B,YAAY,CAAC2B,wBAAwB,GAAIlE,MAA+B;MAAA,IAAAmE,qBAAA,EAAAC,sBAAA;MAAA,QAAAD,qBAAA,IAAAC,sBAAA,GAAKpE,MAAM,CAACqE,SAAS,CAACzE,IAAI,cAAAwE,sBAAA,uBAArBA,sBAAA,CAAuBlF,YAAY,cAAAiF,qBAAA,cAAAA,qBAAA,GAAI,IAAI;;;EAgB5H,IAAI5B,YAAY,CAACnD,aAAa,EAAE;;IAE5B,IAAI3B,KAAK,CAAC6G,YAAY,EAAE;MACpB/B,YAAY,CAACgC,aAAa,GAAG,IAAI;;;;KAKpC,MAAM;MACHhC,YAAY,CAACiC,iBAAiB,GAAGA,iBAAiB,EAAE;;;EAI5D,OAAOjC,YAAY;AACvB;SAEgBkC,yBAAyBA,CACrChH,KAAwB,EACxBV,OAAqC,EACrC2H,iBAAgC,EAChCC,QAIC;EAED,OAAOpH,cAAK,CAACqH,OAAO,CAAC;;IACjB,MAAMC,uBAAuB,GAAG7E,MAAM,IAAIjD,OAAO,CAAC+H,IAAI,CAACC,aAAa,IAAIA,aAAa,CAACpH,EAAE,KAAKqC,MAAM,CAACrC,EAAE,CAAC;IAEvG,MAAMqH,aAAa,IAAAC,IAAA,IAAAC,qBAAA,GACfR,iBAAiB,CAACM,aAAa,cAAAE,qBAAA,cAAAA,qBAAA,IAAAC,qBAAA,GAAI1H,KAAK,CAAC2H,eAAe,cAAAD,qBAAA,uBAArBA,qBAAA,CAAuBH,aAAa,cAAAC,IAAA,cAAAA,IAAA,GAAI,EAAE;IAEjF,MAAMI,WAAW,GAAGC,cAAc,CAC9BvI,OAAO,GAAAwI,sBAAA,GACPb,iBAAiB,CAACW,WAAW,cAAAE,sBAAA,cAAAA,sBAAA,IAAAC,sBAAA,GAAI/H,KAAK,CAAC2H,eAAe,cAAAI,sBAAA,uBAArBA,sBAAA,CAAuBH,WAAW,EACnEL,aAAa,CAACS,IAAI,CACrB;;IAGD,IAAIT,aAAa,aAAbA,aAAa,gBAAAU,mBAAA,GAAbV,aAAa,CAAES,IAAI,cAAAC,mBAAA,eAAnBA,mBAAA,CAAqBrD,MAAM,EAAE;MAC7B2C,aAAa,CAACS,IAAI,GAAGE,wBAAwB,CACzCN,WAAW,CAACO,OAAO,CAACZ,aAAa,CAACS,IAAI,CAACT,aAAa,CAACS,IAAI,CAACpD,MAAM,GAAG,CAAC,CAAC,CAAC,EACtEgD,WAAW,CACd;KACJ,MAAM;MACH,IAAI5H,KAAK,CAACoI,0BAA0B,EAAE;QAClCb,aAAa,CAACS,IAAI,GAAGE,wBAAwB,CAAClI,KAAK,CAACoI,0BAA0B,EAAER,WAAW,CAAC;OAC/F,MAAM;QACHL,aAAa,CAACS,IAAI,GAAGK,0BAA0B,CAACT,WAAW,CAAC;;;IAIpE,MAAMU,KAAK,GAA6B;MACpCC,aAAa,GAAAC,KAAA,IAAAC,sBAAA,GAAExB,iBAAiB,CAACsB,aAAa,cAAAE,sBAAA,cAAAA,sBAAA,IAAAC,sBAAA,GAAI1I,KAAK,CAAC2H,eAAe,cAAAe,sBAAA,uBAArBA,sBAAA,CAAuBH,aAAa,cAAAC,KAAA,cAAAA,KAAA,GAAI,EAAE;MAC5FZ,WAAW;MACXL,aAAa;MACboB,YAAY,EAAEC,qBAAqB,EAAAC,KAAA,IAAAC,KAAA,IAAAC,sBAAA,GAC/B9B,iBAAiB,CAAC0B,YAAY,cAAAI,sBAAA,cAAAA,sBAAA,IAAAC,sBAAA,GAAIhJ,KAAK,CAAC2H,eAAe,cAAAqB,sBAAA,uBAArBA,sBAAA,CAAuBL,YAAY,cAAAG,KAAA,cAAAA,KAAA,GAAI5B,QAAQ,CAAC3H,aAAa,cAAAsJ,KAAA,cAAAA,KAAA,GAAI,EAAE,CACxG;MACDI,gBAAgB,GAAAC,KAAA,IAAAC,KAAA,IAAAC,sBAAA,GACZnC,iBAAiB,CAACgC,gBAAgB,cAAAG,sBAAA,cAAAA,sBAAA,IAAAC,sBAAA,GAAIrJ,KAAK,CAAC2H,eAAe,cAAA0B,sBAAA,uBAArBA,sBAAA,CAAuBJ,gBAAgB,cAAAE,KAAA,cAAAA,KAAA,GAAIjC,QAAQ,CAACzH,iBAAiB,cAAAyJ,KAAA,cAAAA,KAAA,GAAI,EAAE;MACrHI,YAAY,GAAAC,qBAAA,GAAEtC,iBAAiB,CAACuC,WAAW,cAAAD,qBAAA,cAAAA,qBAAA,IAAAE,sBAAA,GAAIzJ,KAAK,CAAC2H,eAAe,cAAA8B,sBAAA,uBAArBA,sBAAA,CAAuBD,WAAW;MACjFE,OAAO,EAAEzC,iBAAiB,CAACyC,OAAO,GAC5BzC,iBAAiB,CAACyC,OAAO,CAACpD,MAAM,CAACc,uBAAuB,CAAC,IAAAuC,sBAAA,IAAAC,sBAAA,GACzD5J,KAAK,CAAC2H,eAAe,cAAAiC,sBAAA,uBAArBA,sBAAA,CAAuBF,OAAO,cAAAC,sBAAA,cAAAA,sBAAA,GAAIzC,QAAQ,CAAC1H;KACpD;IAED,IAAIQ,KAAK,CAACL,uBAAuB,EAAE;MAC/B2I,KAAK,CAACuB,QAAQ,GAAG,CAAC7J,KAAK,CAACL,uBAAiC,CAAC;;MAE1D2I,KAAK,CAACwB,QAAQ,GAAG,IAAI;;IAGzB,OAAOxB,KAAK;GACf,EAAE,EAAE,CAAC;AACV;;;;"}

package/dist/esm/packages/taco/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../src/types.ts"],"sourcesContent":["import React from 'react';\nimport { AVAILABLE_COLORS } from './utils/tailwind';\n\nexport type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete' | 'transparent';\nexport type State = 'default' | 'success' | 'error' | 'warning' | 'information';\nexport type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Align = 'start' | 'center' | 'end';\nexport type Placement = 'right' | 'left' | 'top' | 'bottom';\nexport type Color = (typeof AVAILABLE_COLORS)[number];\n\nexport enum FontSizes {\n    small = 'small',\n    medium = 'medium',\n    large = 'large',\n}\nexport type FontSize = keyof typeof FontSizes;\n\n// helpers\ntype FixedForwardRef = <T, P = {}>(\n    render: (props: P, ref: React.Ref<T>) => JSX.Element\n) => (props: P & React.RefAttributes<T>) => JSX.Element;\n\nexport const fixedForwardRef = React.forwardRef as FixedForwardRef;\n\nexport type ValueOf<T> = T[keyof T];\n"],"names":["FontSizes","fixedForwardRef","React","forwardRef"],"mappings":";;IAWYA;AAAZ,WAAYA,SAAS;EACjBA,4BAAe;EACfA,8BAAiB;EACjBA,4BAAe;AACnB,CAAC,EAJWA,SAAS,KAATA,SAAS;MAYRC,eAAe,GAAGC,cAAK,CAACC;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/types.ts"],"sourcesContent":["import React from 'react';\nimport { AVAILABLE_COLORS } from './utils/tailwind';\n\nexport type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete' | 'transparent';\nexport type State = 'default' | 'success' | 'error' | 'warning' | 'information';\nexport type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Align = 'start' | 'center' | 'end';\nexport type Placement = 'right' | 'left' | 'top' | 'bottom';\nexport type Color = (typeof AVAILABLE_COLORS)[number];\n\nexport enum FontSizes {\n    small = 'small',\n    medium = 'medium',\n    large = 'large',\n}\nexport type FontSize = keyof typeof FontSizes;\n\n// helpers\ntype FixedForwardRef = <T, P = {}>(\n    render: (props: P, ref: React.Ref<T>) => JSX.Element\n) => (props: P & React.RefAttributes<T>) => JSX.Element;\n\nexport const fixedForwardRef = React.forwardRef as FixedForwardRef;\n\nexport type ValueOf<T> = T[keyof T];\n\nexport type StringWithAutocompleteOptions<T> = T | (string & {});\n"],"names":["FontSizes","fixedForwardRef","React","forwardRef"],"mappings":";;IAWYA;AAAZ,WAAYA,SAAS;EACjBA,4BAAe;EACfA,8BAAiB;EACjBA,4BAAe;AACnB,CAAC,EAJWA,SAAS,KAATA,SAAS;MAYRC,eAAe,GAAGC,cAAK,CAACC;;;;"}

package/dist/primitives/Table/Core/components/Body/EmptyStateBody.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { TableEmptyStateRenderer } from '../../../types';
+import { TableEmptyStateReason, TableEmptyStateRenderer } from '../../../types';
 declare type EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {
     emptyState?: TableEmptyStateRenderer;
+    reason: TableEmptyStateReason;
 };
 export declare function EmptyStateBody(props: EmptyStateProps): JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ColumnFilter as ReactTableColumnFilter, ColumnFiltersState as ReactTableColumnFilterState, ColumnOrderState as ReactTableColumnOrderState, ColumnPinningState as ReactTableColumnPinningState, ColumnSort as ReactTableColumnSort, ColumnSizingState as ReactTableColumnSizingState, VisibilityState as ReactTableColumnVisibilityState, SortingState as ReactTableSortingState, BuiltInAggregationFn as ReactTableBuiltInAggregationFn, BuiltInSortingFn as ReactTableBuiltInSortingFn } from '@tanstack/react-table';
-import { FontSize, FontSizes, ValueOf } from '../../types';
+import { FontSize, FontSizes, StringWithAutocompleteOptions, ValueOf } from '../../types';
 import { MenuItemProps } from '../../components/Menu/components/Item';
 export declare type TableRef = HTMLTableElement & {
     instance: {
@@ -98,7 +98,10 @@ export declare type TableSettingsHandler = (settings: TableSettings) => void | P
 export declare type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;
 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 TableEmptyStateReason = 'empty' | 'filtering' | 'searching';
+export declare type TableEmptyStateRenderer = (props: {
+    reason: TableEmptyStateReason;
+}) => JSX.Element | null;
 export declare type TableSettings = {
     columnFilters?: ReactTableColumnFilterState;
     columnOrder?: ReactTableColumnOrderState;
@@ -191,7 +194,7 @@ export declare type TableProps<TType = unknown> = TableClientProps<TType> | Tabl
 export declare type TableColumnProps<TType = unknown> = ValueOf<{
     [Key in keyof TType]: {
         accessor?: Key;
-        id: string;
+        id: StringWithAutocompleteOptions<Key>;
         renderer?: TableColumnRenderer<TType, TType[Key]>;
         /** Renderer to use if the cell is an aggregate cell and part of a grouped row */
         aggregate?: TableColumnRendererAggregate<TType, TType[Key]>;

package/dist/taco.cjs.development.js

@@ -43,6 +43,7 @@ var set = _interopDefault(require('lodash/set'));
 var unset = _interopDefault(require('lodash/unset'));
 var compact = _interopDefault(require('lodash/compact'));
 var pullAt = _interopDefault(require('lodash/pullAt'));
+var lodash = require('lodash');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var Joyride = require('react-joyride');
 var Joyride__default = _interopDefault(Joyride);
@@ -10059,8 +10060,8 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
     }));
   } else if ( /*#__PURE__*/React__default.isValidElement(child) && (child.props.accessor || child.props.id)) {
     const {
-      id,
-      accessor: accessorKey = id,
+      id: untypedId,
+      accessor: accessorKey = untypedId,
       // renderers
       renderer,
       aggregate,
@@ -10084,6 +10085,7 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
       sortFn,
       ...meta
     } = child.props;
+    const id = untypedId;
     if (defaultHidden && enableHiding) {
       defaultVisibility[id] = false;
     }
@@ -13629,7 +13631,8 @@ const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(prop
 
 function EmptyStateBody(props) {
   const {
-    emptyState: Placeholder = null,
+    emptyState: Placeholder,
+    reason,
     ...attributes
   } = props;
   return /*#__PURE__*/React__default.createElement("tbody", Object.assign({}, attributes, {
@@ -13638,7 +13641,9 @@ function EmptyStateBody(props) {
     className: "!auto-rows-fr"
   }, /*#__PURE__*/React__default.createElement("td", {
     className: "col-span-full !border-0 !p-0 hover:!bg-white"
-  }, Placeholder ? /*#__PURE__*/React__default.createElement(Placeholder, null) : null)));
+  }, Placeholder ? /*#__PURE__*/React__default.createElement(Placeholder, {
+    reason: reason
+  }) : undefined)));
 }
 
 const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput2(props, ref) {
@@ -16573,6 +16578,19 @@ function Table(props) {
 }
 Table.Toolbar = TableToolbar;
 Table.Grid = TableGrid;
+function getFilterReason(table) {
+  if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {
+    const state = table.instance.getState();
+    if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {
+      return 'searching';
+    }
+    return 'filtering';
+  }
+  if (table.instance.getCoreRowModel().rows.length === 0) {
+    return 'empty';
+  }
+  return null;
+}
 function TableGrid(props) {
   var _table$state$grouping;
   const {
@@ -16583,6 +16601,7 @@ function TableGrid(props) {
   const handleFocus = table.meta.rowActive.rowActiveIndex === undefined ? event => {
     table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);
   } : undefined;
+  const filterReason = getFilterReason(table);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("style", null, table.stylesheet), /*#__PURE__*/React__default.createElement(focus.FocusScope, null, /*#__PURE__*/React__default.createElement("table", Object.assign({}, attributes, {
     id: table.id,
     "data-table-font-size": table.meta.fontSize.size,
@@ -16603,7 +16622,10 @@ function TableGrid(props) {
     key: props.id,
     header: props,
     scrollToIndex: table.renderer.scrollToIndex
-  }))))))), table.instance.getCoreRowModel().rows.length ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Body, {
+  }))))))), filterReason ? ( /*#__PURE__*/React__default.createElement(EmptyStateBody, {
+    emptyState: props.table.props.emptyState,
+    reason: filterReason
+  })) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Body, {
     enableHorizontalArrowKeyNavigation: enableHorizontalArrowKeyNavigation,
     table: table.instance,
     tableElement: table.ref.current,
@@ -16614,9 +16636,7 @@ function TableGrid(props) {
     } : table.renderer.style
   }, table.renderer.rows, props.children), table.meta.footer.isEnabled ? /*#__PURE__*/React__default.createElement(Foot, {
     table: table.instance
-  }) : null)) : ( /*#__PURE__*/React__default.createElement(EmptyStateBody, {
-    emptyState: table.props.emptyState
-  })))));
+  }) : null)))));
 }
 
 function Column$1(_) {
@@ -18233,9 +18253,22 @@ function willRowMoveAfterSorting(cell, change, rowIndex) {
   if (rowIndex < rows.length - 1) {
     miniSortRows.push(rows[rowIndex + 1]);
   }
-  let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));
+  const resortedRows = [...miniSortRows].sort((rowA, rowB) => {
+    const sortFn = cell.column.getSortingFn();
+    const sortUndefined = cell.column.columnDef.sortUndefined;
+    if (!table.options.manualSorting && sortUndefined) {
+      const aValue = rowA.getValue(cell.column.id);
+      const bValue = rowB.getValue(cell.column.id);
+      const aUndefined = aValue === undefined;
+      const bUndefined = bValue === undefined;
+      if (aUndefined || bUndefined) {
+        return aUndefined && bUndefined ? 0 : aUndefined ? sortUndefined : -sortUndefined;
+      }
+    }
+    return sortFn(rowA, rowB, cell.column.id);
+  });
   if (cell.column.getIsSorted() === 'desc') {
-    resortedRows = resortedRows.reverse();
+    resortedRows.reverse();
   }
   return ((_resortedRows$index = resortedRows[index]) === null || _resortedRows$index === void 0 ? void 0 : _resortedRows$index.id) !== cell.row.id;
 }
@@ -18259,7 +18292,7 @@ function animateCreateRow(id) {
   }
 }
 
-function useTableEditing(isEnabled = false, handleSave, validator) {
+function useTableEditing(isEnabled = false, handleSave, handleChange, validator) {
   // used to switch the table into editing mode
   const [isEditing, toggleEditing] = React__default.useState(false);
   // used to switch the editing between "detailed" mode
@@ -18269,7 +18302,7 @@ function useTableEditing(isEnabled = false, handleSave, validator) {
   // store pending changes for each row
   // changes are saved as soon as the active row changes, so in most cases this will only contain the active row's changes
   // but not always - if validation or server requests fail when saving, those rows remain until the failure is resolved
-  const pendingChangesFns = usePendingChanges(isEnabled, handleSave, validator);
+  const pendingChangesFns = usePendingChanges(isEnabled, handleSave, handleChange, validator);
   useGlobalKeyDown(isEnabled && isEditing ? {
     key: 's',
     meta: true,
@@ -18289,12 +18322,12 @@ function useTableEditing(isEnabled = false, handleSave, validator) {
     ...pendingChangesFns
   };
 }
-function usePendingChanges(isEnabled, handleSave, validator) {
+function usePendingChanges(isEnabled, handleSave, handleChange, validator) {
   const saveChanges = function (rowId = undefined) {
     try {
       let _exit = false;
       if (!handleSave) {
-        console.warn('Tried to save, but Table has no onSave handler');
+        console.warn('Tried to save, but Table has no onEditingSave handler');
         return Promise.resolve();
       }
       // we save back to pendingChanges, so make a copy of it's state when save was triggered
@@ -18335,7 +18368,7 @@ function usePendingChanges(isEnabled, handleSave, validator) {
               }();
               return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2); // send new data to the server
             }, function (error) {
-              // the onSave handler should throw errors when something fails, e.g. validation, network errors etc
+              // the onEditingSave handler should throw errors when something fails, e.g. validation, network errors etc
               // this code handles those errors and maps them either to row errors or cell specific errors
               let rowError;
               let cellErrors;
@@ -18409,26 +18442,42 @@ function usePendingChanges(isEnabled, handleSave, validator) {
       return Promise.reject(e);
     }
   };
+  const setCellValue = function (cell, change, rowIndex) {
+    try {
+      const changes = {
+        [cell.column.id]: change
+      };
+      setPendingChanges(currentChanges => {
+        const nextChanges = createPendingChangesSetter(currentChanges, cell.row, rowIndex, changes);
+        pendingChangesUpdater.syncCellChanges(nextChanges);
+        return nextChanges;
+      });
+      pendingChangesUpdater.runCellUpdates(changes, cell, rowIndex);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   const addCreatedRowChangeset = function (row) {
     try {
       const cells = row.getAllCells();
       setPendingChanges(currentChanges => {
         return cells.reduce((changes, cell) => {
           if (cell.getValue()) {
-            var _currentChanges$cell$4, _currentChanges$cell$5, _currentChanges$cell$6;
+            var _currentChanges$cell$, _currentChanges$cell$2, _currentChanges$cell$3;
             return {
               ...changes,
               [cell.row.id]: {
                 ...changes[cell.row.id],
                 [cell.column.id]: cell.getValue(),
                 _meta: {
-                  ...((_currentChanges$cell$4 = currentChanges[cell.row.id]) === null || _currentChanges$cell$4 === void 0 ? void 0 : _currentChanges$cell$4._meta),
+                  ...((_currentChanges$cell$ = currentChanges[cell.row.id]) === null || _currentChanges$cell$ === void 0 ? void 0 : _currentChanges$cell$._meta),
                   original: cell.row.original,
                   moveReason: {
-                    ...((_currentChanges$cell$5 = currentChanges[cell.row.id]) === null || _currentChanges$cell$5 === void 0 ? void 0 : _currentChanges$cell$5._meta.moveReason)
+                    ...((_currentChanges$cell$2 = currentChanges[cell.row.id]) === null || _currentChanges$cell$2 === void 0 ? void 0 : _currentChanges$cell$2._meta.moveReason)
                   },
                   errors: {
-                    ...((_currentChanges$cell$6 = currentChanges[cell.row.id]) === null || _currentChanges$cell$6 === void 0 ? void 0 : _currentChanges$cell$6._meta.errors)
+                    ...((_currentChanges$cell$3 = currentChanges[cell.row.id]) === null || _currentChanges$cell$3 === void 0 ? void 0 : _currentChanges$cell$3._meta.errors)
                   }
                 }
               }
@@ -18454,49 +18503,7 @@ function usePendingChanges(isEnabled, handleSave, validator) {
     var _pendingChanges$cell$2, _pendingChanges$cell$3, _pendingChanges$cell$4;
     return (_pendingChanges$cell$2 = pendingChanges[cell.row.id]) === null || _pendingChanges$cell$2 === void 0 ? void 0 : (_pendingChanges$cell$3 = _pendingChanges$cell$2._meta.errors) === null || _pendingChanges$cell$3 === void 0 ? void 0 : (_pendingChanges$cell$4 = _pendingChanges$cell$3.cells) === null || _pendingChanges$cell$4 === void 0 ? void 0 : _pendingChanges$cell$4[cell.column.id];
   }
-  const setCellValue = React__default.useCallback(function (cell, change, rowIndex) {
-    setPendingChanges(currentChanges => {
-      var _currentChanges$cell$, _currentChanges$cell$2, _currentChanges$cell$3;
-      const nextChanges = {
-        ...currentChanges
-      };
-      const rowChanges = {
-        ...currentChanges[cell.row.id],
-        _meta: {
-          ...((_currentChanges$cell$ = currentChanges[cell.row.id]) === null || _currentChanges$cell$ === void 0 ? void 0 : _currentChanges$cell$._meta),
-          original: cell.row.original,
-          moveReason: {
-            ...((_currentChanges$cell$2 = currentChanges[cell.row.id]) === null || _currentChanges$cell$2 === void 0 ? void 0 : _currentChanges$cell$2._meta.moveReason)
-          },
-          errors: {
-            ...((_currentChanges$cell$3 = currentChanges[cell.row.id]) === null || _currentChanges$cell$3 === void 0 ? void 0 : _currentChanges$cell$3._meta.errors)
-          }
-        }
-      };
-      // update if the change is different to the original (saved) value,
-      // otherwise remove any change - no point saving the same value
-      if (change !== cell.row.original[cell.column.id]) {
-        rowChanges[cell.column.id] = change;
-        // determine if the row will move position based on this change, and save why it will move
-        const reason = willRowMove(cell, change, rowIndex);
-        if (reason) {
-          rowChanges._meta.moveReason[cell.column.id] = reason;
-        } else {
-          delete rowChanges._meta.moveReason[cell.column.id];
-        }
-      } else {
-        delete rowChanges[cell.column.id];
-      }
-      // set the changes for the row...
-      // or delete if there are no changes left, so that we don't store changes with unchanged data
-      if (Object.keys(rowChanges).filter(k => k !== '_meta').length) {
-        nextChanges[cell.row.id] = rowChanges;
-      } else {
-        delete nextChanges[cell.row.id];
-      }
-      return nextChanges;
-    });
-  }, []);
+  const pendingChangesUpdater = usePendingChangesUpdater(handleChange, setPendingChanges);
   function hasRowErrors(rowId) {
     var _pendingChanges$rowId, _pendingChanges$rowId2, _pendingChanges$rowId3, _pendingChanges$rowId4, _pendingChanges$rowId5;
     if (!isEnabled) {
@@ -18617,6 +18624,87 @@ function useLastFocusedCellIndex() {
   }, []);
   return [lastFocusedCellIndexRef.current, setLastFocusedCellIndex];
 }
+function usePendingChangesUpdater(handleChange, setPendingChanges) {
+  const updatersRef = React__default.useRef({});
+  const runCellUpdates = React__default.useCallback(lodash.debounce(function (changes, cell, rowIndex) {
+    try {
+      const _temp4 = function () {
+        if (typeof handleChange === 'function') {
+          const previousValues = {
+            ...cell.row.original,
+            ...getChangesetFromChanges(updatersRef.current[cell.row.id])
+          };
+          const nextValues = {
+            ...previousValues,
+            ...changes
+          };
+          return Promise.resolve(handleChange(cell.column.id, changes[cell.column.id], nextValues, previousValues)).then(function (updates) {
+            if (updates && Object.keys(updates).length) {
+              setPendingChanges(currentChanges => createPendingChangesSetter(currentChanges, cell.row, rowIndex, updates));
+            }
+          });
+        }
+      }();
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, 250), []);
+  function syncCellChanges(changes) {
+    updatersRef.current = changes;
+  }
+  return {
+    syncCellChanges,
+    runCellUpdates
+  };
+}
+function createPendingChangesSetter(currentChanges, row, rowIndex, changes) {
+  var _currentChanges$row$i, _currentChanges$row$i2, _currentChanges$row$i3;
+  // prepare
+  const nextChanges = {
+    ...currentChanges
+  };
+  const rowChanges = {
+    ...currentChanges[row.id],
+    _meta: {
+      ...((_currentChanges$row$i = currentChanges[row.id]) === null || _currentChanges$row$i === void 0 ? void 0 : _currentChanges$row$i._meta),
+      original: row.original,
+      moveReason: {
+        ...((_currentChanges$row$i2 = currentChanges[row.id]) === null || _currentChanges$row$i2 === void 0 ? void 0 : _currentChanges$row$i2._meta.moveReason)
+      },
+      errors: {
+        ...((_currentChanges$row$i3 = currentChanges[row.id]) === null || _currentChanges$row$i3 === void 0 ? void 0 : _currentChanges$row$i3._meta.errors)
+      }
+    }
+  };
+  // run changes
+  const cells = row._getAllCellsByColumnId();
+  for (const [accessor, change] of Object.entries(changes)) {
+    // update if the change is different to the original (saved) value,
+    // otherwise remove any change - no point saving the same value
+    if (change !== row.original[accessor]) {
+      rowChanges[accessor] = change;
+      // determine if the row will move position based on this change, and save why it will move
+      const reason = willRowMove(cells[accessor], change, rowIndex);
+      if (reason) {
+        rowChanges._meta.moveReason[accessor] = reason;
+      } else {
+        delete rowChanges._meta.moveReason[accessor];
+      }
+    } else {
+      delete rowChanges[accessor];
+      delete rowChanges._meta.moveReason[accessor];
+    }
+  }
+  // set changes
+  // or delete if there are no changes left, so that we don't store changes with unchanged data
+  if (Object.keys(rowChanges).filter(k => k !== '_meta').length) {
+    nextChanges[row.id] = rowChanges;
+  } else {
+    delete nextChanges[row.id];
+  }
+  return nextChanges;
+}
 function getChangesetFromChanges(changes) {
   // extract the original data from the row changes
   const {
@@ -19102,7 +19190,7 @@ function EditingActionMenu(props) {
     hasErrors,
     onClear: handleClear,
     onExit: handleExit,
-    onSave: handleSave,
+    onEditingSave: handleSave,
     isLastRow
   } = props;
   const {
@@ -19240,8 +19328,8 @@ const RENDERERS$1 = {
   cell: Cell$5
 };
 function useTable3(props, ref) {
-  const editing = useTableEditing(props.enableEditing, props.onSave, props.validator);
-  const creationEnabled = editing.isEnabled && !!props.enableCreation;
+  const editing = useTableEditing(props.enableEditing, props.onEditingSave, props.onEditingChange, props.validator);
+  const creationEnabled = editing.isEnabled && !!props.onEditingCreate;
   const extendedProps = {
     ...props,
     enableRowActions: editing.isEditing ? true : props.enableRowActions,
@@ -19249,7 +19337,7 @@ function useTable3(props, ref) {
       hasChanges: editing.hasChanges(rowId),
       hasErrors: editing.hasRowErrors(rowId),
       onClear: () => editing.resetChanges(rowId),
-      onSave: () => editing.saveChanges(rowId),
+      onEditingSave: () => editing.saveChanges(rowId),
       onExit: () => editing.toggleEditing(false),
       isLastRow: !creationEnabled && table.meta.rowActive.rowActiveIndex === table.meta.length - 1
     }))] : props.rowActions
@@ -19399,7 +19487,7 @@ function FilterResetDialog(props) {
 
 function CreateNewRowButton(props) {
   const {
-    onCreate,
+    onEditingCreate,
     scrollToIndex,
     table,
     tableMeta
@@ -19418,7 +19506,7 @@ function CreateNewRowButton(props) {
   };
   const handleCreate = function () {
     try {
-      if (!onCreate) {
+      if (!onEditingCreate) {
         return Promise.resolve();
       }
       const createdRow = rows.find(row => {
@@ -19429,14 +19517,14 @@ function CreateNewRowButton(props) {
         if (createdRow) {
           return Promise.resolve(tableMeta.editing.saveChanges()).then(function () {
             if (!tableMeta.editing.hasRowErrors(createdRow.id)) {
-              const rowFinder = onCreate();
+              const rowFinder = onEditingCreate();
               setRowCreated({
                 rowFinder
               });
             }
           });
         } else {
-          const rowFinder = onCreate();
+          const rowFinder = onEditingCreate();
           setRowCreated({
             rowFinder
           });
@@ -19536,7 +19624,7 @@ const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref)
     enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing
   };
   const hasValidationErrors = table3.meta.editing.hasErrors(table3.instance, table3.ref);
-  const showCreateRowButton = table3.meta.editing.isEnabled && props.enableCreation && props.onCreate;
+  const showCreateRowButton = table3.meta.editing.isEnabled && props.onEditingCreate;
   return /*#__PURE__*/React__default.createElement(Table, null, /*#__PURE__*/React__default.createElement(Table.Toolbar, {
     table: table3
   }, table3.meta.editing.isEnabled ? ( /*#__PURE__*/React__default.createElement(Editing, {
@@ -19553,7 +19641,7 @@ const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref)
   }), showCreateRowButton && ( /*#__PURE__*/React__default.createElement(CreateNewRowButton, {
     table: table3.instance,
     tableMeta: table3.meta,
-    onCreate: props.onCreate,
+    onEditingCreate: props.onEditingCreate,
     scrollToIndex: table3.renderer.scrollToIndex
   }))));
 });