@economic/taco 2.45.0-alpha.0 → 2.45.0-alpha.2

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

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport { useTableManager } from '../useTableManager/useTableManager';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport { TableRef } from '../types';\nimport { useTableRenderers } from './types';\nimport { renderer as rowActions } from './components/Columns/Internal/Actions';\nimport { renderer as rowDrag } from './components/Columns/Internal/Drag';\nimport { renderer as rowExpansion } from './components/Columns/Internal/Expansion';\nimport { renderer as rowSelection } from './components/Columns/Internal/Selection';\nimport { useTableManagerInternalColumns } from '../useTableManager/types';\n\nconst INTERNAL_RENDERERS = {\n    rowActions,\n    rowDrag,\n    rowExpansion,\n    rowSelection,\n};\n\nexport type useTableReturnValue<TType = unknown> = {\n    id: string;\n    instance: ReactTable<TType>;\n    meta: ReactTableMeta<TType>;\n    props: {\n        customSettings: TableCustomSettingsRenderer | undefined;\n        emptyState: TableEmptyStateRenderer | undefined;\n        toolbarLeft: JSX.Element | undefined;\n        toolbarPanel: JSX.Element | undefined;\n        toolbarRight: JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: (JSX.Element | null)[] | null;\n        style: React.CSSProperties;\n        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;\n    };\n    style: React.CSSProperties;\n    stylesheet: string;\n    state: ReactTableState;\n};\n\nexport function useTable<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    externalRef: React.Ref<TableRef>,\n    renderers: useTableRenderers<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta\n): useTableReturnValue<TType> {\n    // create a ref and merge with the consumer's ref\n    const ref = useMergedRef<TableRef>(externalRef);\n    // configure the table\n    const manager = useTableManager<TType>(props, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, props.defaultRowActiveIndex);\n    // configure dynamic styling\n    const { style, stylesheet } = useTableStyle(manager.id, manager.instance);\n    // configure global keyboard shortcuts\n    useTableGlobalShortcuts(manager.instance, ref, renderer.scrollToIndex);\n    // augment the ref with some helper functions\n    useTableRef(manager.instance, ref);\n\n    // listeners - they are here and not in useTableManager because they rely on the dom and the table ref\n    useTableRowActiveListener(manager.instance, ref);\n\n    return {\n        ...manager,\n        props: {\n            customSettings: props.customSettings,\n            emptyState: props.emptyState,\n            toolbarLeft: props.toolbarLeft,\n            toolbarPanel: props.toolbarPanel,\n            toolbarRight: props.toolbarRight,\n        },\n        renderer,\n        style,\n        stylesheet,\n        ref,\n    };\n}\n"],"names":["INTERNAL_RENDERERS","rowActions","rowDrag","rowExpansion","rowSelection","useTable","props","externalRef","renderers","meta","ref","useMergedRef","manager","useTableManager","renderer","useTableRenderer","instance","defaultRowActiveIndex","style","stylesheet","useTableStyle","id","useTableGlobalShortcuts","scrollToIndex","useTableRef","useTableRowActiveListener","customSettings","emptyState","toolbarLeft","toolbarPanel","toolbarRight"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,kBAAkB,GAAG;cACvBC,QAAU;WACVC,UAAO;gBACPC,UAAY;gBACZC;CACH;SAwBeC,QAAQA,CACpBC,KAAwB,EACxBC,WAAgC,EAChCC,SAAmC,EACnCC,IAA6C;;EAG7C,MAAMC,GAAG,GAAGC,YAAY,CAAWJ,WAAW,CAAC;;EAE/C,MAAMK,OAAO,GAAGC,eAAe,CAAQP,KAAK,EAAEG,IAAI,EAAET,kBAA2D,CAAC;;EAEhH,MAAMc,QAAQ,GAAGC,gBAAgB,CAAQP,SAAS,EAAEI,OAAO,CAACI,QAAQ,EAAEN,GAAG,EAAEJ,KAAK,CAACW,qBAAqB,CAAC;;EAEvG,MAAM;IAAEC,KAAK;IAAEC;GAAY,GAAGC,aAAa,CAACR,OAAO,CAACS,EAAE,EAAET,OAAO,CAACI,QAAQ,CAAC;;EAEzEM,uBAAuB,CAACV,OAAO,CAACI,QAAQ,EAAEN,GAAG,EAAEI,QAAQ,CAACS,aAAa,CAAC;;EAEtEC,WAAW,CAACZ,OAAO,CAACI,QAAQ,EAAEN,GAAG,CAAC;;EAGlCe,yBAAyB,CAACb,OAAO,CAACI,QAAQ,EAAEN,GAAG,CAAC;EAEhD,OAAO;IACH,GAAGE,OAAO;IACVN,KAAK,EAAE;MACHoB,cAAc,EAAEpB,KAAK,CAACoB,cAAc;MACpCC,UAAU,EAAErB,KAAK,CAACqB,UAAU;MAC5BC,WAAW,EAAEtB,KAAK,CAACsB,WAAW;MAC9BC,YAAY,EAAEvB,KAAK,CAACuB,YAAY;MAChCC,YAAY,EAAExB,KAAK,CAACwB;KACvB;IACDhB,QAAQ;IACRI,KAAK;IACLC,UAAU;IACVT;GACH;AACL;;;;"}
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport { useTableManager } from '../useTableManager/useTableManager';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport { TableRef } from '../types';\nimport { useTableRenderers, useTableRenderOptions } from './types';\nimport { renderer as rowActions } from './components/Columns/Internal/Actions';\nimport { renderer as rowDrag } from './components/Columns/Internal/Drag';\nimport { renderer as rowExpansion } from './components/Columns/Internal/Expansion';\nimport { renderer as rowSelection } from './components/Columns/Internal/Selection';\nimport { useTableManagerInternalColumns } from '../useTableManager/types';\n\nconst INTERNAL_RENDERERS = {\n    rowActions,\n    rowDrag,\n    rowExpansion,\n    rowSelection,\n};\n\nexport type useTableReturnValue<TType = unknown> = {\n    id: string;\n    instance: ReactTable<TType>;\n    meta: ReactTableMeta<TType>;\n    props: {\n        customSettings: TableCustomSettingsRenderer | undefined;\n        emptyState: TableEmptyStateRenderer | undefined;\n        toolbarLeft: JSX.Element | undefined;\n        toolbarPanel: JSX.Element | undefined;\n        toolbarRight: JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: (JSX.Element | null)[] | null;\n        style: React.CSSProperties;\n        scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;\n    };\n    style: React.CSSProperties;\n    stylesheet: string;\n    state: ReactTableState;\n};\n\nexport function useTable<TType = unknown, TMeta = {}>(\n    props: TableProps<TType>,\n    externalRef: React.Ref<TableRef>,\n    renderers: useTableRenderers<TType>,\n    meta?: Partial<ReactTableMeta<TType>> & TMeta,\n    options?: useTableRenderOptions\n): useTableReturnValue<TType> {\n    // create a ref and merge with the consumer's ref\n    const ref = useMergedRef<TableRef>(externalRef);\n    // configure the table\n    const manager = useTableManager<TType>(props, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, props.defaultRowActiveIndex, options);\n    // configure dynamic styling\n    const { style, stylesheet } = useTableStyle(manager.id, manager.instance);\n    // configure global keyboard shortcuts\n    useTableGlobalShortcuts(manager.instance, ref, renderer.scrollToIndex);\n    // augment the ref with some helper functions\n    useTableRef(manager.instance, ref);\n\n    // listeners - they are here and not in useTableManager because they rely on the dom and the table ref\n    useTableRowActiveListener(manager.instance, ref);\n\n    return {\n        ...manager,\n        props: {\n            customSettings: props.customSettings,\n            emptyState: props.emptyState,\n            toolbarLeft: props.toolbarLeft,\n            toolbarPanel: props.toolbarPanel,\n            toolbarRight: props.toolbarRight,\n        },\n        renderer,\n        style,\n        stylesheet,\n        ref,\n    };\n}\n"],"names":["INTERNAL_RENDERERS","rowActions","rowDrag","rowExpansion","rowSelection","useTable","props","externalRef","renderers","meta","options","ref","useMergedRef","manager","useTableManager","renderer","useTableRenderer","instance","defaultRowActiveIndex","style","stylesheet","useTableStyle","id","useTableGlobalShortcuts","scrollToIndex","useTableRef","useTableRowActiveListener","customSettings","emptyState","toolbarLeft","toolbarPanel","toolbarRight"],"mappings":";;;;;;;;;;;;AAkBA,MAAMA,kBAAkB,GAAG;cACvBC,QAAU;WACVC,UAAO;gBACPC,UAAY;gBACZC;CACH;SAwBeC,QAAQA,CACpBC,KAAwB,EACxBC,WAAgC,EAChCC,SAAmC,EACnCC,IAA6C,EAC7CC,OAA+B;;EAG/B,MAAMC,GAAG,GAAGC,YAAY,CAAWL,WAAW,CAAC;;EAE/C,MAAMM,OAAO,GAAGC,eAAe,CAAQR,KAAK,EAAEG,IAAI,EAAET,kBAA2D,CAAC;;EAEhH,MAAMe,QAAQ,GAAGC,gBAAgB,CAAQR,SAAS,EAAEK,OAAO,CAACI,QAAQ,EAAEN,GAAG,EAAEL,KAAK,CAACY,qBAAqB,EAAER,OAAO,CAAC;;EAEhH,MAAM;IAAES,KAAK;IAAEC;GAAY,GAAGC,aAAa,CAACR,OAAO,CAACS,EAAE,EAAET,OAAO,CAACI,QAAQ,CAAC;;EAEzEM,uBAAuB,CAACV,OAAO,CAACI,QAAQ,EAAEN,GAAG,EAAEI,QAAQ,CAACS,aAAa,CAAC;;EAEtEC,WAAW,CAACZ,OAAO,CAACI,QAAQ,EAAEN,GAAG,CAAC;;EAGlCe,yBAAyB,CAACb,OAAO,CAACI,QAAQ,EAAEN,GAAG,CAAC;EAEhD,OAAO;IACH,GAAGE,OAAO;IACVP,KAAK,EAAE;MACHqB,cAAc,EAAErB,KAAK,CAACqB,cAAc;MACpCC,UAAU,EAAEtB,KAAK,CAACsB,UAAU;MAC5BC,WAAW,EAAEvB,KAAK,CAACuB,WAAW;MAC9BC,YAAY,EAAExB,KAAK,CAACwB,YAAY;MAChCC,YAAY,EAAEzB,KAAK,CAACyB;KACvB;IACDhB,QAAQ;IACRI,KAAK;IACLC,UAAU;IACVT;GACH;AACL;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/primitives/Table/types.ts"],"sourcesContent":["import {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { FontSize, FontSizes, StringWithAutocompleteOptions, ValueOf } from '../../types';\nimport { MenuItemProps } from '../../components/Menu/components/Item';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsEmpty,\n    IsNotEmpty,\n    IsLessThanOrEqualTo,\n    IsGreaterThanOrEqualTo,\n    HasAnyOf,\n    HasAllOf,\n    HasNoneOf,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'number'\n    | 'datetime'\n    | 'boolean'\n    // advanced\n    | 'amount';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRenderer<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;\nexport type TableColumnRendererAggregate<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | ReactTableBuiltInSortingFn\n    | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (row: TType, internalRowId: string) => JSX.Element | null;\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (string: any) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableFilterHandler = (filters: TableColumnFilter[]) => void | Promise<void>;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableSearchHandler = (search: string | undefined) => void | Promise<void>;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[]\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<void>;\nexport enum TableServerLoadAllState {\n    Incomplete,\n    Loading,\n    Completed,\n}\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableSortHandler = (sorting: TableColumnSort[]) => void | Promise<void>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => JSX.Element | null;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n};\n\nexport type TableChild = JSX.Element | boolean | null | undefined;\n\nexport type TableCommonProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    rowIdentityColumnId?: string;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    toolbarPanel?: JSX.Element;\n\n    // handlers\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n};\n\nexport interface TableClientProps<TType = unknown> extends TableCommonProps<TType> {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n}\n\nexport interface TableServerProps<TType = unknown> extends TableCommonProps<TType> {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n}\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnProps<TType = unknown> = ValueOf<{\n    [Key in keyof TType]: {\n        accessor?: Key;\n        id: StringWithAutocompleteOptions<Key>;\n        // renderers\n        renderer?: TableColumnRenderer<TType, TType[Key]>;\n        /** Renderer to use if the cell is an aggregate cell and part of a grouped row */\n        aggregate?: TableColumnRendererAggregate<TType, TType[Key]>;\n        control?: TableColumnRendererControl<TType>;\n        footer?: TableColumnRendererFooter<TType>;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\nexport type TableGroupProps = {\n    children: (JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator","TableServerLoadAllState"],"mappings":"AAwBA;IACYA;AAAZ,WAAYA,qBAAqB;EAC7BA,yEAAQ;EACRA,qFAAc;EACdA,2EAAS;EACTA,iFAAY;EACZA,mFAAa;EACbA,6EAAU;EACVA,2EAAS;EACTA,uEAAO;EACPA,6EAAU;EACVA,+FAAmB;EACnBA,sGAAsB;EACtBA,0EAAQ;EACRA,0EAAQ;EACRA,4EAAS;AACb,CAAC,EAfWA,qBAAqB,KAArBA,qBAAqB;IAkHrBC;AAAZ,WAAYA,uBAAuB;EAC/BA,iFAAU;EACVA,2EAAO;EACPA,+EAAS;AACb,CAAC,EAJWA,uBAAuB,KAAvBA,uBAAuB;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../../src/primitives/Table/types.ts"],"sourcesContent":["import {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n} from '@tanstack/react-table';\nimport { FontSize, FontSizes, StringWithAutocompleteOptions, ValueOf } from '../../types';\nimport { MenuItemProps } from '../../components/Menu/components/Item';\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsEmpty,\n    IsNotEmpty,\n    IsLessThanOrEqualTo,\n    IsGreaterThanOrEqualTo,\n    HasAnyOf,\n    HasAllOf,\n    HasNoneOf,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType =\n    // base\n    | 'text'\n    | 'number'\n    | 'datetime'\n    | 'boolean'\n    // advanced\n    | 'amount';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRenderer<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;\nexport type TableColumnRendererAggregate<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'checkbox'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    fontSize?: FontSize;\n    invalid?: boolean;\n    onBlur?: (value: any) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | ReactTableBuiltInSortingFn\n    | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (row: TType, internalRowId: string) => JSX.Element | null;\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (string: any) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[]) => void;\nexport type TableRowWithMetaData<TType = unknown> = TType & {\n    _meta?: {\n        layout?: 'heading' | 'summary' | 'item';\n    };\n};\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableFilterHandler = (filters: TableColumnFilter[]) => void | Promise<void>;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableSearchHandler = (search: string | undefined) => void | Promise<void>;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[]\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<void>;\nexport enum TableServerLoadAllState {\n    Incomplete,\n    Loading,\n    Completed,\n}\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableSortHandler = (sorting: TableColumnSort[]) => void | Promise<void>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => JSX.Element | null;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    rowHeight?: TableRowHeight;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\nexport type TableEnableSettingsOptions = {\n    columnOrder: boolean;\n    columnPinning: boolean;\n    columnSizing: boolean;\n    columnVisibility: boolean;\n    excludeUnmatchedRecordsInSearch: boolean;\n    fontSize: boolean;\n    grouping: boolean;\n    rowHeight: boolean;\n    sorting: boolean;\n};\n\n// props\nexport type TableConditionalRowProp<TType = unknown> = boolean | ((row: TType) => boolean);\nexport type TableFeatureProps<TType = unknown> = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowSelection?: TableConditionalRowProp<TType>;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: TableConditionalRowProp<TType>;\n    enableRowDrag?: boolean;\n    enableRowDrop?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;\n};\n\nexport type TableChild = JSX.Element | boolean | null | undefined;\n\nexport type TableCommonProps<TType = unknown> = TableFeatureProps<TType> & {\n    children: TableChild | TableChild[];\n    data: TType[];\n    id: string;\n\n    // misc\n    customSettings?: TableCustomSettingsRenderer;\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    emptyState?: TableEmptyStateRenderer;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    rowIdentityAccessor?: keyof TType;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    toolbarPanel?: JSX.Element;\n\n    // handlers\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowDrag?: TableRowDragHandler<TType>;\n    onRowDrop?: TableRowDropHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TableSearchHandler;\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n};\n\nexport interface TableClientProps<TType = unknown> extends TableCommonProps<TType> {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n}\n\nexport interface TableServerProps<TType = unknown> extends TableCommonProps<TType> {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n}\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnProps<TType = unknown> = ValueOf<{\n    [Key in keyof TType]: {\n        accessor?: Key;\n        id: StringWithAutocompleteOptions<Key>;\n        // renderers\n        renderer?: TableColumnRenderer<TType, TType[Key]>;\n        /** Renderer to use if the cell is an aggregate cell and part of a grouped row */\n        aggregate?: TableColumnRendererAggregate<TType, TType[Key]>;\n        control?: TableColumnRendererControl<TType>;\n        footer?: TableColumnRendererFooter<TType>;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        enableEditing?: boolean;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\nexport type TableGroupProps = {\n    children: (JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n\nexport type TableTexts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        menu: {\n            editFilter: string;\n            filter: string;\n            freezeFirstColumn: string;\n            freezeUptoColumn: string;\n            gotoRow: string;\n            hideColumn: string;\n            unfreezeColumns: string;\n            sorting: string;\n            sortingOrder: {\n                ascending: string;\n                descending: string;\n                unsorted: string;\n            };\n        };\n        resize: {\n            tooltip: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        button: string;\n        noResults: string;\n        search: string;\n        tooltip: string;\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n            cancel: string;\n            clear: string;\n            apply: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isEmpty: string;\n            isNotEmpty: string;\n            isBefore: string;\n            isAfter: string;\n            isLessThanOrEqualTo: string;\n            isGreaterThanOrEqualTo: string;\n            isOnOrBefore: string;\n            isOnOrAfter: string;\n            hasAnyOf: string;\n            hasAllOf: string;\n            hasNoneOf: string;\n        };\n        conditions: {\n            and: string;\n            where: string;\n        };\n        emptyFilter: {\n            condition: string;\n            value: string;\n        };\n        hiddenColumn: string;\n        hiddenGroupedColumn: string;\n        tooltip: string;\n        total: string;\n    };\n    fontSize: {\n        tooltip: string;\n        sizes: {\n            small: string;\n            medium: string;\n            large: string;\n        };\n    };\n    footer: {\n        summary: {\n            count: string;\n            records: string;\n            selected: string;\n        };\n    };\n    print: {\n        error: string;\n        loading: string;\n        tooltip: string;\n        warningDialog: {\n            title: string;\n            description: string;\n            checkboxVisibilityLabel: string;\n            cancelButtonText: string;\n            printButtonText: string;\n        };\n        settingsDialog: {\n            title: string;\n            size: string;\n            sizeA5: string;\n            sizeA4: string;\n            sizeA3: string;\n            sizeLetter: string;\n            sizeLegal: string;\n            orientation: string;\n            orientationLandscape: string;\n            orientationPortrait: string;\n            rows: string;\n            rowsAll: string;\n            rowsSelected: string;\n            layout: string;\n            layoutSplitGroups: string;\n        };\n    };\n    rowHeight: {\n        tooltip: string;\n        sizes: {\n            short: string;\n            medium: string;\n            tall: string;\n            extraTall: string;\n        };\n    };\n    search: {\n        excludeUnmatchedResults: string;\n        placeholder: string;\n    };\n    otherOptions: {\n        tooltip: string;\n    };\n};\n"],"names":["TableFilterComparator","TableServerLoadAllState"],"mappings":"AAwBA;IACYA;AAAZ,WAAYA,qBAAqB;EAC7BA,yEAAQ;EACRA,qFAAc;EACdA,2EAAS;EACTA,iFAAY;EACZA,mFAAa;EACbA,6EAAU;EACVA,2EAAS;EACTA,uEAAO;EACPA,6EAAU;EACVA,+FAAmB;EACnBA,sGAAsB;EACtBA,0EAAQ;EACRA,0EAAQ;EACRA,4EAAS;AACb,CAAC,EAfWA,qBAAqB,KAArBA,qBAAqB;IAmHrBC;AAAZ,WAAYA,uBAAuB;EAC/BA,iFAAU;EACVA,2EAAO;EACPA,+EAAS;AACb,CAAC,EAJWA,uBAAuB,KAAvBA,uBAAuB;;;;"}

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

@@ -3,6 +3,7 @@ import React__default from 'react';
 function useTableRowSelection(isEnabled = false) {
   const lastSelectedRowIndex = React__default.useRef();
   const onKeyDown = React__default.useCallback((event, table) => {
+    var _event$target;
     if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {
       return;
     }
@@ -17,7 +18,7 @@ function useTableRowSelection(isEnabled = false) {
         (_rows$rowActiveIndex2 = rows[rowActiveIndex]) === null || _rows$rowActiveIndex2 === void 0 ? void 0 : _rows$rowActiveIndex2.toggleSelected();
       }
       return;
-    } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {
+    } else if ((event.ctrlKey || event.metaKey) && event.key === 'a' && !['INPUT', 'TEXTAREA'].includes((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName)) {
       event.preventDefault();
       table.toggleAllRowsSelected();
       return;

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

@@ -1 +1 @@
-{"version":3,"file":"useTableRowSelection.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/features/useTableRowSelection.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nexport function useTableRowSelection(isEnabled = false) {\n    const lastSelectedRowIndex = React.useRef<number>();\n\n    const onKeyDown = React.useCallback(\n        <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => {\n            if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n            if (event.key === ' ') {\n                event.preventDefault();\n                const rowActiveIndex = tableMeta.rowActive.rowActiveIndex;\n\n                if (rowActiveIndex !== undefined && rows[rowActiveIndex]?.getCanSelect()) {\n                    rows[rowActiveIndex]?.toggleSelected();\n                }\n\n                return;\n            } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {\n                event.preventDefault();\n                table.toggleAllRowsSelected();\n                return;\n            }\n        },\n        [isEnabled]\n    ) as <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;\n\n    return {\n        isEnabled,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["useTableRowSelection","isEnabled","lastSelectedRowIndex","React","useRef","onKeyDown","useCallback","event","table","options","enableRowSelection","defaultPrevented","rows","getRowModel","tableMeta","meta","key","_rows$rowActiveIndex","preventDefault","rowActiveIndex","rowActive","undefined","getCanSelect","_rows$rowActiveIndex2","toggleSelected","ctrlKey","metaKey","toggleAllRowsSelected","handleKeyDown"],"mappings":";;SAGgBA,oBAAoBA,CAACC,SAAS,GAAG,KAAK;EAClD,MAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,EAAU;EAEnD,MAAMC,SAAS,GAAGF,cAAK,CAACG,WAAW,CAC/B,CAAkBC,KAAoB,EAAEC,KAAwB;IAC5D,IAAI,CAACP,SAAS,IAAI,CAACO,KAAK,CAACC,OAAO,CAACC,kBAAkB,IAAIH,KAAK,CAACI,gBAAgB,EAAE;MAC3E;;IAGJ,MAAMC,IAAI,GAAGJ,KAAK,CAACK,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGN,KAAK,CAACC,OAAO,CAACM,IAA6B;IAE7D,IAAIR,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MAAA,IAAAC,oBAAA;MACnBV,KAAK,CAACW,cAAc,EAAE;MACtB,MAAMC,cAAc,GAAGL,SAAS,CAACM,SAAS,CAACD,cAAc;MAEzD,IAAIA,cAAc,KAAKE,SAAS,KAAAJ,oBAAA,GAAIL,IAAI,CAACO,cAAc,CAAC,cAAAF,oBAAA,eAApBA,oBAAA,CAAsBK,YAAY,EAAE,EAAE;QAAA,IAAAC,qBAAA;QACtE,CAAAA,qBAAA,GAAAX,IAAI,CAACO,cAAc,CAAC,cAAAI,qBAAA,uBAApBA,qBAAA,CAAsBC,cAAc,EAAE;;MAG1C;KACH,MAAM,IAAI,CAACjB,KAAK,CAACkB,OAAO,IAAIlB,KAAK,CAACmB,OAAO,KAAKnB,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MAC9DT,KAAK,CAACW,cAAc,EAAE;MACtBV,KAAK,CAACmB,qBAAqB,EAAE;MAC7B;;GAEP,EACD,CAAC1B,SAAS,CAAC,CAC+D;EAE9E,OAAO;IACHA,SAAS;IACT2B,aAAa,EAAE3B,SAAS,GAAGI,SAAS,GAAG,MAAMgB,SAAS;IACtDnB;GACH;AACL;;;;"}
+{"version":3,"file":"useTableRowSelection.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/features/useTableRowSelection.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nexport function useTableRowSelection(isEnabled = false) {\n    const lastSelectedRowIndex = React.useRef<number>();\n\n    const onKeyDown = React.useCallback(\n        <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => {\n            if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n            if (event.key === ' ') {\n                event.preventDefault();\n                const rowActiveIndex = tableMeta.rowActive.rowActiveIndex;\n\n                if (rowActiveIndex !== undefined && rows[rowActiveIndex]?.getCanSelect()) {\n                    rows[rowActiveIndex]?.toggleSelected();\n                }\n\n                return;\n            } else if (\n                (event.ctrlKey || event.metaKey) &&\n                event.key === 'a' &&\n                !['INPUT', 'TEXTAREA'].includes((event.target as Element)?.tagName)\n            ) {\n                event.preventDefault();\n                table.toggleAllRowsSelected();\n                return;\n            }\n        },\n        [isEnabled]\n    ) as <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;\n\n    return {\n        isEnabled,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["useTableRowSelection","isEnabled","lastSelectedRowIndex","React","useRef","onKeyDown","useCallback","event","table","options","enableRowSelection","defaultPrevented","rows","getRowModel","tableMeta","meta","key","_rows$rowActiveIndex","preventDefault","rowActiveIndex","rowActive","undefined","getCanSelect","_rows$rowActiveIndex2","toggleSelected","ctrlKey","metaKey","includes","_event$target","target","tagName","toggleAllRowsSelected","handleKeyDown"],"mappings":";;SAGgBA,oBAAoBA,CAACC,SAAS,GAAG,KAAK;EAClD,MAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,EAAU;EAEnD,MAAMC,SAAS,GAAGF,cAAK,CAACG,WAAW,CAC/B,CAAkBC,KAAoB,EAAEC,KAAwB;;IAC5D,IAAI,CAACP,SAAS,IAAI,CAACO,KAAK,CAACC,OAAO,CAACC,kBAAkB,IAAIH,KAAK,CAACI,gBAAgB,EAAE;MAC3E;;IAGJ,MAAMC,IAAI,GAAGJ,KAAK,CAACK,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGN,KAAK,CAACC,OAAO,CAACM,IAA6B;IAE7D,IAAIR,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MAAA,IAAAC,oBAAA;MACnBV,KAAK,CAACW,cAAc,EAAE;MACtB,MAAMC,cAAc,GAAGL,SAAS,CAACM,SAAS,CAACD,cAAc;MAEzD,IAAIA,cAAc,KAAKE,SAAS,KAAAJ,oBAAA,GAAIL,IAAI,CAACO,cAAc,CAAC,cAAAF,oBAAA,eAApBA,oBAAA,CAAsBK,YAAY,EAAE,EAAE;QAAA,IAAAC,qBAAA;QACtE,CAAAA,qBAAA,GAAAX,IAAI,CAACO,cAAc,CAAC,cAAAI,qBAAA,uBAApBA,qBAAA,CAAsBC,cAAc,EAAE;;MAG1C;KACH,MAAM,IACH,CAACjB,KAAK,CAACkB,OAAO,IAAIlB,KAAK,CAACmB,OAAO,KAC/BnB,KAAK,CAACS,GAAG,KAAK,GAAG,IACjB,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAACW,QAAQ,EAAAC,aAAA,GAAErB,KAAK,CAACsB,MAAkB,cAAAD,aAAA,uBAAxBA,aAAA,CAA0BE,OAAO,CAAC,EACrE;MACEvB,KAAK,CAACW,cAAc,EAAE;MACtBV,KAAK,CAACuB,qBAAqB,EAAE;MAC7B;;GAEP,EACD,CAAC9B,SAAS,CAAC,CAC+D;EAE9E,OAAO;IACHA,SAAS;IACT+B,aAAa,EAAE/B,SAAS,GAAGI,SAAS,GAAG,MAAMgB,SAAS;IACtDnB;GACH;AACL;;;;"}

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

@@ -12,10 +12,10 @@ function useTableSearch(isEnabled = false, defaultEnableGlobalFilter = false) {
     // react-table doesn't re-render when options.enableGlobalFilter changes, so for now we force it
     const currentFilter = instance.getState().globalFilter;
     if (currentFilter) {
-      setTimeout(() => {
-        instance.setGlobalFilter('');
+      instance.resetGlobalFilter(true);
+      window.requestAnimationFrame(() => {
         instance.setGlobalFilter(currentFilter);
-      }, 1);
+      });
     }
   }
   // highlighting

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

@@ -1 +1 @@
-{"version":3,"file":"useTableSearch.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/features/useTableSearch.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\n\n/*\n    Search has two behaviours:\n    - Highlighting search results, this is custom and only uses the state part of globalFilter (to store the search query)\n    - Filtering of results, this is essentially the built in filtering, and relies on enableGlobalFilter being on or off\n*/\nexport function useTableSearch(isEnabled = false, defaultEnableGlobalFilter = false) {\n    const [enableGlobalFilter, _setEnableGlobalFilter] = React.useState<boolean>(defaultEnableGlobalFilter);\n\n    function setEnableGlobalFilter<TType = unknown>(enabled: boolean, instance: ReactTable<TType>) {\n        _setEnableGlobalFilter(enabled);\n\n        // react-table doesn't re-render when options.enableGlobalFilter changes, so for now we force it\n        const currentFilter = instance.getState().globalFilter;\n\n        if (currentFilter) {\n            setTimeout(() => {\n                instance.setGlobalFilter('');\n                instance.setGlobalFilter(currentFilter);\n            }, 1);\n        }\n    }\n\n    // highlighting\n    const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React.useState<number[][]>([]);\n    const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React.useState<number | undefined>(undefined);\n\n    return {\n        isEnabled,\n        // filtering - built-in\n        enableGlobalFilter,\n        setEnableGlobalFilter,\n        // highlighting - custom\n        highlightedColumnIndexes,\n        setHighlightedColumnIndexes,\n        currentHighlightColumnIndex,\n        setCurrentHighlightColumnIndex,\n    };\n}\n"],"names":["useTableSearch","isEnabled","defaultEnableGlobalFilter","enableGlobalFilter","_setEnableGlobalFilter","React","useState","setEnableGlobalFilter","enabled","instance","currentFilter","getState","globalFilter","setTimeout","setGlobalFilter","highlightedColumnIndexes","setHighlightedColumnIndexes","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","undefined"],"mappings":";;AAGA;;;;;SAKgBA,cAAcA,CAACC,SAAS,GAAG,KAAK,EAAEC,yBAAyB,GAAG,KAAK;EAC/E,MAAM,CAACC,kBAAkB,EAAEC,sBAAsB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAUJ,yBAAyB,CAAC;EAEvG,SAASK,qBAAqBA,CAAkBC,OAAgB,EAAEC,QAA2B;IACzFL,sBAAsB,CAACI,OAAO,CAAC;;IAG/B,MAAME,aAAa,GAAGD,QAAQ,CAACE,QAAQ,EAAE,CAACC,YAAY;IAEtD,IAAIF,aAAa,EAAE;MACfG,UAAU,CAAC;QACPJ,QAAQ,CAACK,eAAe,CAAC,EAAE,CAAC;QAC5BL,QAAQ,CAACK,eAAe,CAACJ,aAAa,CAAC;OAC1C,EAAE,CAAC,CAAC;;;;EAKb,MAAM,CAACK,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGX,cAAK,CAACC,QAAQ,CAAa,EAAE,CAAC;EAC9F,MAAM,CAACW,2BAA2B,EAAEC,8BAA8B,CAAC,GAAGb,cAAK,CAACC,QAAQ,CAAqBa,SAAS,CAAC;EAEnH,OAAO;IACHlB,SAAS;;IAETE,kBAAkB;IAClBI,qBAAqB;;IAErBQ,wBAAwB;IACxBC,2BAA2B;IAC3BC,2BAA2B;IAC3BC;GACH;AACL;;;;"}
+{"version":3,"file":"useTableSearch.js","sources":["../../../../../../../../../src/primitives/Table/useTableManager/features/useTableSearch.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable } from '@tanstack/react-table';\n\n/*\n    Search has two behaviours:\n    - Highlighting search results, this is custom and only uses the state part of globalFilter (to store the search query)\n    - Filtering of results, this is essentially the built in filtering, and relies on enableGlobalFilter being on or off\n*/\nexport function useTableSearch(isEnabled = false, defaultEnableGlobalFilter = false) {\n    const [enableGlobalFilter, _setEnableGlobalFilter] = React.useState<boolean>(defaultEnableGlobalFilter);\n\n    function setEnableGlobalFilter<TType = unknown>(enabled: boolean, instance: ReactTable<TType>) {\n        _setEnableGlobalFilter(enabled);\n\n        // react-table doesn't re-render when options.enableGlobalFilter changes, so for now we force it\n        const currentFilter = instance.getState().globalFilter;\n\n        if (currentFilter) {\n            instance.resetGlobalFilter(true);\n\n            window.requestAnimationFrame(() => {\n                instance.setGlobalFilter(currentFilter);\n            });\n        }\n    }\n\n    // highlighting\n    const [highlightedColumnIndexes, setHighlightedColumnIndexes] = React.useState<number[][]>([]);\n    const [currentHighlightColumnIndex, setCurrentHighlightColumnIndex] = React.useState<number | undefined>(undefined);\n\n    return {\n        isEnabled,\n        // filtering - built-in\n        enableGlobalFilter,\n        setEnableGlobalFilter,\n        // highlighting - custom\n        highlightedColumnIndexes,\n        setHighlightedColumnIndexes,\n        currentHighlightColumnIndex,\n        setCurrentHighlightColumnIndex,\n    };\n}\n"],"names":["useTableSearch","isEnabled","defaultEnableGlobalFilter","enableGlobalFilter","_setEnableGlobalFilter","React","useState","setEnableGlobalFilter","enabled","instance","currentFilter","getState","globalFilter","resetGlobalFilter","window","requestAnimationFrame","setGlobalFilter","highlightedColumnIndexes","setHighlightedColumnIndexes","currentHighlightColumnIndex","setCurrentHighlightColumnIndex","undefined"],"mappings":";;AAGA;;;;;SAKgBA,cAAcA,CAACC,SAAS,GAAG,KAAK,EAAEC,yBAAyB,GAAG,KAAK;EAC/E,MAAM,CAACC,kBAAkB,EAAEC,sBAAsB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAUJ,yBAAyB,CAAC;EAEvG,SAASK,qBAAqBA,CAAkBC,OAAgB,EAAEC,QAA2B;IACzFL,sBAAsB,CAACI,OAAO,CAAC;;IAG/B,MAAME,aAAa,GAAGD,QAAQ,CAACE,QAAQ,EAAE,CAACC,YAAY;IAEtD,IAAIF,aAAa,EAAE;MACfD,QAAQ,CAACI,iBAAiB,CAAC,IAAI,CAAC;MAEhCC,MAAM,CAACC,qBAAqB,CAAC;QACzBN,QAAQ,CAACO,eAAe,CAACN,aAAa,CAAC;OAC1C,CAAC;;;;EAKV,MAAM,CAACO,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGb,cAAK,CAACC,QAAQ,CAAa,EAAE,CAAC;EAC9F,MAAM,CAACa,2BAA2B,EAAEC,8BAA8B,CAAC,GAAGf,cAAK,CAACC,QAAQ,CAAqBe,SAAS,CAAC;EAEnH,OAAO;IACHpB,SAAS;;IAETE,kBAAkB;IAClBI,qBAAqB;;IAErBU,wBAAwB;IACxBC,2BAA2B;IAC3BC,2BAA2B;IAC3BC;GACH;AACL;;;;"}

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

@@ -98,7 +98,7 @@ function useTableManager(props, meta, internalColumns) {
       rowDrag,
       rowDrop: rowDrop,
       rowExpansion: rowExpansion,
-      rowIdentityColumnId: props.rowIdentityColumnId,
+      rowIdentityAccessor: props.rowIdentityAccessor,
       rowGoto,
       rowGroups: rowGroups,
       rowHeight,

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

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

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

@@ -202,6 +202,15 @@ function configureReactTableOptions(options, props, localization) {
   // We don't want to expose internal Tanstack Table row, so we need to wrap enableRowSelection callback into additional function,
   // which receives the React Table Row object and passes row.original to a callback.
   const reactTableEnableRowSelection = typeof options.enableRowSelection === 'function' ? row => options.enableRowSelection(row.original) : options.enableRowSelection;
+  let getRowId;
+  if (props.rowIdentityAccessor) {
+    getRowId = (originalRow, index) => {
+      if (originalRow) {
+        return String(originalRow[props.rowIdentityAccessor]);
+      }
+      return String(index);
+    };
+  }
   const tableOptions = {
     defaultColumn: {
       enableColumnFilter: options.enableFiltering || true,
@@ -220,11 +229,13 @@ function configureReactTableOptions(options, props, localization) {
     enableGrouping: true,
     enableHiding: (_options$enableColumn2 = options.enableColumnHiding) !== null && _options$enableColumn2 !== void 0 ? _options$enableColumn2 : false,
     enablePinning: (_options$enableColumn3 = options.enableColumnFreezing) !== null && _options$enableColumn3 !== void 0 ? _options$enableColumn3 : false,
+    enableRowPinning: true,
     enableRowSelection: reactTableEnableRowSelection !== null && reactTableEnableRowSelection !== void 0 ? reactTableEnableRowSelection : false,
     enableSorting: (_options$enableSortin = options.enableSorting) !== null && _options$enableSortin !== void 0 ? _options$enableSortin : false,
     // models for default features
     getExpandedRowModel: getExpandedRowModel(),
     getGroupedRowModel: getGroupedRowModel(),
+    getRowId,
     groupedColumnMode: false
   };
   if (tableOptions.enableColumnResizing) {

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';\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 } from './filtering';\nimport { globalFilterFn } from './search';\nimport { ignoreInternalColumns } from './settings';\nimport { getDataTypeProperties } from './dataTypes';\nimport { Localization } from '../../../../components/Provider/Localization';\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 | undefined,\n    localization: Localization\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                            localization\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            enableEditing = !!child.props.control,\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        const dataTypeProperties = getDataTypeProperties<TType>(child.props.dataType);\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                align: meta.align ?? dataTypeProperties.align,\n                defaultWidth,\n                enableOrdering: isGrouped ? false : enableOrdering,\n                enablePrinting,\n                enableTruncate,\n                enableEditing,\n                header,\n                renderer,\n            },\n        };\n\n        // renderers - use defined renderers first, then fall back to data type renderers (if there is one)\n        if (typeof renderer === 'function') {\n            column.cell = info => renderer(info.getValue(), info.row.original);\n        } else if (dataTypeProperties.getDisplayValue) {\n            const dataTypeRenderer = (value: any) => dataTypeProperties.getDisplayValue?.(value, { localization }) ?? value;\n            column.cell = info => dataTypeRenderer(info.getValue());\n            (column.meta as any).renderer = dataTypeRenderer;\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> | undefined,\n    localization: Localization\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                localization\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 && 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>(\n    options: TableFeatureProps<TType>,\n    props: TableProps<TType>,\n    localization: Localization\n) {\n    // We don't want to expose internal Tanstack Table row, so we need to wrap enableRowSelection callback into additional function,\n    // which receives the React Table Row object and passes row.original to a callback.\n    const reactTableEnableRowSelection =\n        typeof options.enableRowSelection === 'function'\n            ? (row: ReactTableRow<TType>) => (options.enableRowSelection as (row: TType) => boolean)(row.original)\n            : options.enableRowSelection;\n\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: reactTableEnableRowSelection ?? false,\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 = (row: ReactTableRow<TType>, columnId: string, searchQuery: any) =>\n            globalFilterFn(row, columnId, searchQuery, localization);\n        tableOptions.getColumnCanGlobalFilter = (column: ReactTableColumn<TType>) =>\n            column.columnDef.meta?.enableSearch !== false && column.getIsVisible();\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: ReactTableColumnDef<TType>) =>\n            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","localization","columnHelper","createColumnHelper","React","isValidElement","props","children","id","header","push","group","Children","toArray","reduce","enableGrouping","accessor","_meta$align","untypedId","accessorKey","renderer","aggregate","footer","aggregationFn","defaultHidden","defaultWidth","enableEditing","control","enableFiltering","enableColumnFilter","enableHiding","enableOrdering","enablePrinting","enableResizing","enableSearch","enableGlobalFilter","enableSorting","enableTruncate","minWidth","minSize","getCellMinWidth","fontSize","sort","sortFn","meta","dataTypeProperties","getDataTypeProperties","dataType","isGrouped","undefined","desc","column","accessorFn","row","get","align","cell","info","getValue","original","getDisplayValue","dataTypeRenderer","value","_dataTypeProperties$g","_dataTypeProperties$g2","call","table","getRowModel","rows","flatMap","filterFn","aggregatedCell","sortingFn","getSortingFn","sortDescFirst","sortUndefined","createInternalColumn","size","mapTableChildrenToColumns","options","internalColumns","_props$rowActions","enableRowExpansion","rowExpansionRenderer","rowExpansion","unshift","enableRowSelection","rowSelection","enableRowDrag","onRowDrag","rowDrag","enableRowActions","rowActions","length","configureReactTableOptions","reactTableEnableRowSelection","tableOptions","defaultColumn","enableColumnHiding","enableColumnResizing","enableColumnFilters","_options$enableFilter","_options$enableColumn","enableExpanding","_options$enableRowExp","_options$enableColumn2","enablePinning","_options$enableColumn3","enableColumnFreezing","_options$enableSortin","getExpandedRowModel","getGroupedRowModel","groupedColumnMode","columnResizeMode","onChangeFilter","getFilteredRowModel","filterFns","tacoFilter","columnId","filter","columnFilterFn","globalFilterFn","searchQuery","getColumnCanGlobalFilter","_column$columnDef$met","columnDef","getIsVisible","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","_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';\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 } from './filtering';\nimport { globalFilterFn } from './search';\nimport { ignoreInternalColumns } from './settings';\nimport { getDataTypeProperties } from './dataTypes';\nimport { Localization } from '../../../../components/Provider/Localization';\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 | undefined,\n    localization: Localization\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                            localization\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            enableEditing = !!child.props.control,\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        const dataTypeProperties = getDataTypeProperties<TType>(child.props.dataType);\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                align: meta.align ?? dataTypeProperties.align,\n                defaultWidth,\n                enableOrdering: isGrouped ? false : enableOrdering,\n                enablePrinting,\n                enableTruncate,\n                enableEditing,\n                header,\n                renderer,\n            },\n        };\n\n        // renderers - use defined renderers first, then fall back to data type renderers (if there is one)\n        if (typeof renderer === 'function') {\n            column.cell = info => renderer(info.getValue(), info.row.original);\n        } else if (dataTypeProperties.getDisplayValue) {\n            const dataTypeRenderer = (value: any) => dataTypeProperties.getDisplayValue?.(value, { localization }) ?? value;\n            column.cell = info => dataTypeRenderer(info.getValue());\n            (column.meta as any).renderer = dataTypeRenderer;\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> | undefined,\n    localization: Localization\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                localization\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 && 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>(\n    options: TableFeatureProps<TType>,\n    props: TableProps<TType>,\n    localization: Localization\n) {\n    // We don't want to expose internal Tanstack Table row, so we need to wrap enableRowSelection callback into additional function,\n    // which receives the React Table Row object and passes row.original to a callback.\n    const reactTableEnableRowSelection =\n        typeof options.enableRowSelection === 'function'\n            ? (row: ReactTableRow<TType>) => (options.enableRowSelection as (row: TType) => boolean)(row.original)\n            : options.enableRowSelection;\n\n    let getRowId;\n\n    if (props.rowIdentityAccessor) {\n        getRowId = (originalRow: TType | undefined, index: number) => {\n            if (originalRow) {\n                return String(originalRow[props.rowIdentityAccessor as string]);\n            }\n\n            return String(index);\n        };\n    }\n\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        enableRowPinning: true, // users can't customise row pinning, so it can just be always enabled\n        enableRowSelection: reactTableEnableRowSelection ?? false,\n        enableSorting: options.enableSorting ?? false,\n        // models for default features\n        getExpandedRowModel: getExpandedRowModel<TType>(),\n        getGroupedRowModel: getGroupedRowModel<TType>(),\n        getRowId,\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 = (row: ReactTableRow<TType>, columnId: string, searchQuery: any) =>\n            globalFilterFn(row, columnId, searchQuery, localization);\n        tableOptions.getColumnCanGlobalFilter = (column: ReactTableColumn<TType>) =>\n            column.columnDef.meta?.enableSearch !== false && column.getIsVisible();\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: ReactTableColumnDef<TType>) =>\n            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","localization","columnHelper","createColumnHelper","React","isValidElement","props","children","id","header","push","group","Children","toArray","reduce","enableGrouping","accessor","_meta$align","untypedId","accessorKey","renderer","aggregate","footer","aggregationFn","defaultHidden","defaultWidth","enableEditing","control","enableFiltering","enableColumnFilter","enableHiding","enableOrdering","enablePrinting","enableResizing","enableSearch","enableGlobalFilter","enableSorting","enableTruncate","minWidth","minSize","getCellMinWidth","fontSize","sort","sortFn","meta","dataTypeProperties","getDataTypeProperties","dataType","isGrouped","undefined","desc","column","accessorFn","row","get","align","cell","info","getValue","original","getDisplayValue","dataTypeRenderer","value","_dataTypeProperties$g","_dataTypeProperties$g2","call","table","getRowModel","rows","flatMap","filterFn","aggregatedCell","sortingFn","getSortingFn","sortDescFirst","sortUndefined","createInternalColumn","size","mapTableChildrenToColumns","options","internalColumns","_props$rowActions","enableRowExpansion","rowExpansionRenderer","rowExpansion","unshift","enableRowSelection","rowSelection","enableRowDrag","onRowDrag","rowDrag","enableRowActions","rowActions","length","configureReactTableOptions","reactTableEnableRowSelection","getRowId","rowIdentityAccessor","originalRow","index","String","tableOptions","defaultColumn","enableColumnHiding","enableColumnResizing","enableColumnFilters","_options$enableFilter","_options$enableColumn","enableExpanding","_options$enableRowExp","_options$enableColumn2","enablePinning","_options$enableColumn3","enableColumnFreezing","enableRowPinning","_options$enableSortin","getExpandedRowModel","getGroupedRowModel","groupedColumnMode","columnResizeMode","onChangeFilter","getFilteredRowModel","filterFns","tacoFilter","columnId","filter","columnFilterFn","globalFilterFn","searchQuery","getColumnCanGlobalFilter","_column$columnDef$met","columnDef","getIsVisible","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","_props$defaultSetting6","sorting","_props$defaultSetting7","_props$defaultSetting8","grouping","expanded"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 // taken from react-aria
-const FOCUSABLE_ELEMENTS = ['input:not([disabled]):not([type=hidden])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'a[href]', 'area[href]', 'summary', 'iframe', 'object', 'embed', 'audio[controls]', 'video[controls]', '[contenteditable]', '[tabindex]:not([tabindex="-1"]):not([disabled])', 'details:not([disabled])', 'summary:not(:disabled)'];
+const FOCUSABLE_ELEMENTS = ['[tabindex]:not([disabled])', 'input:not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'a[href]', 'area[href]', 'summary', 'iframe', 'object', 'embed', 'audio[controls]', 'video[controls]', '[contenteditable]', 'details:not([disabled])', 'summary:not(:disabled)'];
 const hasFocusableElement = element => {
   if (!element) {
     return null;
@@ -25,13 +25,20 @@ const getNextFocussableElement = currentElement => {
   if (!currentElement) {
     return null;
   }
-  const focussableElements = [...document.querySelectorAll(FOCUSABLE_ELEMENTS.join(','))];
+  let focussableElements = [...document.querySelectorAll(FOCUSABLE_ELEMENTS.join(','))];
   const currentElementIndex = focussableElements.indexOf(currentElement);
-  // If the currentElement is not in the focussable elements list or it is the last element
-  if (currentElementIndex !== -1 && currentElementIndex === focussableElements.length - 1) {
-    return null;
+  if (currentElementIndex > -1) {
+    focussableElements = focussableElements.slice(currentElementIndex + 1).filter(element => element.getAttribute('tabindex') !== '-1');
+    if (focussableElements.length) {
+      var _focussableElements$;
+      focussableElements = focussableElements.filter(element => {
+        var _element$checkVisibil, _element$checkVisibil2;
+        return (_element$checkVisibil = (_element$checkVisibil2 = element.checkVisibility) === null || _element$checkVisibil2 === void 0 ? void 0 : _element$checkVisibil2.call(element)) !== null && _element$checkVisibil !== void 0 ? _element$checkVisibil : true;
+      });
+      return (_focussableElements$ = focussableElements[0]) !== null && _focussableElements$ !== void 0 ? _focussableElements$ : null;
+    }
   }
-  return focussableElements[currentElementIndex + 1];
+  return null;
 };
 const getOverlaySelector = element => {
   switch (element === null || element === void 0 ? void 0 : element.getAttribute('role')) {
@@ -43,21 +50,25 @@ const getOverlaySelector = element => {
       return undefined;
   }
 };
-function isElementInsideOrTriggeredFromContainer(element, container) {
+function isElementTriggeredFromContainer(element, container) {
   var _getOverlaySelector, _element$closest;
   const selector = (_getOverlaySelector = getOverlaySelector(element)) !== null && _getOverlaySelector !== void 0 ? _getOverlaySelector : getOverlaySelector((_element$closest = element === null || element === void 0 ? void 0 : element.closest('[role=dialog],[role=menu]')) !== null && _element$closest !== void 0 ? _element$closest : null);
   if (selector) {
-    if (container !== null && container !== void 0 && container.querySelector(selector)) {
+    const escapedSelector = CSS.escape(selector);
+    if (container !== null && container !== void 0 && container.querySelector(escapedSelector)) {
       return true;
     }
-    const elementInDocument = document.querySelector(selector);
+    const elementInDocument = document.querySelector(escapedSelector);
     // if the element does exist, see if it is itself connected to somethng that was triggered from the container
     if (elementInDocument) {
-      return isElementInsideOrTriggeredFromContainer(elementInDocument, container);
+      return isElementTriggeredFromContainer(elementInDocument, container);
     }
     return false;
   }
-  return !!(container !== null && container !== void 0 && container.contains(element));
+  return false;
+}
+function isElementInsideOrTriggeredFromContainer(element, container) {
+  return isElementTriggeredFromContainer(element, container) || !!(container !== null && container !== void 0 && container.contains(element));
 }
 function isElementInsideOverlay(element) {
   return !!(element !== null && element !== void 0 && element.closest('[role=dialog],[role=menu]'));
@@ -84,5 +95,5 @@ function setDataFocusAttribute(target) {
   target.addEventListener('blur', cleanup);
 }
 
-export { getIndexOfFirstChildOverflowingParent, getNextFocussableElement, hasFocusableElement, isElementInsideOrTriggeredFromContainer, isElementInsideOverlay, isElementInsideTable3OrReport, isElementInteractive, isSiblingElementInsideSameParentOverlay, setDataFocusAttribute };
+export { getIndexOfFirstChildOverflowingParent, getNextFocussableElement, hasFocusableElement, isElementInsideOrTriggeredFromContainer, isElementInsideOverlay, isElementInsideTable3OrReport, isElementInteractive, isElementTriggeredFromContainer, isSiblingElementInsideSameParentOverlay, setDataFocusAttribute };
 //# sourceMappingURL=dom.js.map