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

package/dist/primitives/Table/Core/components/Header/components/SortIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortIndicator.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport type { TableColumnSortDirection } from '../../../../types';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\n};\n\nconst indicators = {\n    asc: <Icon name=\"chevron-up-solid\" className=\"pointer-events-none -my-0.5\" />,\n    desc: <Icon name=\"chevron-down-solid\" className=\"pointer-events-none -my-0.5\" />,\n};\n\nexport function SortIndicator(props: SortIndicatorProps) {\n    return indicators[props.direction as TableColumnSortDirection] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending' as const,\n    desc: 'descending' as const,\n};\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\n    const handleClick = (event: React.MouseEvent) => {\n        if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target as any)) {\n            return;\n        }\n\n        event.preventDefault();\n        toggleSorting?.(event);\n    };\n\n    return {\n        'aria-sort': ariaSort[sortDirection as TableColumnSortDirection] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["React"],"mappings":";;AASA,MAAM,aAAa;AAAA,EACf,KAAKA,+BAAA,cAAC,MAAA,EAAK,MAAK,oBAAmB,WAAU,+BAA8B;AAAA,EAC3E,MAAMA,+BAAA,cAAC,MAAA,EAAK,MAAK,sBAAqB,WAAU,8BAAA,CAA8B;AAClF;AAEO,SAAS,cAAc,OAA2B;AACrD,SAAO,WAAW,MAAM,SAAqC,KAAK;AACtE;AAEA,MAAM,WAAW;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AACV;AAEO,SAAS,kBACZ,SACA,eACA,eACF;AACE,MAAI,CAAC,SAAS;AACV,WAAO,CAAA;AAAA,EACX;AAEA,QAAM,cAAc,CAAC,UAA4B;AAC7C,QAAI,MAAM,wBAAwB,CAAC,MAAM,cAAc,SAAS,MAAM,MAAa,GAAG;AAClF;AAAA,IACJ;AAEA,UAAM,eAAA;AACN,oBAAgB,KAAK;AAAA,EACzB;AAEA,SAAO;AAAA,IACH,aAAa,SAAS,aAAyC,KAAK;AAAA,IACpE,SAAS;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"SortIndicator.js","sources":["../../../../../../../src/primitives/Table/Core/components/Header/components/SortIndicator.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Icon } from '@/components';\n\nimport type { TableColumnSortDirection } from '../../../../types';\n\ntype SortIndicatorProps = {\n    direction: false | TableColumnSortDirection;\n};\n\nconst indicators = {\n    asc: <Icon name=\"chevron-up-solid\" className=\"pointer-events-none -my-0.5\" />,\n    desc: <Icon name=\"chevron-down-solid\" className=\"pointer-events-none -my-0.5\" />,\n};\n\nexport function SortIndicator(props: SortIndicatorProps) {\n    return indicators[props.direction as TableColumnSortDirection] ?? null;\n}\n\nconst ariaSort = {\n    asc: 'ascending' as const,\n    desc: 'descending' as const,\n};\n\nexport function getSortAttributes(\n    canSort: boolean,\n    toggleSorting?: (event: unknown) => void,\n    sortDirection?: false | TableColumnSortDirection\n) {\n    if (!canSort) {\n        return {};\n    }\n\n    const handleClick = (event: React.MouseEvent) => {\n        if (event.isDefaultPrevented() || !event.currentTarget.contains(event.target as any)) {\n            return;\n        }\n\n        event.preventDefault();\n        toggleSorting?.(event);\n    };\n\n    return {\n        'aria-sort': ariaSort[sortDirection as TableColumnSortDirection] ?? 'none',\n        onClick: handleClick,\n    };\n}\n"],"names":["React"],"mappings":";;AAUA,MAAM,aAAa;AAAA,EACf,KAAKA,+BAAA,cAAC,MAAA,EAAK,MAAK,oBAAmB,WAAU,+BAA8B;AAAA,EAC3E,MAAMA,+BAAA,cAAC,MAAA,EAAK,MAAK,sBAAqB,WAAU,8BAAA,CAA8B;AAClF;AAEO,SAAS,cAAc,OAA2B;AACrD,SAAO,WAAW,MAAM,SAAqC,KAAK;AACtE;AAEA,MAAM,WAAW;AAAA,EACb,KAAK;AAAA,EACL,MAAM;AACV;AAEO,SAAS,kBACZ,SACA,eACA,eACF;AACE,MAAI,CAAC,SAAS;AACV,WAAO,CAAA;AAAA,EACX;AAEA,QAAM,cAAc,CAAC,UAA4B;AAC7C,QAAI,MAAM,wBAAwB,CAAC,MAAM,cAAc,SAAS,MAAM,MAAa,GAAG;AAClF;AAAA,IACJ;AAEA,UAAM,eAAA;AACN,oBAAgB,KAAK;AAAA,EACzB;AAEA,SAAO;AAAA,IACH,aAAa,SAAS,aAAyC,KAAK;AAAA,IACpE,SAAS;AAAA,EAAA;AAEjB;"}

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.cjs

