@economic/taco 13.0.0 → 14.0.0-tanstack-virtual-update.0

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.cjs

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const cn = require("clsx");
 const React = require("react");
-const Checkbox = require("../../../../../../../components/Checkbox/Checkbox.cjs");
-const Icon = require("../../../../../../../components/Icon/Icon.cjs");
-const Input = require("../../../../../../../components/Input/Input.cjs");
-const Popover = require("../../../../../../../components/Popover/Popover.cjs");
-const Localization = require("../../../../../../../components/Provider/Localization.cjs");
-const columns = require("../../../../../useTableManager/util/columns.cjs");
 const Container = require("../../../../../../Sortable/components/Container.cjs");
-const List = require("../../../../../../Sortable/components/List.cjs");
 const Item = require("../../../../../../Sortable/components/Item.cjs");
+const List = require("../../../../../../Sortable/components/List.cjs");
 const sortable = require("@dnd-kit/sortable");
+const columns = require("../../../../../useTableManager/util/columns.cjs");
+const Localization = require("../../../../../../../components/Provider/Localization.cjs");
+const Popover = require("../../../../../../../components/Popover/Popover.cjs");
+const Input = require("../../../../../../../components/Input/Input.cjs");
+const Icon = require("../../../../../../../components/Icon/Icon.cjs");
+const Checkbox = require("../../../../../../../components/Checkbox/Checkbox.cjs");
 const Column = React.forwardRef(function Column2(props, ref) {
   const { column, draggable = false, ...dragAttributes } = props;
   const canHide = column.getCanHide();

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HideOrOrderPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Input } from '../../../../../../../components/Input/Input';\nimport type { PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport * as SortablePrimitive from '../../../../../../Sortable/Sortable';\nimport type { SortableItemId } from '../../../../../../Sortable/Sortable';\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded px-2 py-1', {\n        'hover:bg-gray-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-gray-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    const Tag = canHide ? 'label' : 'span';\n\n    return (\n        <div {...attributes} className={className} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700\" /> : null}\n            <Tag className=\"flex-grow truncate\" htmlFor={canHide ? column.id : undefined}>\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader as React.ReactNode})</span> : null}\n            </Tag>\n            {canHide ? (\n                <Checkbox checked={isVisible} id={column.id} onChange={() => column.toggleVisibility(!isVisible)} />\n            ) : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { id, table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId: SortableItemId, overId: SortableItemId) => {\n        if (columns.some(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content id={id}>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","Icon","Checkbox","useLocalization","columns","isInternalColumn","ensureOrdering","SortablePrimitive.arrayMove","Popover","Input","SortablePrimitive.Container","SortablePrimitive.List","SortablePrimitive.Item"],"mappings":"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"}
+{"version":3,"file":"HideOrOrderPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Checkbox, Input, Icon, Popover, useLocalization } from '@/components';\nimport * as SortablePrimitive from '@/primitives/Sortable/Sortable';\nimport type { SortableItemId } from '@/primitives/Sortable/Sortable';\n\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded px-2 py-1', {\n        'hover:bg-gray-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-gray-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    const Tag = canHide ? 'label' : 'span';\n\n    return (\n        <div {...attributes} className={className} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700\" /> : null}\n            <Tag className=\"flex-grow truncate\" htmlFor={canHide ? column.id : undefined}>\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader as React.ReactNode})</span> : null}\n            </Tag>\n            {canHide ? (\n                <Checkbox checked={isVisible} id={column.id} onChange={() => column.toggleVisibility(!isVisible)} />\n            ) : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { id, table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId: SortableItemId, overId: SortableItemId) => {\n        if (columns.some(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content id={id}>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["Column","Icon","Checkbox","useLocalization","columns","isInternalColumn","ensureOrdering","SortablePrimitive.arrayMove","Popover","Input","SortablePrimitive.Container","SortablePrimitive.List","SortablePrimitive.Item"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.d.ts

@@ -1,6 +1,6 @@
 import { Table as ReactTable } from '@tanstack/react-table';
 import { default as React } from 'react';
-import { PopoverProps } from '../../../../../../../components/Popover/Popover';
+import { PopoverProps } from '../../../../../../../components';
 export type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {
     id: string;
     table: ReactTable<TType>;

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.js

@@ -1,15 +1,15 @@
 import cn from "clsx";
 import React__default from "react";
-import { Checkbox } from "../../../../../../../components/Checkbox/Checkbox.js";
-import { Icon } from "../../../../../../../components/Icon/Icon.js";
-import { Input } from "../../../../../../../components/Input/Input.js";
-import { Popover } from "../../../../../../../components/Popover/Popover.js";
-import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
-import { isInternalColumn, ensureOrdering } from "../../../../../useTableManager/util/columns.js";
 import { Container } from "../../../../../../Sortable/components/Container.js";
-import { List } from "../../../../../../Sortable/components/List.js";
 import { Item } from "../../../../../../Sortable/components/Item.js";
+import { List } from "../../../../../../Sortable/components/List.js";
 import { arrayMove } from "@dnd-kit/sortable";
+import { isInternalColumn, ensureOrdering } from "../../../../../useTableManager/util/columns.js";
+import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
+import { Popover } from "../../../../../../../components/Popover/Popover.js";
+import { Input } from "../../../../../../../components/Input/Input.js";
+import { Icon } from "../../../../../../../components/Icon/Icon.js";
+import { Checkbox } from "../../../../../../../components/Checkbox/Checkbox.js";
 const Column = React__default.forwardRef(function Column2(props, ref) {
   const { column, draggable = false, ...dragAttributes } = props;
   const canHide = column.getCanHide();

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HideOrOrderPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { Checkbox } from '../../../../../../../components/Checkbox/Checkbox';\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { Input } from '../../../../../../../components/Input/Input';\nimport type { PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport * as SortablePrimitive from '../../../../../../Sortable/Sortable';\nimport type { SortableItemId } from '../../../../../../Sortable/Sortable';\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded px-2 py-1', {\n        'hover:bg-gray-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-gray-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    const Tag = canHide ? 'label' : 'span';\n\n    return (\n        <div {...attributes} className={className} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700\" /> : null}\n            <Tag className=\"flex-grow truncate\" htmlFor={canHide ? column.id : undefined}>\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader as React.ReactNode})</span> : null}\n            </Tag>\n            {canHide ? (\n                <Checkbox checked={isVisible} id={column.id} onChange={() => column.toggleVisibility(!isVisible)} />\n            ) : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { id, table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId: SortableItemId, overId: SortableItemId) => {\n        if (columns.some(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content id={id}>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React","Column","SortablePrimitive.arrayMove","SortablePrimitive.Container","SortablePrimitive.List","SortablePrimitive.Item"],"mappings":"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"}
+{"version":3,"file":"HideOrOrderPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/HideOrOrderPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, Column as ReactTableColumn, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Checkbox, Input, Icon, Popover, useLocalization } from '@/components';\nimport * as SortablePrimitive from '@/primitives/Sortable/Sortable';\nimport type { SortableItemId } from '@/primitives/Sortable/Sortable';\n\nimport { ensureOrdering, isInternalColumn } from '../../../../../useTableManager/util/columns';\n\ntype ColumnProps<TType = unknown> = React.HTMLAttributes<HTMLDivElement> & {\n    column: ReactTableColumn<TType, unknown>;\n    draggable?: boolean;\n};\n\nconst Column = React.forwardRef(function Column<TType = unknown>(props: ColumnProps<TType>, ref: React.Ref<HTMLDivElement>) {\n    const { column, draggable = false, ...dragAttributes } = props;\n    const canHide = column.getCanHide();\n\n    const className = cn('group/column flex items-center gap-x-2 rounded px-2 py-1', {\n        'hover:bg-gray-200': canHide || draggable,\n        'hover:cursor-pointer': canHide,\n        'active:cursor-move active:bg-gray-300': draggable,\n    });\n\n    const attributes = draggable ? dragAttributes : undefined;\n    const isVisible = column.getIsVisible();\n    const parentHeader = column.parent?.columnDef?.header;\n\n    const Tag = canHide ? 'label' : 'span';\n\n    return (\n        <div {...attributes} className={className} ref={ref}>\n            {draggable ? <Icon name=\"drag\" className=\"-mx-2 !h-5 text-gray-500 group-hover/column:text-gray-700\" /> : null}\n            <Tag className=\"flex-grow truncate\" htmlFor={canHide ? column.id : undefined}>\n                {column.columnDef.meta?.header}\n                {parentHeader ? <span className=\"italic\">({parentHeader as React.ReactNode})</span> : null}\n            </Tag>\n            {canHide ? (\n                <Checkbox checked={isVisible} id={column.id} onChange={() => column.toggleVisibility(!isVisible)} />\n            ) : null}\n        </div>\n    );\n});\n\nexport type HideOrOrderPopoverProps<TType = unknown> = PopoverProps & {\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function HideOrOrderPopover<TType = unknown>(props: HideOrOrderPopoverProps<TType>) {\n    const { id, table, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n    const [query, setQuery] = React.useState('');\n    const allColumns = table.getAllLeafColumns();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columns = React.useMemo(\n        () =>\n            allColumns\n                .filter(column => !isInternalColumn(column.id))\n                .filter(column =>\n                    query?.length\n                        ? column.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase()) ||\n                          column.parent?.columnDef.meta?.header.toLowerCase().includes(query.toLowerCase())\n                        : true\n                ),\n        [allColumns, query]\n    );\n\n    const listClassName = 'flex max-h-64 flex-col gap-y-px overflow-auto';\n\n    const handleReorder = (activeId: SortableItemId, overId: SortableItemId) => {\n        if (columns.some(column => column.id === overId && column.columnDef.meta?.enableOrdering === false)) {\n            return;\n        }\n\n        const currentOrder = table.getState().columnOrder;\n        const nextOrder = ensureOrdering(\n            allColumns,\n            SortablePrimitive.arrayMove(\n                currentOrder,\n                currentOrder.findIndex(c => c === activeId),\n                currentOrder.findIndex(c => c === overId)\n            )\n        );\n\n        // update column order\n        table.setColumnOrder(nextOrder);\n\n        // update pinned columns - because we do index based \"freezing\" instead of just pinning, pinned state needs updating to align with ordering\n        if (table.getIsSomeColumnsPinned()) {\n            const currentFrozenIndex = table.getState().columnPinning.left?.length ?? -1;\n\n            if (currentFrozenIndex > -1) {\n                table.setColumnPinning(currentPinning => ({\n                    ...currentPinning,\n                    left: nextOrder.slice(0, currentFrozenIndex),\n                }));\n            }\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content id={id}>\n                <div className=\"flex min-w-[100px] max-w-sm flex-col gap-2\">\n                    {table.options.enableHiding ? (\n                        <Input\n                            onChange={event => setQuery(event.target.value)}\n                            placeholder={texts.table.columnSettings.search}\n                            value={query}\n                        />\n                    ) : null}\n                    {tableMeta.columnOrdering.isEnabled && columns.length && !query?.length ? (\n                        <SortablePrimitive.Container reorder={handleReorder}>\n                            <SortablePrimitive.List id=\"columns\" className={listClassName}>\n                                {columns\n                                    .filter(column => !column.getIsGrouped())\n                                    .map(column => (\n                                        <SortablePrimitive.Item\n                                            key={column.id}\n                                            id={column.id}\n                                            disabled={!column.columnDef.meta?.enableOrdering}\n                                            asChild>\n                                            <Column column={column as any} draggable={column.columnDef.meta?.enableOrdering} />\n                                        </SortablePrimitive.Item>\n                                    ))}\n                            </SortablePrimitive.List>\n                        </SortablePrimitive.Container>\n                    ) : (\n                        <div className={listClassName}>\n                            {columns.length\n                                ? columns.map(column => <Column column={column as any} key={column.id} />)\n                                : texts.table.columnSettings.noResults}\n                        </div>\n                    )}\n                </div>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React","Column","SortablePrimitive.arrayMove","SortablePrimitive.Container","SortablePrimitive.List","SortablePrimitive.Item"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/Settings.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const IconButton = require("../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
-const Menu = require("../../../../../../../components/Menu/Menu.cjs");
-const Localization = require("../../../../../../../components/Provider/Localization.cjs");
 const types = require("../../../../../../../types.cjs");
 const settings = require("../../../../../useTableManager/util/settings.cjs");
 const HideOrOrderPopover = require("./HideOrOrderPopover.cjs");
+const Localization = require("../../../../../../../components/Provider/Localization.cjs");
+const IconButton = require("../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
+const Menu = require("../../../../../../../components/Menu/Menu.cjs");
 function Settings(props) {
   const { customSettings, id, table } = props;
   const { texts } = Localization.useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/Settings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { IconName } from '../../../../../../../components/Icon/Icon';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../../components/Menu/Menu';\nimport type { PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { FontSizes } from '../../../../../../../types';\nimport type { TableCustomSettingsRenderer } from '../../../../../types';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, id, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'columnSettings') {\n        const handleClosePopover = () => setPopover(undefined);\n        if (canHideOrOrder) {\n            popoverElement = (popoverProps: PopoverProps) => (\n                <HideOrOrderPopover\n                    {...popoverProps}\n                    id={`${id}-columnSettings`}\n                    open\n                    onChange={handleClosePopover}\n                    table={table}\n                />\n            );\n        }\n    }\n\n    const handleOpenColumnSettings = React.useCallback(() => {\n        // Wait until the menu click lifecycle finishes, otherwise the popover can instantly close\n        // because the originating click is treated as an outside interaction.\n        setTimeout(() => setPopover('columnSettings'));\n    }, []);\n\n    return (\n        <>\n            {popoverElement ? (\n                <LegacyIconButton\n                    aria-label={texts.table.otherOptions.tooltip}\n                    id={id}\n                    icon=\"sliders\"\n                    popover={popoverElement}\n                    tooltip={texts.table.otherOptions.tooltip}\n                />\n            ) : (\n                // With using of id/triggerId we can maintain the previous id contract (with \"...-toolbar-settings\" postfix), and avoid BaseUI to set random id for the trigger button.\n                <Menu triggerId={id}>\n                    <Menu.Trigger id={id}>\n                        <LegacyIconButton\n                            aria-label={texts.table.otherOptions.tooltip}\n                            tooltip={texts.table.otherOptions.tooltip}\n                            icon=\"sliders\"\n                        />\n                    </Menu.Trigger>\n                    <Menu.Content align=\"end\">\n                        {canHideOrOrder ? (\n                            <Menu.Item aria-controls={`${id}-columnSettings`} icon=\"columns\" onClick={handleOpenColumnSettings}>\n                                {texts.table.columnSettings.button}\n                            </Menu.Item>\n                        ) : null}\n                        {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                            <Menu.Separator />\n                        ) : null}\n                        {canChangeRowHeight ? (\n                            <Menu.Item\n                                icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.rowHeight.tooltip}\n                            </Menu.Item>\n                        ) : null}\n                        {canChangeFontSize ? (\n                            <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.fontSize.tooltip}\n                            </Menu.Item>\n                        ) : null}\n\n                        {customSettings ? (\n                            <>\n                                {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                {customSettings(getSettings(table)).map((item, index) => (\n                                    <React.Fragment key={index}>{item}</React.Fragment>\n                                ))}\n                            </>\n                        ) : null}\n                    </Menu.Content>\n                </Menu>\n            )}\n        </>\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["useLocalization","HideOrOrderPopover","LegacyIconButton","Menu","getSettings","FontSizes"],"mappings":"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"}
+{"version":3,"file":"Settings.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { IconName, PopoverProps } from '@/components';\nimport { LegacyIconButton, Menu, useLocalization } from '@/components';\nimport { FontSizes } from '@/types';\n\nimport type { TableCustomSettingsRenderer } from '../../../../../types';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, id, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'columnSettings') {\n        const handleClosePopover = () => setPopover(undefined);\n        if (canHideOrOrder) {\n            popoverElement = (popoverProps: PopoverProps) => (\n                <HideOrOrderPopover\n                    {...popoverProps}\n                    id={`${id}-columnSettings`}\n                    open\n                    onChange={handleClosePopover}\n                    table={table}\n                />\n            );\n        }\n    }\n\n    const handleOpenColumnSettings = React.useCallback(() => {\n        // Wait until the menu click lifecycle finishes, otherwise the popover can instantly close\n        // because the originating click is treated as an outside interaction.\n        setTimeout(() => setPopover('columnSettings'));\n    }, []);\n\n    return (\n        <>\n            {popoverElement ? (\n                <LegacyIconButton\n                    aria-label={texts.table.otherOptions.tooltip}\n                    id={id}\n                    icon=\"sliders\"\n                    popover={popoverElement}\n                    tooltip={texts.table.otherOptions.tooltip}\n                />\n            ) : (\n                // With using of id/triggerId we can maintain the previous id contract (with \"...-toolbar-settings\" postfix), and avoid BaseUI to set random id for the trigger button.\n                <Menu triggerId={id}>\n                    <Menu.Trigger id={id}>\n                        <LegacyIconButton\n                            aria-label={texts.table.otherOptions.tooltip}\n                            tooltip={texts.table.otherOptions.tooltip}\n                            icon=\"sliders\"\n                        />\n                    </Menu.Trigger>\n                    <Menu.Content align=\"end\">\n                        {canHideOrOrder ? (\n                            <Menu.Item aria-controls={`${id}-columnSettings`} icon=\"columns\" onClick={handleOpenColumnSettings}>\n                                {texts.table.columnSettings.button}\n                            </Menu.Item>\n                        ) : null}\n                        {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                            <Menu.Separator />\n                        ) : null}\n                        {canChangeRowHeight ? (\n                            <Menu.Item\n                                icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.rowHeight.tooltip}\n                            </Menu.Item>\n                        ) : null}\n                        {canChangeFontSize ? (\n                            <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.fontSize.tooltip}\n                            </Menu.Item>\n                        ) : null}\n\n                        {customSettings ? (\n                            <>\n                                {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                {customSettings(getSettings(table)).map((item, index) => (\n                                    <React.Fragment key={index}>{item}</React.Fragment>\n                                ))}\n                            </>\n                        ) : null}\n                    </Menu.Content>\n                </Menu>\n            )}\n        </>\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["useLocalization","HideOrOrderPopover","LegacyIconButton","Menu","getSettings","FontSizes"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/Settings.js

@@ -1,10 +1,10 @@
 import React__default from "react";
-import { LegacyIconButton } from "../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
-import { Menu } from "../../../../../../../components/Menu/Menu.js";
-import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
 import { FontSizes } from "../../../../../../../types.js";
 import { getSettings } from "../../../../../useTableManager/util/settings.js";
 import { HideOrOrderPopover } from "./HideOrOrderPopover.js";
+import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
+import { LegacyIconButton } from "../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
+import { Menu } from "../../../../../../../components/Menu/Menu.js";
 function Settings(props) {
   const { customSettings, id, table } = props;
   const { texts } = useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Settings/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { IconName } from '../../../../../../../components/Icon/Icon';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { Menu } from '../../../../../../../components/Menu/Menu';\nimport type { PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { FontSizes } from '../../../../../../../types';\nimport type { TableCustomSettingsRenderer } from '../../../../../types';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, id, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'columnSettings') {\n        const handleClosePopover = () => setPopover(undefined);\n        if (canHideOrOrder) {\n            popoverElement = (popoverProps: PopoverProps) => (\n                <HideOrOrderPopover\n                    {...popoverProps}\n                    id={`${id}-columnSettings`}\n                    open\n                    onChange={handleClosePopover}\n                    table={table}\n                />\n            );\n        }\n    }\n\n    const handleOpenColumnSettings = React.useCallback(() => {\n        // Wait until the menu click lifecycle finishes, otherwise the popover can instantly close\n        // because the originating click is treated as an outside interaction.\n        setTimeout(() => setPopover('columnSettings'));\n    }, []);\n\n    return (\n        <>\n            {popoverElement ? (\n                <LegacyIconButton\n                    aria-label={texts.table.otherOptions.tooltip}\n                    id={id}\n                    icon=\"sliders\"\n                    popover={popoverElement}\n                    tooltip={texts.table.otherOptions.tooltip}\n                />\n            ) : (\n                // With using of id/triggerId we can maintain the previous id contract (with \"...-toolbar-settings\" postfix), and avoid BaseUI to set random id for the trigger button.\n                <Menu triggerId={id}>\n                    <Menu.Trigger id={id}>\n                        <LegacyIconButton\n                            aria-label={texts.table.otherOptions.tooltip}\n                            tooltip={texts.table.otherOptions.tooltip}\n                            icon=\"sliders\"\n                        />\n                    </Menu.Trigger>\n                    <Menu.Content align=\"end\">\n                        {canHideOrOrder ? (\n                            <Menu.Item aria-controls={`${id}-columnSettings`} icon=\"columns\" onClick={handleOpenColumnSettings}>\n                                {texts.table.columnSettings.button}\n                            </Menu.Item>\n                        ) : null}\n                        {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                            <Menu.Separator />\n                        ) : null}\n                        {canChangeRowHeight ? (\n                            <Menu.Item\n                                icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.rowHeight.tooltip}\n                            </Menu.Item>\n                        ) : null}\n                        {canChangeFontSize ? (\n                            <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.fontSize.tooltip}\n                            </Menu.Item>\n                        ) : null}\n\n                        {customSettings ? (\n                            <>\n                                {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                {customSettings(getSettings(table)).map((item, index) => (\n                                    <React.Fragment key={index}>{item}</React.Fragment>\n                                ))}\n                            </>\n                        ) : null}\n                    </Menu.Content>\n                </Menu>\n            )}\n        </>\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;AAoBO,SAAS,SAA0B,OAA6B;AACnE,QAAM,EAAE,gBAAgB,IAAI,MAAA,IAAU;AACtC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY,MAAM,QAAQ;AAEhC,QAAM,iBAAiB,MAAM,QAAQ,gBAAgB,UAAU,eAAe;AAC9E,QAAM,oBAAoB,UAAU,SAAS;AAC7C,QAAM,qBAAqB,UAAU,UAAU;AAE/C,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAA6B,MAAS;AAE1E,MAAI;AAEJ,MAAI,YAAY,kBAAkB;AAC9B,UAAM,qBAAqB,MAAM,WAAW,MAAS;AACrD,QAAI,gBAAgB;AAChB,uBAAiB,CAAC,iBACdA,+BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACI,GAAG;AAAA,UACJ,IAAI,GAAG,EAAE;AAAA,UACT,MAAI;AAAA,UACJ,UAAU;AAAA,UACV;AAAA,QAAA;AAAA,MAAA;AAAA,IAGZ;AAAA,EACJ;AAEA,QAAM,2BAA2BA,eAAM,YAAY,MAAM;AAGrD,eAAW,MAAM,WAAW,gBAAgB,CAAC;AAAA,EACjD,GAAG,CAAA,CAAE;AAEL,qFAES,iBACGA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,MAAM,MAAM,aAAa;AAAA,MACrC;AAAA,MACA,MAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS,MAAM,MAAM,aAAa;AAAA,IAAA;AAAA,EAAA;AAAA;AAAA,IAItCA,+BAAA,cAAC,QAAK,WAAW,GAAA,gDACZ,KAAK,SAAL,EAAa,GAAA,GACVA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,cAAY,MAAM,MAAM,aAAa;AAAA,QACrC,SAAS,MAAM,MAAM,aAAa;AAAA,QAClC,MAAK;AAAA,MAAA;AAAA,IAAA,CAEb,GACAA,+BAAA,cAAC,KAAK,SAAL,EAAa,OAAM,MAAA,GACf,iBACGA,+BAAA,cAAC,KAAK,MAAL,EAAU,iBAAe,GAAG,EAAE,mBAAmB,MAAK,WAAU,SAAS,4BACrE,MAAM,MAAM,eAAe,MAChC,IACA,MACH,mBAAmB,sBAAsB,qBAAqB,kBAC3DA,+BAAA,cAAC,KAAK,WAAL,IAAe,IAChB,MACH,qBACGA,+BAAA;AAAA,MAAC,KAAK;AAAA,MAAL;AAAA,QACG,MAAM,UAAU,UAAU,UAAU,MAAM;AAAA,QAC1C,SAAS,MAAMA,+BAAA,cAAC,mBAAA,EAAkB,UAAA,CAAsB;AAAA,MAAA;AAAA,MACvD,MAAM,MAAM,UAAU;AAAA,IAAA,IAE3B,MACH,oBACGA,+BAAA,cAAC,KAAK,MAAL,EAAU,MAAK,aAAY,SAAS,mDAAO,kBAAA,EAAiB,UAAA,CAAsB,EAAA,GAC9E,MAAM,MAAM,SAAS,OAC1B,IACA,MAEH,iBACGA,+BAAA,cAAAA,eAAA,UAAA,MACK,sBAAsB,iEAAqB,KAAK,WAAL,IAAe,IAAK,MAC/D,eAAe,YAAY,KAAK,CAAC,EAAE,IAAI,CAAC,MAAM,UAC3CA,+BAAA,cAACA,eAAM,UAAN,EAAe,KAAK,MAAA,GAAQ,IAAK,CACrC,CACL,IACA,IACR,CACJ;AAAA,GAER;AAER;AAEA,SAAS,iBAAkC,EAAE,aAAmD;AAC5F,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,SACIA,+BAAA,cAAC,KAAK,SAAL,MACGA,+BAAA,cAAC,KAAK,YAAL,EAAgB,UAAU,UAAU,SAAS,SAAgB,OAAO,UAAU,SAAS,KAAA,GACpFA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAO,UAAU,MAAA,GAAQ,MAAM,MAAM,SAAS,MAAM,KAAM,GAChFA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAO,UAAU,OAAA,GAAS,MAAM,MAAM,SAAS,MAAM,MAAO,GAClFA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,UAAU,UAAU,UAAU,WAAW,SAAS,OAAO,UAAU,MAAA,GACpF,MAAM,MAAM,SAAS,MAAM,KAChC,CACJ,CACJ;AAER;AAEA,SAAS,kBAAmC,EAAE,aAAmD;AAC7F,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,SACIA,+BAAA,cAAC,KAAK,SAAL,mDACI,KAAK,YAAL,EAAgB,UAAU,UAAU,UAAU,WAAkB,OAAO,UAAU,UAAU,OAAA,GACxFA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAM,WAAS,MAAM,MAAM,UAAU,MAAM,KAAM,GACvEA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAM,YAAU,MAAM,MAAM,UAAU,MAAM,MAAO,GACzEA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAM,OAAA,GAAQ,MAAM,MAAM,UAAU,MAAM,IAAK,GACrEA,+BAAA,cAAC,KAAK,WAAW,MAAhB,EAAqB,OAAM,aAAA,GAAc,MAAM,MAAM,UAAU,MAAM,SAAU,CACpF,CACJ;AAER;"}
+{"version":3,"file":"Settings.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Settings/Settings.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { IconName, PopoverProps } from '@/components';\nimport { LegacyIconButton, Menu, useLocalization } from '@/components';\nimport { FontSizes } from '@/types';\n\nimport type { TableCustomSettingsRenderer } from '../../../../../types';\nimport { getSettings } from '../../../../../useTableManager/util/settings';\n\nimport { HideOrOrderPopover } from './HideOrOrderPopover';\n\nexport type SettingsProps<TType = unknown> = {\n    customSettings?: TableCustomSettingsRenderer;\n    id: string;\n    table: ReactTable<TType>;\n};\n\nexport function Settings<TType = unknown>(props: SettingsProps<TType>) {\n    const { customSettings, id, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const canHideOrOrder = table.options.enableHiding || tableMeta.columnOrdering.isEnabled;\n    const canChangeFontSize = tableMeta.fontSize.isEnabled;\n    const canChangeRowHeight = tableMeta.rowHeight.isEnabled;\n\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover === 'columnSettings') {\n        const handleClosePopover = () => setPopover(undefined);\n        if (canHideOrOrder) {\n            popoverElement = (popoverProps: PopoverProps) => (\n                <HideOrOrderPopover\n                    {...popoverProps}\n                    id={`${id}-columnSettings`}\n                    open\n                    onChange={handleClosePopover}\n                    table={table}\n                />\n            );\n        }\n    }\n\n    const handleOpenColumnSettings = React.useCallback(() => {\n        // Wait until the menu click lifecycle finishes, otherwise the popover can instantly close\n        // because the originating click is treated as an outside interaction.\n        setTimeout(() => setPopover('columnSettings'));\n    }, []);\n\n    return (\n        <>\n            {popoverElement ? (\n                <LegacyIconButton\n                    aria-label={texts.table.otherOptions.tooltip}\n                    id={id}\n                    icon=\"sliders\"\n                    popover={popoverElement}\n                    tooltip={texts.table.otherOptions.tooltip}\n                />\n            ) : (\n                // With using of id/triggerId we can maintain the previous id contract (with \"...-toolbar-settings\" postfix), and avoid BaseUI to set random id for the trigger button.\n                <Menu triggerId={id}>\n                    <Menu.Trigger id={id}>\n                        <LegacyIconButton\n                            aria-label={texts.table.otherOptions.tooltip}\n                            tooltip={texts.table.otherOptions.tooltip}\n                            icon=\"sliders\"\n                        />\n                    </Menu.Trigger>\n                    <Menu.Content align=\"end\">\n                        {canHideOrOrder ? (\n                            <Menu.Item aria-controls={`${id}-columnSettings`} icon=\"columns\" onClick={handleOpenColumnSettings}>\n                                {texts.table.columnSettings.button}\n                            </Menu.Item>\n                        ) : null}\n                        {canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (\n                            <Menu.Separator />\n                        ) : null}\n                        {canChangeRowHeight ? (\n                            <Menu.Item\n                                icon={`height-${tableMeta.rowHeight.height}` as IconName}\n                                subMenu={() => <RowHeightMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.rowHeight.tooltip}\n                            </Menu.Item>\n                        ) : null}\n                        {canChangeFontSize ? (\n                            <Menu.Item icon=\"font-size\" subMenu={() => <FontSizeMenuItem tableMeta={tableMeta} />}>\n                                {texts.table.fontSize.tooltip}\n                            </Menu.Item>\n                        ) : null}\n\n                        {customSettings ? (\n                            <>\n                                {canChangeRowHeight || canChangeFontSize ? <Menu.Separator /> : null}\n                                {customSettings(getSettings(table)).map((item, index) => (\n                                    <React.Fragment key={index}>{item}</React.Fragment>\n                                ))}\n                            </>\n                        ) : null}\n                    </Menu.Content>\n                </Menu>\n            )}\n        </>\n    );\n}\n\nfunction FontSizeMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.fontSize.setSize as any} value={tableMeta.fontSize.size}>\n                <Menu.RadioGroup.Item value={FontSizes.small}>{texts.table.fontSize.sizes.small}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value={FontSizes.medium}>{texts.table.fontSize.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item disabled={tableMeta.rowHeight.height === 'short'} value={FontSizes.large}>\n                    {texts.table.fontSize.sizes.large}\n                </Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n\nfunction RowHeightMenuItem<TType = unknown>({ tableMeta }: { tableMeta: ReactTableMeta<TType> }) {\n    const { texts } = useLocalization();\n\n    return (\n        <Menu.SubMenu>\n            <Menu.RadioGroup onChange={tableMeta.rowHeight.setHeight as any} value={tableMeta.rowHeight.height}>\n                <Menu.RadioGroup.Item value=\"short\">{texts.table.rowHeight.sizes.short}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"medium\">{texts.table.rowHeight.sizes.medium}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"tall\">{texts.table.rowHeight.sizes.tall}</Menu.RadioGroup.Item>\n                <Menu.RadioGroup.Item value=\"extra-tall\">{texts.table.rowHeight.sizes.extraTall}</Menu.RadioGroup.Item>\n            </Menu.RadioGroup>\n        </Menu.SubMenu>\n    );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/features/useTableGlobalShortcuts.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableGlobalShortcuts.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideExternalRelatedOverlay } from '../../../../utils/dom';\nimport type { TableRef } from '../../types';\nimport { getReachableRowCount } from '../../useTableManager/util/rows';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void,\n    localShortcuts = false\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const dialogContainer = tableRef.current?.closest('[data-taco=\"dialog\"]');\n    const listenerTarget = localShortcuts ? tableRef.current : (dialogContainer ?? document);\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: Event) => {\n                const trigger = event.target as HTMLElement;\n\n                if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {\n                    return;\n                }\n\n                const reachableRows = getReachableRowCount(table);\n                tableMeta.rowActive.handleKeyDown(event as KeyboardEvent, reachableRows, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event as KeyboardEvent, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event as KeyboardEvent, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            listenerTarget?.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                listenerTarget?.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["rows","isElementInsideExternalRelatedOverlay","getReachableRowCount"],"mappings":";;;;;AAOO,SAAS,wBACZ,OACA,UACA,eACA,iBAAiB,OACnB;AACE,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAMA,SAAO,MAAM,YAAA,EAAc;AACjC,QAAM,kBAAkB,SAAS,SAAS,QAAQ,sBAAsB;AACxE,QAAM,iBAAiB,iBAAiB,SAAS,UAAW,mBAAmB;AAE/E,QAAM;AAAA,IACF,MAAM;AACF,YAAM,gBAAgB,CAAC,UAAiB;AACpC,cAAM,UAAU,MAAM;AAEtB,YAAIC,IAAAA,sCAAsC,SAAS,QAAQ,GAAG;AAC1D;AAAA,QACJ;AAEA,cAAM,gBAAgBC,KAAAA,qBAAqB,KAAK;AAChD,kBAAU,UAAU,cAAc,OAAwB,eAAe,aAAa;AACtF,kBAAU,aAAa,cAAc,OAAwB,KAAK;AAElE,YAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,oBAAU,SAAS,cAAc,OAAwBF,OAAK,UAAU,UAAU,cAAc,GAAG,QAAQ;AAAA,QAC/G;AAAA,MACJ;AAEA,sBAAgB,iBAAiB,WAAW,aAAa;AAEzD,aAAO,MAAM;AACT,wBAAgB,oBAAoB,WAAW,aAAa;AAAA,MAChE;AAAA,IACJ;AAAA;AAAA,IAGA,CAAC,SAAS,SAAS,UAAU,QAAQ,UAAU,UAAU,gBAAgB,aAAa;AAAA,EAAA;AAE9F;;"}
+{"version":3,"file":"useTableGlobalShortcuts.cjs","sources":["../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideExternalRelatedOverlay } from '@/utils/dom';\n\nimport type { TableRef } from '../../types';\nimport { getReachableRowCount } from '../../useTableManager/util/rows';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void,\n    localShortcuts = false\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const dialogContainer = tableRef.current?.closest('[data-taco=\"dialog\"]');\n    const listenerTarget = localShortcuts ? tableRef.current : (dialogContainer ?? document);\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: Event) => {\n                const trigger = event.target as HTMLElement;\n\n                if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {\n                    return;\n                }\n\n                const reachableRows = getReachableRowCount(table);\n                tableMeta.rowActive.handleKeyDown(event as KeyboardEvent, reachableRows, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event as KeyboardEvent, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event as KeyboardEvent, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            listenerTarget?.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                listenerTarget?.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["rows","isElementInsideExternalRelatedOverlay","getReachableRowCount"],"mappings":";;;;;AAQO,SAAS,wBACZ,OACA,UACA,eACA,iBAAiB,OACnB;AACE,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAMA,SAAO,MAAM,YAAA,EAAc;AACjC,QAAM,kBAAkB,SAAS,SAAS,QAAQ,sBAAsB;AACxE,QAAM,iBAAiB,iBAAiB,SAAS,UAAW,mBAAmB;AAE/E,QAAM;AAAA,IACF,MAAM;AACF,YAAM,gBAAgB,CAAC,UAAiB;AACpC,cAAM,UAAU,MAAM;AAEtB,YAAIC,IAAAA,sCAAsC,SAAS,QAAQ,GAAG;AAC1D;AAAA,QACJ;AAEA,cAAM,gBAAgBC,KAAAA,qBAAqB,KAAK;AAChD,kBAAU,UAAU,cAAc,OAAwB,eAAe,aAAa;AACtF,kBAAU,aAAa,cAAc,OAAwB,KAAK;AAElE,YAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,oBAAU,SAAS,cAAc,OAAwBF,OAAK,UAAU,UAAU,cAAc,GAAG,QAAQ;AAAA,QAC/G;AAAA,MACJ;AAEA,sBAAgB,iBAAiB,WAAW,aAAa;AAEzD,aAAO,MAAM;AACT,wBAAgB,oBAAoB,WAAW,aAAa;AAAA,MAChE;AAAA,IACJ;AAAA;AAAA,IAGA,CAAC,SAAS,SAAS,UAAU,QAAQ,UAAU,UAAU,gBAAgB,aAAa;AAAA,EAAA;AAE9F;;"}

package/dist/primitives/Table/Core/features/useTableGlobalShortcuts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideExternalRelatedOverlay } from '../../../../utils/dom';\nimport type { TableRef } from '../../types';\nimport { getReachableRowCount } from '../../useTableManager/util/rows';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void,\n    localShortcuts = false\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const dialogContainer = tableRef.current?.closest('[data-taco=\"dialog\"]');\n    const listenerTarget = localShortcuts ? tableRef.current : (dialogContainer ?? document);\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: Event) => {\n                const trigger = event.target as HTMLElement;\n\n                if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {\n                    return;\n                }\n\n                const reachableRows = getReachableRowCount(table);\n                tableMeta.rowActive.handleKeyDown(event as KeyboardEvent, reachableRows, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event as KeyboardEvent, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event as KeyboardEvent, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            listenerTarget?.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                listenerTarget?.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["React"],"mappings":";;;AAOO,SAAS,wBACZ,OACA,UACA,eACA,iBAAiB,OACnB;AACE,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,OAAO,MAAM,YAAA,EAAc;AACjC,QAAM,kBAAkB,SAAS,SAAS,QAAQ,sBAAsB;AACxE,QAAM,iBAAiB,iBAAiB,SAAS,UAAW,mBAAmB;AAE/EA,iBAAM;AAAA,IACF,MAAM;AACF,YAAM,gBAAgB,CAAC,UAAiB;AACpC,cAAM,UAAU,MAAM;AAEtB,YAAI,sCAAsC,SAAS,QAAQ,GAAG;AAC1D;AAAA,QACJ;AAEA,cAAM,gBAAgB,qBAAqB,KAAK;AAChD,kBAAU,UAAU,cAAc,OAAwB,eAAe,aAAa;AACtF,kBAAU,aAAa,cAAc,OAAwB,KAAK;AAElE,YAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,oBAAU,SAAS,cAAc,OAAwB,KAAK,UAAU,UAAU,cAAc,GAAG,QAAQ;AAAA,QAC/G;AAAA,MACJ;AAEA,sBAAgB,iBAAiB,WAAW,aAAa;AAEzD,aAAO,MAAM;AACT,wBAAgB,oBAAoB,WAAW,aAAa;AAAA,MAChE;AAAA,IACJ;AAAA;AAAA,IAGA,CAAC,SAAS,SAAS,UAAU,QAAQ,UAAU,UAAU,gBAAgB,aAAa;AAAA,EAAA;AAE9F;"}
+{"version":3,"file":"useTableGlobalShortcuts.js","sources":["../../../../../src/primitives/Table/Core/features/useTableGlobalShortcuts.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideExternalRelatedOverlay } from '@/utils/dom';\n\nimport type { TableRef } from '../../types';\nimport { getReachableRowCount } from '../../useTableManager/util/rows';\n\nexport function useTableGlobalShortcuts<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<TableRef>,\n    scrollToIndex: (index: number) => void,\n    localShortcuts = false\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const rows = table.getRowModel().rows;\n    const dialogContainer = tableRef.current?.closest('[data-taco=\"dialog\"]');\n    const listenerTarget = localShortcuts ? tableRef.current : (dialogContainer ?? document);\n\n    React.useEffect(\n        () => {\n            const handleKeyDown = (event: Event) => {\n                const trigger = event.target as HTMLElement;\n\n                if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {\n                    return;\n                }\n\n                const reachableRows = getReachableRowCount(table);\n                tableMeta.rowActive.handleKeyDown(event as KeyboardEvent, reachableRows, scrollToIndex);\n                tableMeta.rowSelection.handleKeyDown(event as KeyboardEvent, table);\n\n                if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n                    tableMeta.rowClick.handleKeyDown(event as KeyboardEvent, rows[tableMeta.rowActive.rowActiveIndex]?.original);\n                }\n            };\n\n            listenerTarget?.addEventListener('keydown', handleKeyDown);\n\n            return () => {\n                listenerTarget?.removeEventListener('keydown', handleKeyDown);\n            };\n        },\n\n        // scrollToIndex function changes when row count changes, so it is important to update handlers\n        [tableRef.current, tableMeta.length, tableMeta.rowActive.rowActiveIndex, scrollToIndex]\n    );\n}\n"],"names":["React"],"mappings":";;;AAQO,SAAS,wBACZ,OACA,UACA,eACA,iBAAiB,OACnB;AACE,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,OAAO,MAAM,YAAA,EAAc;AACjC,QAAM,kBAAkB,SAAS,SAAS,QAAQ,sBAAsB;AACxE,QAAM,iBAAiB,iBAAiB,SAAS,UAAW,mBAAmB;AAE/EA,iBAAM;AAAA,IACF,MAAM;AACF,YAAM,gBAAgB,CAAC,UAAiB;AACpC,cAAM,UAAU,MAAM;AAEtB,YAAI,sCAAsC,SAAS,QAAQ,GAAG;AAC1D;AAAA,QACJ;AAEA,cAAM,gBAAgB,qBAAqB,KAAK;AAChD,kBAAU,UAAU,cAAc,OAAwB,eAAe,aAAa;AACtF,kBAAU,aAAa,cAAc,OAAwB,KAAK;AAElE,YAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,oBAAU,SAAS,cAAc,OAAwB,KAAK,UAAU,UAAU,cAAc,GAAG,QAAQ;AAAA,QAC/G;AAAA,MACJ;AAEA,sBAAgB,iBAAiB,WAAW,aAAa;AAEzD,aAAO,MAAM;AACT,wBAAgB,oBAAoB,WAAW,aAAa;AAAA,MAChE;AAAA,IACJ;AAAA;AAAA,IAGA,CAAC,SAAS,SAAS,UAAU,QAAQ,UAAU,UAAU,gBAAgB,aAAa;AAAA,EAAA;AAE9F;"}

package/dist/primitives/Table/Core/listeners/useTableRowActiveListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowActiveListener.cjs","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '../../../../utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n    if (activeRow) {\n        // If the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n        // This ensures the next tab press starts at the row\n        if (\n            !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n            !isElementInteractive(document.activeElement)\n        ) {\n            (activeRow as HTMLElement).focus({ preventScroll: true });\n        }\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement>\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // Move focus to the row when active row changes, this makes sure we start within the row when tabbing\n    React.useEffect(() => {\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            focusActiveRow(tableRef);\n        }\n    }, [tableMeta.rowActive.rowActiveIndex, tableRef]);\n}\n"],"names":["isElementInsideOrTriggeredFromContainer","isElementInteractive"],"mappings":";;;;AAKO,SAAS,eAAe,UAA2D;AACtF,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAExG,MAAI,WAAW;AAGX,QACI,CAACA,IAAAA,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAACC,IAAAA,qBAAqB,SAAS,aAAa,GAC9C;AACG,gBAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,IAC5D;AAAA,EACJ;AACJ;AAEO,SAAS,0BACZ,OACA,UACF;AACE,QAAM,YAAY,MAAM,QAAQ;AAGhC,QAAM,UAAU,MAAM;AAClB,QAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,qBAAe,QAAQ;AAAA,IAC3B;AAAA,EACJ,GAAG,CAAC,UAAU,UAAU,gBAAgB,QAAQ,CAAC;AACrD;;;"}
+{"version":3,"file":"useTableRowActiveListener.cjs","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '@/utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n    if (activeRow) {\n        // If the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n        // This ensures the next tab press starts at the row\n        if (\n            !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n            !isElementInteractive(document.activeElement)\n        ) {\n            (activeRow as HTMLElement).focus({ preventScroll: true });\n        }\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement>\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // Move focus to the row when active row changes, this makes sure we start within the row when tabbing\n    React.useEffect(() => {\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            focusActiveRow(tableRef);\n        }\n    }, [tableMeta.rowActive.rowActiveIndex, tableRef]);\n}\n"],"names":["isElementInsideOrTriggeredFromContainer","isElementInteractive"],"mappings":";;;;AAKO,SAAS,eAAe,UAA2D;AACtF,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAExG,MAAI,WAAW;AAGX,QACI,CAACA,IAAAA,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAACC,IAAAA,qBAAqB,SAAS,aAAa,GAC9C;AACG,gBAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,IAC5D;AAAA,EACJ;AACJ;AAEO,SAAS,0BACZ,OACA,UACF;AACE,QAAM,YAAY,MAAM,QAAQ;AAGhC,QAAM,UAAU,MAAM;AAClB,QAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,qBAAe,QAAQ;AAAA,IAC3B;AAAA,EACJ,GAAG,CAAC,UAAU,UAAU,gBAAgB,QAAQ,CAAC;AACrD;;;"}

package/dist/primitives/Table/Core/listeners/useTableRowActiveListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '../../../../utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n    if (activeRow) {\n        // If the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n        // This ensures the next tab press starts at the row\n        if (\n            !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n            !isElementInteractive(document.activeElement)\n        ) {\n            (activeRow as HTMLElement).focus({ preventScroll: true });\n        }\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement>\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // Move focus to the row when active row changes, this makes sure we start within the row when tabbing\n    React.useEffect(() => {\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            focusActiveRow(tableRef);\n        }\n    }, [tableMeta.rowActive.rowActiveIndex, tableRef]);\n}\n"],"names":["React"],"mappings":";;AAKO,SAAS,eAAe,UAA2D;AACtF,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAExG,MAAI,WAAW;AAGX,QACI,CAAC,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAAC,qBAAqB,SAAS,aAAa,GAC9C;AACG,gBAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,IAC5D;AAAA,EACJ;AACJ;AAEO,SAAS,0BACZ,OACA,UACF;AACE,QAAM,YAAY,MAAM,QAAQ;AAGhCA,iBAAM,UAAU,MAAM;AAClB,QAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,qBAAe,QAAQ;AAAA,IAC3B;AAAA,EACJ,GAAG,CAAC,UAAU,UAAU,gBAAgB,QAAQ,CAAC;AACrD;"}
+{"version":3,"file":"useTableRowActiveListener.js","sources":["../../../../../src/primitives/Table/Core/listeners/useTableRowActiveListener.ts"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { isElementInsideOrTriggeredFromContainer, isElementInteractive } from '@/utils/dom';\n\nexport function focusActiveRow(tableRef?: React.RefObject<HTMLTableElement> | null): void {\n    const activeRow = (tableRef?.current ?? document)?.querySelector('tbody tr[data-row-active=\"true\"]') ?? null;\n\n    if (activeRow) {\n        // If the focused element, or it's parent if it's portalled, aren't in the row, then focus the row\n        // This ensures the next tab press starts at the row\n        if (\n            !isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) &&\n            !isElementInteractive(document.activeElement)\n        ) {\n            (activeRow as HTMLElement).focus({ preventScroll: true });\n        }\n    }\n}\n\nexport function useTableRowActiveListener<TType = unknown>(\n    table: ReactTable<TType>,\n    tableRef: React.RefObject<HTMLTableElement>\n) {\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // Move focus to the row when active row changes, this makes sure we start within the row when tabbing\n    React.useEffect(() => {\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            focusActiveRow(tableRef);\n        }\n    }, [tableMeta.rowActive.rowActiveIndex, tableRef]);\n}\n"],"names":["React"],"mappings":";;AAKO,SAAS,eAAe,UAA2D;AACtF,QAAM,aAAa,UAAU,WAAW,WAAW,cAAc,kCAAkC,KAAK;AAExG,MAAI,WAAW;AAGX,QACI,CAAC,wCAAwC,SAAS,eAAe,SAAS,KAC1E,CAAC,qBAAqB,SAAS,aAAa,GAC9C;AACG,gBAA0B,MAAM,EAAE,eAAe,MAAM;AAAA,IAC5D;AAAA,EACJ;AACJ;AAEO,SAAS,0BACZ,OACA,UACF;AACE,QAAM,YAAY,MAAM,QAAQ;AAGhCA,iBAAM,UAAU,MAAM;AAClB,QAAI,UAAU,UAAU,mBAAmB,QAAW;AAClD,qBAAe,QAAQ;AAAA,IAC3B;AAAA,EACJ,GAAG,CAAC,UAAU,UAAU,gBAAgB,QAAQ,CAAC;AACrD;"}

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: 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;;"}
+{"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';\n\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":";;;;;;;;;;;;;AAqBA,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.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: 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;"}
+{"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';\n\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":";;;;;;;;;;;AAqBA,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) => 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.Ref<HTMLElement>;\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;;"}
+{"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';\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.Ref<HTMLElement>;\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

@@ -1,5 +1,5 @@
 import { ColumnFilter as ReactTableColumnFilter, ColumnFiltersState as ReactTableColumnFilterState, ColumnOrderState as ReactTableColumnOrderState, ColumnPinningState as ReactTableColumnPinningState, ColumnSort as ReactTableColumnSort, ColumnSizingState as ReactTableColumnSizingState, VisibilityState as ReactTableColumnVisibilityState, SortingState as ReactTableSortingState, BuiltInAggregationFn as ReactTableBuiltInAggregationFn, BuiltInSortingFn as ReactTableBuiltInSortingFn } from '@tanstack/react-table';
-import { MenuItemProps } from '../../components/Menu/components/Item';
+import { MenuItemProps } from '../../components';
 import { DotNotationPaths, FontSize, FontSizes, DotNotationPathValue } from '../../types';
 export type TableRef = HTMLTableElement & {
     instance: {