@economic/taco 11.0.0 → 11.0.1-react-v19.0

package/dist/primitives/Table/Core/useTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.cjs","sources":["../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport type { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\n\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport type { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport type { TableRef } from '../types';\nimport type { useTableManagerInternalColumns } from '../useTableManager/types';\nimport { useTableManager } from '../useTableManager/useTableManager';\n\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 { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport type { useTableRenderers } from './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 = object>(\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, ref, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, manager.meta.length, 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, props.enableLocalKeyboardShortcuts);\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":["rowActions","rowDrag","rowExpansion","rowSelection","useMergedRef","useTableManager","useTableRenderer","useTableStyle","useTableGlobalShortcuts","useTableRef","useTableRowActiveListener"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,qBAAqB;AAAA,EAAA,YACvBA,QAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AACJ;AAwBO,SAAS,SACZ,OACA,aACA,WACA,MAC0B;AAE1B,QAAM,MAAMC,aAAAA,aAAuB,WAAW;AAE9C,QAAM,UAAUC,gBAAAA,gBAAuB,OAAO,KAAK,MAAM,kBAA2D;AAGpH,QAAM,WAAWC,iBAAAA,iBAAwB,WAAW,QAAQ,UAAU,KAAK,QAAQ,KAAK,QAAQ,MAAM,qBAAqB;AAE3H,QAAM,EAAE,OAAO,eAAeC,cAAAA,cAAc,QAAQ,IAAI,QAAQ,QAAQ;AAExEC,0BAAAA,wBAAwB,QAAQ,UAAU,KAAK,SAAS,eAAe,MAAM,4BAA4B;AAEzGC,0BAAY,QAAQ,UAAU,GAAG;AAGjCC,sDAA0B,QAAQ,UAAU,GAAG;AAE/C,SAAO;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACH,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IAExB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;;"}
+{"version":3,"file":"useTable.cjs","sources":["../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport type { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\n\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport type { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport type { TableRef } from '../types';\nimport type { useTableManagerInternalColumns } from '../useTableManager/types';\nimport { useTableManager } from '../useTableManager/useTableManager';\n\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 { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport type { useTableRenderers } from './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: React.JSX.Element | undefined;\n        toolbarPanel: React.JSX.Element | undefined;\n        toolbarRight: React.JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: (React.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 = object>(\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, ref, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, manager.meta.length, 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, props.enableLocalKeyboardShortcuts);\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":["rowActions","rowDrag","rowExpansion","rowSelection","useMergedRef","useTableManager","useTableRenderer","useTableStyle","useTableGlobalShortcuts","useTableRef","useTableRowActiveListener"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,qBAAqB;AAAA,EAAA,YACvBA,QAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AACJ;AAwBO,SAAS,SACZ,OACA,aACA,WACA,MAC0B;AAE1B,QAAM,MAAMC,aAAAA,aAAuB,WAAW;AAE9C,QAAM,UAAUC,gBAAAA,gBAAuB,OAAO,KAAK,MAAM,kBAA2D;AAGpH,QAAM,WAAWC,iBAAAA,iBAAwB,WAAW,QAAQ,UAAU,KAAK,QAAQ,KAAK,QAAQ,MAAM,qBAAqB;AAE3H,QAAM,EAAE,OAAO,eAAeC,cAAAA,cAAc,QAAQ,IAAI,QAAQ,QAAQ;AAExEC,0BAAAA,wBAAwB,QAAQ,UAAU,KAAK,SAAS,eAAe,MAAM,4BAA4B;AAEzGC,0BAAY,QAAQ,UAAU,GAAG;AAGjCC,sDAA0B,QAAQ,UAAU,GAAG;AAE/C,SAAO;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACH,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IAExB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;;"}

package/dist/primitives/Table/Core/useTable.d.ts

@@ -9,13 +9,13 @@ export type useTableReturnValue<TType = unknown> = {
     props: {
         customSettings: TableCustomSettingsRenderer | undefined;
         emptyState: TableEmptyStateRenderer | undefined;
-        toolbarLeft: JSX.Element | undefined;
-        toolbarPanel: JSX.Element | undefined;
-        toolbarRight: JSX.Element | undefined;
+        toolbarLeft: React.JSX.Element | undefined;
+        toolbarPanel: React.JSX.Element | undefined;
+        toolbarRight: React.JSX.Element | undefined;
     };
     ref: React.RefObject<TableRef>;
     renderer: {
-        rows: (JSX.Element | null)[] | null;
+        rows: (React.JSX.Element | null)[] | null;
         style: React.CSSProperties;
         scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;
     };

package/dist/primitives/Table/Core/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport type { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\n\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport type { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport type { TableRef } from '../types';\nimport type { useTableManagerInternalColumns } from '../useTableManager/types';\nimport { useTableManager } from '../useTableManager/useTableManager';\n\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 { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport type { useTableRenderers } from './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 = object>(\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, ref, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, manager.meta.length, 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, props.enableLocalKeyboardShortcuts);\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":["rowActions","rowDrag","rowExpansion","rowSelection","renderer"],"mappings":";;;;;;;;;;;AAoBA,MAAM,qBAAqB;AAAA,EAAA,YACvBA;AAAAA,EAAA,SACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,cACAC;AACJ;AAwBO,SAAS,SACZ,OACA,aACA,WACA,MAC0B;AAE1B,QAAM,MAAM,aAAuB,WAAW;AAE9C,QAAM,UAAU,gBAAuB,OAAO,KAAK,MAAM,kBAA2D;AAGpH,QAAMC,YAAW,iBAAwB,WAAW,QAAQ,UAAU,KAAK,QAAQ,KAAK,QAAQ,MAAM,qBAAqB;AAE3H,QAAM,EAAE,OAAO,eAAe,cAAc,QAAQ,IAAI,QAAQ,QAAQ;AAExE,0BAAwB,QAAQ,UAAU,KAAKA,UAAS,eAAe,MAAM,4BAA4B;AAEzG,cAAY,QAAQ,UAAU,GAAG;AAGjC,4BAA0B,QAAQ,UAAU,GAAG;AAE/C,SAAO;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACH,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IAExB,UAAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}
+{"version":3,"file":"useTable.js","sources":["../../../../src/primitives/Table/Core/useTable.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTableState } from '@tanstack/react-table';\nimport type { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';\n\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport type { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';\nimport type { TableRef } from '../types';\nimport type { useTableManagerInternalColumns } from '../useTableManager/types';\nimport { useTableManager } from '../useTableManager/useTableManager';\n\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 { useTableGlobalShortcuts } from './features/useTableGlobalShortcuts';\nimport { useTableRef } from './features/useTableRef';\nimport { useTableRenderer } from './features/useTableRenderer';\nimport { useTableStyle } from './features/useTableStyle';\nimport { useTableRowActiveListener } from './listeners/useTableRowActiveListener';\nimport type { useTableRenderers } from './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: React.JSX.Element | undefined;\n        toolbarPanel: React.JSX.Element | undefined;\n        toolbarRight: React.JSX.Element | undefined;\n    };\n    ref: React.RefObject<TableRef>;\n    renderer: {\n        rows: (React.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 = object>(\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, ref, meta, INTERNAL_RENDERERS as useTableManagerInternalColumns<TType>);\n\n    // configure the virtualised renderer\n    const renderer = useTableRenderer<TType>(renderers, manager.instance, ref, manager.meta.length, 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, props.enableLocalKeyboardShortcuts);\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":["rowActions","rowDrag","rowExpansion","rowSelection","renderer"],"mappings":";;;;;;;;;;;AAoBA,MAAM,qBAAqB;AAAA,EAAA,YACvBA;AAAAA,EAAA,SACAC;AAAAA,EAAA,cACAC;AAAAA,EAAA,cACAC;AACJ;AAwBO,SAAS,SACZ,OACA,aACA,WACA,MAC0B;AAE1B,QAAM,MAAM,aAAuB,WAAW;AAE9C,QAAM,UAAU,gBAAuB,OAAO,KAAK,MAAM,kBAA2D;AAGpH,QAAMC,YAAW,iBAAwB,WAAW,QAAQ,UAAU,KAAK,QAAQ,KAAK,QAAQ,MAAM,qBAAqB;AAE3H,QAAM,EAAE,OAAO,eAAe,cAAc,QAAQ,IAAI,QAAQ,QAAQ;AAExE,0BAAwB,QAAQ,UAAU,KAAKA,UAAS,eAAe,MAAM,4BAA4B;AAEzG,cAAY,QAAQ,UAAU,GAAG;AAGjC,4BAA0B,QAAQ,UAAU,GAAG;AAE/C,SAAO;AAAA,IACH,GAAG;AAAA,IACH,OAAO;AAAA,MACH,gBAAgB,MAAM;AAAA,MACtB,YAAY,MAAM;AAAA,MAClB,aAAa,MAAM;AAAA,MACnB,cAAc,MAAM;AAAA,MACpB,cAAc,MAAM;AAAA,IAAA;AAAA,IAExB,UAAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAER;"}

package/dist/primitives/Table/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type {\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';\n\nimport type { MenuItemProps } from '../../components/Menu/components/Item';\nimport type { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\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 = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\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    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => JSX.Element | null)\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    onKeyDown?: React.KeyboardEventHandler;\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 | JSX.Element;\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) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => JSX.Element | null;\n\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: (text: string) => 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 TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => 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 TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | 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 TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\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    enableRowExpansionAll?: 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    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = JSX.Element | JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<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    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    toolbarPanel?: JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\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    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\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        emptyState?: React.ReactNode;\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\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            isOneOf: string;\n            isNoneOf: 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"],"mappings":";;AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;;"}
+{"version":3,"file":"types.cjs","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type {\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';\n\nimport type { MenuItemProps } from '../../components/Menu/components/Item';\nimport type { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\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 = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\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    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null)\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    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | React.JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => React.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) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => React.JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => 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 TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => 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 TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => React.JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\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    enableRowExpansionAll?: 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    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<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    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: React.JSX.Element;\n    toolbarRight?: React.JSX.Element;\n    toolbarPanel?: React.JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\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    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\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        emptyState?: React.ReactNode;\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\nexport type TableGroupProps = {\n    children: (React.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            isOneOf: string;\n            isNoneOf: 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"],"mappings":";;AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;;"}

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

@@ -49,9 +49,9 @@ export type TableColumnRendererArgs<TType, TValue> = TValue extends undefined ?
     row: TType;
     value: TValue;
 };
-export type TableColumnRenderer<TType, TValue = unknown> = (args: TableColumnRendererArgs<TType, TValue>) => JSX.Element | string | number | unknown | null;
-export type TableColumnRendererAggregate<TType, TValue = unknown> = (args: TableColumnRendererArgs<TType, TValue>) => JSX.Element | string | number | unknown | null;
-export type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => JSX.Element | null) | 'datepicker' | 'input' | 'switch' | 'checkbox' | 'textarea';
+export type TableColumnRenderer<TType, TValue = unknown> = (args: TableColumnRendererArgs<TType, TValue>) => React.JSX.Element | string | number | unknown | null;
+export type TableColumnRendererAggregate<TType, TValue = unknown> = (args: TableColumnRendererArgs<TType, TValue>) => React.JSX.Element | string | number | unknown | null;
+export type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null) | 'datepicker' | 'input' | 'switch' | 'checkbox' | 'textarea';
 export type TableColumnRendererControlProps = {
     className?: string;
     disabled?: boolean;
@@ -61,12 +61,12 @@ export type TableColumnRendererControlProps = {
     onKeyDown?: React.KeyboardEventHandler;
     onFocus?: React.FocusEventHandler;
     readOnly?: boolean;
-    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);
+    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);
     setValue: (value: any) => void;
     value: any;
 };
-export type TableColumnRendererHeader = string | JSX.Element;
-export type TableColumnRendererFooter<TType> = (rows: TType[]) => JSX.Element | string | number | null;
+export type TableColumnRendererHeader = string | React.JSX.Element;
+export type TableColumnRendererFooter<TType> = (rows: TType[]) => React.JSX.Element | string | number | null;
 export type TableColumnSort = ReactTableColumnSort;
 export type TableColumnSortDirection = 'asc' | 'desc';
 export type TableColumnSortFn<TType = unknown> = ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1) | ReactTableBuiltInSortingFn | 'auto';
@@ -77,8 +77,8 @@ export type TableRowActionRenderer<TType = unknown> = (row: TType, helpers: {
         removeRowChanges: () => Promise<void>;
         save: () => Promise<boolean>;
     };
-}) => JSX.Element | null;
-export type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => JSX.Element | null;
+}) => React.JSX.Element | null;
+export type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;
 export type TableRowClickHandler<TType = unknown> = (row: TType) => void;
 export type TableRowDragHandler<TType = unknown> = (rows: TType[], showPlaceholder: (text: string) => void, setDataTransfer: (data: string) => void) => void;
 export type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;
@@ -102,7 +102,7 @@ export type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: s
 export type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;
 export type TableFontSize = keyof typeof FontSizes;
 export type TablePreset = 'complex' | 'list' | 'simple';
-export type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;
+export type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;
 export type TableScrollToIndexHandler = (index: number, options?: {
     align: 'start' | 'center' | 'end' | 'auto';
 }) => void;
@@ -121,7 +121,7 @@ export type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactE
 export type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';
 export type TableEmptyStateRenderer = (props: {
     reason: TableEmptyStateReason;
-}) => JSX.Element | null;
+}) => React.JSX.Element | null;
 export type TableEvent = 'editing-mode';
 export type TableEventHandler = (event: TableEvent, data?: object) => void;
 export type TableSettings = {
@@ -172,7 +172,7 @@ export type TableFeatureProps<TType = unknown> = {
     enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;
     enableSaveSettingsLocally?: boolean;
 };
-export type TableChild = JSX.Element | JSX.Element[] | boolean | null | undefined;
+export type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;
 type TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {
     children: TableChild | TableChild[];
     data: TType[];
@@ -190,9 +190,9 @@ type TableCommonBaseProps<TType = unknown> = TableFeatureProps<TType> & {
     rowActionsLength?: number;
     rowExpansionRenderer?: TableRowExpansionRenderer<TType>;
     shortcuts?: TableShortcuts<TType>;
-    toolbarLeft?: JSX.Element;
-    toolbarRight?: JSX.Element;
-    toolbarPanel?: JSX.Element;
+    toolbarLeft?: React.JSX.Element;
+    toolbarRight?: React.JSX.Element;
+    toolbarPanel?: React.JSX.Element;
     onEvent?: TableEventHandler;
     onRowActive?: TableRowActiveHandler<TType>;
     onRowClick?: TableRowClickHandler<TType>;
@@ -316,7 +316,7 @@ export type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType
     tooltip?: string;
 };
 export type TableGroupProps = {
-    children: (JSX.Element | boolean | null | undefined)[];
+    children: (React.JSX.Element | boolean | null | undefined)[];
     header: string;
     id: string;
 };

package/dist/primitives/Table/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type {\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';\n\nimport type { MenuItemProps } from '../../components/Menu/components/Item';\nimport type { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\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 = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\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    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => JSX.Element | null)\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    onKeyDown?: React.KeyboardEventHandler;\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 | JSX.Element;\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) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => JSX.Element | null;\n\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: (text: string) => 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 TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => 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 TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | 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 TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\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    enableRowExpansionAll?: 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    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = JSX.Element | JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<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    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: JSX.Element;\n    toolbarRight?: JSX.Element;\n    toolbarPanel?: JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\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    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\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        emptyState?: React.ReactNode;\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\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            isOneOf: string;\n            isNoneOf: 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"],"mappings":"AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.js","sources":["../../../src/primitives/Table/types.ts"],"sourcesContent":["import type {\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';\n\nimport type { MenuItemProps } from '../../components/Menu/components/Item';\nimport type { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';\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 = 0,\n    DoesNotContain = 1,\n    IsEqualTo = 2,\n    IsNotEqualTo = 3,\n    IsGreaterThan = 4,\n    IsLessThan = 5,\n    IsBetween = 6,\n    IsEmpty = 7,\n    IsNotEmpty = 8,\n    IsLessThanOrEqualTo = 9,\n    IsGreaterThanOrEqualTo = 10,\n    HasAnyOf = 11,\n    HasAllOf = 12,\n    HasNoneOf = 13,\n    IsOneOf = 14,\n    IsNoneOf = 15,\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    | 'boolean'\n    // dates\n    | 'date'\n    | 'time'\n    | 'datetime'\n    // numbers\n    | 'number'\n    | 'amount'\n    | 'percentage';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];\nexport type TableColumnRendererArgs<TType, TValue> = TValue extends undefined\n    ? { formattedValue: undefined; row: TType; value: undefined }\n    : { formattedValue: string; row: TType; value: TValue };\nexport type TableColumnRenderer<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererAggregate<TType, TValue = unknown> = (\n    args: TableColumnRendererArgs<TType, TValue>\n) => React.JSX.Element | string | number | unknown | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => React.JSX.Element | null)\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    onKeyDown?: React.KeyboardEventHandler;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement | null> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: any) => void;\n    value: any;\n};\nexport type TableColumnRendererHeader = string | React.JSX.Element;\nexport type TableColumnRendererFooter<TType> = (rows: TType[]) => React.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) | ReactTableBuiltInSortingFn | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (\n    row: TType,\n    helpers: {\n        editing?: {\n            isEditing: boolean;\n            removeRowChanges: () => Promise<void>;\n            save: () => Promise<boolean>;\n        };\n    }\n) => React.JSX.Element | null;\n\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => React.JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowDragHandler<TType = unknown> = (\n    rows: TType[],\n    showPlaceholder: (text: string) => 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 TableRowActiveHandler<TType = unknown> = (row: TType | undefined) => void;\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => 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 TableSortHandler = (sorting: TableColumnSort[]) => Promise<void> | void;\nexport type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void> | void;\nexport type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void> | void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'complex' | 'list' | 'simple';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => React.JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    hiddenColumns: string[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TablePrintSettings = {\n    allRows: boolean;\n    orientation: 'portrait' | 'landscape';\n    size: 'A3' | 'A4' | 'A5' | 'letter' | 'legal';\n    splitGroups: boolean;\n};\nexport type TablePrintHandler = (settings: TableSettings, printSettings: TablePrintSettings) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];\nexport type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';\nexport type TableEmptyStateRenderer = (props: { reason: TableEmptyStateReason }) => React.JSX.Element | null;\nexport type TableEvent = 'editing-mode';\nexport type TableEventHandler = (event: TableEvent, data?: object) => void;\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    enableRowExpansionAll?: 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    enableSaveSettingsLocally?: boolean;\n};\n\nexport type TableChild = React.JSX.Element | React.JSX.Element[] | boolean | null | undefined;\n\n// Base props\ntype TableCommonBaseProps<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    enableLocalKeyboardShortcuts?: boolean;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n    toolbarLeft?: React.JSX.Element;\n    toolbarRight?: React.JSX.Element;\n    toolbarPanel?: React.JSX.Element;\n\n    // handlers\n    onEvent?: TableEventHandler;\n    onRowActive?: TableRowActiveHandler<TType>;\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    onPrint?: TablePrintHandler;\n};\n\n// Branch 1: Client-side without controlled selection\n// selectedRows is 'never' to force TypeScript to require rowIdentityAccessor when selectedRows is used\ntype TableClientPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 2: Server-side without controlled selection\ntype TableServerPropsBase<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor?: keyof TType; // Optional\n    selectedRows?: never; // Forbidden\n};\n\n// Branch 3: Client-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableClientPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n    pages?: never;\n    _experimentalDataLoader2?: never;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Branch 4: Server-side with controlled selection\n// Both rowIdentityAccessor and selectedRows are required\ntype TableServerPropsWithSelection<TType = unknown> = TableCommonBaseProps<TType> & {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n    pages?: number[];\n    _experimentalDataLoader2?: boolean;\n\n    rowIdentityAccessor: keyof TType;\n    selectedRows: string[];\n};\n\n// Discriminated union: providing selectedRows forces TypeScript to use branches 3/4, which require rowIdentityAccessor\nexport type TableClientProps<TType = unknown> = TableClientPropsBase<TType> | TableClientPropsWithSelection<TType>;\nexport type TableServerProps<TType = unknown> = TableServerPropsBase<TType> | TableServerPropsWithSelection<TType>;\n\n// For backward compatibility (used by hooks/internals that don't care about the constraint)\nexport type TableCommonProps<TType = unknown> = TableCommonBaseProps<TType> & {\n    rowIdentityAccessor?: keyof TType;\n    selectedRows?: string[];\n};\n\nexport type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;\n\nexport type TableColumnDataTypeOptions = {\n    currency?: string;\n    decimals?: number;\n    useGrouping?: boolean;\n};\n\nexport type TableColumnDataTypeOptionsHandler<TType = unknown, TOptions = TableColumnDataTypeOptions> =\n    TOptions | ((row: TType) => TOptions);\n\nexport type TableColumnDataTypeProps<TType = unknown> =\n    // number should allow currency, decimals and useGrouping\n    | {\n          dataType?: 'number';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'currency' | 'decimals' | 'useGrouping'>\n          >;\n      }\n    // amount should allow currency\n    | {\n          dataType?: 'amount';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<TType, Pick<TableColumnDataTypeOptions, 'currency'>>;\n      }\n    // percentage should allow decimals and useGrouping\n    | {\n          dataType?: 'percentage';\n          dataTypeOptions?: TableColumnDataTypeOptionsHandler<\n              TType,\n              Pick<TableColumnDataTypeOptions, 'decimals' | 'useGrouping'>\n          >;\n      }\n    // others should not allow options\n    | {\n          dataType?: Omit<TableColumnDataType, 'number' | 'amount' | 'percentage'>;\n          dataTypeOptions?: never;\n      };\n\nexport type TableColumnIdentifierProps<TType = unknown> =\n    // type correctly if an accessor is provided\n    | {\n          [Key in DotNotationPaths<TType>]: {\n              accessor: Key;\n              id?: string;\n              renderer?: TableColumnRenderer<TType, DotNotationPathValue<TType, Key>> | undefined;\n              aggregate?: TableColumnRendererAggregate<TType, DotNotationPathValue<TType, Key>> | undefined;\n          };\n      }[DotNotationPaths<TType>]\n    // otherwise fall back to unknown\n    | {\n          accessor?: never;\n          id: string;\n          renderer?: TableColumnRenderer<TType, undefined> | undefined;\n          aggregate?: TableColumnRendererAggregate<TType, undefined> | undefined;\n      };\n\nexport type TableColumnProps<TType = unknown> = TableColumnIdentifierProps<TType> &\n    TableColumnDataTypeProps<TType> & {\n        // renderers - some that require Key are below, to ensure correct typing\n        control?: TableColumnRendererControl<TType> | undefined;\n        footer?: TableColumnRendererFooter<TType> | undefined;\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        emptyState?: React.ReactNode;\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\nexport type TableGroupProps = {\n    children: (React.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            isOneOf: string;\n            isNoneOf: 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"],"mappings":"AA0BO,IAAK,0CAAAA,2BAAL;AACHA,yBAAAA,uBAAA,cAAW,CAAA,IAAX;AACAA,yBAAAA,uBAAA,oBAAiB,CAAA,IAAjB;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,kBAAe,CAAA,IAAf;AACAA,yBAAAA,uBAAA,mBAAgB,CAAA,IAAhB;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,eAAY,CAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,CAAA,IAAV;AACAA,yBAAAA,uBAAA,gBAAa,CAAA,IAAb;AACAA,yBAAAA,uBAAA,yBAAsB,CAAA,IAAtB;AACAA,yBAAAA,uBAAA,4BAAyB,EAAA,IAAzB;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AACAA,yBAAAA,uBAAA,eAAY,EAAA,IAAZ;AACAA,yBAAAA,uBAAA,aAAU,EAAA,IAAV;AACAA,yBAAAA,uBAAA,cAAW,EAAA,IAAX;AAhBQ,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;"}

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

@@ -5,5 +5,5 @@ export declare function useTableRowSelection(isEnabled?: boolean, controlledSele
     isControlled: boolean;
     controlledSelectedRows: Record<string, boolean> | undefined;
     handleKeyDown: <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;
-    lastSelectedRowIndex: React.MutableRefObject<number | undefined>;
+    lastSelectedRowIndex: React.RefObject<number | undefined>;
 };

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

@@ -1,7 +1,7 @@
 import { HeaderContext as ReactTableHeaderContext, CellContext as ReactTableCellContext, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';
 export type useTableManagerInternalColumn<TType = unknown> = {
-    header?: (info: ReactTableHeaderContext<TType, unknown>) => JSX.Element | string | null;
-    renderer: (info: ReactTableCellContext<TType, unknown>) => JSX.Element | string | null;
+    header?: (info: ReactTableHeaderContext<TType, unknown>) => React.JSX.Element | string | null;
+    renderer: (info: ReactTableCellContext<TType, unknown>) => React.JSX.Element | string | null;
     meta?: ReactTableColumnMeta<TType, unknown>;
     size?: number;
 };

package/dist/primitives/Table/useTableManager/util/setup.cjs

@@ -81,8 +81,8 @@ function processChildren(child, columns$1, defaultSizing, defaultSorting, defaul
       id,
       // dot notated accessors will throw if they return null or undefined, so use accessorFn (instead of accessorKey) to avoid that
       accessorFn: (row) => get(row, accessorKey),
-      // The header can be either a string or a JSX.Element, but react-table expects it to be a string or a
-      // renderer function, so `() => header` ensures compatibility when header is a JSX.Element.
+      // The header can be either a string or a React.JSX.Element, but react-table expects it to be a string or a
+      // renderer function, so `() => header` ensures compatibility when header is a React.JSX.Element.
       // If we just pass `() => header`, then we will loose truncation for string headers.
       header: typeof header === "string" ? header : () => header,
       // features

package/dist/primitives/Table/useTableManager/util/setup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"setup.cjs","sources":["../../../../../src/primitives/Table/useTableManager/util/setup.ts"],"sourcesContent":["import type {\n    TableOptions as ReactTableOptions,\n    Row as ReactTableRow,\n    CellContext as ReactTableCellContext,\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 {\n    createColumnHelper,\n    getExpandedRowModel,\n    getFilteredRowModel,\n    getGroupedRowModel,\n    getSortedRowModel,\n} from '@tanstack/react-table';\nimport get from 'lodash/get';\nimport React from 'react';\n\nimport type { Localization } from '../../../../components/Provider/Localization';\nimport type { TableColumnProps, TableFeatureProps, TableGroupProps, TableProps, TableSettings } from '../../types';\nimport type { useTableManagerInternalColumns, useTableManagerInternalColumn } from '../types';\n\nimport { CELL_MIN_WIDTH, ensureOrdering, freezeUptoExternalColumn, unfreezeAllExternalColumns } from './columns';\nimport { getDataTypeProperties } from './dataTypes';\nimport { columnFilterFn } from './filtering';\nimport { globalFilterFn } from './search';\nimport { ignoreInternalColumns } from './settings';\nimport { getSortingFn } from './sorting';\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,\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 = CELL_MIN_WIDTH[settings.fontSize ?? 'medium'] ?? CELL_MIN_WIDTH.medium,\n            sort,\n            sortFn,\n            ...meta\n        } = child.props;\n\n        // always have an id, if none is defined use the accessor (at least one has to be defined)\n        const id = untypedId ?? (accessorKey as string);\n\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            // dot notated accessors will throw if they return null or undefined, so use accessorFn (instead of accessorKey) to avoid that\n            accessorFn: row => get(row, accessorKey as string),\n            // The header can be either a string or a JSX.Element, but react-table expects it to be a string or a\n            // renderer function, so `() => header` ensures compatibility when header is a JSX.Element.\n            // If we just pass `() => header`, then we will loose truncation for string headers.\n            header: typeof header === 'string' ? 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            },\n        };\n\n        const formattedValueRenderer = (value: any, row: TType) => {\n            const displayValue = dataTypeProperties.getDisplayValue?.(value, row, {\n                dataTypeOptions: meta.dataTypeOptions as any,\n                localization,\n            });\n            const safeValue = value !== undefined && value !== null ? String(value) : value;\n\n            if (Array.isArray(displayValue)) {\n                return displayValue[0] ?? safeValue;\n            }\n\n            return displayValue ?? safeValue;\n        };\n\n        const rendererArgs = (info: ReactTableCellContext<TType, any>): any => ({\n            row: info.row.original,\n            get value() {\n                return info.getValue();\n            },\n            get formattedValue() {\n                return formattedValueRenderer(info.getValue(), info.row.original);\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(rendererArgs(info));\n        } else {\n            column.cell = info => formattedValueRenderer(info.getValue(), info.row.original);\n        }\n\n        if (typeof footer === 'function') {\n            column.footer = info =>\n                footer(info.table.getRowModel().rows.flatMap(row => (row.original === undefined ? [] : row.original)));\n        }\n\n        // config - filtering\n        if (enableColumnFilter) {\n            column.filterFn = 'tacoFilter' as any;\n        }\n\n        // config - grouping/aggregation\n        if (enableGrouping) {\n            column.aggregationFn = aggregationFn;\n\n            if (typeof aggregate === 'function') {\n                column.aggregatedCell = info => aggregate(rendererArgs(info));\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 keyof TType]);\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        keepPinnedRows: false,\n    };\n\n    if (options.enableRowExpansion) {\n        // Prevent expansion state from resetting when data changes (e.g., after editing)\n        tableOptions.autoResetExpanded = 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                    const meta = row._getAllCellsByColumnId()[columnId]?.column.columnDef.meta;\n                    return columnFilterFn(row.original, row.getValue(columnId), meta, filter, localization);\n                },\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            if (props._experimentalDataLoader2) {\n                tableOptions.manualFiltering = true;\n            } else {\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\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            const lastPinnedColumn = columnPinning.left[columnPinning.left.length - 1];\n\n            if (lastPinnedColumn !== undefined) {\n                columnPinning.left = freezeUptoExternalColumn(columnOrder.indexOf(lastPinnedColumn), columnOrder);\n            }\n        } else if (props.defaultColumnFreezingIndex === undefined) {\n            columnPinning.left = unfreezeAllExternalColumns(columnOrder);\n        } else {\n            columnPinning.left = freezeUptoExternalColumn(props.defaultColumnFreezingIndex, columnOrder);\n        }\n\n        const columnSizing = {\n            ...defaults.defaultSizing,\n            ...props.defaultSettings?.columnSizing,\n            ...persistedSettings.columnSizing,\n        };\n\n        const state: Partial<ReactTableState> = {\n            columnFilters: persistedSettings.columnFilters ?? props.defaultSettings?.columnFilters ?? [],\n            columnOrder,\n            columnPinning,\n            columnSizing: ignoreInternalColumns(columnSizing),\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":["columns","settings","createColumnHelper","child","CELL_MIN_WIDTH","getDataTypeProperties","getSortingFn","getExpandedRowModel","getGroupedRowModel","getFilteredRowModel","columnFilterFn","globalFilterFn","getSortedRowModel","ensureOrdering","freezeUptoExternalColumn","unfreezeAllExternalColumns","ignoreInternalColumns"],"mappings":"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"}
+{"version":3,"file":"setup.cjs","sources":["../../../../../src/primitives/Table/useTableManager/util/setup.ts"],"sourcesContent":["import type {\n    TableOptions as ReactTableOptions,\n    Row as ReactTableRow,\n    CellContext as ReactTableCellContext,\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 {\n    createColumnHelper,\n    getExpandedRowModel,\n    getFilteredRowModel,\n    getGroupedRowModel,\n    getSortedRowModel,\n} from '@tanstack/react-table';\nimport get from 'lodash/get';\nimport React from 'react';\n\nimport type { Localization } from '../../../../components/Provider/Localization';\nimport type { TableColumnProps, TableFeatureProps, TableGroupProps, TableProps, TableSettings } from '../../types';\nimport type { useTableManagerInternalColumns, useTableManagerInternalColumn } from '../types';\n\nimport { CELL_MIN_WIDTH, ensureOrdering, freezeUptoExternalColumn, unfreezeAllExternalColumns } from './columns';\nimport { getDataTypeProperties } from './dataTypes';\nimport { columnFilterFn } from './filtering';\nimport { globalFilterFn } from './search';\nimport { ignoreInternalColumns } from './settings';\nimport { getSortingFn } from './sorting';\n\n// mapping children to react-table columns\nfunction processChildren<TType>(\n    child: React.ReactNode,\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,\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 = CELL_MIN_WIDTH[settings.fontSize ?? 'medium'] ?? CELL_MIN_WIDTH.medium,\n            sort,\n            sortFn,\n            ...meta\n        } = child.props;\n\n        // always have an id, if none is defined use the accessor (at least one has to be defined)\n        const id = untypedId ?? (accessorKey as string);\n\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            // dot notated accessors will throw if they return null or undefined, so use accessorFn (instead of accessorKey) to avoid that\n            accessorFn: row => get(row, accessorKey as string),\n            // The header can be either a string or a React.JSX.Element, but react-table expects it to be a string or a\n            // renderer function, so `() => header` ensures compatibility when header is a React.JSX.Element.\n            // If we just pass `() => header`, then we will loose truncation for string headers.\n            header: typeof header === 'string' ? 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            },\n        };\n\n        const formattedValueRenderer = (value: any, row: TType) => {\n            const displayValue = dataTypeProperties.getDisplayValue?.(value, row, {\n                dataTypeOptions: meta.dataTypeOptions as any,\n                localization,\n            });\n            const safeValue = value !== undefined && value !== null ? String(value) : value;\n\n            if (Array.isArray(displayValue)) {\n                return displayValue[0] ?? safeValue;\n            }\n\n            return displayValue ?? safeValue;\n        };\n\n        const rendererArgs = (info: ReactTableCellContext<TType, any>): any => ({\n            row: info.row.original,\n            get value() {\n                return info.getValue();\n            },\n            get formattedValue() {\n                return formattedValueRenderer(info.getValue(), info.row.original);\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(rendererArgs(info));\n        } else {\n            column.cell = info => formattedValueRenderer(info.getValue(), info.row.original);\n        }\n\n        if (typeof footer === 'function') {\n            column.footer = info =>\n                footer(info.table.getRowModel().rows.flatMap(row => (row.original === undefined ? [] : row.original)));\n        }\n\n        // config - filtering\n        if (enableColumnFilter) {\n            column.filterFn = 'tacoFilter' as any;\n        }\n\n        // config - grouping/aggregation\n        if (enableGrouping) {\n            column.aggregationFn = aggregationFn;\n\n            if (typeof aggregate === 'function') {\n                column.aggregatedCell = info => aggregate(rendererArgs(info));\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 keyof TType]);\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        keepPinnedRows: false,\n    };\n\n    if (options.enableRowExpansion) {\n        // Prevent expansion state from resetting when data changes (e.g., after editing)\n        tableOptions.autoResetExpanded = 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                    const meta = row._getAllCellsByColumnId()[columnId]?.column.columnDef.meta;\n                    return columnFilterFn(row.original, row.getValue(columnId), meta, filter, localization);\n                },\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            if (props._experimentalDataLoader2) {\n                tableOptions.manualFiltering = true;\n            } else {\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\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            const lastPinnedColumn = columnPinning.left[columnPinning.left.length - 1];\n\n            if (lastPinnedColumn !== undefined) {\n                columnPinning.left = freezeUptoExternalColumn(columnOrder.indexOf(lastPinnedColumn), columnOrder);\n            }\n        } else if (props.defaultColumnFreezingIndex === undefined) {\n            columnPinning.left = unfreezeAllExternalColumns(columnOrder);\n        } else {\n            columnPinning.left = freezeUptoExternalColumn(props.defaultColumnFreezingIndex, columnOrder);\n        }\n\n        const columnSizing = {\n            ...defaults.defaultSizing,\n            ...props.defaultSettings?.columnSizing,\n            ...persistedSettings.columnSizing,\n        };\n\n        const state: Partial<ReactTableState> = {\n            columnFilters: persistedSettings.columnFilters ?? props.defaultSettings?.columnFilters ?? [],\n            columnOrder,\n            columnPinning,\n            columnSizing: ignoreInternalColumns(columnSizing),\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":["columns","settings","createColumnHelper","child","CELL_MIN_WIDTH","getDataTypeProperties","getSortingFn","getExpandedRowModel","getGroupedRowModel","getFilteredRowModel","columnFilterFn","globalFilterFn","getSortedRowModel","ensureOrdering","freezeUptoExternalColumn","unfreezeAllExternalColumns","ignoreInternalColumns"],"mappings":"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"}

package/dist/primitives/Table/useTableManager/util/setup.js

@@ -79,8 +79,8 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
       id,
       // dot notated accessors will throw if they return null or undefined, so use accessorFn (instead of accessorKey) to avoid that
       accessorFn: (row) => get(row, accessorKey),
-      // The header can be either a string or a JSX.Element, but react-table expects it to be a string or a
-      // renderer function, so `() => header` ensures compatibility when header is a JSX.Element.
+      // The header can be either a string or a React.JSX.Element, but react-table expects it to be a string or a
+      // renderer function, so `() => header` ensures compatibility when header is a React.JSX.Element.
       // If we just pass `() => header`, then we will loose truncation for string headers.
       header: typeof header === "string" ? header : () => header,
       // features