@@ -105,7 +105,9 @@ const DisplayRow = React.memo(
     React.useEffect(() => {
       const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;
       const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;
-      measureRow(rowHeight + expansionHeight);
+      requestAnimationFrame(() => {
+        measureRow(rowHeight + expansionHeight);
+      });
     }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);
     const className = cn("group/row", otherAttributes.className, {
       "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayRow.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useResizeObserver } from '../../../../../../hooks/useResizeObserver';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\nimport { mergeRefs } from '../../../../../../utils/mergeRefs';\nimport type { TableRowWithMetaData } from '../../../../types';\nimport type { TableRowRendererProps } from '../../../types';\nimport { Cell } from '../../Columns/Cell/Cell';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'bg-blue-500 text-white rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            measureRow(rowHeight + expansionHeight);\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["DisplayRow","isElementInteractive","row","useDropTarget","useResizeObserver","mergeRefs","Cell"],"mappings":"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"}
+{"version":3,"file":"DisplayRow.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useResizeObserver } from '@/hooks/useResizeObserver';\nimport { isElementInteractive } from '@/utils/dom';\nimport { useDropTarget } from '@/utils/hooks/useDropTarget';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport type { TableRowWithMetaData } from '../../../../types';\nimport type { TableRowRendererProps } from '../../../types';\nimport { Cell } from '../../Columns/Cell/Cell';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'bg-blue-500 text-white rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            // Deferred a frame — resizeItem can trigger a synchronous flushSync, which React\n            // rejects when called straight from this effect while still committing.\n            requestAnimationFrame(() => {\n                measureRow(rowHeight + expansionHeight);\n            });\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["DisplayRow","isElementInteractive","row","useDropTarget","useResizeObserver","mergeRefs","Cell"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.js

@@ -103,7 +103,9 @@ const DisplayRow = React__default.memo(
     React__default.useEffect(() => {
       const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;
       const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;
-      measureRow(rowHeight + expansionHeight);
+      requestAnimationFrame(() => {
+        measureRow(rowHeight + expansionHeight);
+      });
     }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);
     const className = cn("group/row", otherAttributes.className, {
       "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",

package/dist/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useResizeObserver } from '../../../../../../hooks/useResizeObserver';\nimport { isElementInteractive } from '../../../../../../utils/dom';\nimport { useDropTarget } from '../../../../../../utils/hooks/useDropTarget';\nimport { mergeRefs } from '../../../../../../utils/mergeRefs';\nimport type { TableRowWithMetaData } from '../../../../types';\nimport type { TableRowRendererProps } from '../../../types';\nimport { Cell } from '../../Columns/Cell/Cell';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'bg-blue-500 text-white rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            measureRow(rowHeight + expansionHeight);\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["React","DisplayRow","row"],"mappings":";;;;;;;AAiBO,MAAM,aAAaA,eAAM;AAAA,EAC5BA,eAAM,WAAiD,SAASC,YAC5D,OACA,aACF;AACE,UAAM;AAAA,MACF;AAAA,MACA,cAAc;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,wBAAwB,CAAA;AAAA,MACxB,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,YAAY,MAAM,QAAQ;AAEhC,UAAM,aAAkB;AAAA,MACpB,GAAG;AAAA,MACH,eAAe,IAAI;AAAA,MACnB,kBAAkB;AAAA,MAClB,UAAU;AAAA,IAAA;AAGd,UAAM,cAAcD,eAAM;AAAA,MACtB,CAAC,UAAiD;AAC9C,cAAM,iBAAiB,MAAM;AAE7B,YAAI,CAAC,MAAM,eAAe,SAAS,MAAM,MAAqB,KAAK,qBAAqB,cAAc,GAAG;AACrG;AAAA,QACJ;AAEA,kBAAU,SAAS,YAAY,OAAO,IAAI,QAAQ;AAAA,MACtD;AAAA,MACA,CAAC,IAAI,QAAQ;AAAA,IAAA;AAEjB,UAAM,oBAAoBA,eAAM,YAAY,MAAM;AAC9C,4BAAsB,MAAM,UAAU,UAAU,kBAAkB,KAAK,CAAC;AAAA,IAC5E,GAAG,CAAC,KAAK,CAAC;AAGV,QAAI,UAAU,UAAU,WAAW;AAC/B,iBAAW,iBAAiB,IAAI,UAAU,UAAU,mBAAmB,QAAQ,OAAO;AAEtF,iBAAW,gBAAgB;AAAA,IAC/B;AAGA,QAAI,UAAU,SAAS,UAAU,IAAI,QAAQ,GAAG;AAC5C,iBAAW,UAAU;AAAA,IACzB;AAGA,QAAI,UAAU,QAAQ,WAAW;AAC7B,iBAAW,cAAc,IAAI,CAAC,CAAC,UAAU,QAAQ,SAAS,IAAI,EAAE;AAChE,iBAAW,YAAY;AACvB,YAAM,mBAAmB;AAEzB,iBAAW,cAAc,CAAC,UAAiC;AACvD,YAAI,OAAO,CAAC,GAAG;AAEf,YAAI,IAAI,gBAAgB;AACpB,iBAAO,IAAI,kBAAkB,MAAM,oBAAA,EAAsB,OAAO,CAAC,KAAK,GAAG,MAAM,oBAAA,EAAsB,IAAI;AAAA,QAC7G;AAEA,cAAM,OAAO,KAAK,IAAI,CAAAE,SAAOA,KAAI,QAAQ;AAEzC,kBAAU,QAAQ;AAAA,UACd,KAAK,OAAO,CAAC,UAAU,qBAAqB,EAAE,GAAG,UAAU,CAAC,gBAAgB,EAAE,GAAG,KAAA,IAAS,CAAA,CAAE;AAAA,QAAA;AAIhG,cAAM,aAAa,QAAQ,QAAQ,KAAK,UAAU,IAAI,CAAC;AAEvD,cAAM,kBAAkB,CAAC,SAAiB;AACtC,gBAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,gBAAM,KAAK;AACX,gBAAM,YAAY;AAClB,gBAAM,YAAY;AAClB,mBAAS,KAAK,OAAO,KAAK;AAC1B,gBAAM,aAAa,aAAa,OAAO,GAAG,CAAC;AAAA,QAC/C;AAEA,cAAM,kBAAkB,CAAC,SAAiB,MAAM,aAAa,QAAQ,QAAQ,IAAI;AAEjF,kBAAU,QAAQ,gBAAgB,MAAM,iBAAiB,eAAe;AAAA,MAC5E;AAEA,iBAAW,YAAY,MAAY;AAC/B,iBAAS,eAAe,gBAAgB,GAAG,OAAA;AAC3C,kBAAU,QAAQ,cAAc,EAAE;AAAA,MACtC;AAAA,IACJ;AAGA,UAAM,CAAC,eAAe,eAAe,IAAI,cAAc,CAAA,UAAS,UAAU,QAAQ,aAAa,OAAO,IAAI,QAAQ,CAAC;AAEnH,QAAI,UAAU,QAAQ,WAAW;AAC7B,iBAAW,cAAc,iBAAiB;AAC1C,iBAAW,cAAc,iBAAiB;AAC1C,iBAAW,aAAa,iBAAiB;AACzC,iBAAW,SAAS,iBAAiB;AACrC,iBAAW,uBAAuB,IAAI;AAAA,IAC1C;AAGA,QAAI,MAAM,QAAQ,gBAAgB;AAC9B,iBAAW,gBAAgB,IAAI,IAAI,aAAA,IAAiB,OAAO;AAAA,IAC/D;AAGA,QAAI,IAAI,gBAAgB;AACpB,iBAAW,mBAAmB,IAAI,IAAI,cAAA,KAAmB,IAAI,4BAA4B,OAAO;AAAA,IACpG;AAMA,QAAI;AAEJ,QAAI,UAAU,aAAa,aAAa,IAAI,mBAAmB,CAAC,IAAI,gBAAgB;AAChF,iBAAW,mBAAmB,IAAI;AAClC,oBAAc,UAAU,aAAa,uBAAuB,IAAI,QAAQ,IAAA;AAAA,IAC5E;AAEA,UAAM,UAAW,IAAI,SAAyC;AAE9D,QAAI,SAAS,QAAQ;AACjB,iBAAW,sBAAsB,IAAI,QAAQ;AAAA,IACjD;AAEA,UAAM,MAAMF,eAAM,OAA4B,IAAI;AAClD,UAAM,eAAeA,eAAM,OAA4B,IAAI;AAC3D,UAAM,kBAAkB,kBAAkB,cAAc,CAAC,CAAC,WAAW;AAErEA,mBAAM,UAAU,MAAM;AAClB,YAAM,YAAY,IAAI,SAAS,sBAAA,EAAwB,UAAU;AACjE,YAAM,kBAAkB,aAAa,SAAS,sBAAA,EAAwB,UAAU;AAEhF,iBAAW,YAAY,eAAe;AAAA,IAC1C,GAAG,CAAC,aAAa,SAAS,iBAAiB,QAAQ,GAAG,qBAAqB,CAAC;AAE5E,UAAM,YAAY,GAAG,aAAa,gBAAgB,WAAW;AAAA,MACzD,qBAAqB,UAAU,QAAQ,aAAa,OAAO,WAAW,YAAY;AAAA,MAClF,wBAAwB,OAAO,WAAW,YAAY;AAAA,IAAA,CACzD;AAED,UAAM,YAAY,IAAI,aAAA;AAEtB,UAAM,YAAY,UAAU,CAAC,KAAK,WAAW,CAAC;AAE9C,WACIA,+BAAA,cAAAA,eAAA,UAAA,MACIA,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAsB,KAAK,UAAA,GAC1C,UACA,IACI,gBAAA,EAEA,OAAO,CAAA,SAAQ,EAAE,aAAa,KAAK,OAAO,OAAO,YAAY,EAC7D,IAAI,CAAC,MAAM,cACRA,+BAAA,cAAC,QAAK,KAAK,KAAK,IAAI,MAAY,OAAO,WAAW,UAAU,aAAA,CAAc,CAC7E,CACT,GACC,cACGA,+BAAA,cAAC,QAAG,sBAAoB,IAAI,IAAI,KAAK,aAAA,GACjCA,+BAAA,cAAC,MAAA,EAAG,WAAU,gBAAA,GAAiB,WAAY,CAC/C,IACA,IACR;AAAA,EAER,CAAC;AACL;"}
+{"version":3,"file":"DisplayRow.js","sources":["../../../../../../../src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.tsx"],"sourcesContent":["import type { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport React from 'react';\n\nimport { useResizeObserver } from '@/hooks/useResizeObserver';\nimport { isElementInteractive } from '@/utils/dom';\nimport { useDropTarget } from '@/utils/hooks/useDropTarget';\nimport { mergeRefs } from '@/utils/mergeRefs';\n\nimport type { TableRowWithMetaData } from '../../../../types';\nimport type { TableRowRendererProps } from '../../../types';\nimport { Cell } from '../../Columns/Cell/Cell';\n\nexport type DisplayRowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> &\n    TableRowRendererProps<TType> & {\n        remeasureDependencies?: React.DependencyList;\n    };\n\nexport const DisplayRow = React.memo(\n    React.forwardRef<HTMLTableRowElement, DisplayRowProps>(function DisplayRow<TType = unknown>(\n        props: DisplayRowProps<TType>,\n        externalRef: React.Ref<HTMLTableRowElement>\n    ) {\n        const {\n            children,\n            cellRenderer: CellRenderer,\n            index,\n            measureRow,\n            row,\n            table,\n            remeasureDependencies = [],\n            ...otherAttributes\n        } = props;\n        const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n        const attributes: any = {\n            ...otherAttributes,\n            'data-row-id': row.id,\n            'data-row-index': index,\n            tabIndex: -1,\n        };\n\n        const handleClick = React.useCallback(\n            (event: React.MouseEvent<HTMLTableRowElement>) => {\n                const clickedElement = event.target as HTMLElement;\n\n                if (!event.currentTarget?.contains(event.target as HTMLElement) || isElementInteractive(clickedElement)) {\n                    return;\n                }\n\n                tableMeta.rowClick.handleClick(event, row.original);\n            },\n            [row.original]\n        );\n        const handlePointerDown = React.useCallback(() => {\n            requestAnimationFrame(() => tableMeta.rowActive.setRowActiveIndex(index));\n        }, [index]);\n\n        // row active\n        if (tableMeta.rowActive.isEnabled) {\n            attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;\n            // we use pointerdown because it let's us picks up clicks on components inside the row, e.g. checkboxes\n            attributes.onPointerDown = handlePointerDown;\n        }\n\n        // row click\n        if (tableMeta.rowClick.isEnabled(row.original)) {\n            attributes.onClick = handleClick;\n        }\n\n        // row drag\n        if (tableMeta.rowDrag.isEnabled) {\n            attributes['aria-grabbed'] = !!tableMeta.rowDrag.dragging[row.id];\n            attributes.draggable = true;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            attributes.onDragStart = (event: React.DragEvent): void => {\n                let rows = [row];\n\n                if (row.getCanSelect()) {\n                    rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n                }\n\n                const data = rows.map(row => row.original);\n\n                tableMeta.rowDrag.setDragging?.(\n                    rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n                );\n\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'bg-blue-500 text-white rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.append(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n            };\n\n            attributes.onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                tableMeta.rowDrag.setDragging?.({});\n            };\n        }\n\n        // row drop\n        const [isDraggedOver, dropTargetProps] = useDropTarget(event => tableMeta.rowDrop.handleDrop?.(event, row.original));\n\n        if (tableMeta.rowDrop.isEnabled) {\n            attributes.onDragEnter = dropTargetProps?.onDragEnter;\n            attributes.onDragLeave = dropTargetProps?.onDragLeave;\n            attributes.onDragOver = dropTargetProps?.onDragOver;\n            attributes.onDrop = dropTargetProps?.onDrop;\n            attributes['data-row-dragged-over'] = isDraggedOver;\n        }\n\n        // row grouping\n        if (table.options.enableGrouping) {\n            attributes['data-row-group'] = row.getIsGrouped() ? true : undefined;\n        }\n\n        // row selection\n        if (row.getCanSelect()) {\n            attributes['data-row-selected'] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : undefined;\n        }\n\n        // row expansion\n        // When grouping is enabled, a group header row also reports getIsExpanded() === true\n        // when its children are visible. Skip the renderer in that case — otherwise row.original\n        // (the first child's data) gets rendered as expansion content under the header.\n        let expandedRow;\n\n        if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded() && !row.getIsGrouped()) {\n            attributes['data-row-expanded'] = true;\n            expandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(row.original)?.();\n        }\n\n        const rowMeta = (row.original as TableRowWithMetaData<TType>)._meta;\n\n        if (rowMeta?.layout) {\n            attributes['data-row-meta-layout'] = rowMeta.layout;\n        }\n\n        const ref = React.useRef<HTMLTableRowElement>(null);\n        const expansionRef = React.useRef<HTMLTableRowElement>(null);\n        const expandedRowSize = useResizeObserver(expansionRef, !!expandedRow);\n\n        React.useEffect(() => {\n            const rowHeight = ref.current?.getBoundingClientRect().height ?? 0;\n            const expansionHeight = expansionRef.current?.getBoundingClientRect().height ?? 0;\n\n            // Deferred a frame — resizeItem can trigger a synchronous flushSync, which React\n            // rejects when called straight from this effect while still committing.\n            requestAnimationFrame(() => {\n                measureRow(rowHeight + expansionHeight);\n            });\n        }, [expansionRef.current, expandedRowSize?.height, ...remeasureDependencies]);\n\n        const className = cn('group/row', otherAttributes.className, {\n            'hover:cursor-grab': tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== 'function',\n            'hover:cursor-pointer': typeof attributes.onClick === 'function',\n        });\n\n        const isGrouped = row.getIsGrouped();\n\n        const mergedRef = mergeRefs([ref, externalRef]);\n\n        return (\n            <>\n                <tr {...attributes} className={className} ref={mergedRef}>\n                    {children}\n                    {row\n                        .getVisibleCells()\n                        // Filter out the row actions cell from rendering in Grouped Row\n                        .filter(cell => !(isGrouped && cell.column.id === '__actions'))\n                        .map((cell, cellIndex) => (\n                            <Cell key={cell.id} cell={cell} index={cellIndex} renderer={CellRenderer} />\n                        ))}\n                </tr>\n                {expandedRow ? (\n                    <tr data-row-parent-id={row.id} ref={expansionRef}>\n                        <td className=\"col-span-full\">{expandedRow}</td>\n                    </tr>\n                ) : null}\n            </>\n        );\n    })\n) as <TType = unknown>(props: DisplayRowProps<TType> & { ref?: React.Ref<HTMLTableRowElement> }) => React.JSX.Element;\n"],"names":["React","DisplayRow","row"],"mappings":"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"}

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon = require("../../../../../../../components/Icon/Icon.cjs");
-const Button = require("../../../../../../../components/LegacyComponents/Button/Button.cjs");
-const IconButton = require("../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../../../../../../../components/Provider/Localization.cjs");
-const Shortcut = require("../../../../../../../components/Shortcut/Shortcut.cjs");
 const useIsLargeScreen = require("../../../../../../../hooks/useIsLargeScreen.cjs");
 const ManageFiltersPopover = require("./ManageFiltersPopover.cjs");
 const util = require("./util.cjs");
+const Localization = require("../../../../../../../components/Provider/Localization.cjs");
+const Shortcut = require("../../../../../../../components/Shortcut/Shortcut.cjs");
+const IconButton = require("../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
+const Button = require("../../../../../../../components/LegacyComponents/Button/Button.cjs");
+const Icon = require("../../../../../../../components/Icon/Icon.cjs");
 function Filters(props) {
   const { length, tableId, table } = props;
   const { texts } = Localization.useLocalization();

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

@@ -1 +1 @@
-{"version":3,"file":"Filters.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport type { PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!bg-blue-100 !text-blue-900' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["useLocalization","useIsLargeScreen","isEmptyFilter","ManageFiltersPopover","Shortcut","LegacyIconButton","LegacyButton","Icon"],"mappings":";;;;;;;;;;;AAqBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,gBAAgBC,iBAAAA,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAACC,KAAAA,cAAc,CAAC,CAAC;AAClE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,gCAAgC;AAAA,IACnE,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+B,sBAAA,cAACC,6CAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACI,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrB,sBAAA,cAACC,mBAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIR,QAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAKF,kBAAa;AAGpD,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAO,sBAAA,cAACG,WAAAA,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACI,sBAAA,cAACC,OAAAA,cAAA,EAAc,GAAG,YAAA,GACd,sBAAA,cAACC,KAAAA,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;;"}
+{"version":3,"file":"Filters.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Icon, LegacyButton, LegacyIconButton, Shortcut, useLocalization } from '@/components';\nimport { useIsLargeScreen } from '@/hooks/useIsLargeScreen';\n\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!bg-blue-100 !text-blue-900' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["useLocalization","useIsLargeScreen","isEmptyFilter","ManageFiltersPopover","Shortcut","LegacyIconButton","LegacyButton","Icon"],"mappings":";;;;;;;;;;;AAkBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,gBAAgBC,iBAAAA,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAACC,KAAAA,cAAc,CAAC,CAAC;AAClE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,gCAAgC;AAAA,IACnE,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+B,sBAAA,cAACC,6CAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACI,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrB,sBAAA,cAACC,mBAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIR,QAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAKF,kBAAa;AAGpD,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAO,sBAAA,cAACG,WAAAA,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACI,sBAAA,cAACC,OAAAA,cAAA,EAAc,GAAG,YAAA,GACd,sBAAA,cAACC,KAAAA,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;;"}

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

@@ -1,12 +1,12 @@
 import React__default from "react";
-import { Icon } from "../../../../../../../components/Icon/Icon.js";
-import { LegacyButton } from "../../../../../../../components/LegacyComponents/Button/Button.js";
-import { LegacyIconButton } from "../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
-import { Shortcut } from "../../../../../../../components/Shortcut/Shortcut.js";
 import { useIsLargeScreen } from "../../../../../../../hooks/useIsLargeScreen.js";
 import { ManageFiltersPopover } from "./ManageFiltersPopover.js";
 import { isEmptyFilter } from "./util.js";
+import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
+import { Shortcut } from "../../../../../../../components/Shortcut/Shortcut.js";
+import { LegacyIconButton } from "../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
+import { LegacyButton } from "../../../../../../../components/LegacyComponents/Button/Button.js";
+import { Icon } from "../../../../../../../components/Icon/Icon.js";
 function Filters(props) {
   const { length, tableId, table } = props;
   const { texts } = useLocalization();

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

@@ -1 +1 @@
-{"version":3,"file":"Filters.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Icon } from '../../../../../../../components/Icon/Icon';\nimport { LegacyButton } from '../../../../../../../components/LegacyComponents/Button/Button';\nimport { LegacyIconButton } from '../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport type { PopoverProps } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport { Shortcut } from '../../../../../../../components/Shortcut/Shortcut';\nimport { useIsLargeScreen } from '../../../../../../../hooks/useIsLargeScreen';\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!bg-blue-100 !text-blue-900' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAqBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,gBAAgB,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAAC,cAAc,CAAC,CAAC;AAClE,QAAM,MAAMA,eAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,gCAAgC;AAAA,IACnE,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+BA,+BAAA,cAAC,wBAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACIA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrBA,+BAAA,cAAC,UAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIRA,iBAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAK,aAAa;AAGpD,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAOA,+BAAA,cAAC,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACIA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAA,GACdA,+BAAA,cAAC,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;"}
+{"version":3,"file":"Filters.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/Filters.tsx"],"sourcesContent":["import type { Table as ReactTable } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { PopoverProps } from '@/components';\nimport { Icon, LegacyButton, LegacyIconButton, Shortcut, useLocalization } from '@/components';\nimport { useIsLargeScreen } from '@/hooks/useIsLargeScreen';\n\nimport type { TableFilter } from '../../../../../types';\n\nimport { ManageFiltersPopover } from './ManageFiltersPopover';\nimport { isEmptyFilter } from './util';\n\nexport type FiltersProps<TType = unknown> = {\n    length: number;\n    tableId: string;\n    table: ReactTable<TType>;\n};\n\nexport function Filters<TType = unknown>(props: FiltersProps<TType>) {\n    const { length, tableId, table } = props;\n    const { texts } = useLocalization();\n    const isLargeScreen = useIsLargeScreen();\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const appliedFilters = columnFilters.filter(f => !isEmptyFilter(f));\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const shortcut = { key: 'f', meta: true, shift: true };\n\n    const buttonProps = {\n        'aria-label': texts.table.filters.tooltip,\n        className: appliedFilters.length ? '!bg-blue-100 !text-blue-900' : undefined,\n        'data-taco': `${tableId}-toolbar-filters`,\n        popover: (popoverProps: PopoverProps) => <ManageFiltersPopover {...popoverProps} length={length} table={table} />,\n        shortcut,\n        ref,\n        tooltip: (\n            <>\n                {texts.table.filters.tooltip}\n                <Shortcut className=\"ml-2\" keys={shortcut} />\n            </>\n        ),\n    };\n\n    React.useEffect(() => {\n        const emptyFilter = columnFilters.find(isEmptyFilter);\n\n        // we set an empty filter when adding a filter through a column header.\n        if (emptyFilter) {\n            ref.current?.click();\n        }\n    }, [columnFilters]);\n\n    if (!isLargeScreen && !appliedFilters.length) {\n        return <LegacyIconButton {...buttonProps} icon=\"filter\" />;\n    }\n\n    return (\n        <LegacyButton {...buttonProps}>\n            <Icon className={isLargeScreen ? undefined : '-mr-1.5'} name={appliedFilters.length ? 'filter-solid' : 'filter'} />\n            {isLargeScreen ? texts.table.filters.button : ''}\n            {appliedFilters.length ? `(${appliedFilters.length})` : ''}\n        </LegacyButton>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAkBO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,QAAQ,SAAS,MAAA,IAAU;AACnC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,gBAAgB,iBAAA;AACtB,QAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,QAAM,iBAAiB,cAAc,OAAO,OAAK,CAAC,cAAc,CAAC,CAAC;AAClE,QAAM,MAAMA,eAAM,OAA0B,IAAI;AAEhD,QAAM,WAAW,EAAE,KAAK,KAAK,MAAM,MAAM,OAAO,KAAA;AAEhD,QAAM,cAAc;AAAA,IAChB,cAAc,MAAM,MAAM,QAAQ;AAAA,IAClC,WAAW,eAAe,SAAS,gCAAgC;AAAA,IACnE,aAAa,GAAG,OAAO;AAAA,IACvB,SAAS,CAAC,iBAA+BA,+BAAA,cAAC,wBAAsB,GAAG,cAAc,QAAgB,OAAc;AAAA,IAC/G;AAAA,IACA;AAAA,IACA,SACIA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,MAAM,QAAQ,SACrBA,+BAAA,cAAC,UAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAAA,EAAA;AAIRA,iBAAM,UAAU,MAAM;AAClB,UAAM,cAAc,cAAc,KAAK,aAAa;AAGpD,QAAI,aAAa;AACb,UAAI,SAAS,MAAA;AAAA,IACjB;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,MAAI,CAAC,iBAAiB,CAAC,eAAe,QAAQ;AAC1C,WAAOA,+BAAA,cAAC,kBAAA,EAAkB,GAAG,aAAa,MAAK,UAAS;AAAA,EAC5D;AAEA,SACIA,+BAAA,cAAC,cAAA,EAAc,GAAG,YAAA,GACdA,+BAAA,cAAC,MAAA,EAAK,WAAW,gBAAgB,SAAY,WAAW,MAAM,eAAe,SAAS,iBAAiB,SAAA,CAAU,GAChH,gBAAgB,MAAM,MAAM,QAAQ,SAAS,IAC7C,eAAe,SAAS,IAAI,eAAe,MAAM,MAAM,EAC5D;AAER;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Button = require("../../../../../../../components/Actions/Button/Button.cjs");
-const Inline = require("../../../../../../../components/Inline/Inline.cjs");
-const Popover = require("../../../../../../../components/Popover/Popover.cjs");
-const Localization = require("../../../../../../../components/Provider/Localization.cjs");
 const types = require("../../../../../types.cjs");
 const columns = require("../../../../../useTableManager/util/columns.cjs");
 const Filter = require("./components/Filter.cjs");
 const FilterContext = require("./FilterContext.cjs");
 const util = require("./util.cjs");
+const Localization = require("../../../../../../../components/Provider/Localization.cjs");
+const Popover = require("../../../../../../../components/Popover/Popover.cjs");
+const Button = require("../../../../../../../components/Actions/Button/Button.cjs");
+const Inline = require("../../../../../../../components/Inline/Inline.cjs");
 const placeholderFilter = { id: "", value: { comparator: types.TableFilterComparator.Contains, value: void 0 } };
 function ManageFiltersPopover(props) {
   const { length, table, ...popoverProps } = props;

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ManageFiltersPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button } from '../../../../../../../components/Actions/Button/Button';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["TableFilterComparator","useLocalization","isInternalColumn","sortByHeader","isEmptyFilter","Popover","FilterContext","Filter","Button","Inline"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button, Inline, Popover, useLocalization } from '@/components';\n\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["TableFilterComparator","useLocalization","isInternalColumn","sortByHeader","isEmptyFilter","Popover","FilterContext","Filter","Button","Inline"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.js

@@ -1,13 +1,13 @@
 import React__default from "react";
-import { Button } from "../../../../../../../components/Actions/Button/Button.js";
-import { Inline } from "../../../../../../../components/Inline/Inline.js";
-import { Popover } from "../../../../../../../components/Popover/Popover.js";
-import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
 import { TableFilterComparator } from "../../../../../types.js";
 import { isInternalColumn } from "../../../../../useTableManager/util/columns.js";
 import { Filter } from "./components/Filter.js";
 import { FilterContext } from "./FilterContext.js";
 import { sortByHeader, isEmptyFilter } from "./util.js";
+import { useLocalization } from "../../../../../../../components/Provider/Localization.js";
+import { Popover } from "../../../../../../../components/Popover/Popover.js";
+import { Button } from "../../../../../../../components/Actions/Button/Button.js";
+import { Inline } from "../../../../../../../components/Inline/Inline.js";
 const placeholderFilter = { id: "", value: { comparator: TableFilterComparator.Contains, value: void 0 } };
 function ManageFiltersPopover(props) {
   const { length, table, ...popoverProps } = props;

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button } from '../../../../../../../components/Actions/Button/Button';\nimport { Inline } from '../../../../../../../components/Inline/Inline';\nimport { Popover } from '../../../../../../../components/Popover/Popover';\nimport { useLocalization } from '../../../../../../../components/Provider/Localization';\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"ManageFiltersPopover.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/ManageFiltersPopover.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Button, Inline, Popover, useLocalization } from '@/components';\n\nimport type { TableFilter, TableFilterValue } from '../../../../../types';\nimport { TableFilterComparator } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nimport { Filter } from './components/Filter';\nimport { FilterContext } from './FilterContext';\nimport { isEmptyFilter, sortByHeader } from './util';\n\nexport type ManageFiltersPopoverProps<TType = unknown> = {\n    length: number;\n    table: ReactTable<TType>;\n};\n\nconst placeholderFilter: TableFilter = { id: '', value: { comparator: TableFilterComparator.Contains, value: undefined } };\n\nexport function ManageFiltersPopover<TType = unknown>(props: ManageFiltersPopoverProps<TType>) {\n    const { length, table, ...popoverProps } = props;\n    const { locale, texts } = useLocalization();\n\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort(sortByHeader);\n\n    const columnFilters = table.getState().columnFilters as TableFilter[];\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    // state, since we \"apply\" filters - our filter values have a special shape, so we force to our type\n    const [filters, setFilters] = React.useState<TableFilter[]>(columnFilters.length ? columnFilters : [placeholderFilter]);\n\n    // this runs if filters are set outside (e.g. through column header)\n    React.useEffect(() => {\n        setFilters(columnFilters.length === 0 ? [placeholderFilter] : columnFilters);\n\n        // focus the filter value, as we preset the column/comparator.\n        requestAnimationFrame(() => {\n            const filterValues = document.querySelectorAll('[data-query-selector=\"filter-value\"]');\n            const lastFilter = filterValues.length ? filterValues[filterValues.length - 1] : undefined;\n\n            (lastFilter as HTMLElement)?.focus();\n        });\n    }, [columnFilters]);\n\n    // filters\n    const handleChangeFilter = (position: number, filter: { id: string; value: TableFilterValue }) => {\n        setFilters(currentFilters => {\n            return currentFilters.map((current, index) => {\n                if (index === position) {\n                    return filter;\n                }\n                return current;\n            });\n        });\n    };\n\n    const handleRemoveFilter = (position: number) => {\n        if (filters.length === 1) {\n            setFilters([placeholderFilter]);\n            return;\n        }\n\n        setFilters(currentFilters => currentFilters.filter((_, index) => index !== position));\n    };\n\n    const handleCreate = () => {\n        setFilters(filters.concat(placeholderFilter));\n    };\n\n    //\n    const handleApply = () => {\n        table.setColumnFilters(() => {\n            const newFilters = filters.filter(f => {\n                if (f.id === null || f.id === '') {\n                    return false;\n                }\n\n                const controlRenderer = allColumns.find(column => column.id === f.id)?.columnDef.meta?.control;\n\n                if (\n                    f.value.comparator === TableFilterComparator.IsEmpty ||\n                    f.value.comparator === TableFilterComparator.IsNotEmpty ||\n                    controlRenderer === 'switch'\n                ) {\n                    return true;\n                }\n\n                const value = f.value.value;\n\n                return value !== undefined && value !== null && value !== '';\n            });\n\n            return newFilters;\n        });\n    };\n\n    const handleClear = () => {\n        table.resetColumnFilters();\n        setFilters([placeholderFilter]);\n    };\n\n    const handleClose = (open: boolean) => {\n        if (!open) {\n            const nonEmptyFilters = columnFilters.filter(f => !isEmptyFilter(f));\n            table.setColumnFilters(nonEmptyFilters);\n            setFilters(nonEmptyFilters.length === 0 ? [placeholderFilter] : nonEmptyFilters);\n        }\n    };\n\n    return (\n        <Popover {...popoverProps} onChange={handleClose}>\n            <Popover.Content>\n                <FilterContext.Provider value={filters}>\n                    <div className=\"flex w-[40rem] flex-col gap-4\">\n                        <div className=\"flex h-8\">\n                            <div className=\"flex w-full items-center gap-2\">\n                                <h4 className=\"mb-0 inline-flex\">{texts.table.filters.button}</h4>\n                                <p className=\"mb-0 mr-auto mt-px inline-flex text-gray-700\">\n                                    {texts.table.filters.total\n                                        .replace(\n                                            '[CURRENT]',\n                                            new Intl.NumberFormat(locale).format(\n                                                tableMeta.server._experimentalDataLoader2\n                                                    ? length // dataloader2 doesn't fill in the data array with undefined like the standard dataloader, so we need to show the full length.\n                                                    : table.getFilteredRowModel().rows.length\n                                            )\n                                        )\n                                        .replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))}\n                                </p>\n                            </div>\n                        </div>\n                        <div className=\"flex flex-col gap-2\">\n                            {filters.map((filter, index) => (\n                                <Filter\n                                    key={`filter_${index}`}\n                                    allColumns={allColumns}\n                                    filter={filter}\n                                    position={index}\n                                    onChange={handleChangeFilter}\n                                    onRemove={filters.some(f => f.id) || filters.length > 1 ? handleRemoveFilter : undefined}\n                                />\n                            ))}\n                            <div className=\"justify-start\">\n                                <Button icon=\"circle-plus\" variant=\"tertiary\" onClick={handleCreate} name=\"add-filter\">\n                                    {texts.table.filters.buttons.addFilter}\n                                </Button>\n                            </div>\n                        </div>\n                        <Inline spacing={8} alignInline=\"end\">\n                            <Popover.Close>\n                                <Button name=\"close-filters\">{texts.table.filters.buttons.cancel}</Button>\n                            </Popover.Close>\n                            <Button name=\"clear-filters\" onClick={handleClear}>\n                                {texts.table.filters.buttons.clear}\n                            </Button>\n                            <Button variant=\"primary\" name=\"apply-filters\" onClick={handleApply}>\n                                {texts.table.filters.buttons.apply}\n                            </Button>\n                        </Inline>\n                    </div>\n                </FilterContext.Provider>\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["React"],"mappings":"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"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const IconButton = require("../../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
-const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
 const types = require("../../../../../../types.cjs");
 const util = require("../util.cjs");
 const FilterColumn = require("./FilterColumn.cjs");
 const FilterComparator = require("./FilterComparator.cjs");
 const FilterValue = require("./FilterValue.cjs");
+const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
+const IconButton = require("../../../../../../../../components/LegacyComponents/IconButton/IconButton.cjs");
 function Filter(props) {
   const { allColumns, filter, onChange: handleChange, onRemove, position } = props;
   const { texts } = Localization.useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["useLocalization","column","guessComparatorsBasedOnControl","value","comparator","TableFilterComparator","FilterColumn","FilterComparator","FilterValue","LegacyIconButton"],"mappings":";;;;;;;;;;AAqBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAC,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmBC,KAAAA,+BAA+B,UAAU;AAElE,UAAMC,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAeC,MAAAA,sBAAsB,WAAWD,gBAAeC,MAAAA,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAD,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9C,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9C,sBAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACA,sBAAA,cAACG,2BAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvG,sBAAA,cAACC,iBAAAA,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9F,sBAAA,cAACC,YAAAA,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACG,sBAAA,cAACC,WAAAA,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;;"}
+{"version":3,"file":"Filter.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\n\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["useLocalization","column","guessComparatorsBasedOnControl","value","comparator","TableFilterComparator","FilterColumn","FilterComparator","FilterValue","LegacyIconButton"],"mappings":";;;;;;;;;;AAqBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAC,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAM,MAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmBC,KAAAA,+BAA+B,UAAU;AAElE,UAAMC,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAeC,MAAAA,sBAAsB,WAAWD,gBAAeC,MAAAA,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAD,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9C,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9C,sBAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACA,sBAAA,cAACG,2BAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvG,sBAAA,cAACC,iBAAAA,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9F,sBAAA,cAACC,YAAAA,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACG,sBAAA,cAACC,WAAAA,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.js

@@ -1,11 +1,11 @@
 import React__default from "react";
-import { LegacyIconButton } from "../../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
-import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
 import { TableFilterComparator } from "../../../../../../types.js";
 import { guessComparatorsBasedOnControl } from "../util.js";
 import { FilterColumn } from "./FilterColumn.js";
 import { FilterComparator } from "./FilterComparator.js";
 import { FilterValue } from "./FilterValue.js";
+import { useLocalization } from "../../../../../../../../components/Provider/Localization.js";
+import { LegacyIconButton } from "../../../../../../../../components/LegacyComponents/IconButton/IconButton.js";
 function Filter(props) {
   const { allColumns, filter, onChange: handleChange, onRemove, position } = props;
   const { texts } = useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton } from '../../../../../../../../components/LegacyComponents/IconButton/IconButton';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["column","React","value","comparator"],"mappings":";;;;;;;;AAqBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAMC,eAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAD,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmB,+BAA+B,UAAU;AAElE,UAAME,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAe,sBAAsB,WAAWA,gBAAe,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAA,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9CD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9CA,+BAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACAA,+BAAA,cAAC,cAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvGA,+BAAA,cAAC,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9FA,+BAAA,cAAC,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACGA,+BAAA,cAAC,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;"}
+{"version":3,"file":"Filter.js","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { LegacyIconButton, useLocalization } from '@/components';\n\nimport type { TableFilter } from '../../../../../../types';\nimport { TableFilterComparator } from '../../../../../../types';\nimport { guessComparatorsBasedOnControl } from '../util';\n\nimport { FilterColumn } from './FilterColumn';\nimport { FilterComparator } from './FilterComparator';\nimport { FilterValue } from './FilterValue';\n\nexport type FilterProps<TType = unknown> = {\n    allColumns: ReactTableColumn<TType, unknown>[];\n    filter: TableFilter;\n    position: number;\n    onChange: (position: number, value: TableFilter) => void;\n    onRemove?: (position: number) => void;\n};\n\nexport function Filter<TType = unknown>(props: FilterProps<TType>) {\n    const { allColumns, filter, onChange: handleChange, onRemove, position } = props;\n    const { texts } = useLocalization();\n    const column = allColumns.find(column => column.id === filter.id);\n    const ref = React.useRef<HTMLButtonElement>(null);\n\n    const {\n        id,\n        value: { comparator, value },\n    } = filter;\n\n    const handleChangeColumn = (columnId: string) => {\n        const previousColumn = allColumns.find(column => column.id === id);\n        const nextColumn = allColumns.find(column => column.id === columnId);\n        // UX requirement: if old column data type is the same as next column data type,\n        // then we applying the same filter value for the next column,\n        // but when data types are different, we're reseting comparator ans value for the next column\n        if (\n            previousColumn?.columnDef.meta?.dataType &&\n            previousColumn?.columnDef.meta?.dataType === nextColumn?.columnDef.meta?.dataType\n        ) {\n            handleChange(position, { id: columnId, value: filter.value });\n            return;\n        }\n        const validComparators = guessComparatorsBasedOnControl(nextColumn);\n\n        const value = {\n            comparator: validComparators[0] ?? filter.value.comparator,\n            value: undefined,\n        };\n\n        handleChange(position, { id: columnId, value });\n    };\n\n    const handleChangeComparator = (comparator: TableFilterComparator) => {\n        let nextValue = filter.value.value;\n\n        if (comparator === TableFilterComparator.IsEmpty || comparator === TableFilterComparator.IsNotEmpty) {\n            nextValue = undefined;\n        }\n        handleChange(position, { id, value: { comparator, value: nextValue } });\n    };\n\n    const handleChangeValue = (value: any) => {\n        handleChange(position, { id, value: { ...filter.value, value } });\n    };\n\n    const handleRemove = () => onRemove?.(position);\n\n    React.useEffect(() => {\n        if (ref.current && !id) {\n            ref.current.focus(); // after adding a new filter placeholder, we want to focus it right way.\n        }\n    }, [id]);\n\n    return (\n        <div className=\"flex items-start gap-2\" data-taco=\"filter-row\">\n            <div className=\"flex min-h-[theme(spacing.8)] w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {position > 0 ? texts.table.filters.conditions.and : texts.table.filters.conditions.where}\n            </div>\n            <FilterColumn allColumns={allColumns as any} onChange={handleChangeColumn as any} value={id} ref={ref} />\n            <FilterComparator column={column} onChange={handleChangeComparator as any} value={comparator} />\n            <FilterValue column={column} comparator={comparator} onChange={handleChangeValue} value={value} />\n            {onRemove ? (\n                <LegacyIconButton appearance=\"discrete\" className=\"ml-auto\" icon=\"remove\" onClick={handleRemove} />\n            ) : null}\n        </div>\n    );\n}\n"],"names":["column","React","value","comparator"],"mappings":";;;;;;;;AAqBO,SAAS,OAAwB,OAA2B;AAC/D,QAAM,EAAE,YAAY,QAAQ,UAAU,cAAc,UAAU,aAAa;AAC3E,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,SAAS,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,OAAO,EAAE;AAChE,QAAM,MAAMC,eAAM,OAA0B,IAAI;AAEhD,QAAM;AAAA,IACF;AAAA,IACA,OAAO,EAAE,YAAY,MAAA;AAAA,EAAM,IAC3B;AAEJ,QAAM,qBAAqB,CAAC,aAAqB;AAC7C,UAAM,iBAAiB,WAAW,KAAK,CAAAD,YAAUA,QAAO,OAAO,EAAE;AACjE,UAAM,aAAa,WAAW,KAAK,CAAAA,YAAUA,QAAO,OAAO,QAAQ;AAInE,QACI,gBAAgB,UAAU,MAAM,YAChC,gBAAgB,UAAU,MAAM,aAAa,YAAY,UAAU,MAAM,UAC3E;AACE,mBAAa,UAAU,EAAE,IAAI,UAAU,OAAO,OAAO,OAAO;AAC5D;AAAA,IACJ;AACA,UAAM,mBAAmB,+BAA+B,UAAU;AAElE,UAAME,SAAQ;AAAA,MACV,YAAY,iBAAiB,CAAC,KAAK,OAAO,MAAM;AAAA,MAChD,OAAO;AAAA,IAAA;AAGX,iBAAa,UAAU,EAAE,IAAI,UAAU,OAAAA,QAAO;AAAA,EAClD;AAEA,QAAM,yBAAyB,CAACC,gBAAsC;AAClE,QAAI,YAAY,OAAO,MAAM;AAE7B,QAAIA,gBAAe,sBAAsB,WAAWA,gBAAe,sBAAsB,YAAY;AACjG,kBAAY;AAAA,IAChB;AACA,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,YAAAA,aAAY,OAAO,UAAA,GAAa;AAAA,EAC1E;AAEA,QAAM,oBAAoB,CAACD,WAAe;AACtC,iBAAa,UAAU,EAAE,IAAI,OAAO,EAAE,GAAG,OAAO,OAAO,OAAAA,OAAAA,GAAS;AAAA,EACpE;AAEA,QAAM,eAAe,MAAM,WAAW,QAAQ;AAE9CD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,CAAC,IAAI;AACpB,UAAI,QAAQ,MAAA;AAAA,IAChB;AAAA,EACJ,GAAG,CAAC,EAAE,CAAC;AAEP,SACIA,+BAAA,cAAC,OAAA,EAAI,WAAU,0BAAyB,aAAU,aAAA,GAC9CA,+BAAA,cAAC,OAAA,EAAI,WAAU,4FAAA,GACV,WAAW,IAAI,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,MAAM,QAAQ,WAAW,KACxF,GACAA,+BAAA,cAAC,cAAA,EAAa,YAA+B,UAAU,oBAA2B,OAAO,IAAI,IAAA,CAAU,GACvGA,+BAAA,cAAC,kBAAA,EAAiB,QAAgB,UAAU,wBAA+B,OAAO,WAAA,CAAY,GAC9FA,+BAAA,cAAC,aAAA,EAAY,QAAgB,YAAwB,UAAU,mBAAmB,MAAA,CAAc,GAC/F,WACGA,+BAAA,cAAC,kBAAA,EAAiB,YAAW,YAAW,WAAU,WAAU,MAAK,UAAS,SAAS,aAAA,CAAc,IACjG,IACR;AAER;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.cjs

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const reactTable = require("@tanstack/react-table");
 const React = require("react");
-const Field = require("../../../../../../../../components/Field/Field.cjs");
-const Icon = require("../../../../../../../../components/Icon/Icon.cjs");
+const FilterContext = require("../FilterContext.cjs");
 const Localization = require("../../../../../../../../components/Provider/Localization.cjs");
+const Field = require("../../../../../../../../components/Field/Field.cjs");
 const Select2 = require("../../../../../../../../components/Select2/Select2.cjs");
 const Tooltip = require("../../../../../../../../components/Tooltip/Tooltip.cjs");
-const FilterContext = require("../FilterContext.cjs");
+const Icon = require("../../../../../../../../components/Icon/Icon.cjs");
 const FilterColumn = React.forwardRef((props, ref) => {
   const { allColumns, onChange: handleChange, value = null, ...attributes } = props;
   const { texts } = Localization.useLocalization();

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterColumn.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Field } from '../../../../../../../../components/Field/Field';\nimport { Icon } from '../../../../../../../../components/Icon/Icon';\nimport { useLocalization } from '../../../../../../../../components/Provider/Localization';\nimport type { Select2Props } from '../../../../../../../../components/Select2/Select2';\nimport { Select2 } from '../../../../../../../../components/Select2/Select2';\nimport { Tooltip } from '../../../../../../../../components/Tooltip/Tooltip';\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: ReactTableColumn<TType, unknown>[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n    const { allColumns, onChange: handleChange, value = null, ...attributes } = props;\n    const { texts } = useLocalization();\n    const filters = React.useContext(FilterContext);\n    const selectedColumn = allColumns.find(column => column.id === value);\n    const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n    return (\n        <div className=\"flex flex-col\">\n            <Field\n                message={warning ? texts.table.filters.hiddenColumn : undefined}\n                warning={warning}\n                className=\"min-h-[theme(spacing.8)]\">\n                <Select2\n                    {...attributes}\n                    ref={ref}\n                    className=\"!w-32 flex-shrink-0 focus:yt-focus\"\n                    emptyValue={null}\n                    onChange={handleChange}\n                    value={value}>\n                    {allColumns.map(column => (\n                        <Select2.Option\n                            key={column.id}\n                            value={column.id}\n                            disabled={column.id !== value && (!column.getCanFilter() || !!filters.some(f => f.id === column.id))}>\n                            {/* Eye-off icon rendered as part of children instead of postfix because \n                                    Select2.Option postfix only works when children is a string, not JSX, and we are currently allowing JSX headers */}\n                            <span className=\"flex w-full justify-between\">\n                                <span className=\"flex flex-col\">\n                                    {flexRender(column.columnDef.header, { column } as any)}\n                                    {column.parent ? flexRender(column.parent?.columnDef.meta?.header, { column } as any) : ''}\n                                </span>\n                                <span className=\"flex flex-col self-center\">\n                                    {!column.getIsVisible() || column.getIsGrouped() ? (\n                                        <Tooltip\n                                            title={\n                                                column.getIsGrouped()\n                                                    ? texts.table.filters.hiddenGroupedColumn\n                                                    : texts.table.filters.hiddenColumn\n                                            }>\n                                            <Icon name=\"eye-off\" className=\"!h-5 !w-5 text-gray-500\" />\n                                        </Tooltip>\n                                    ) : undefined}\n                                </span>\n                            </span>\n                        </Select2.Option>\n                    ))}\n                </Select2>\n            </Field>\n        </div>\n    );\n});\n"],"names":["useLocalization","FilterContext","Field","Select2","flexRender","Tooltip","Icon"],"mappings":";;;;;;;;;;AAgBO,MAAM,eAAe,MAAM,WAAiD,CAAC,OAAO,QAAQ;AAC/F,QAAM,EAAE,YAAY,UAAU,cAAc,QAAQ,MAAM,GAAG,eAAe;AAC5E,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,UAAU,MAAM,WAAWC,2BAAa;AAC9C,QAAM,iBAAiB,WAAW,KAAK,CAAA,WAAU,OAAO,OAAO,KAAK;AACpE,QAAM,UAAU,kBAAkB,CAAC,eAAe,aAAA;AAElD,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,gBAAA,GACX,sBAAA;AAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACG,SAAS,UAAU,MAAM,MAAM,QAAQ,eAAe;AAAA,MACtD;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACV,sBAAA;AAAA,MAACC,QAAAA;AAAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,MACC,WAAW,IAAI,CAAA,WACZ,sBAAA;AAAA,QAACA,QAAAA,QAAQ;AAAA,QAAR;AAAA,UACG,KAAK,OAAO;AAAA,UACZ,OAAO,OAAO;AAAA,UACd,UAAU,OAAO,OAAO,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,QAAQ,KAAK,CAAA,MAAK,EAAE,OAAO,OAAO,EAAE;AAAA,QAAA;AAAA,4CAGjG,QAAA,EAAK,WAAU,iCACZ,sBAAA,cAAC,QAAA,EAAK,WAAU,mBACXC,WAAAA,WAAW,OAAO,UAAU,QAAQ,EAAE,QAAe,GACrD,OAAO,SAASA,WAAAA,WAAW,OAAO,QAAQ,UAAU,MAAM,QAAQ,EAAE,QAAe,IAAI,EAC5F,GACA,sBAAA,cAAC,QAAA,EAAK,WAAU,+BACX,CAAC,OAAO,kBAAkB,OAAO,iBAC9B,sBAAA;AAAA,UAACC,QAAAA;AAAAA,UAAA;AAAA,YACG,OACI,OAAO,aAAA,IACD,MAAM,MAAM,QAAQ,sBACpB,MAAM,MAAM,QAAQ;AAAA,UAAA;AAAA,UAE9B,sBAAA,cAACC,WAAA,EAAK,MAAK,WAAU,WAAU,0BAAA,CAA0B;AAAA,QAAA,IAE7D,MACR,CACJ;AAAA,MAAA,CAEP;AAAA,IAAA;AAAA,EACL,CAER;AAER,CAAC;;"}
+{"version":3,"file":"FilterColumn.cjs","sources":["../../../../../../../../../src/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.tsx"],"sourcesContent":["import type { Column as ReactTableColumn } from '@tanstack/react-table';\nimport { flexRender } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { Select2Props } from '@/components';\nimport { Field, Icon, useLocalization, Select2, Tooltip } from '@/components';\n\nimport { FilterContext } from '../FilterContext';\n\nexport type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {\n    allColumns: ReactTableColumn<TType, unknown>[];\n};\n\nexport const FilterColumn = React.forwardRef<HTMLButtonElement, FilterColumnProps>((props, ref) => {\n    const { allColumns, onChange: handleChange, value = null, ...attributes } = props;\n    const { texts } = useLocalization();\n    const filters = React.useContext(FilterContext);\n    const selectedColumn = allColumns.find(column => column.id === value);\n    const warning = selectedColumn && !selectedColumn.getIsVisible();\n\n    return (\n        <div className=\"flex flex-col\">\n            <Field\n                message={warning ? texts.table.filters.hiddenColumn : undefined}\n                warning={warning}\n                className=\"min-h-[theme(spacing.8)]\">\n                <Select2\n                    {...attributes}\n                    ref={ref}\n                    className=\"!w-32 flex-shrink-0 focus:yt-focus\"\n                    emptyValue={null}\n                    onChange={handleChange}\n                    value={value}>\n                    {allColumns.map(column => (\n                        <Select2.Option\n                            key={column.id}\n                            value={column.id}\n                            disabled={column.id !== value && (!column.getCanFilter() || !!filters.some(f => f.id === column.id))}>\n                            {/* Eye-off icon rendered as part of children instead of postfix because\n                                    Select2.Option postfix only works when children is a string, not JSX, and we are currently allowing JSX headers */}\n                            <span className=\"flex w-full justify-between\">\n                                <span className=\"flex flex-col\">\n                                    {flexRender(column.columnDef.header, { column } as any)}\n                                    {column.parent ? flexRender(column.parent?.columnDef.meta?.header, { column } as any) : ''}\n                                </span>\n                                <span className=\"flex flex-col self-center\">\n                                    {!column.getIsVisible() || column.getIsGrouped() ? (\n                                        <Tooltip\n                                            title={\n                                                column.getIsGrouped()\n                                                    ? texts.table.filters.hiddenGroupedColumn\n                                                    : texts.table.filters.hiddenColumn\n                                            }>\n                                            <Icon name=\"eye-off\" className=\"!h-5 !w-5 text-gray-500\" />\n                                        </Tooltip>\n                                    ) : undefined}\n                                </span>\n                            </span>\n                        </Select2.Option>\n                    ))}\n                </Select2>\n            </Field>\n        </div>\n    );\n});\n"],"names":["useLocalization","FilterContext","Field","Select2","flexRender","Tooltip","Icon"],"mappings":";;;;;;;;;;AAaO,MAAM,eAAe,MAAM,WAAiD,CAAC,OAAO,QAAQ;AAC/F,QAAM,EAAE,YAAY,UAAU,cAAc,QAAQ,MAAM,GAAG,eAAe;AAC5E,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,UAAU,MAAM,WAAWC,2BAAa;AAC9C,QAAM,iBAAiB,WAAW,KAAK,CAAA,WAAU,OAAO,OAAO,KAAK;AACpE,QAAM,UAAU,kBAAkB,CAAC,eAAe,aAAA;AAElD,SACI,sBAAA,cAAC,OAAA,EAAI,WAAU,gBAAA,GACX,sBAAA;AAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACG,SAAS,UAAU,MAAM,MAAM,QAAQ,eAAe;AAAA,MACtD;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IACV,sBAAA;AAAA,MAACC,QAAAA;AAAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ;AAAA,QACA,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,QACV;AAAA,MAAA;AAAA,MACC,WAAW,IAAI,CAAA,WACZ,sBAAA;AAAA,QAACA,QAAAA,QAAQ;AAAA,QAAR;AAAA,UACG,KAAK,OAAO;AAAA,UACZ,OAAO,OAAO;AAAA,UACd,UAAU,OAAO,OAAO,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,QAAQ,KAAK,CAAA,MAAK,EAAE,OAAO,OAAO,EAAE;AAAA,QAAA;AAAA,4CAGjG,QAAA,EAAK,WAAU,iCACZ,sBAAA,cAAC,QAAA,EAAK,WAAU,mBACXC,WAAAA,WAAW,OAAO,UAAU,QAAQ,EAAE,QAAe,GACrD,OAAO,SAASA,WAAAA,WAAW,OAAO,QAAQ,UAAU,MAAM,QAAQ,EAAE,QAAe,IAAI,EAC5F,GACA,sBAAA,cAAC,QAAA,EAAK,WAAU,+BACX,CAAC,OAAO,kBAAkB,OAAO,iBAC9B,sBAAA;AAAA,UAACC,QAAAA;AAAAA,UAAA;AAAA,YACG,OACI,OAAO,aAAA,IACD,MAAM,MAAM,QAAQ,sBACpB,MAAM,MAAM,QAAQ;AAAA,UAAA;AAAA,UAE9B,sBAAA,cAACC,WAAA,EAAK,MAAK,WAAU,WAAU,0BAAA,CAA0B;AAAA,QAAA,IAE7D,MACR,CACJ;AAAA,MAAA,CAEP;AAAA,IAAA;AAAA,EACL,CAER;AAER,CAAC;;"}

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.d.ts

@@ -1,6 +1,6 @@
 import { Column as ReactTableColumn } from '@tanstack/react-table';
 import { default as React } from 'react';
-import { Select2Props } from '../../../../../../../../components/Select2/Select2';
+import { Select2Props } from '../../../../../../../../components';
 export type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {
     allColumns: ReactTableColumn<TType, unknown>[];
 };