@economic/taco 2.24.0 → 2.25.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"setup.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/util/setup.ts"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    getCoreRowModel,\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 { 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';\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        if (child.props.sort !== undefined) {\n            defaultSorting.push({\n                id,\n                desc: sort === 'desc',\n            });\n        }\n\n        const isGrouped = defaultRowGroupColumnId === id;\n\n        const column: ReactTableColumnDef<TType, any> = {\n            id,\n            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            },\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 => footer(info.table.getRowModel().rows.map(row => row.original[id]));\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,\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.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, 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        getCoreRowModel: getCoreRowModel(),\n        getExpandedRowModel: getExpandedRowModel(),\n        getGroupedRowModel: getGroupedRowModel(),\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();\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();\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 columnOrder = ensureOrdering<TType>(columns, persistedSettings.columnOrder ?? props.defaultSettings?.columnOrder);\n\n        const columnPinning: ReactTableColumnPinningState =\n            persistedSettings.columnPinning ?? props.defaultSettings?.columnPinning ?? {};\n\n        // ensure internal columns are pinned\n        if (!columnPinning?.left?.length) {\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: persistedSettings.columnSizing ?? props.defaultSettings?.columnSizing ?? defaults.defaultSizing ?? {},\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 (persistedSettings.grouping?.length ?? props.defaultSettings?.grouping?.length ?? 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","undefined","desc","isGrouped","column","cell","info","getValue","row","original","table","getRowModel","rows","map","filterFn","aggregatedCell","sortingFn","getSortingFn","dataType","sortDescFirst","sortUndefined","createInternalColumn","size","mapTableChildrenToColumns","options","internalColumns","_props$rowActions","enableRowExpansion","rowExpansionRenderer","rowExpansion","unshift","enableRowSelection","enableRowSelectionSingle","rowSelection","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","getCoreRowModel","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","columnOrder","ensureOrdering","_persistedSettings$co","_props$defaultSetting","defaultSettings","columnPinning","_ref","_persistedSettings$co2","_props$defaultSetting2","_columnPinning$left","left","defaultColumnFreezingIndex","freezeUptoExternalColumn","unfreezeAllExternalColumns","state","columnFilters","_ref2","_persistedSettings$co3","_props$defaultSetting3","columnSizing","_ref3","_ref4","_persistedSettings$co4","_props$defaultSetting4","columnVisibility","_ref5","_ref6","_persistedSettings$co5","_props$defaultSetting5","globalFilter","_persistedSettings$se","searchQuery","_props$defaultSetting6","sorting","_props$defaultSetting7","_props$defaultSetting8","_ref7","_persistedSettings$gr","_persistedSettings$gr2","grouping","_props$defaultSetting9","_props$defaultSetting10","expanded"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"sorting.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/util/sorting.ts"],"sourcesContent":["import { TableColumnDataType, TableColumnSortFn } from '../../types';\n\nexport function getSortingFn<TType = unknown>(dataType?: TableColumnDataType, customFnOrBuiltIn?: TableColumnSortFn<TType>) {\n    if (typeof customFnOrBuiltIn === 'function') {\n        return (rowA, rowB, columnId) => customFnOrBuiltIn(rowA.original, rowB.original, columnId);\n    }\n\n    // if a built in is being used, just return that\n    if (customFnOrBuiltIn) {\n        return customFnOrBuiltIn;\n    }\n\n    // some times we alias based on the type\n    if (dataType && dataType !== 'boolean' && dataType !== 'number') {\n        return dataType;\n    }\n\n    // otherwise fall back to auto\n    return 'auto';\n}\n"],"names":["getSortingFn","dataType","customFnOrBuiltIn","rowA","rowB","columnId","original"],"mappings":"SAEgBA,YAAYA,CAAkBC,QAA8B,EAAEC,iBAA4C;EACtH,IAAI,OAAOA,iBAAiB,KAAK,UAAU,EAAE;IACzC,OAAO,CAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,KAAKH,iBAAiB,CAACC,IAAI,CAACG,QAAQ,EAAEF,IAAI,CAACE,QAAQ,EAAED,QAAQ,CAAC;;;EAI9F,IAAIH,iBAAiB,EAAE;IACnB,OAAOA,iBAAiB;;;EAI5B,IAAID,QAAQ,IAAIA,QAAQ,KAAK,SAAS,IAAIA,QAAQ,KAAK,QAAQ,EAAE;IAC7D,OAAOA,QAAQ;;;EAInB,OAAO,MAAM;AACjB;;;;"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ColumnFilter as ReactTableColumnFilter, ColumnFiltersState as ReactTableColumnFilterState, ColumnOrderState as ReactTableColumnOrderState, ColumnPinningState as ReactTableColumnPinningState, ColumnSort as ReactTableColumnSort, ColumnSizingState as ReactTableColumnSizingState, GroupingState as ReactTableGroupingState, VisibilityState as ReactTableColumnVisibilityState, SortingState as ReactTableSortingState, BuiltInAggregationFn as ReactTableBuiltInAggregationFn, BuiltInSortingFn as ReactTableBuiltInSortingFn, HeaderContext as ReactTableHeaderContext, CellContext as ReactTableCellContext, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';
+import { ColumnFilter as ReactTableColumnFilter, ColumnFiltersState as ReactTableColumnFilterState, ColumnOrderState as ReactTableColumnOrderState, ColumnPinningState as ReactTableColumnPinningState, ColumnSort as ReactTableColumnSort, ColumnSizingState as ReactTableColumnSizingState, GroupingState as ReactTableGroupingState, VisibilityState as ReactTableColumnVisibilityState, SortingState as ReactTableSortingState, BuiltInAggregationFn as ReactTableBuiltInAggregationFn, BuiltInSortingFn as ReactTableBuiltInSortingFn } from '@tanstack/react-table';
 import { FontSize, FontSizes, ValueOf } from '../../types';
 import { MenuProps } from '../../components/Menu/Menu';
 declare type TODO = any;
@@ -135,18 +135,7 @@ export declare type TableFeatureProps = {
     enableRowHeight?: boolean;
     enableSaveSettings?: boolean | Partial<EnableSettingsOptions>;
 };
-export declare type useTableInternalColumn<TType = unknown> = {
-    header?: (info: ReactTableHeaderContext<TType, unknown>) => JSX.Element | string | null;
-    renderer: (info: ReactTableCellContext<TType, unknown>) => JSX.Element | string | null;
-    meta?: ReactTableColumnMeta<TType, unknown>;
-    size?: number;
-};
-export declare type useTableInternalColumns<TType = unknown> = {
-    rowActions?: useTableInternalColumn<TType>;
-    rowExpansion?: useTableInternalColumn<TType>;
-    rowSelection?: useTableInternalColumn<TType>;
-};
-declare type useTableCommonProps<TType = unknown> = TableFeatureProps & {
+declare type TableCommonProps<TType = unknown> = TableFeatureProps & {
     children: (JSX.Element | boolean | null | undefined)[];
     data: TType[];
     id: string;
@@ -168,19 +157,19 @@ declare type useTableCommonProps<TType = unknown> = TableFeatureProps & {
     onChangeSettings?: TableSettingsHandler;
     onChangeSort?: TableSortHandler;
 };
-export interface useTableClientProps<TType = unknown> extends useTableCommonProps<TType> {
+export interface TableClientProps<TType = unknown> extends TableCommonProps<TType> {
     length?: never;
     loadAll?: never;
     loadPage?: never;
     pageSize?: never;
 }
-export interface useTableServerProps<TType = unknown> extends useTableCommonProps<TType> {
+export interface TableServerProps<TType = unknown> extends TableCommonProps<TType> {
     length: number | undefined;
     loadAll: TableServerLoadAllHandler;
     loadPage: TableServerLoadPageHandler;
     pageSize?: number;
 }
-export declare type useTableProps<TType = unknown> = useTableClientProps<TType> | useTableServerProps<TType>;
+export declare type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;
 export declare type TableColumnProps<TType = unknown> = ValueOf<{
     [Key in keyof TType]: {
         accessor?: Key;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { HeaderContext as ReactTableHeaderContext, CellContext as ReactTableCellContext, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';
+export declare type useTableManagerInternalColumn<TType = unknown> = {
+    header?: (info: ReactTableHeaderContext<TType, unknown>) => JSX.Element | string | null;
+    renderer: (info: ReactTableCellContext<TType, unknown>) => JSX.Element | string | null;
+    meta?: ReactTableColumnMeta<TType, unknown>;
+    size?: number;
+};
+export declare type useTableManagerInternalColumns<TType = unknown> = {
+    rowActions?: useTableManagerInternalColumn<TType>;
+    rowExpansion?: useTableManagerInternalColumn<TType>;
+    rowSelection?: useTableManagerInternalColumn<TType>;
+};

package/dist/primitives/Table/{useTable/useTable.d.ts → useTableManager/useTableManager.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TableMeta as ReactTableMeta, RowData } from '@tanstack/react-table';
-import { TableColumnAlignment, TableColumnClassNameHandler, TableColumnDataType, TableColumnMenu, TableColumnRendererControl, TableFilterComparator, TableRef, useTableInternalColumns, useTableProps } from '../types';
+import { TableColumnAlignment, TableColumnClassNameHandler, TableColumnDataType, TableColumnMenu, TableColumnRendererControl, TableFilterComparator, TableRef, TableProps } from '../types';
 import { useTableColumnFreezing } from './features/useTableColumnFreezing';
 import { useTableColumnOrdering } from './features/useTableColumnOrdering';
 import { useTableFooter } from './features/useTableFooter';
@@ -16,6 +16,7 @@ import { useTableRowHeight } from './features/useTableRowHeight';
 import { useTableRowSelection } from './features/useTableRowSelection';
 import { useTableSearch } from './features/useTableSearch';
 import { useTableServerLoading } from './features/useTableServerLoading';
+import { useTableManagerInternalColumns } from './types';
 declare module '@tanstack/table-core' {
     interface TableMeta<TData extends RowData> {
         columnFreezing: ReturnType<typeof useTableColumnFreezing>;
@@ -50,7 +51,7 @@ declare module '@tanstack/table-core' {
         tooltip?: string;
     }
 }
-export declare function useTable<TType = unknown, TMeta = {}>(props: useTableProps<TType>, ref: React.RefObject<TableRef>, meta?: Partial<ReactTableMeta<TType>> & TMeta, internalColumns?: useTableInternalColumns<TType>): {
+export declare function useTableManager<TType = unknown, TMeta = {}>(props: TableProps<TType>, ref: React.RefObject<TableRef>, meta?: Partial<ReactTableMeta<TType>> & TMeta, internalColumns?: useTableManagerInternalColumns<TType>): {
     id: string;
     instance: import("@tanstack/react-table").Table<TType>;
     meta: ReactTableMeta<TType> & TMeta;

package/dist/primitives/Table/useTableManager/util/presets.d.ts

@@ -0,0 +1,2 @@
+import { TableFeatureProps, TableProps } from '../../types';
+export declare function useTableFeaturePreset<TType = unknown>(props: TableProps<TType>): TableFeatureProps;

package/dist/primitives/Table/{useTable → useTableManager}/util/setup.d.ts

@@ -1,13 +1,14 @@
 import { TableOptions as ReactTableOptions, ColumnDef as ReactTableColumnDef, ColumnSizingState as ReactTableColumnSizingState, ColumnSort as ReactTableColumnSort, TableState as ReactTableState, VisibilityState as ReactTableVisibilityState } from '@tanstack/react-table';
-import { TableFeatureProps, useTableProps, TableSettings, useTableInternalColumns } from '../../types';
-export declare function mapTableChildrenToColumns<TType = unknown>(props: useTableProps<TType>, settings: TableSettings, options: TableFeatureProps, internalColumns?: useTableInternalColumns<TType>): {
+import { useTableManagerInternalColumns } from '../types';
+import { TableFeatureProps, TableProps, TableSettings } from '../../types';
+export declare function mapTableChildrenToColumns<TType = unknown>(props: TableProps<TType>, settings: TableSettings, options: TableFeatureProps, internalColumns?: useTableManagerInternalColumns<TType>): {
     columns: ReactTableColumnDef<TType, unknown>[];
     defaultSizing: Record<string, number>;
     defaultSorting: ReactTableColumnSort[];
     defaultVisibility: Record<string, boolean>;
 };
-export declare function configureReactTableOptions<TType = unknown>(options: TableFeatureProps, props: useTableProps<TType>): Partial<ReactTableOptions<TType>>;
-export declare function useReactTableInitialState<TType = unknown>(props: useTableProps<TType>, columns: ReactTableColumnDef<TType>[], persistedSettings: TableSettings, defaults: {
+export declare function configureReactTableOptions<TType = unknown>(options: TableFeatureProps, props: TableProps<TType>): Partial<ReactTableOptions<TType>>;
+export declare function useReactTableInitialState<TType = unknown>(props: TableProps<TType>, columns: ReactTableColumnDef<TType>[], persistedSettings: TableSettings, defaults: {
     defaultSizing: ReactTableColumnSizingState;
     defaultSorting: ReactTableColumnSort[];
     defaultVisibility: ReactTableVisibilityState;

package/dist/taco.cjs.development.js

@@ -4393,6 +4393,8 @@ const defaultLocalisationTexts = {
         expandAll: 'Expand all rows'
       },
       menu: {
+        editFilter: 'Edit filter',
+        filter: 'Filter',
         freezeFirstColumn: 'Freeze the first column',
         freezeUptoColumn: `Freeze first [TOTAL] columns`,
         freezeColumns: (count = 1) => count === 1 ? 'Freeze the first column' : `Freeze first ${count} columns`,
@@ -7896,6 +7898,15 @@ const Link = /*#__PURE__*/React.forwardRef(function MenuLink(props, ref) {
 const Trigger$6 = /*#__PURE__*/React.forwardRef(function MenuTrigger(props, ref) {
   const menu = useCurrentMenu();
   const internalRef = useMergedRef(ref);
+  const preventArrowDownShortcut = event => {
+    var _internalRef$current, _internalRef$current2;
+    const isRenderedInTable = !!((_internalRef$current = internalRef.current) !== null && _internalRef$current !== void 0 && _internalRef$current.closest('[data-taco="table2-body"]'));
+    const isRenderedInReport = !!((_internalRef$current2 = internalRef.current) !== null && _internalRef$current2 !== void 0 && _internalRef$current2.closest('[data-taco="report-body"]'));
+    if ((isRenderedInTable || isRenderedInReport) && event.key === 'ArrowDown') {
+      var _internalRef$current3, _internalRef$current4;
+      internalRef === null || internalRef === void 0 ? void 0 : (_internalRef$current3 = internalRef.current) === null || _internalRef$current3 === void 0 ? void 0 : (_internalRef$current4 = _internalRef$current3.parentNode) === null || _internalRef$current4 === void 0 ? void 0 : _internalRef$current4.dispatchEvent(createCustomKeyboardEvent(event));
+    }
+  };
   React.useEffect(() => {
     if (internalRef.current) {
       menu === null || menu === void 0 ? void 0 : menu.setMinWidth(internalRef.current.getBoundingClientRect().width);
@@ -7903,7 +7914,8 @@ const Trigger$6 = /*#__PURE__*/React.forwardRef(function MenuTrigger(props, ref)
   }, [internalRef]);
   return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Trigger, Object.assign({}, props, {
     asChild: true,
-    ref: internalRef
+    ref: internalRef,
+    onKeyDown: preventArrowDownShortcut
   }));
 });
 
@@ -10794,7 +10806,7 @@ function useTableRef(table, ref) {
   }, [table, ref.current]);
 }
 
-function useTable(props, ref, meta, internalColumns) {
+function useTableManager(props, ref, meta, internalColumns) {
   var _props$data, _props$length, _instance$options$met;
   // CSS.escape would be best here, but it doesn't seem to work very well
   const safeId = props.id.replace('.', '_');
@@ -11183,7 +11195,6 @@ function useTableRowActiveListener(table, tableRef) {
 
 function useReport(props, ref) {
   const meta = {};
-  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
   const INTERNAL_COLUMNS = React__default.useMemo(() => ({
     rowActions: {
       header: Header$1,
@@ -11216,7 +11227,8 @@ function useReport(props, ref) {
       }
     }
   }), []);
-  const report = useTable(props, ref, meta, INTERNAL_COLUMNS);
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  const report = useTableManager(props, ref, meta, INTERNAL_COLUMNS);
   // listeners
   useTableRowActiveListener(report.instance, ref);
   return report;
@@ -11393,12 +11405,15 @@ function GotoPopover(props) {
 
 function HeaderMenu(props) {
   const {
+    canFilter,
     canGoto,
     canHide,
     canPin,
     canSort,
     customMenu,
     index,
+    isFiltered,
+    onFilter: handleFilter,
     onGoto: handleGoto,
     onHide: handleHide,
     onPin: handlePin,
@@ -11492,6 +11507,12 @@ function HeaderMenu(props) {
         onClick: () => handlePin(undefined)
       }, texts.table3.columns.menu.unfreezeColumns));
     }
+    if (canFilter && handleFilter) {
+      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+        icon: isFiltered ? 'filter-solid' : 'filter',
+        onClick: () => handleFilter()
+      }, isFiltered ? texts.table3.columns.menu.editFilter : texts.table3.columns.menu.filter));
+    }
     if (customMenu) {
       const menu = customMenu({
         trigger: undefined
@@ -11507,7 +11528,7 @@ function HeaderMenu(props) {
     return menuItems.map((item, key) => /*#__PURE__*/React__default.cloneElement(item, {
       key
     }));
-  }, [canGoto, canHide, canPin, canSort, customMenu, handleGoto, handleSortToggle, index, sortDirection]);
+  }, [canFilter, canGoto, canHide, canPin, canSort, customMenu, handleGoto, handleSortToggle, index, isFiltered, sortDirection]);
   // can't use display: none because the button needs to be focusable
   const className = cn(
   // positioning
@@ -11562,6 +11583,7 @@ function Header$4(header) {
   const columnMeta = (_header$column$column = header.column.columnDef.meta) !== null && _header$column$column !== void 0 ? _header$column$column : {};
   const isGroup = !!header.subHeaders.length;
   const isPinned = getIsPinned(header);
+  const canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;
   const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();
   const canMeasureSize = !!table.getRowModel().rows.length;
   const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();
@@ -11575,6 +11597,7 @@ function Header$4(header) {
   // passing header or column results in re-renders on scroll, so anything from those objects as memoed props
   const memoedProps = {
     align: columnMeta.align,
+    canFilter,
     canHide,
     canGoto,
     canMeasureSize,
@@ -11588,6 +11611,7 @@ function Header$4(header) {
     defaultWidth: columnMeta.defaultWidth,
     hasMenu,
     id: header.id,
+    isFiltered: header.column.getIsFiltered(),
     index: header.index,
     isGroup,
     isPinned,
@@ -11604,6 +11628,13 @@ function Header$4(header) {
       'after:!content-none': nextHeader === null || nextHeader === void 0 ? void 0 : nextHeader.isPlaceholder
     });
   }
+  if (canFilter) {
+    memoedProps.onFilter = () => {
+      header.column.setFilterValue({
+        comparator: TableFilterComparator.Contains
+      });
+    };
+  }
   if (canGoto) {
     memoedProps.onGoto = query => {
       var _tableMeta$rowGoto$ha, _tableMeta$rowGoto;
@@ -11647,6 +11678,7 @@ function Header$4(header) {
 const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(props) {
   const {
     align,
+    canFilter,
     canGoto,
     canHide,
     canMeasureSize,
@@ -11661,11 +11693,13 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
     hasMenu,
     id,
     index,
+    isFiltered,
     isGroup,
     isPinned,
     isPlaceholder,
     isResizing,
     offset,
+    onFilter: handleFilter,
     onGoto: handleGoto,
     onHide: handleHide,
     onPin: handlePin,
@@ -11706,6 +11740,7 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
   }, children))), sortDirection ? /*#__PURE__*/React__default.createElement(SortIndicator, {
     direction: sortDirection
   }) : null, hasMenu ? ( /*#__PURE__*/React__default.createElement(HeaderMenu, {
+    canFilter: canFilter,
     canGoto: canGoto,
     canHide: canHide,
     canPin: canPin,
@@ -11716,6 +11751,8 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
     }),
     customMenu: customMenu,
     index: index,
+    isFiltered: isFiltered,
+    onFilter: handleFilter,
     onGoto: handleGoto,
     onHide: handleHide,
     onPin: handlePin,
@@ -11799,7 +11836,9 @@ function Body(props) {
       }
     }
   };
-  return /*#__PURE__*/React__default.createElement("tbody", Object.assign({}, attributes, {
+  return /*#__PURE__*/React__default.createElement("tbody", Object.assign({
+    "data-taco": "report-body"
+  }, attributes, {
     onKeyDown: handleKeyDown,
     ref: ref
   }));
@@ -11819,7 +11858,7 @@ function Summary(props) {
   let label;
   let count;
   // row selection
-  const rowsSelectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;
+  const rowsSelectedLength = table.getSelectedRowModel().rows.length;
   if (rowsSelectedLength > 0) {
     label = texts.table3.footer.summary.selected;
     count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(rowsSelectedLength)), "\u00A0", texts.table3.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
@@ -13862,9 +13901,9 @@ const Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, r
     if (!Array.isArray(value) || value.length === 0) {
       setValue(selectOptions);
     } else {
-      selectOptions.forEach(child => {
-        !value.includes(child) && setValue(child);
-      });
+      // array of all available options which are not selected
+      const preselectedValues = selectOptions.filter(option => !value.includes(option));
+      setValue([...value, ...preselectedValues]);
     }
   };
   const deselectAll = () => {
@@ -14194,6 +14233,9 @@ function sortByHeader(a, b) {
   var _a$columnDef$meta, _a$columnDef$meta$hea, _a$columnDef$meta$hea2, _b$columnDef$meta;
   return (_a$columnDef$meta = a.columnDef.meta) === null || _a$columnDef$meta === void 0 ? void 0 : (_a$columnDef$meta$hea = _a$columnDef$meta.header) === null || _a$columnDef$meta$hea === void 0 ? void 0 : (_a$columnDef$meta$hea2 = _a$columnDef$meta$hea.localeCompare) === null || _a$columnDef$meta$hea2 === void 0 ? void 0 : _a$columnDef$meta$hea2.call(_a$columnDef$meta$hea, (_b$columnDef$meta = b.columnDef.meta) === null || _b$columnDef$meta === void 0 ? void 0 : _b$columnDef$meta.header);
 }
+function isEmptyFilter(filter) {
+  return !filter.value.hasOwnProperty('value'); // eslint-disable-line no-prototype-builtins
+}
 
 const FilterColumn = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const {
@@ -14339,6 +14381,7 @@ function getComparatorText(comparator, texts, column) {
   }
 }
 
+const querySelector = 'filter-value';
 function FilterValue(props) {
   const {
     column,
@@ -14360,6 +14403,7 @@ function FilterValue(props) {
       return /*#__PURE__*/React__default.createElement(Input, {
         "aria-label": texts.table3.filters.emptyFilter.value,
         className: "flex-grow",
+        "data-query-selector": querySelector,
         disabled: true,
         value: texts.table3.filters.emptyFilter.value
       });
@@ -14369,10 +14413,12 @@ function FilterValue(props) {
         className: "flex flex-grow items-center gap-2"
       }, /*#__PURE__*/React__default.createElement(Control, {
         column: column,
+        "data-query-selector": querySelector,
         onChange: value => handleChange([value, toValue]),
         value: fromValue
       }), /*#__PURE__*/React__default.createElement(Control, {
         column: column,
+        "data-query-selector": querySelector,
         onChange: value => handleChange([fromValue, value]),
         value: toValue
       }));
@@ -14381,11 +14427,13 @@ function FilterValue(props) {
       className: "flex flex-grow items-center gap-2"
     }, /*#__PURE__*/React__default.createElement(Control, {
       column: column,
+      "data-query-selector": querySelector,
       onChange: value => handleChange([isNaN(value) ? undefined : value, toValue]),
       placeholder: "from",
       value: fromValue !== null && fromValue !== void 0 ? fromValue : ''
     }), /*#__PURE__*/React__default.createElement(Control, {
       column: column,
+      "data-query-selector": querySelector,
       onChange: value => handleChange([fromValue, isNaN(value) ? undefined : value]),
       placeholder: "to",
       value: toValue !== null && toValue !== void 0 ? toValue : ''
@@ -14394,6 +14442,7 @@ function FilterValue(props) {
   return /*#__PURE__*/React__default.createElement(Control, {
     comparator: comparator,
     column: column,
+    "data-query-selector": querySelector,
     onChange: handleChange,
     value: value
   });
@@ -14415,10 +14464,13 @@ function Control(props) {
     }
   }, []);
   if (typeof controlRenderer === 'function') {
-    return controlRenderer({
+    return /*#__PURE__*/React__default.cloneElement(controlRenderer({
       ...attributes,
       setValue: value => onChange(value),
       value
+    }), {
+      ['data-query-selector']: querySelector,
+      className: 'focus:yt-focus'
     });
   } else if (controlRenderer === 'datepicker' || dataType === 'datetime') {
     return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, attributes, {
@@ -14558,15 +14610,19 @@ function ManageFiltersPopover(props) {
     texts
   } = useLocalization();
   const allColumns = table.getAllLeafColumns().filter(column => !isInternalColumn(column.id)).sort(sortByHeader);
-  const appliedFilters = table.getState().columnFilters;
+  const columnFilters = table.getState().columnFilters;
   // state, since we "apply" filters - our filter values have a special shape, so we force to our type
-  const [filters, setFilters] = React__default.useState(appliedFilters.length ? appliedFilters : [placeholderFilter]);
-  // filters might reset from the outside
+  const [filters, setFilters] = React__default.useState(columnFilters.length ? columnFilters : [placeholderFilter]);
+  // this runs if filters are set outside (e.g. through column header)
   React__default.useEffect(() => {
-    if (appliedFilters.length === 0) {
-      setFilters([placeholderFilter]);
-    }
-  }, [appliedFilters]);
+    setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);
+    // focus the filter value, as we preset the column/comparator.
+    requestAnimationFrame(() => {
+      const filterValues = document.querySelectorAll('[data-query-selector="filter-value"]');
+      const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;
+      lastFilter === null || lastFilter === void 0 ? void 0 : lastFilter.focus();
+    });
+  }, [columnFilters]);
   // filters
   const handleChangeFilter = (position, filter) => {
     setFilters(currentFilters => {
@@ -14609,8 +14665,12 @@ function ManageFiltersPopover(props) {
     table.resetColumnFilters();
     setFilters([placeholderFilter]);
   };
-  const handleClose = () => {
-    setFilters(appliedFilters.length === 0 ? [placeholderFilter] : appliedFilters);
+  const handleClose = open => {
+    if (!open) {
+      const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));
+      table.setColumnFilters(nonEmptyFilters);
+      setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);
+    }
   };
   return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
     onChange: handleClose
@@ -14658,7 +14718,9 @@ function Filters(props) {
     texts
   } = useLocalization();
   const isLargeScreen = useIsLargeScreen();
-  const appliedFilters = table.getState().columnFilters;
+  const columnFilters = table.getState().columnFilters;
+  const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));
+  const ref = React__default.useRef(null);
   const shortcut = {
     key: 'f',
     meta: true,
@@ -14672,11 +14734,20 @@ function Filters(props) {
       table: table
     })),
     shortcut,
+    ref,
     tooltip: ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table3.filters.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
       className: "ml-2",
       keys: shortcut
     })))
   };
+  React__default.useEffect(() => {
+    const emptyFilter = columnFilters.find(isEmptyFilter);
+    // we set an empty filter when adding a filter through a column header.
+    if (emptyFilter) {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.click();
+    }
+  }, [columnFilters]);
   if (!isLargeScreen && !appliedFilters.length) {
     return /*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, buttonProps, {
       icon: "filter"
@@ -16305,7 +16376,7 @@ const useTableSortingListener$1 = (data, sortedRows, onSort, manualSorting, stat
   }, [onSort && JSON.stringify(state.sortBy), manualSorting]);
 };
 const DEFAULT_PAGE_SIZE$1 = 10;
-const useTable$1 = (props, ref) => {
+const useTable = (props, ref) => {
   var _otherProps$tabIndex;
   const {
     children,
@@ -16628,7 +16699,7 @@ const Table = /*#__PURE__*/React__default.forwardRef(function Table(props, ref)
     prepareRow,
     pagination,
     instance
-  } = useTable$1(otherProps, tableRef);
+  } = useTable(otherProps, tableRef);
   let paginationElement;
   if (pagination) {
     paginationElement = /*#__PURE__*/React__default.createElement(Pagination, {
@@ -16736,7 +16807,7 @@ const WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTa
     prepareRow,
     instance,
     state
-  } = useTable$1({
+  } = useTable({
     ...otherProps,
     windowed: true
   }, tableRef);
@@ -20570,7 +20641,7 @@ function usePauseShortcuts() {
   };
 }
 
-function useTable$2(props, ref) {
+function useTable$1(props, ref) {
   var _settings$columnFreez, _props$data, _ref, _props$length, _props$data2;
   // load any persisted table settings and merge them with any defaults
   const [settings, setSettings] = useSettings(props.id, props.defaultSettings, props.onChangeSettings);
@@ -22451,7 +22522,7 @@ function Summary$1(props) {
   let label;
   let count;
   // row selection
-  const rowsSelectedLength = table.getIsAllRowsSelected() ? length : table.getSelectedRowModel().rows.length;
+  const rowsSelectedLength = table.getSelectedRowModel().rows.length;
   if (rowsSelectedLength > 0) {
     label = texts.table3.footer.summary.selected;
     count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(rowsSelectedLength)), "\u00A0", texts.table3.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
@@ -22850,7 +22921,7 @@ const Table$1 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
   const {
     table,
     length
-  } = useTable$2(props, internalRef);
+  } = useTable$1(props, internalRef);
   useTableRefInstanceSetup(table, internalRef);
   React__default.useEffect(() => {
     if (props.autoFocus) {