@economic/taco 2.4.1 → 2.4.3

package/dist/esm/packages/taco/src/components/Table2/components/column/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../../../../../src/components/Table2/components/column/Header.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { flexRender, Header as RTHeader, TableMeta, Table as RTTable } from '@tanstack/react-table';\nimport { Icon } from '../../../Icon/Icon';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { isInternalColumn, isInternalFrozenColumn, MIN_COLUMN_SIZE } from '../../utilities/columns';\nimport { isOverflowing } from '../../../../utils/dom';\nimport { getCellAlignmentClasses, getCellSizingClasses } from '../../utilities/cell';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Menu } from '../../../Menu/Menu';\nimport { useLocalization } from '../../../Provider/Localization';\n\ntype HeaderProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    header: RTHeader<TType, unknown>;\n    index: number;\n    isLastColumn: boolean;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Header = function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, index, isLastColumn, table, tableRef, ...columnProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n    const frozen = !!header.column.getIsPinned();\n    const isOtherColumnBeingResized =\n        table.getState().columnSizingInfo.isResizingColumn && table.getState().columnSizingInfo.isResizingColumn !== header.id;\n\n    const { enableColumnFreezing } = table.options.meta as TableMeta<TType>;\n\n    const className = cn(\n        'group/header sticky top-0 bg-white border-b-2 relative font-bold z-[5] hover:z-[6]',\n        {\n            'z-[6]': header.column.getIsResizing(),\n            'z-[7]': frozen, // frozen headers should show above cells and other headers, so we assign a higher z-index\n            'cursor-pointer select-none': header.column.getCanSort(),\n            'hover:bg-grey-100': header.column.getCanSort() || header.column.getCanResize() || header.column.columnDef.meta?.menu,\n            'pointer-events-none': isOtherColumnBeingResized,\n        },\n        getCellSizingClasses('normal'),\n        header.column.columnDef.meta?.headerClassName,\n        props.className\n    );\n\n    // set the column size after the first render (after auto layout with 'max-content') has run\n    // this way columns default to fit their content, then we save that size for resizing\n    const refCallback = (node: HTMLDivElement) => {\n        if (node && !table.getState().columnSizing[header.id]) {\n            const size = Math.ceil(node.getBoundingClientRect().width);\n            table.setColumnSizing(sizes => ({\n                ...sizes,\n                [header.id]: !isInternalFrozenColumn(header.id) && size < MIN_COLUMN_SIZE ? MIN_COLUMN_SIZE : size,\n            }));\n        }\n    };\n\n    // we use mousedown because clicking and dragging resize and then letting go over the\n    // column, results in sorting being applied\n    const handleMouseDown = header.column.getCanSort()\n        ? (event: React.MouseEvent) => {\n              // only detect left clicks\n              if (event.button === 0) {\n                  event.preventDefault();\n                  table.resetRowSelection();\n                  header.column.toggleSorting();\n                  tableRef.current?.focus();\n              }\n          }\n        : undefined;\n\n    const handleResizerDoubleClick = () => {\n        const size = header.column.columnDef.meta?.defaultWidth;\n\n        table.setColumnSizing(sizes => {\n            const nextSizes = { ...sizes };\n\n            if (size === 'grow') {\n                nextSizes[header.id] = '1fr' as any;\n            } else if (typeof size === 'number') {\n                nextSizes[header.id] = !isInternalFrozenColumn(header.id) && size < MIN_COLUMN_SIZE ? MIN_COLUMN_SIZE : size;\n            } else {\n                delete nextSizes[header.id];\n            }\n\n            return nextSizes;\n        });\n    };\n\n    const handleResizerClick = event => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const handleResize = event => {\n        // prevent the parent onMouseDown propagating\n        event.stopPropagation();\n        header.getResizeHandler()(event);\n    };\n\n    const content = (\n        <div className=\"truncate\" ref={textRef}>\n            {flexRender(header.column.columnDef.header, header.getContext())}\n        </div>\n    );\n\n    const { texts } = useLocalization();\n\n    return (\n        <ColumnBase\n            {...columnProps}\n            // base props\n            column={header.column}\n            table={table}\n            // other props\n            aria-sort={\n                {\n                    asc: 'ascending',\n                    desc: 'descending',\n                }[header.column.getIsSorted() as any] ?? 'none'\n            }\n            className={className}\n            onMouseDown={handleMouseDown}\n            ref={refCallback}\n            role=\"columnheader\"\n            // helper props\n            data-column-index={index}>\n            {isInternalFrozenColumn(header.id) ? (\n                flexRender(header.column.columnDef.header, header.getContext())\n            ) : (\n                <>\n                    <div\n                        className={cn(\n                            'flex flex-grow overflow-hidden',\n                            {\n                                'group-hover/header:-ml-2': !!header.column.getIsSorted() && !!header.column.columnDef.meta?.menu,\n                            },\n                            getCellAlignmentClasses(header.column.columnDef.meta?.align)\n                        )}>\n                        {isOverflowing(textRef.current) ? (\n                            <Tooltip title={header.column.columnDef.meta?.tooltip ?? content} placement=\"top\">\n                                {content}\n                            </Tooltip>\n                        ) : (\n                            content\n                        )}\n                        {{\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                        }[header.column.getIsSorted() as string] ?? null}\n                    </div>\n                    {!isInternalColumn(header.column.id) && (header.column.columnDef.meta?.menu || enableColumnFreezing) ? (\n                        <HeaderMenu header={header} table={table} columnIndex={index} />\n                    ) : null}\n                </>\n            )}\n            {header.column.getCanResize() ? (\n                <Tooltip placement=\"top\" title={texts.table2.columns.resize.tooltip}>\n                    <div\n                        className={cn(\n                            'invisible absolute right-0 top-0 flex h-full cursor-col-resize touch-none select-none rounded py-0.5 group-hover/header:visible',\n                            {\n                                '-mr-2.5 w-5 justify-center': !isLastColumn,\n                                'w-2': isLastColumn,\n                                '!visible': header.column.getIsResizing(),\n                            }\n                        )}\n                        onDoubleClick={handleResizerDoubleClick}\n                        onMouseDown={handleResize}\n                        onTouchStart={handleResize}\n                        // this prevents sort handlers being activated\n                        onClick={handleResizerClick}>\n                        <div\n                            className={cn('h-full w-1 rounded', {\n                                '!bg-blue-500': header.column.getIsResizing(),\n                                'bg-grey-500 hover:bg-grey-700': !header.column.getIsResizing(),\n                            })}\n                        />\n                    </div>\n                </Tooltip>\n            ) : null}\n        </ColumnBase>\n    );\n};\n\ntype HeaderMenuProps = {\n    header: RTHeader<any, unknown>;\n    table: RTTable<any>;\n    columnIndex: number;\n};\n\nconst HeaderMenu = ({ header, table, columnIndex }: HeaderMenuProps) => {\n    const [open, setOpen] = React.useState(false);\n    const { texts } = useLocalization();\n    const menu = header.column.columnDef.meta?.menu;\n    const meta = table.options.meta as TableMeta<any>;\n    const { frozenColumnsCount, setFrozenColumnsCount } = meta;\n\n    const columns = table.getVisibleLeafColumns();\n    const { columnVisibility, columnOrder } = table.getState();\n    const visibleInternalColumnsCount = React.useMemo(\n        () => columns.filter(column => isInternalFrozenColumn(column.id)).length,\n        [columns]\n    );\n\n    const className = cn(\n        '-my-0.5 -mr-1 -ml-0.5 hidden !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)] flex-shrink-0 justify-end group-hover/header:flex',\n        {\n            '!flex': open,\n        }\n    );\n\n    const menuItems: JSX.Element[] = [];\n\n    if (table.options.enableHiding && header.column.getCanHide()) {\n        // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n        const handleClick = () => setTimeout(() => header.column.toggleVisibility(), 1);\n\n        menuItems.push(\n            <Menu.Item icon=\"eye-off\" onClick={handleClick}>\n                {texts.table2.columns.menu.hideColumn}\n            </Menu.Item>\n        );\n    }\n\n    if (meta.enableColumnFreezing) {\n        const columnPosition = columnIndex + 1;\n        const externalFrozenColumnsCount = columnPosition - visibleInternalColumnsCount;\n        const isSomeExternalColumnFrozen = frozenColumnsCount !== 0;\n        const freeAllColumns = () => {\n            setFrozenColumnsCount(0);\n        };\n        const freezeColumns = () => {\n            setFrozenColumnsCount(externalFrozenColumnsCount);\n        };\n\n        menuItems.push(\n            <Menu.Item icon=\"column-freeze\" onClick={freezeColumns} key=\"_freeze-columns_\">\n                {texts.table2.columns.menu.freezeColumns(externalFrozenColumnsCount)}\n            </Menu.Item>\n        );\n\n        if (isSomeExternalColumnFrozen) {\n            menuItems.push(\n                <Menu.Item icon=\"column-unfreeze\" onClick={freeAllColumns} key=\"_unfreeze-columns_\">\n                    {texts.table2.columns.menu.unfreezeColumns}\n                </Menu.Item>\n            );\n        }\n    }\n\n    React.useEffect(() => {\n        // Update column pinning/freezing whenever frozen columns count changes, or column order or visiblity changes\n        const totalFrozenColumnsCount = visibleInternalColumnsCount + frozenColumnsCount;\n\n        table.setColumnPinning({ left: columns.slice(0, totalFrozenColumnsCount).map(column => column.id), right: [] });\n    }, [frozenColumnsCount, columnVisibility, columnOrder, visibleInternalColumnsCount]);\n\n    const menuProps = {\n        trigger: <IconButton className={className} icon=\"more\" />,\n        open: open,\n        onChange: setOpen,\n    };\n\n    if (menu) {\n        const customMenu = menu({ trigger: undefined });\n        const customItems = React.Children.toArray(customMenu.props.children.props.children) as JSX.Element[];\n\n        if (customItems.length) {\n            if (menuItems.length) {\n                menuItems.push(<Menu.Separator />);\n            }\n\n            menuItems.push(...customItems);\n        }\n    }\n\n    const menuComponent = (\n        <Menu {...menuProps}>\n            <Menu.Content>{menuItems.map((item, key) => React.cloneElement(item, { key }))}</Menu.Content>\n        </Menu>\n    );\n\n    // This div catches the mousedown events from menu item and menu trigger and prevents\n    // mousedown event from bubbling up to the Header component to prevent toggling sorting\n    return menuComponent ? <div onMouseDown={event => event.stopPropagation()}>{menuComponent}</div> : null;\n};\n"],"names":["Header","props","header","index","isLastColumn","table","tableRef","columnProps","textRef","React","useRef","frozen","column","getIsPinned","isOtherColumnBeingResized","getState","columnSizingInfo","isResizingColumn","id","enableColumnFreezing","options","meta","className","cn","getIsResizing","getCanSort","getCanResize","columnDef","menu","getCellSizingClasses","headerClassName","refCallback","node","columnSizing","size","Math","ceil","getBoundingClientRect","width","setColumnSizing","sizes","isInternalFrozenColumn","MIN_COLUMN_SIZE","handleMouseDown","event","button","preventDefault","resetRowSelection","toggleSorting","current","focus","undefined","handleResizerDoubleClick","defaultWidth","nextSizes","handleResizerClick","stopPropagation","handleResize","getResizeHandler","content","ref","flexRender","getContext","texts","useLocalization","ColumnBase","asc","desc","getIsSorted","onMouseDown","role","getCellAlignmentClasses","align","isOverflowing","Tooltip","title","tooltip","placement","Icon","name","isInternalColumn","HeaderMenu","columnIndex","table2","columns","resize","onDoubleClick","onTouchStart","onClick","open","setOpen","useState","frozenColumnsCount","setFrozenColumnsCount","getVisibleLeafColumns","columnVisibility","columnOrder","visibleInternalColumnsCount","useMemo","filter","length","menuItems","enableHiding","getCanHide","handleClick","setTimeout","toggleVisibility","push","Menu","Item","icon","hideColumn","columnPosition","externalFrozenColumnsCount","isSomeExternalColumnFrozen","freeAllColumns","freezeColumns","key","unfreezeColumns","useEffect","totalFrozenColumnsCount","setColumnPinning","left","slice","map","right","menuProps","trigger","IconButton","onChange","customMenu","customItems","Children","toArray","children","Separator","menuComponent","Content","item","cloneElement"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../../../../../../../src/components/Table2/components/column/Header.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { flexRender, Header as RTHeader, TableMeta, Table as RTTable } from '@tanstack/react-table';\nimport { Icon } from '../../../Icon/Icon';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\nimport { isInternalColumn, isInternalFrozenColumn, MIN_COLUMN_SIZE } from '../../utilities/columns';\nimport { isOverflowing } from '../../../../utils/dom';\nimport { getCellAlignmentClasses, getCellSizingClasses } from '../../utilities/cell';\nimport { IconButton } from '../../../IconButton/IconButton';\nimport { Menu } from '../../../Menu/Menu';\nimport { useLocalization } from '../../../Provider/Localization';\n\ntype HeaderProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    header: RTHeader<TType, unknown>;\n    index: number;\n    isLastColumn: boolean;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Header = function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, index, isLastColumn, table, tableRef, ...columnProps } = props;\n    const textRef = React.useRef<HTMLDivElement>(null);\n    const frozen = !!header.column.getIsPinned();\n    const isOtherColumnBeingResized =\n        table.getState().columnSizingInfo.isResizingColumn && table.getState().columnSizingInfo.isResizingColumn !== header.id;\n\n    const { enableColumnFreezing } = table.options.meta as TableMeta<TType>;\n\n    const className = cn(\n        'group/header sticky top-0 bg-white border-b-2 relative font-bold z-[5] hover:z-[6]',\n        {\n            'z-[6]': header.column.getIsResizing(),\n            'z-[7]': frozen, // frozen headers should show above cells and other headers, so we assign a higher z-index\n            'cursor-pointer select-none': header.column.getCanSort(),\n            'hover:bg-grey-100': header.column.getCanSort() || header.column.getCanResize() || header.column.columnDef.meta?.menu,\n            'pointer-events-none': isOtherColumnBeingResized,\n        },\n        getCellSizingClasses('normal'),\n        header.column.columnDef.meta?.headerClassName,\n        props.className\n    );\n\n    // set the column size after the first render (after auto layout with 'max-content') has run\n    // this way columns default to fit their content, then we save that size for resizing\n    const refCallback = (node: HTMLDivElement) => {\n        if (node && !table.getState().columnSizing[header.id]) {\n            const size = Math.ceil(node.getBoundingClientRect().width);\n            table.setColumnSizing(sizes => ({\n                ...sizes,\n                [header.id]: !isInternalFrozenColumn(header.id) && size < MIN_COLUMN_SIZE ? MIN_COLUMN_SIZE : size,\n            }));\n        }\n    };\n\n    // we use mousedown because clicking and dragging resize and then letting go over the\n    // column, results in sorting being applied\n    const handleMouseDown = header.column.getCanSort()\n        ? (event: React.MouseEvent) => {\n              // only detect left clicks\n              if (event.button === 0) {\n                  event.preventDefault();\n                  table.resetRowSelection();\n                  header.column.toggleSorting();\n                  tableRef.current?.focus();\n              }\n          }\n        : undefined;\n\n    const handleResizerDoubleClick = () => {\n        const size = header.column.columnDef.meta?.defaultWidth;\n\n        table.setColumnSizing(sizes => {\n            const nextSizes = { ...sizes };\n\n            if (size === 'grow') {\n                nextSizes[header.id] = '1fr' as any;\n            } else if (typeof size === 'number') {\n                nextSizes[header.id] = !isInternalFrozenColumn(header.id) && size < MIN_COLUMN_SIZE ? MIN_COLUMN_SIZE : size;\n            } else {\n                delete nextSizes[header.id];\n            }\n\n            return nextSizes;\n        });\n    };\n\n    const handleResizerClick = event => {\n        event.stopPropagation();\n        event.preventDefault();\n    };\n\n    const handleResize = event => {\n        // prevent the parent onMouseDown propagating\n        event.stopPropagation();\n        header.getResizeHandler()(event);\n    };\n\n    const content = (\n        <div className=\"truncate\" ref={textRef}>\n            {flexRender(header.column.columnDef.header, header.getContext())}\n        </div>\n    );\n\n    const { texts } = useLocalization();\n\n    return (\n        <ColumnBase\n            {...columnProps}\n            // base props\n            column={header.column}\n            table={table}\n            // other props\n            aria-sort={\n                {\n                    asc: 'ascending',\n                    desc: 'descending',\n                }[header.column.getIsSorted() as any] ?? 'none'\n            }\n            className={className}\n            onMouseDown={handleMouseDown}\n            ref={refCallback}\n            role=\"columnheader\"\n            // helper props\n            data-column-index={index}>\n            {isInternalFrozenColumn(header.id) ? (\n                flexRender(header.column.columnDef.header, header.getContext())\n            ) : (\n                <>\n                    <div\n                        className={cn(\n                            'flex flex-grow overflow-hidden',\n                            {\n                                'group-hover/header:-ml-2': !!header.column.getIsSorted() && !!header.column.columnDef.meta?.menu,\n                            },\n                            getCellAlignmentClasses(header.column.columnDef.meta?.align)\n                        )}>\n                        {isOverflowing(textRef.current) ? (\n                            <Tooltip title={header.column.columnDef.meta?.tooltip ?? content} placement=\"top\">\n                                {content}\n                            </Tooltip>\n                        ) : (\n                            content\n                        )}\n                        {{\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                        }[header.column.getIsSorted() as string] ?? null}\n                    </div>\n                    {!isInternalColumn(header.column.id) && (header.column.columnDef.meta?.menu || enableColumnFreezing) ? (\n                        <HeaderMenu header={header} table={table} columnIndex={index} />\n                    ) : null}\n                </>\n            )}\n            {header.column.getCanResize() ? (\n                <Tooltip placement=\"top\" title={texts.table2.columns.resize.tooltip}>\n                    <div\n                        className={cn(\n                            'invisible absolute right-0 top-0 flex h-full cursor-col-resize touch-none select-none rounded py-0.5 group-hover/header:visible',\n                            {\n                                '-mr-2.5 w-5 justify-center': !isLastColumn,\n                                'w-2': isLastColumn,\n                                '!visible': header.column.getIsResizing(),\n                            }\n                        )}\n                        onDoubleClick={handleResizerDoubleClick}\n                        onMouseDown={handleResize}\n                        onTouchStart={handleResize}\n                        // this prevents sort handlers being activated\n                        onClick={handleResizerClick}>\n                        <div\n                            className={cn('h-full w-1 rounded', {\n                                '!bg-blue-500': header.column.getIsResizing(),\n                                'bg-grey-500 hover:bg-grey-700': !header.column.getIsResizing(),\n                            })}\n                        />\n                    </div>\n                </Tooltip>\n            ) : null}\n        </ColumnBase>\n    );\n};\n\ntype HeaderMenuProps = {\n    header: RTHeader<any, unknown>;\n    table: RTTable<any>;\n    columnIndex: number;\n};\n\nconst HeaderMenu = ({ header, table, columnIndex }: HeaderMenuProps) => {\n    const [open, setOpen] = React.useState(false);\n    const { texts } = useLocalization();\n    const menu = header.column.columnDef.meta?.menu;\n    const meta = table.options.meta as TableMeta<any>;\n    const { frozenColumnsCount, setFrozenColumnsCount } = meta;\n\n    const columns = table.getVisibleLeafColumns();\n    const { columnVisibility, columnOrder } = table.getState();\n    const visibleInternalColumnsCount = React.useMemo(\n        () => columns.filter(column => isInternalFrozenColumn(column.id)).length,\n        [columns]\n    );\n\n    const className = cn(\n        '-my-0.5 -mr-1 -ml-0.5 hidden !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)] flex-shrink-0 justify-end group-hover/header:flex',\n        {\n            '!flex': open,\n        }\n    );\n\n    const menuItems: JSX.Element[] = [];\n\n    if (table.options.enableHiding && header.column.getCanHide()) {\n        // we do this in the next tick, otherwise the menu closes and react throws a \"state update on unmounted component\" error\n        const handleClick = () => setTimeout(() => header.column.toggleVisibility(), 1);\n\n        menuItems.push(\n            <Menu.Item icon=\"eye-off\" onClick={handleClick}>\n                {texts.table2.columns.menu.hideColumn}\n            </Menu.Item>\n        );\n    }\n\n    if (meta.enableColumnFreezing) {\n        const columnPosition = columnIndex + 1;\n        const externalFrozenColumnsCount = columnPosition - visibleInternalColumnsCount;\n        const isSomeExternalColumnFrozen = frozenColumnsCount !== 0;\n        const freeAllColumns = () => {\n            setFrozenColumnsCount(0);\n        };\n        const freezeColumns = () => {\n            setFrozenColumnsCount(externalFrozenColumnsCount);\n        };\n\n        menuItems.push(\n            <Menu.Item icon=\"column-freeze\" onClick={freezeColumns} key=\"_freeze-columns_\">\n                {texts.table2.columns.menu.freezeColumns(externalFrozenColumnsCount)}\n            </Menu.Item>\n        );\n\n        if (isSomeExternalColumnFrozen) {\n            menuItems.push(\n                <Menu.Item icon=\"column-unfreeze\" onClick={freeAllColumns} key=\"_unfreeze-columns_\">\n                    {texts.table2.columns.menu.unfreezeColumns}\n                </Menu.Item>\n            );\n        }\n    }\n\n    React.useEffect(() => {\n        // Update column pinning/freezing whenever frozen columns count changes, or column order or visiblity changes\n        const totalFrozenColumnsCount = visibleInternalColumnsCount + frozenColumnsCount;\n\n        table.setColumnPinning({ left: columns.slice(0, totalFrozenColumnsCount).map(column => column.id), right: [] });\n    }, [frozenColumnsCount, columnVisibility, columnOrder, visibleInternalColumnsCount]);\n\n    const menuProps = {\n        trigger: <IconButton className={className} icon=\"more\" />,\n        open: open,\n        onChange: setOpen,\n    };\n\n    if (menu) {\n        const customMenu = menu({ trigger: undefined });\n        const customItems = React.Children.toArray(customMenu.props.children.props.children) as JSX.Element[];\n\n        if (customItems.length) {\n            if (menuItems.length) {\n                menuItems.push(<Menu.Separator />);\n            }\n\n            menuItems.push(...customItems);\n        }\n    }\n\n    const menuComponent = (\n        <Menu {...menuProps}>\n            <Menu.Content>{menuItems.map((item, key) => React.cloneElement(item, { key }))}</Menu.Content>\n        </Menu>\n    );\n\n    // This div catches the mousedown events from menu item and menu trigger and prevents\n    // mousedown event from bubbling up to the Header component to prevent toggling sorting\n    return menuComponent ? <div onMouseDown={event => event.stopPropagation()}>{menuComponent}</div> : null;\n};\n"],"names":["Header","props","header","index","isLastColumn","table","tableRef","columnProps","textRef","React","useRef","frozen","column","getIsPinned","isOtherColumnBeingResized","getState","columnSizingInfo","isResizingColumn","id","enableColumnFreezing","options","meta","className","cn","getIsResizing","getCanSort","getCanResize","_header$column$column","columnDef","menu","getCellSizingClasses","_header$column$column2","headerClassName","refCallback","node","columnSizing","size","Math","ceil","getBoundingClientRect","width","setColumnSizing","sizes","isInternalFrozenColumn","MIN_COLUMN_SIZE","handleMouseDown","event","button","_tableRef$current","preventDefault","resetRowSelection","toggleSorting","current","focus","undefined","handleResizerDoubleClick","_header$column$column3","defaultWidth","nextSizes","handleResizerClick","stopPropagation","handleResize","getResizeHandler","content","ref","flexRender","getContext","texts","useLocalization","ColumnBase","asc","desc","getIsSorted","_asc$desc$header$colu","onMouseDown","role","_header$column$column4","getCellAlignmentClasses","_header$column$column5","align","isOverflowing","Tooltip","title","_header$column$column6","_header$column$column7","tooltip","placement","_asc$desc$header$colu2","Icon","name","isInternalColumn","_header$column$column8","HeaderMenu","columnIndex","table2","columns","resize","onDoubleClick","onTouchStart","onClick","open","setOpen","useState","_header$column$column9","frozenColumnsCount","setFrozenColumnsCount","getVisibleLeafColumns","columnVisibility","columnOrder","visibleInternalColumnsCount","useMemo","filter","length","menuItems","enableHiding","getCanHide","handleClick","setTimeout","toggleVisibility","push","Menu","Item","icon","hideColumn","columnPosition","externalFrozenColumnsCount","isSomeExternalColumnFrozen","freeAllColumns","freezeColumns","key","unfreezeColumns","useEffect","totalFrozenColumnsCount","setColumnPinning","left","slice","map","right","menuProps","trigger","IconButton","onChange","customMenu","customItems","Children","toArray","children","Separator","menuComponent","Content","item","cloneElement"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/column/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../../../../../src/components/Table2/components/column/Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Icon } from '../../../Icon/Icon';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\nexport enum IndicatorReason {\n    SEARCH = 'SEARCH',\n    SORTING = 'SORTING',\n    FILTER = 'FILTER',\n}\n\nexport const useIndicatorText = reason => {\n    let title = '';\n    let description = '';\n\n    const { texts } = useLocalization();\n\n    switch (reason) {\n        case IndicatorReason.FILTER:\n            title = texts.table2.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n        case IndicatorReason.SEARCH:\n            title = texts.table2.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n        case IndicatorReason.SORTING:\n            title = texts.table2.editing.rowIndicator.rowWillMove;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonSorting;\n            break;\n    }\n\n    return { title, description };\n};\n\nexport type IndicatorProps = {\n    reason: IndicatorReason;\n    columnName: string;\n    mountNode: Element | null;\n    validationErrors: any;\n};\nexport const Indicator = ({ reason, columnName, mountNode, validationErrors }: IndicatorProps) => {\n    const container = React.useMemo(() => {\n        const element = document.createElement('div');\n        element.className +=\n            'z-[3] rounded-b-md items-center wcag-blue-500 absolute left-0 top-full ml-1 whitespace-nowrap px-1 py-0.5 text-xs font-bold shadow-sm';\n\n        return element;\n    }, []);\n\n    const indicatorText = useIndicatorText(reason);\n\n    const hasValidationErrorsInRow = !!validationErrors;\n\n    React.useEffect(() => {\n        // mountNode could be null when rows are filtered\n        mountNode?.classList.add('relative');\n        mountNode?.appendChild(container);\n\n        return () => {\n            mountNode?.classList.remove('relative');\n            mountNode?.removeChild(container);\n        };\n    }, [hasValidationErrorsInRow]);\n\n    // Using react portal inside a react tree component is an unorthodox way, but in order to avoid much code refactoring\n    // and being able to use Taco Tooltip component in side the visual indicator, portal is used.\n    return ReactDOM.createPortal(\n        <Tooltip title={indicatorText.description.replace('[COLUMN]', columnName)}>\n            <span className=\"flex gap-1 hover:cursor-pointer\">\n                <Icon name=\"info\" className=\"!h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {indicatorText.title}\n            </span>\n        </Tooltip>,\n        container\n    );\n};\n"],"names":["IndicatorReason","useIndicatorText","reason","title","description","texts","useLocalization","FILTER","table2","editing","rowIndicator","rowWillBeHidden","rowWillMoveReasonFilter","SEARCH","rowWillMoveReasonSearch","SORTING","rowWillMove","rowWillMoveReasonSorting","Indicator","columnName","mountNode","validationErrors","container","React","useMemo","element","document","createElement","className","indicatorText","hasValidationErrorsInRow","useEffect","classList","add","appendChild","remove","removeChild","ReactDOM","createPortal","Tooltip","replace","Icon","name"],"mappings":";;;;;;IAOYA;AAAZ,WAAYA,eAAe;EACvBA,oCAAiB;EACjBA,sCAAmB;EACnBA,oCAAiB;AACrB,CAAC,EAJWA,eAAe,KAAfA,eAAe;MAMdC,gBAAgB,GAAGC,MAAM;EAClC,IAAIC,KAAK,GAAG,EAAE;EACd,IAAIC,WAAW,GAAG,EAAE;EAEpB,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAEnC,QAAQJ,MAAM;IACV,KAAKF,eAAe,CAACO,MAAM;MACvBJ,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACC,eAAe;MACzDP,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACE,uBAAuB;MACvE;IACJ,KAAKZ,eAAe,CAACa,MAAM;MACvBV,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACC,eAAe;MACzDP,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACI,uBAAuB;MACvE;IACJ,KAAKd,eAAe,CAACe,OAAO;MACxBZ,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACM,WAAW;MACrDZ,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACO,wBAAwB;MACxE;;EAGR,OAAO;IAAEd,KAAK;IAAEC;GAAa;AACjC;MAQac,SAAS,GAAG,CAAC;EAAEhB,MAAM;EAAEiB,UAAU;EAAEC,SAAS;EAAEC;CAAkC;EACzF,MAAMC,SAAS,GAAGC,cAAK,CAACC,OAAO,CAAC;IAC5B,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7CF,OAAO,CAACG,SAAS,IACb,uIAAuI;IAE3I,OAAOH,OAAO;GACjB,EAAE,EAAE,CAAC;EAEN,MAAMI,aAAa,GAAG5B,gBAAgB,CAACC,MAAM,CAAC;EAE9C,MAAM4B,wBAAwB,GAAG,CAAC,CAACT,gBAAgB;EAEnDE,cAAK,CAACQ,SAAS,CAAC;;IAEZX,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS,CAACC,GAAG,CAAC,UAAU,CAAC;IACpCb,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEc,WAAW,CAACZ,SAAS,CAAC;IAEjC,OAAO;MACHF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS,CAACG,MAAM,CAAC,UAAU,CAAC;MACvCf,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEgB,WAAW,CAACd,SAAS,CAAC;KACpC;GACJ,EAAE,CAACQ,wBAAwB,CAAC,CAAC;;;EAI9B,oBAAOO,QAAQ,CAACC,YAAY,eACxBf,6BAACgB,OAAO;IAACpC,KAAK,EAAE0B,aAAa,CAACzB,WAAW,CAACoC,OAAO,CAAC,UAAU,EAAErB,UAAU;kBACpEI;IAAMK,SAAS,EAAC;kBACZL,6BAACkB,IAAI;IAACC,IAAI,EAAC,MAAM;IAACd,SAAS,EAAC;IAAuD,EAClFC,aAAa,CAAC1B,KAAK,CACjB,CACD,EACVmB,SAAS,CACZ;AACL;;;;"}
+{"version":3,"file":"Indicator.js","sources":["../../../../../../../../../src/components/Table2/components/column/Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Icon } from '../../../Icon/Icon';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\nexport enum IndicatorReason {\n    SEARCH = 'SEARCH',\n    SORTING = 'SORTING',\n    FILTER = 'FILTER',\n}\n\nexport const useIndicatorText = reason => {\n    let title = '';\n    let description = '';\n\n    const { texts } = useLocalization();\n\n    switch (reason) {\n        case IndicatorReason.FILTER:\n            title = texts.table2.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n        case IndicatorReason.SEARCH:\n            title = texts.table2.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n        case IndicatorReason.SORTING:\n            title = texts.table2.editing.rowIndicator.rowWillMove;\n            description = texts.table2.editing.rowIndicator.rowWillMoveReasonSorting;\n            break;\n    }\n\n    return { title, description };\n};\n\nexport type IndicatorProps = {\n    reason: IndicatorReason;\n    columnName: string;\n    mountNode: Element | null;\n    validationErrors: any;\n};\nexport const Indicator = ({ reason, columnName, mountNode, validationErrors }: IndicatorProps) => {\n    const container = React.useMemo(() => {\n        const element = document.createElement('div');\n        element.className +=\n            'z-[3] rounded-b-md items-center wcag-blue-500 absolute left-0 top-full ml-1 whitespace-nowrap px-1 py-0.5 text-xs font-bold shadow-sm';\n\n        return element;\n    }, []);\n\n    const indicatorText = useIndicatorText(reason);\n\n    const hasValidationErrorsInRow = !!validationErrors;\n\n    React.useEffect(() => {\n        // mountNode could be null when rows are filtered\n        mountNode?.classList.add('relative');\n        mountNode?.appendChild(container);\n\n        return () => {\n            mountNode?.classList.remove('relative');\n            mountNode?.removeChild(container);\n        };\n    }, [hasValidationErrorsInRow]);\n\n    // Using react portal inside a react tree component is an unorthodox way, but in order to avoid much code refactoring\n    // and being able to use Taco Tooltip component in side the visual indicator, portal is used.\n    return ReactDOM.createPortal(\n        <Tooltip title={indicatorText.description.replace('[COLUMN]', columnName)}>\n            <span className=\"flex gap-1 hover:cursor-pointer\">\n                <Icon name=\"info\" className=\"!h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {indicatorText.title}\n            </span>\n        </Tooltip>,\n        container\n    );\n};\n"],"names":["IndicatorReason","useIndicatorText","reason","title","description","texts","useLocalization","FILTER","table2","editing","rowIndicator","rowWillBeHidden","rowWillMoveReasonFilter","SEARCH","rowWillMoveReasonSearch","SORTING","rowWillMove","rowWillMoveReasonSorting","Indicator","columnName","mountNode","validationErrors","container","React","useMemo","element","document","createElement","className","indicatorText","hasValidationErrorsInRow","useEffect","classList","add","appendChild","remove","removeChild","ReactDOM","createPortal","Tooltip","replace","Icon","name"],"mappings":";;;;;;IAOYA;AAAZ,WAAYA,eAAe;EACvBA,oCAAiB;EACjBA,sCAAmB;EACnBA,oCAAiB;AACrB,CAAC,EAJWA,eAAe,KAAfA,eAAe;MAMdC,gBAAgB,GAAGC,MAAM;EAClC,IAAIC,KAAK,GAAG,EAAE;EACd,IAAIC,WAAW,GAAG,EAAE;EAEpB,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAEnC,QAAQJ,MAAM;IACV,KAAKF,eAAe,CAACO,MAAM;MACvBJ,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACC,eAAe;MACzDP,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACE,uBAAuB;MACvE;IACJ,KAAKZ,eAAe,CAACa,MAAM;MACvBV,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACC,eAAe;MACzDP,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACI,uBAAuB;MACvE;IACJ,KAAKd,eAAe,CAACe,OAAO;MACxBZ,KAAK,GAAGE,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACM,WAAW;MACrDZ,WAAW,GAAGC,KAAK,CAACG,MAAM,CAACC,OAAO,CAACC,YAAY,CAACO,wBAAwB;MACxE;;EAGR,OAAO;IAAEd,KAAK;IAAEC;GAAa;AACjC;MAQac,SAAS,GAAGA,CAAC;EAAEhB,MAAM;EAAEiB,UAAU;EAAEC,SAAS;EAAEC;CAAkC;EACzF,MAAMC,SAAS,GAAGC,cAAK,CAACC,OAAO,CAAC;IAC5B,MAAMC,OAAO,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC7CF,OAAO,CAACG,SAAS,IACb,uIAAuI;IAE3I,OAAOH,OAAO;GACjB,EAAE,EAAE,CAAC;EAEN,MAAMI,aAAa,GAAG5B,gBAAgB,CAACC,MAAM,CAAC;EAE9C,MAAM4B,wBAAwB,GAAG,CAAC,CAACT,gBAAgB;EAEnDE,cAAK,CAACQ,SAAS,CAAC;;IAEZX,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS,CAACC,GAAG,CAAC,UAAU,CAAC;IACpCb,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEc,WAAW,CAACZ,SAAS,CAAC;IAEjC,OAAO;MACHF,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEY,SAAS,CAACG,MAAM,CAAC,UAAU,CAAC;MACvCf,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAEgB,WAAW,CAACd,SAAS,CAAC;KACpC;GACJ,EAAE,CAACQ,wBAAwB,CAAC,CAAC;;;EAI9B,oBAAOO,QAAQ,CAACC,YAAY,eACxBf,6BAACgB,OAAO;IAACpC,KAAK,EAAE0B,aAAa,CAACzB,WAAW,CAACoC,OAAO,CAAC,UAAU,EAAErB,UAAU;kBACpEI;IAAMK,SAAS,EAAC;kBACZL,6BAACkB,IAAI;IAACC,IAAI,EAAC,MAAM;IAACd,SAAS,EAAC;IAAuD,EAClFC,aAAa,CAAC1B,KAAK,CACjB,CACD,EACVmB,SAAS,CACZ;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/column/ValidationError.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationError.js","sources":["../../../../../../../../../src/components/Table2/components/column/ValidationError.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { useTruncated } from '../../../../utils/hooks/useTruncated';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\nexport const ValidationError = ({ className, ...props }: { className?: string; children: string }) => {\n    const ref = React.useRef<HTMLSpanElement>(null);\n    const { truncated } = useTruncated(ref.current);\n\n    const error = (\n        <span\n            className={cn(\n                'truncate px-px text-xs font-normal leading-normal text-red-500',\n                {\n                    'hover:cursor-pointer': truncated,\n                },\n                className\n            )}\n            ref={ref}\n            role=\"alert\"\n            {...props}\n        />\n    );\n\n    if (truncated) {\n        return <Tooltip title={props.children}>{error}</Tooltip>;\n    }\n\n    return error;\n};\n"],"names":["ValidationError","className","props","ref","React","useRef","truncated","useTruncated","current","error","cn","role","Tooltip","title","children"],"mappings":";;;;;MAKaA,eAAe,GAAG,CAAC;EAAEC,SAAS;EAAE,GAAGC;CAAiD;EAC7F,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAkB,IAAI,CAAC;EAC/C,MAAM;IAAEC;GAAW,GAAGC,YAAY,CAACJ,GAAG,CAACK,OAAO,CAAC;EAE/C,MAAMC,KAAK,gBACPL;IACIH,SAAS,EAAES,EAAE,CACT,gEAAgE,EAChE;MACI,sBAAsB,EAAEJ;KAC3B,EACDL,SAAS,CACZ;IACDE,GAAG,EAAEA,GAAG;IACRQ,IAAI,EAAC;KACDT,KAAK,EAEhB;EAED,IAAII,SAAS,EAAE;IACX,oBAAOF,6BAACQ,OAAO;MAACC,KAAK,EAAEX,KAAK,CAACY;OAAWL,KAAK,CAAW;;EAG5D,OAAOA,KAAK;AAChB;;;;"}
+{"version":3,"file":"ValidationError.js","sources":["../../../../../../../../../src/components/Table2/components/column/ValidationError.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { useTruncated } from '../../../../utils/hooks/useTruncated';\nimport { Tooltip } from '../../../Tooltip/Tooltip';\n\nexport const ValidationError = ({ className, ...props }: { className?: string; children: string }) => {\n    const ref = React.useRef<HTMLSpanElement>(null);\n    const { truncated } = useTruncated(ref.current);\n\n    const error = (\n        <span\n            className={cn(\n                'truncate px-px text-xs font-normal leading-normal text-red-500',\n                {\n                    'hover:cursor-pointer': truncated,\n                },\n                className\n            )}\n            ref={ref}\n            role=\"alert\"\n            {...props}\n        />\n    );\n\n    if (truncated) {\n        return <Tooltip title={props.children}>{error}</Tooltip>;\n    }\n\n    return error;\n};\n"],"names":["ValidationError","className","props","ref","React","useRef","truncated","useTruncated","current","error","cn","role","Tooltip","title","children"],"mappings":";;;;;MAKaA,eAAe,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;CAAiD;EAC7F,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAkB,IAAI,CAAC;EAC/C,MAAM;IAAEC;GAAW,GAAGC,YAAY,CAACJ,GAAG,CAACK,OAAO,CAAC;EAE/C,MAAMC,KAAK,gBACPL;IACIH,SAAS,EAAES,EAAE,CACT,gEAAgE,EAChE;MACI,sBAAsB,EAAEJ;KAC3B,EACDL,SAAS,CACZ;IACDE,GAAG,EAAEA,GAAG;IACRQ,IAAI,EAAC;KACDT,KAAK,EAEhB;EAED,IAAII,SAAS,EAAE;IACX,oBAAOF,6BAACQ,OAAO;MAACC,KAAK,EAAEX,KAAK,CAACY;OAAWL,KAAK,CAAW;;EAG5D,OAAOA,KAAK;AAChB;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/column/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../../../../src/components/Table2/components/column/utils.ts"],"sourcesContent":["import { isDate } from 'date-fns';\n\nimport { isWeakEqual as isWeakEqualDate } from '../../../../utils/date';\n\nexport const hasChanged = (value, newValue) => {\n    if (isDate(value) && isDate(newValue)) {\n        return !isWeakEqualDate(value, newValue);\n    } else if (Array.isArray(value)) {\n        return JSON.stringify(value) !== JSON.stringify(newValue);\n    }\n\n    return value !== newValue;\n};\n\nexport const willRowMoveAfterSorting = (value, cell, rowIndex, rows, desc): boolean => {\n    const miniSortRows = [{ ...cell.row, original: { ...cell.row.original, [cell.column.id]: value } }];\n    // getValue is used by the built-in sort functons, so we need to make sure it returns the changed value\n    miniSortRows[0].getValue = () => value;\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));\n\n    if (desc) {\n        resortedRows = resortedRows.reverse();\n    }\n\n    return resortedRows[index].id !== cell.row.id;\n};\n\nexport const clickableNodeNames = ['INPUT', 'BUTTON', 'A', 'SELECT', 'OPTION', 'LABEL', 'TEXTAREA', 'DETAILS'];\n"],"names":["hasChanged","value","newValue","isDate","isWeakEqualDate","Array","isArray","JSON","stringify","willRowMoveAfterSorting","cell","rowIndex","rows","desc","miniSortRows","row","original","column","id","getValue","index","unshift","length","push","resortedRows","sort","a","b","getSortingFn","reverse","clickableNodeNames"],"mappings":";;;MAIaA,UAAU,GAAG,CAACC,KAAK,EAAEC,QAAQ;EACtC,IAAIC,MAAM,CAACF,KAAK,CAAC,IAAIE,MAAM,CAACD,QAAQ,CAAC,EAAE;IACnC,OAAO,CAACE,WAAe,CAACH,KAAK,EAAEC,QAAQ,CAAC;GAC3C,MAAM,IAAIG,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAC7B,OAAOM,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC,KAAKM,IAAI,CAACC,SAAS,CAACN,QAAQ,CAAC;;EAG7D,OAAOD,KAAK,KAAKC,QAAQ;AAC7B;MAEaO,uBAAuB,GAAG,CAACR,KAAK,EAAES,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,IAAI;EACrE,MAAMC,YAAY,GAAG,CAAC;IAAE,GAAGJ,IAAI,CAACK,GAAG;IAAEC,QAAQ,EAAE;MAAE,GAAGN,IAAI,CAACK,GAAG,CAACC,QAAQ;MAAE,CAACN,IAAI,CAACO,MAAM,CAACC,EAAE,GAAGjB;;GAAS,CAAC;;EAEnGa,YAAY,CAAC,CAAC,CAAC,CAACK,QAAQ,GAAG,MAAMlB,KAAK;EAEtC,IAAImB,KAAK,GAAG,CAAC;EAEb,IAAIT,QAAQ,GAAG,CAAC,EAAE;IACdG,YAAY,CAACO,OAAO,CAACT,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;IACxCS,KAAK,GAAG,CAAC;;EAGb,IAAIT,QAAQ,GAAGC,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;IAC5BR,YAAY,CAACS,IAAI,CAACX,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;;EAGzC,IAAIa,YAAY,GAAG,CAAC,GAAGV,YAAY,CAAC,CAACW,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKjB,IAAI,CAACO,MAAM,CAACW,YAAY,EAAE,CAACF,CAAC,EAAEC,CAAC,EAAEjB,IAAI,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC;EAErG,IAAIL,IAAI,EAAE;IACNW,YAAY,GAAGA,YAAY,CAACK,OAAO,EAAE;;EAGzC,OAAOL,YAAY,CAACJ,KAAK,CAAC,CAACF,EAAE,KAAKR,IAAI,CAACK,GAAG,CAACG,EAAE;AACjD;MAEaY,kBAAkB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../../../../../src/components/Table2/components/column/utils.ts"],"sourcesContent":["import { isDate } from 'date-fns';\n\nimport { isWeakEqual as isWeakEqualDate } from '../../../../utils/date';\n\nexport const hasChanged = (value, newValue) => {\n    if (isDate(value) && isDate(newValue)) {\n        return !isWeakEqualDate(value, newValue);\n    } else if (Array.isArray(value)) {\n        return JSON.stringify(value) !== JSON.stringify(newValue);\n    }\n\n    return value !== newValue;\n};\n\nexport const willRowMoveAfterSorting = (value, cell, rowIndex, rows, desc): boolean => {\n    const miniSortRows = [{ ...cell.row, original: { ...cell.row.original, [cell.column.id]: value } }];\n    // getValue is used by the built-in sort functons, so we need to make sure it returns the changed value\n    miniSortRows[0].getValue = () => value;\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    let resortedRows = [...miniSortRows].sort((a, b) => cell.column.getSortingFn()(a, b, cell.column.id));\n\n    if (desc) {\n        resortedRows = resortedRows.reverse();\n    }\n\n    return resortedRows[index].id !== cell.row.id;\n};\n\nexport const clickableNodeNames = ['INPUT', 'BUTTON', 'A', 'SELECT', 'OPTION', 'LABEL', 'TEXTAREA', 'DETAILS'];\n"],"names":["hasChanged","value","newValue","isDate","isWeakEqualDate","Array","isArray","JSON","stringify","willRowMoveAfterSorting","cell","rowIndex","rows","desc","miniSortRows","row","original","column","id","getValue","index","unshift","length","push","resortedRows","sort","a","b","getSortingFn","reverse","clickableNodeNames"],"mappings":";;;MAIaA,UAAU,GAAGA,CAACC,KAAK,EAAEC,QAAQ;EACtC,IAAIC,MAAM,CAACF,KAAK,CAAC,IAAIE,MAAM,CAACD,QAAQ,CAAC,EAAE;IACnC,OAAO,CAACE,WAAe,CAACH,KAAK,EAAEC,QAAQ,CAAC;GAC3C,MAAM,IAAIG,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAC7B,OAAOM,IAAI,CAACC,SAAS,CAACP,KAAK,CAAC,KAAKM,IAAI,CAACC,SAAS,CAACN,QAAQ,CAAC;;EAG7D,OAAOD,KAAK,KAAKC,QAAQ;AAC7B;MAEaO,uBAAuB,GAAGA,CAACR,KAAK,EAAES,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,IAAI;EACrE,MAAMC,YAAY,GAAG,CAAC;IAAE,GAAGJ,IAAI,CAACK,GAAG;IAAEC,QAAQ,EAAE;MAAE,GAAGN,IAAI,CAACK,GAAG,CAACC,QAAQ;MAAE,CAACN,IAAI,CAACO,MAAM,CAACC,EAAE,GAAGjB;;GAAS,CAAC;;EAEnGa,YAAY,CAAC,CAAC,CAAC,CAACK,QAAQ,GAAG,MAAMlB,KAAK;EAEtC,IAAImB,KAAK,GAAG,CAAC;EAEb,IAAIT,QAAQ,GAAG,CAAC,EAAE;IACdG,YAAY,CAACO,OAAO,CAACT,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;IACxCS,KAAK,GAAG,CAAC;;EAGb,IAAIT,QAAQ,GAAGC,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;IAC5BR,YAAY,CAACS,IAAI,CAACX,IAAI,CAACD,QAAQ,GAAG,CAAC,CAAC,CAAC;;EAGzC,IAAIa,YAAY,GAAG,CAAC,GAAGV,YAAY,CAAC,CAACW,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKjB,IAAI,CAACO,MAAM,CAACW,YAAY,EAAE,CAACF,CAAC,EAAEC,CAAC,EAAEjB,IAAI,CAACO,MAAM,CAACC,EAAE,CAAC,CAAC;EAErG,IAAIL,IAAI,EAAE;IACNW,YAAY,GAAGA,YAAY,CAACK,OAAO,EAAE;;EAGzC,OAAOL,YAAY,CAACJ,KAAK,CAAC,CAACF,EAAE,KAAKR,IAAI,CAACK,GAAG,CAACG,EAAE;AACjD;MAEaY,kBAAkB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/FiltersButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FiltersButton.js","sources":["../../../../../../../../../src/components/Table2/components/filters/FiltersButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTTable, Column as RTColumn, TableMeta } from '@tanstack/react-table';\nimport { Button } from '../../../Button/Button';\nimport { Icon } from '../../../Icon/Icon';\nimport { Popover } from '../../../Popover/Popover';\nimport { Table2Filter, Table2FilterComparator } from '../../types';\nimport { isInternalColumn } from '../../utilities/columns';\nimport { ColumnFilter } from './components/ColumnFilter';\nimport { EmptyFilter } from './components/EmptyFilter';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { useGlobalKeyDown } from '../../../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Select2Value } from '../../../Select2/types';\n\nexport type FiltersButtonProps = {\n    length: number;\n    table: RTTable<any>;\n};\n\nexport const FiltersButton = ({ length, table }: FiltersButtonProps) => {\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort((a, b) => (a.columnDef?.header as string).localeCompare(b.columnDef?.header as string));\n    const { shouldDisableTableActions } = table.options.meta as TableMeta<any>;\n\n    const columnFilters = table.getState().columnFilters;\n\n    const filteredColumns = columnFilters.reduce((columns: RTColumn<any, any>[], columnFilter) => {\n        const column = allColumns.find(c => c.id === columnFilter.id);\n\n        if (column) {\n            return [...columns, column];\n        }\n\n        return columns;\n    }, []);\n\n    const [emptyFilterCount, setEmptyFilterCount] = React.useState(1);\n\n    const handleAdd = () => setEmptyFilterCount(emptyFilterCount + 1);\n\n    const handleReset = () => {\n        table.resetColumnFilters();\n        setEmptyFilterCount(1);\n    };\n\n    useGlobalKeyDown({ key: 'f', meta: true, shift: true }, (event: KeyboardEvent) => {\n        event.preventDefault();\n        ref.current?.click();\n    });\n\n    const handleEmptyFilterChange = (columnId: Select2Value) => {\n        // create an actual filter on that column that the user selected\n        const column = allColumns.find(c => c.getCanFilter() && c.id === columnId);\n\n        if (column) {\n            column.setFilterValue({\n                comparator: undefined,\n                value: undefined,\n            } as Table2Filter);\n        }\n\n        // hide the empty filter row because we now have a real filter\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleRemove = () => {\n        if (filteredColumns.length === 1 && emptyFilterCount === 0) {\n            setEmptyFilterCount(1);\n        }\n    };\n\n    const handleRemoveEmptyFilter = () => {\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleOpenChange = () => {\n        const emptyFilterCount = filteredColumns.length === 0 ? 1 : 0;\n        setEmptyFilterCount(emptyFilterCount);\n    };\n\n    const filters =\n        filteredColumns.length > 0 &&\n        filteredColumns.filter(column => {\n            const controlType = column.columnDef.meta?.control;\n            const value = (column.getFilterValue() as Table2Filter).value;\n            const comparator = (column.getFilterValue() as Table2Filter).comparator;\n\n            if (Array.isArray(value)) {\n                if (value.length > 0 && value.find(item => item !== undefined)) {\n                    return true;\n                }\n            } else if (value) {\n                return true;\n            } else if ([Table2FilterComparator.IsEmpty, Table2FilterComparator.IsNotEmpty].includes(comparator as number)) {\n                if (!controlType) {\n                    return true;\n                }\n            }\n            return false;\n        });\n    const filtersApplied = filters && filters.length;\n\n    return (\n        <Button\n            aria-label={texts.table2.filters.tooltip}\n            appearance={filtersApplied ? 'primary' : 'default'}\n            className={cn({\n                '!wcag-blue-100': filtersApplied,\n            })}\n            disabled={shouldDisableTableActions}\n            popover={popoverProps => (\n                <Popover {...popoverProps} onChange={handleOpenChange}>\n                    <Popover.Content>\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.table2.filters.button}</h4>\n                                    <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                        {texts.table2.filters.total\n                                            .replace('[CURRENT]', String(table.getFilteredRowModel().rows.length))\n                                            .replace('[TOTAL]', String(length))}\n                                    </p>\n                                </div>\n                                {columnFilters.length || emptyFilterCount > 1 ? (\n                                    <Button onClick={handleReset}>{texts.table2.filters.buttons.clearFilters}</Button>\n                                ) : null}\n                            </div>\n\n                            <div className=\"flex flex-col gap-2\">\n                                {filteredColumns.map((column, index) => (\n                                    <ColumnFilter\n                                        key={`${column.id}_${index}`}\n                                        allColumns={allColumns}\n                                        index={index}\n                                        column={column}\n                                        table={table}\n                                        onRemove={handleRemove}\n                                    />\n                                ))}\n                                {[...Array(emptyFilterCount)].map((_, index) => (\n                                    <EmptyFilter\n                                        key={`emptyFilter_${index}`}\n                                        index={index}\n                                        allColumns={allColumns}\n                                        table={table}\n                                        onChange={value => handleEmptyFilterChange(value)}\n                                        emptyFilterCount={emptyFilterCount}\n                                        filteredColumns={filteredColumns}\n                                        onRemove={handleRemoveEmptyFilter}\n                                    />\n                                ))}\n                                <div className=\"justify-start\">\n                                    <Button appearance=\"discrete\" onClick={handleAdd}>\n                                        + {texts.table2.filters.buttons.addNewFilter}\n                                    </Button>\n                                </div>\n                            </div>\n                        </div>\n                    </Popover.Content>\n                </Popover>\n            )}\n            ref={ref}\n            tooltip={\n                <>\n                    {texts.table2.filters.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'f', meta: true, shift: true }} />\n                </>\n            }>\n            <Icon name={filtersApplied ? 'filter-solid' : 'filter'} />\n            {texts.table2.filters.button} {filtersApplied ? `(${filtersApplied})` : ''}\n        </Button>\n    );\n};\n"],"names":["FiltersButton","length","table","texts","useLocalization","ref","React","useRef","allColumns","getAllLeafColumns","filter","column","isInternalColumn","id","sort","a","b","columnDef","header","localeCompare","shouldDisableTableActions","options","meta","columnFilters","getState","filteredColumns","reduce","columns","columnFilter","find","c","emptyFilterCount","setEmptyFilterCount","useState","handleAdd","handleReset","resetColumnFilters","useGlobalKeyDown","key","shift","event","preventDefault","current","click","handleEmptyFilterChange","columnId","getCanFilter","setFilterValue","comparator","undefined","value","handleRemove","handleRemoveEmptyFilter","handleOpenChange","filters","controlType","control","getFilterValue","Array","isArray","item","Table2FilterComparator","IsEmpty","IsNotEmpty","includes","filtersApplied","Button","table2","tooltip","appearance","className","cn","disabled","popover","popoverProps","Popover","onChange","Content","button","total","replace","String","getFilteredRowModel","rows","onClick","buttons","clearFilters","map","index","ColumnFilter","onRemove","_","EmptyFilter","addNewFilter","Shortcut","keys","Icon","name"],"mappings":"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"}
+{"version":3,"file":"FiltersButton.js","sources":["../../../../../../../../../src/components/Table2/components/filters/FiltersButton.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Table as RTTable, Column as RTColumn, TableMeta } from '@tanstack/react-table';\nimport { Button } from '../../../Button/Button';\nimport { Icon } from '../../../Icon/Icon';\nimport { Popover } from '../../../Popover/Popover';\nimport { Table2Filter, Table2FilterComparator } from '../../types';\nimport { isInternalColumn } from '../../utilities/columns';\nimport { ColumnFilter } from './components/ColumnFilter';\nimport { EmptyFilter } from './components/EmptyFilter';\nimport { Shortcut } from '../../../Shortcut/Shortcut';\nimport { useGlobalKeyDown } from '../../../../hooks/useGlobalKeyDown';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Select2Value } from '../../../Select2/types';\n\nexport type FiltersButtonProps = {\n    length: number;\n    table: RTTable<any>;\n};\n\nexport const FiltersButton = ({ length, table }: FiltersButtonProps) => {\n    const { texts } = useLocalization();\n    const ref = React.useRef<HTMLButtonElement>(null);\n    const allColumns = table\n        .getAllLeafColumns()\n        .filter(column => !isInternalColumn(column.id))\n        .sort((a, b) => (a.columnDef?.header as string).localeCompare(b.columnDef?.header as string));\n    const { shouldDisableTableActions } = table.options.meta as TableMeta<any>;\n\n    const columnFilters = table.getState().columnFilters;\n\n    const filteredColumns = columnFilters.reduce((columns: RTColumn<any, any>[], columnFilter) => {\n        const column = allColumns.find(c => c.id === columnFilter.id);\n\n        if (column) {\n            return [...columns, column];\n        }\n\n        return columns;\n    }, []);\n\n    const [emptyFilterCount, setEmptyFilterCount] = React.useState(1);\n\n    const handleAdd = () => setEmptyFilterCount(emptyFilterCount + 1);\n\n    const handleReset = () => {\n        table.resetColumnFilters();\n        setEmptyFilterCount(1);\n    };\n\n    useGlobalKeyDown({ key: 'f', meta: true, shift: true }, (event: KeyboardEvent) => {\n        event.preventDefault();\n        ref.current?.click();\n    });\n\n    const handleEmptyFilterChange = (columnId: Select2Value) => {\n        // create an actual filter on that column that the user selected\n        const column = allColumns.find(c => c.getCanFilter() && c.id === columnId);\n\n        if (column) {\n            column.setFilterValue({\n                comparator: undefined,\n                value: undefined,\n            } as Table2Filter);\n        }\n\n        // hide the empty filter row because we now have a real filter\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleRemove = () => {\n        if (filteredColumns.length === 1 && emptyFilterCount === 0) {\n            setEmptyFilterCount(1);\n        }\n    };\n\n    const handleRemoveEmptyFilter = () => {\n        setEmptyFilterCount(emptyFilterCount - 1);\n    };\n\n    const handleOpenChange = () => {\n        const emptyFilterCount = filteredColumns.length === 0 ? 1 : 0;\n        setEmptyFilterCount(emptyFilterCount);\n    };\n\n    const filters =\n        filteredColumns.length > 0 &&\n        filteredColumns.filter(column => {\n            const controlType = column.columnDef.meta?.control;\n            const value = (column.getFilterValue() as Table2Filter).value;\n            const comparator = (column.getFilterValue() as Table2Filter).comparator;\n\n            if (Array.isArray(value)) {\n                if (value.length > 0 && value.find(item => item !== undefined)) {\n                    return true;\n                }\n            } else if (value) {\n                return true;\n            } else if ([Table2FilterComparator.IsEmpty, Table2FilterComparator.IsNotEmpty].includes(comparator as number)) {\n                if (!controlType) {\n                    return true;\n                }\n            }\n            return false;\n        });\n    const filtersApplied = filters && filters.length;\n\n    return (\n        <Button\n            aria-label={texts.table2.filters.tooltip}\n            appearance={filtersApplied ? 'primary' : 'default'}\n            className={cn({\n                '!wcag-blue-100': filtersApplied,\n            })}\n            disabled={shouldDisableTableActions}\n            popover={popoverProps => (\n                <Popover {...popoverProps} onChange={handleOpenChange}>\n                    <Popover.Content>\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.table2.filters.button}</h4>\n                                    <p className=\"text-grey-700 mb-0 mr-auto mt-px inline-flex\">\n                                        {texts.table2.filters.total\n                                            .replace('[CURRENT]', String(table.getFilteredRowModel().rows.length))\n                                            .replace('[TOTAL]', String(length))}\n                                    </p>\n                                </div>\n                                {columnFilters.length || emptyFilterCount > 1 ? (\n                                    <Button onClick={handleReset}>{texts.table2.filters.buttons.clearFilters}</Button>\n                                ) : null}\n                            </div>\n\n                            <div className=\"flex flex-col gap-2\">\n                                {filteredColumns.map((column, index) => (\n                                    <ColumnFilter\n                                        key={`${column.id}_${index}`}\n                                        allColumns={allColumns}\n                                        index={index}\n                                        column={column}\n                                        table={table}\n                                        onRemove={handleRemove}\n                                    />\n                                ))}\n                                {[...Array(emptyFilterCount)].map((_, index) => (\n                                    <EmptyFilter\n                                        key={`emptyFilter_${index}`}\n                                        index={index}\n                                        allColumns={allColumns}\n                                        table={table}\n                                        onChange={value => handleEmptyFilterChange(value)}\n                                        emptyFilterCount={emptyFilterCount}\n                                        filteredColumns={filteredColumns}\n                                        onRemove={handleRemoveEmptyFilter}\n                                    />\n                                ))}\n                                <div className=\"justify-start\">\n                                    <Button appearance=\"discrete\" onClick={handleAdd}>\n                                        + {texts.table2.filters.buttons.addNewFilter}\n                                    </Button>\n                                </div>\n                            </div>\n                        </div>\n                    </Popover.Content>\n                </Popover>\n            )}\n            ref={ref}\n            tooltip={\n                <>\n                    {texts.table2.filters.tooltip}\n                    <Shortcut className=\"ml-2\" keys={{ key: 'f', meta: true, shift: true }} />\n                </>\n            }>\n            <Icon name={filtersApplied ? 'filter-solid' : 'filter'} />\n            {texts.table2.filters.button} {filtersApplied ? `(${filtersApplied})` : ''}\n        </Button>\n    );\n};\n"],"names":["FiltersButton","length","table","texts","useLocalization","ref","React","useRef","allColumns","getAllLeafColumns","filter","column","isInternalColumn","id","sort","a","b","_a$columnDef","_b$columnDef","columnDef","header","localeCompare","shouldDisableTableActions","options","meta","columnFilters","getState","filteredColumns","reduce","columns","columnFilter","find","c","emptyFilterCount","setEmptyFilterCount","useState","handleAdd","handleReset","resetColumnFilters","useGlobalKeyDown","key","shift","event","preventDefault","_ref$current","current","click","handleEmptyFilterChange","columnId","getCanFilter","setFilterValue","comparator","undefined","value","handleRemove","handleRemoveEmptyFilter","handleOpenChange","filters","controlType","_column$columnDef$met","control","getFilterValue","Array","isArray","item","Table2FilterComparator","IsEmpty","IsNotEmpty","includes","filtersApplied","Button","table2","tooltip","appearance","className","cn","disabled","popover","popoverProps","Popover","onChange","Content","button","total","replace","String","getFilteredRowModel","rows","onClick","buttons","clearFilters","map","index","ColumnFilter","onRemove","_","EmptyFilter","addNewFilter","Shortcut","keys","Icon","name"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/Column.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/Column.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../Select2/Select2';\nimport { Table2Filter } from '../../../types';\n\ntype ColumnProps = Omit<Select2Props, 'children'> & {\n    allColumns: RTColumn<any, any>[];\n    column: RTColumn<any, any>;\n    index: number;\n    table: RTTable<any>;\n};\n\nexport const Column = ({ allColumns, column, index, table, ...props }: ColumnProps) => {\n    const handleChange = id => {\n        table.setColumnFilters(currentColumnFilters => {\n            const nextColumnFilters = [...currentColumnFilters];\n            nextColumnFilters[index].id = id;\n            (nextColumnFilters[index] as Table2Filter).value = {};\n            return nextColumnFilters;\n        });\n    };\n\n    return (\n        <Select2 {...props} autoFocus onChange={handleChange} value={column.id}>\n            {allColumns.map(c => (\n                <Select2.Option\n                    key={c.id}\n                    disabled={\n                        !c.getCanFilter() || (c.id !== column.id && !!table.getState().columnFilters.find(f => f.id === c.id))\n                    }\n                    value={c.id}>\n                    {String(c.columnDef.header)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n};\n"],"names":["Column","allColumns","column","index","table","props","handleChange","id","setColumnFilters","currentColumnFilters","nextColumnFilters","value","React","Select2","autoFocus","onChange","map","c","Option","key","disabled","getCanFilter","getState","columnFilters","find","f","String","columnDef","header"],"mappings":";;;MAYaA,MAAM,GAAG,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;CAAoB;EAC9E,MAAMC,YAAY,GAAGC,EAAE;IACnBH,KAAK,CAACI,gBAAgB,CAACC,oBAAoB;MACvC,MAAMC,iBAAiB,GAAG,CAAC,GAAGD,oBAAoB,CAAC;MACnDC,iBAAiB,CAACP,KAAK,CAAC,CAACI,EAAE,GAAGA,EAAE;MAC/BG,iBAAiB,CAACP,KAAK,CAAkB,CAACQ,KAAK,GAAG,EAAE;MACrD,OAAOD,iBAAiB;KAC3B,CAAC;GACL;EAED,oBACIE,6BAACC,OAAO,oBAAKR,KAAK;IAAES,SAAS;IAACC,QAAQ,EAAET,YAAY;IAAEK,KAAK,EAAET,MAAM,CAACK;MAC/DN,UAAU,CAACe,GAAG,CAACC,CAAC,iBACbL,6BAACC,OAAO,CAACK,MAAM;IACXC,GAAG,EAAEF,CAAC,CAACV,EAAE;IACTa,QAAQ,EACJ,CAACH,CAAC,CAACI,YAAY,EAAE,IAAKJ,CAAC,CAACV,EAAE,KAAKL,MAAM,CAACK,EAAE,IAAI,CAAC,CAACH,KAAK,CAACkB,QAAQ,EAAE,CAACC,aAAa,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAAClB,EAAE,KAAKU,CAAC,CAACV,EAAE,CAAE;IAE1GI,KAAK,EAAEM,CAAC,CAACV;KACRmB,MAAM,CAACT,CAAC,CAACU,SAAS,CAACC,MAAM,CAAC,CAElC,CAAC,CACI;AAElB;;;;"}
+{"version":3,"file":"Column.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/Column.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../Select2/Select2';\nimport { Table2Filter } from '../../../types';\n\ntype ColumnProps = Omit<Select2Props, 'children'> & {\n    allColumns: RTColumn<any, any>[];\n    column: RTColumn<any, any>;\n    index: number;\n    table: RTTable<any>;\n};\n\nexport const Column = ({ allColumns, column, index, table, ...props }: ColumnProps) => {\n    const handleChange = id => {\n        table.setColumnFilters(currentColumnFilters => {\n            const nextColumnFilters = [...currentColumnFilters];\n            nextColumnFilters[index].id = id;\n            (nextColumnFilters[index] as Table2Filter).value = {};\n            return nextColumnFilters;\n        });\n    };\n\n    return (\n        <Select2 {...props} autoFocus onChange={handleChange} value={column.id}>\n            {allColumns.map(c => (\n                <Select2.Option\n                    key={c.id}\n                    disabled={\n                        !c.getCanFilter() || (c.id !== column.id && !!table.getState().columnFilters.find(f => f.id === c.id))\n                    }\n                    value={c.id}>\n                    {String(c.columnDef.header)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n};\n"],"names":["Column","allColumns","column","index","table","props","handleChange","id","setColumnFilters","currentColumnFilters","nextColumnFilters","value","React","Select2","autoFocus","onChange","map","c","Option","key","disabled","getCanFilter","getState","columnFilters","find","f","String","columnDef","header"],"mappings":";;;MAYaA,MAAM,GAAGA,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;CAAoB;EAC9E,MAAMC,YAAY,GAAGC,EAAE;IACnBH,KAAK,CAACI,gBAAgB,CAACC,oBAAoB;MACvC,MAAMC,iBAAiB,GAAG,CAAC,GAAGD,oBAAoB,CAAC;MACnDC,iBAAiB,CAACP,KAAK,CAAC,CAACI,EAAE,GAAGA,EAAE;MAC/BG,iBAAiB,CAACP,KAAK,CAAkB,CAACQ,KAAK,GAAG,EAAE;MACrD,OAAOD,iBAAiB;KAC3B,CAAC;GACL;EAED,oBACIE,6BAACC,OAAO,oBAAKR,KAAK;IAAES,SAAS;IAACC,QAAQ,EAAET,YAAY;IAAEK,KAAK,EAAET,MAAM,CAACK;MAC/DN,UAAU,CAACe,GAAG,CAACC,CAAC,iBACbL,6BAACC,OAAO,CAACK,MAAM;IACXC,GAAG,EAAEF,CAAC,CAACV,EAAE;IACTa,QAAQ,EACJ,CAACH,CAAC,CAACI,YAAY,EAAE,IAAKJ,CAAC,CAACV,EAAE,KAAKL,MAAM,CAACK,EAAE,IAAI,CAAC,CAACH,KAAK,CAACkB,QAAQ,EAAE,CAACC,aAAa,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAAClB,EAAE,KAAKU,CAAC,CAACV,EAAE,CAAE;IAE1GI,KAAK,EAAEM,CAAC,CAACV;KACRmB,MAAM,CAACT,CAAC,CAACU,SAAS,CAACC,MAAM,CAAC,CAElC,CAAC,CACI;AAElB;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/ColumnFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnFilter.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/ColumnFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Input } from '../../../../Input/Input';\nimport { Table2ColumnControlRenderer, Table2Filter, Table2FilterComparator } from '../../../types';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Column } from './Column';\nimport { Comparator } from './Comparator';\nimport { InferredControl } from './InferredControl';\nimport { useLocalization } from '../../../../Provider/Localization';\n\nexport type ColumnFilterProps = {\n    allColumns: RTColumn<any, any>[];\n    column: RTColumn<any, any>;\n    index: number;\n    table: RTTable<any>;\n    onRemove?: () => void;\n};\n\nexport const ColumnFilter = (props: ColumnFilterProps) => {\n    const { allColumns, column, index, table, onRemove } = props;\n    const { comparator, value } = column.getFilterValue() as Table2Filter;\n    const ariaLabel = String(column.columnDef.header ?? '');\n    const { texts } = useLocalization();\n    const ref = React.useRef(null);\n\n    let control;\n    const controlType = column.columnDef.meta?.control;\n\n    if (typeof controlType === 'function') {\n        control = controlType({\n            onBlur: () => Promise.resolve(),\n            onFocus: () => Promise.resolve(),\n            ref,\n            setValue: value => column.setFilterValue(currentValue => ({ ...currentValue, value })),\n            value,\n            disabled: false,\n            readOnly: false,\n        });\n    } else if (controlType === 'input') {\n        control = (\n            <Input\n                aria-label={ariaLabel}\n                onChange={event => column.setFilterValue(currentValue => ({ ...currentValue, value: event.target.value }))}\n                value={String(value ?? '')}\n            />\n        );\n    } else if (controlType === 'datepicker') {\n        control = (\n            <Datepicker\n                aria-label={ariaLabel}\n                onChange={event => column.setFilterValue(currentValue => ({ ...currentValue, value: (event as any).detail }))}\n                value={value as Date}\n            />\n        );\n    } else if (controlType === 'switch') {\n        control = (\n            <Switch\n                aria-label={ariaLabel}\n                checked={Boolean(value)}\n                onChange={checked => column.setFilterValue(currentValue => ({ ...currentValue, value: checked }))}\n            />\n        );\n    }\n\n    const handleRemove = () => {\n        column.setFilterValue(undefined);\n        onRemove?.();\n    };\n    const comparators = guessComparatorsBasedOnControl(control, controlType);\n\n    return (\n        <div className=\"flex gap-2\">\n            <div className=\"flex w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {index === 0 ? texts.table2.filters.conditions.where : texts.table2.filters.conditions.and}\n            </div>\n            <Column className=\"!w-32 flex-shrink-0\" allColumns={allColumns} column={column} index={index} table={table} />\n            <Comparator className=\"!w-32 flex-shrink-0\" column={column} comparator={comparator} validComparators={comparators} />\n            {comparator !== undefined ? (\n                <div className=\"flex flex-grow items-center\">\n                    <InferredControl column={column} comparator={comparator} value={value} />\n                </div>\n            ) : null}\n            <IconButton appearance=\"discrete\" icon=\"close\" onClick={handleRemove} />\n        </div>\n    );\n};\n\nconst guessComparatorsBasedOnControl = (instance: JSX.Element, control?: Table2ColumnControlRenderer) => {\n    if (React.isValidElement(instance)) {\n        const { props, type } = instance as any;\n\n        if (type.displayName === 'Select2') {\n            if (props.multiple) {\n                return [Table2FilterComparator.IsOneOf, Table2FilterComparator.IsNoneOf, Table2FilterComparator.IsAllOf];\n            }\n\n            return [Table2FilterComparator.IsEqualTo, Table2FilterComparator.IsNotEqualTo];\n        }\n    }\n\n    switch (control) {\n        case 'datepicker':\n            return [\n                Table2FilterComparator.IsEqualTo,\n                Table2FilterComparator.IsNotEqualTo,\n                Table2FilterComparator.IsGreaterThan,\n                Table2FilterComparator.IsLessThan,\n                Table2FilterComparator.IsBetween,\n            ];\n\n        case 'switch':\n            return [Table2FilterComparator.IsEqualTo];\n\n        default:\n            return [\n                Table2FilterComparator.Contains,\n                Table2FilterComparator.DoesNotContain,\n                Table2FilterComparator.IsEqualTo,\n                Table2FilterComparator.IsNotEqualTo,\n                Table2FilterComparator.IsEmpty,\n                Table2FilterComparator.IsNotEmpty,\n                Table2FilterComparator.IsGreaterThan,\n                Table2FilterComparator.IsLessThan,\n                Table2FilterComparator.IsBetween,\n            ];\n    }\n};\n"],"names":["ColumnFilter","props","allColumns","column","index","table","onRemove","comparator","value","getFilterValue","ariaLabel","String","columnDef","header","texts","useLocalization","ref","React","useRef","control","controlType","meta","onBlur","Promise","resolve","onFocus","setValue","setFilterValue","currentValue","disabled","readOnly","Input","onChange","event","target","Datepicker","detail","Switch","checked","Boolean","handleRemove","undefined","comparators","guessComparatorsBasedOnControl","className","table2","filters","conditions","where","and","Column","Comparator","validComparators","InferredControl","IconButton","appearance","icon","onClick","instance","isValidElement","type","displayName","multiple","Table2FilterComparator","IsOneOf","IsNoneOf","IsAllOf","IsEqualTo","IsNotEqualTo","IsGreaterThan","IsLessThan","IsBetween","Contains","DoesNotContain","IsEmpty","IsNotEmpty"],"mappings":"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"}
+{"version":3,"file":"ColumnFilter.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/ColumnFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn, Table as RTTable } from '@tanstack/react-table';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Input } from '../../../../Input/Input';\nimport { Table2ColumnControlRenderer, Table2Filter, Table2FilterComparator } from '../../../types';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Column } from './Column';\nimport { Comparator } from './Comparator';\nimport { InferredControl } from './InferredControl';\nimport { useLocalization } from '../../../../Provider/Localization';\n\nexport type ColumnFilterProps = {\n    allColumns: RTColumn<any, any>[];\n    column: RTColumn<any, any>;\n    index: number;\n    table: RTTable<any>;\n    onRemove?: () => void;\n};\n\nexport const ColumnFilter = (props: ColumnFilterProps) => {\n    const { allColumns, column, index, table, onRemove } = props;\n    const { comparator, value } = column.getFilterValue() as Table2Filter;\n    const ariaLabel = String(column.columnDef.header ?? '');\n    const { texts } = useLocalization();\n    const ref = React.useRef(null);\n\n    let control;\n    const controlType = column.columnDef.meta?.control;\n\n    if (typeof controlType === 'function') {\n        control = controlType({\n            onBlur: () => Promise.resolve(),\n            onFocus: () => Promise.resolve(),\n            ref,\n            setValue: value => column.setFilterValue(currentValue => ({ ...currentValue, value })),\n            value,\n            disabled: false,\n            readOnly: false,\n        });\n    } else if (controlType === 'input') {\n        control = (\n            <Input\n                aria-label={ariaLabel}\n                onChange={event => column.setFilterValue(currentValue => ({ ...currentValue, value: event.target.value }))}\n                value={String(value ?? '')}\n            />\n        );\n    } else if (controlType === 'datepicker') {\n        control = (\n            <Datepicker\n                aria-label={ariaLabel}\n                onChange={event => column.setFilterValue(currentValue => ({ ...currentValue, value: (event as any).detail }))}\n                value={value as Date}\n            />\n        );\n    } else if (controlType === 'switch') {\n        control = (\n            <Switch\n                aria-label={ariaLabel}\n                checked={Boolean(value)}\n                onChange={checked => column.setFilterValue(currentValue => ({ ...currentValue, value: checked }))}\n            />\n        );\n    }\n\n    const handleRemove = () => {\n        column.setFilterValue(undefined);\n        onRemove?.();\n    };\n    const comparators = guessComparatorsBasedOnControl(control, controlType);\n\n    return (\n        <div className=\"flex gap-2\">\n            <div className=\"flex w-14 flex-shrink-0 items-center justify-end pr-2 text-right\">\n                {index === 0 ? texts.table2.filters.conditions.where : texts.table2.filters.conditions.and}\n            </div>\n            <Column className=\"!w-32 flex-shrink-0\" allColumns={allColumns} column={column} index={index} table={table} />\n            <Comparator className=\"!w-32 flex-shrink-0\" column={column} comparator={comparator} validComparators={comparators} />\n            {comparator !== undefined ? (\n                <div className=\"flex flex-grow items-center\">\n                    <InferredControl column={column} comparator={comparator} value={value} />\n                </div>\n            ) : null}\n            <IconButton appearance=\"discrete\" icon=\"close\" onClick={handleRemove} />\n        </div>\n    );\n};\n\nconst guessComparatorsBasedOnControl = (instance: JSX.Element, control?: Table2ColumnControlRenderer) => {\n    if (React.isValidElement(instance)) {\n        const { props, type } = instance as any;\n\n        if (type.displayName === 'Select2') {\n            if (props.multiple) {\n                return [Table2FilterComparator.IsOneOf, Table2FilterComparator.IsNoneOf, Table2FilterComparator.IsAllOf];\n            }\n\n            return [Table2FilterComparator.IsEqualTo, Table2FilterComparator.IsNotEqualTo];\n        }\n    }\n\n    switch (control) {\n        case 'datepicker':\n            return [\n                Table2FilterComparator.IsEqualTo,\n                Table2FilterComparator.IsNotEqualTo,\n                Table2FilterComparator.IsGreaterThan,\n                Table2FilterComparator.IsLessThan,\n                Table2FilterComparator.IsBetween,\n            ];\n\n        case 'switch':\n            return [Table2FilterComparator.IsEqualTo];\n\n        default:\n            return [\n                Table2FilterComparator.Contains,\n                Table2FilterComparator.DoesNotContain,\n                Table2FilterComparator.IsEqualTo,\n                Table2FilterComparator.IsNotEqualTo,\n                Table2FilterComparator.IsEmpty,\n                Table2FilterComparator.IsNotEmpty,\n                Table2FilterComparator.IsGreaterThan,\n                Table2FilterComparator.IsLessThan,\n                Table2FilterComparator.IsBetween,\n            ];\n    }\n};\n"],"names":["ColumnFilter","props","allColumns","column","index","table","onRemove","comparator","value","getFilterValue","ariaLabel","String","_column$columnDef$hea","columnDef","header","texts","useLocalization","ref","React","useRef","control","controlType","_column$columnDef$met","meta","onBlur","Promise","resolve","onFocus","setValue","setFilterValue","currentValue","disabled","readOnly","Input","onChange","event","target","Datepicker","detail","Switch","checked","Boolean","handleRemove","undefined","comparators","guessComparatorsBasedOnControl","className","table2","filters","conditions","where","and","Column","Comparator","validComparators","InferredControl","IconButton","appearance","icon","onClick","instance","isValidElement","type","displayName","multiple","Table2FilterComparator","IsOneOf","IsNoneOf","IsAllOf","IsEqualTo","IsNotEqualTo","IsGreaterThan","IsLessThan","IsBetween","Contains","DoesNotContain","IsEmpty","IsNotEmpty"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/Comparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Comparator.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/Comparator.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../Select2/Select2';\nimport { Table2FilterComparator } from '../../../types';\nimport { LocalizationTexts, useLocalization } from '../../../../Provider/Localization';\n\ntype ComparatorProps = Omit<Select2Props, 'children'> & {\n    column: RTColumn<any, any>;\n    comparator?: Table2FilterComparator;\n    validComparators: Table2FilterComparator[];\n};\n\nexport const Comparator = ({ column, comparator, validComparators, ...props }: ComparatorProps) => {\n    const { texts } = useLocalization();\n    const handleChange = comparator => {\n        column.setFilterValue(currentFilterValue => ({\n            comparator,\n            value: comparator === Table2FilterComparator.IsBetween ? [] : currentFilterValue.value,\n        }));\n    };\n\n    React.useEffect(() => {\n        if (comparator === undefined) {\n            const initialComparator = validComparators[0];\n            column.setFilterValue(currentFilterValue => ({\n                comparator: initialComparator,\n                value:\n                    initialComparator === Table2FilterComparator.IsBetween && !Array.isArray(currentFilterValue.value)\n                        ? []\n                        : currentFilterValue.value,\n            }));\n        }\n    }, []);\n\n    return (\n        <Select2 {...props} onChange={handleChange} value={comparator}>\n            {validComparators.map(comp => (\n                <Select2.Option key={comp} value={comp}>\n                    {getComparatorText(comp, texts)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n};\n\nconst getComparatorText = (comparator: Table2FilterComparator, texts: LocalizationTexts) => {\n    switch (comparator) {\n        case Table2FilterComparator.Contains:\n            return texts.table2.filters.comparators.contains;\n        case Table2FilterComparator.DoesNotContain:\n            return texts.table2.filters.comparators.doesNotContain;\n        case Table2FilterComparator.IsEqualTo:\n            return texts.table2.filters.comparators.isEqualTo;\n        case Table2FilterComparator.IsNotEqualTo:\n            return texts.table2.filters.comparators.isNotEqualTo;\n        case Table2FilterComparator.IsGreaterThan:\n            return texts.table2.filters.comparators.isGreaterThan;\n        case Table2FilterComparator.IsLessThan:\n            return texts.table2.filters.comparators.isLessThan;\n        case Table2FilterComparator.IsBetween:\n            return texts.table2.filters.comparators.isBetween;\n        case Table2FilterComparator.IsOneOf:\n            return texts.table2.filters.comparators.isOneOf;\n        case Table2FilterComparator.IsNoneOf:\n            return texts.table2.filters.comparators.isNoneOf;\n        case Table2FilterComparator.IsAllOf:\n            return texts.table2.filters.comparators.isAllOf;\n        case Table2FilterComparator.IsEmpty:\n            return texts.table2.filters.comparators.isEmpty;\n        case Table2FilterComparator.IsNotEmpty:\n            return texts.table2.filters.comparators.isNotEmpty;\n    }\n};\n"],"names":["Comparator","column","comparator","validComparators","props","texts","useLocalization","handleChange","setFilterValue","currentFilterValue","value","Table2FilterComparator","IsBetween","React","useEffect","undefined","initialComparator","Array","isArray","Select2","onChange","map","comp","Option","key","getComparatorText","Contains","table2","filters","comparators","contains","DoesNotContain","doesNotContain","IsEqualTo","isEqualTo","IsNotEqualTo","isNotEqualTo","IsGreaterThan","isGreaterThan","IsLessThan","isLessThan","isBetween","IsOneOf","isOneOf","IsNoneOf","isNoneOf","IsAllOf","isAllOf","IsEmpty","isEmpty","IsNotEmpty","isNotEmpty"],"mappings":"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"}
+{"version":3,"file":"Comparator.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/Comparator.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn } from '@tanstack/react-table';\nimport { Select2, Select2Props } from '../../../../Select2/Select2';\nimport { Table2FilterComparator } from '../../../types';\nimport { LocalizationTexts, useLocalization } from '../../../../Provider/Localization';\n\ntype ComparatorProps = Omit<Select2Props, 'children'> & {\n    column: RTColumn<any, any>;\n    comparator?: Table2FilterComparator;\n    validComparators: Table2FilterComparator[];\n};\n\nexport const Comparator = ({ column, comparator, validComparators, ...props }: ComparatorProps) => {\n    const { texts } = useLocalization();\n    const handleChange = comparator => {\n        column.setFilterValue(currentFilterValue => ({\n            comparator,\n            value: comparator === Table2FilterComparator.IsBetween ? [] : currentFilterValue.value,\n        }));\n    };\n\n    React.useEffect(() => {\n        if (comparator === undefined) {\n            const initialComparator = validComparators[0];\n            column.setFilterValue(currentFilterValue => ({\n                comparator: initialComparator,\n                value:\n                    initialComparator === Table2FilterComparator.IsBetween && !Array.isArray(currentFilterValue.value)\n                        ? []\n                        : currentFilterValue.value,\n            }));\n        }\n    }, []);\n\n    return (\n        <Select2 {...props} onChange={handleChange} value={comparator}>\n            {validComparators.map(comp => (\n                <Select2.Option key={comp} value={comp}>\n                    {getComparatorText(comp, texts)}\n                </Select2.Option>\n            ))}\n        </Select2>\n    );\n};\n\nconst getComparatorText = (comparator: Table2FilterComparator, texts: LocalizationTexts) => {\n    switch (comparator) {\n        case Table2FilterComparator.Contains:\n            return texts.table2.filters.comparators.contains;\n        case Table2FilterComparator.DoesNotContain:\n            return texts.table2.filters.comparators.doesNotContain;\n        case Table2FilterComparator.IsEqualTo:\n            return texts.table2.filters.comparators.isEqualTo;\n        case Table2FilterComparator.IsNotEqualTo:\n            return texts.table2.filters.comparators.isNotEqualTo;\n        case Table2FilterComparator.IsGreaterThan:\n            return texts.table2.filters.comparators.isGreaterThan;\n        case Table2FilterComparator.IsLessThan:\n            return texts.table2.filters.comparators.isLessThan;\n        case Table2FilterComparator.IsBetween:\n            return texts.table2.filters.comparators.isBetween;\n        case Table2FilterComparator.IsOneOf:\n            return texts.table2.filters.comparators.isOneOf;\n        case Table2FilterComparator.IsNoneOf:\n            return texts.table2.filters.comparators.isNoneOf;\n        case Table2FilterComparator.IsAllOf:\n            return texts.table2.filters.comparators.isAllOf;\n        case Table2FilterComparator.IsEmpty:\n            return texts.table2.filters.comparators.isEmpty;\n        case Table2FilterComparator.IsNotEmpty:\n            return texts.table2.filters.comparators.isNotEmpty;\n    }\n};\n"],"names":["Comparator","column","comparator","validComparators","props","texts","useLocalization","handleChange","setFilterValue","currentFilterValue","value","Table2FilterComparator","IsBetween","React","useEffect","undefined","initialComparator","Array","isArray","Select2","onChange","map","comp","Option","key","getComparatorText","Contains","table2","filters","comparators","contains","DoesNotContain","doesNotContain","IsEqualTo","isEqualTo","IsNotEqualTo","isNotEqualTo","IsGreaterThan","isGreaterThan","IsLessThan","isLessThan","isBetween","IsOneOf","isOneOf","IsNoneOf","isNoneOf","IsAllOf","isAllOf","IsEmpty","isEmpty","IsNotEmpty","isNotEmpty"],"mappings":";;;;;MAYaA,UAAU,GAAGA,CAAC;EAAEC,MAAM;EAAEC,UAAU;EAAEC,gBAAgB;EAAE,GAAGC;CAAwB;EAC1F,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMC,YAAY,GAAGL,UAAU;IAC3BD,MAAM,CAACO,cAAc,CAACC,kBAAkB,KAAK;MACzCP,UAAU;MACVQ,KAAK,EAAER,UAAU,KAAKS,sBAAsB,CAACC,SAAS,GAAG,EAAE,GAAGH,kBAAkB,CAACC;KACpF,CAAC,CAAC;GACN;EAEDG,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIZ,UAAU,KAAKa,SAAS,EAAE;MAC1B,MAAMC,iBAAiB,GAAGb,gBAAgB,CAAC,CAAC,CAAC;MAC7CF,MAAM,CAACO,cAAc,CAACC,kBAAkB,KAAK;QACzCP,UAAU,EAAEc,iBAAiB;QAC7BN,KAAK,EACDM,iBAAiB,KAAKL,sBAAsB,CAACC,SAAS,IAAI,CAACK,KAAK,CAACC,OAAO,CAACT,kBAAkB,CAACC,KAAK,CAAC,GAC5F,EAAE,GACFD,kBAAkB,CAACC;OAChC,CAAC,CAAC;;GAEV,EAAE,EAAE,CAAC;EAEN,oBACIG,6BAACM,OAAO,oBAAKf,KAAK;IAAEgB,QAAQ,EAAEb,YAAY;IAAEG,KAAK,EAAER;MAC9CC,gBAAgB,CAACkB,GAAG,CAACC,IAAI,iBACtBT,6BAACM,OAAO,CAACI,MAAM;IAACC,GAAG,EAAEF,IAAI;IAAEZ,KAAK,EAAEY;KAC7BG,iBAAiB,CAACH,IAAI,EAAEjB,KAAK,CAAC,CAEtC,CAAC,CACI;AAElB;AAEA,MAAMoB,iBAAiB,GAAGA,CAACvB,UAAkC,EAAEG,KAAwB;EACnF,QAAQH,UAAU;IACd,KAAKS,sBAAsB,CAACe,QAAQ;MAChC,OAAOrB,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACC,QAAQ;IACpD,KAAKnB,sBAAsB,CAACoB,cAAc;MACtC,OAAO1B,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACG,cAAc;IAC1D,KAAKrB,sBAAsB,CAACsB,SAAS;MACjC,OAAO5B,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACK,SAAS;IACrD,KAAKvB,sBAAsB,CAACwB,YAAY;MACpC,OAAO9B,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACO,YAAY;IACxD,KAAKzB,sBAAsB,CAAC0B,aAAa;MACrC,OAAOhC,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACS,aAAa;IACzD,KAAK3B,sBAAsB,CAAC4B,UAAU;MAClC,OAAOlC,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACW,UAAU;IACtD,KAAK7B,sBAAsB,CAACC,SAAS;MACjC,OAAOP,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACY,SAAS;IACrD,KAAK9B,sBAAsB,CAAC+B,OAAO;MAC/B,OAAOrC,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACc,OAAO;IACnD,KAAKhC,sBAAsB,CAACiC,QAAQ;MAChC,OAAOvC,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACgB,QAAQ;IACpD,KAAKlC,sBAAsB,CAACmC,OAAO;MAC/B,OAAOzC,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACkB,OAAO;IACnD,KAAKpC,sBAAsB,CAACqC,OAAO;MAC/B,OAAO3C,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACoB,OAAO;IACnD,KAAKtC,sBAAsB,CAACuC,UAAU;MAClC,OAAO7C,KAAK,CAACsB,MAAM,CAACC,OAAO,CAACC,WAAW,CAACsB,UAAU;;AAE9D,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/filters/components/InferredControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InferredControl.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/InferredControl.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../Input/Input';\nimport { Table2FilterComparator } from '../../../types';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\n\ntype InferredControlProps = {\n    column: RTColumn<any, any>;\n    comparator: Table2FilterComparator;\n    value: any | any[];\n};\n\nexport const InferredControl = ({ column, comparator, value }: InferredControlProps) => {\n    const ariaLabel = column.columnDef.header as string | undefined;\n\n    if (comparator === Table2FilterComparator.IsEmpty || comparator === Table2FilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === Table2FilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Datepicker\n                        aria-label={ariaLabel}\n                        onChange={event =>\n                            column.setFilterValue(currentValue => ({\n                                ...currentValue,\n                                value: [(event as any).detail, toValue],\n                            }))\n                        }\n                        value={fromValue}\n                    />\n                    <Datepicker\n                        aria-label={ariaLabel}\n                        onChange={event =>\n                            column.setFilterValue(currentValue => ({\n                                ...currentValue,\n                                value: [fromValue, (event as any).detail],\n                            }))\n                        }\n                        value={toValue}\n                    />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Input\n                    aria-label={ariaLabel}\n                    className=\"flex-grow\"\n                    placeholder=\"from\"\n                    onChange={event => {\n                        const value = parseInt(event.target.value);\n                        column.setFilterValue(currentValue => ({\n                            ...currentValue,\n                            value: [isNaN(value) ? undefined : value, toValue],\n                        }));\n                    }}\n                    value={fromValue ?? ''}\n                />\n                <Input\n                    className=\"flex-grow\"\n                    placeholder=\"to\"\n                    onChange={event => {\n                        const value = parseInt(event.target.value);\n                        column.setFilterValue(currentValue => ({\n                            ...currentValue,\n                            value: [fromValue, isNaN(value) ? undefined : value],\n                        }));\n                    }}\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n\n    if (column.columnDef.meta?.dataType === 'datetime') {\n        return (\n            <Datepicker\n                aria-label={ariaLabel}\n                onChange={event =>\n                    column.setFilterValue(currentValue => ({\n                        ...currentValue,\n                        value: (event as any).detail,\n                    }))\n                }\n                value={value}\n            />\n        );\n    } else if (column.columnDef.meta?.dataType === 'boolean') {\n        return (\n            <Switch\n                aria-label={ariaLabel}\n                onChange={checked =>\n                    column.setFilterValue(currentValue => ({\n                        ...currentValue,\n                        value: checked,\n                    }))\n                }\n                checked={value}\n            />\n        );\n    }\n\n    return (\n        <Input\n            aria-label={ariaLabel}\n            className=\"flex-grow\"\n            onChange={event =>\n                column.setFilterValue(currentValue => ({\n                    ...currentValue,\n                    value: event.target.value,\n                }))\n            }\n            required\n            value={value ?? ''}\n        />\n    );\n};\n"],"names":["InferredControl","column","comparator","value","ariaLabel","columnDef","header","Table2FilterComparator","IsEmpty","IsNotEmpty","IsBetween","fromValue","Array","isArray","undefined","toValue","meta","dataType","React","className","Datepicker","onChange","event","setFilterValue","currentValue","detail","Input","placeholder","parseInt","target","isNaN","Switch","checked","required"],"mappings":"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"}
+{"version":3,"file":"InferredControl.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/InferredControl.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../Input/Input';\nimport { Table2FilterComparator } from '../../../types';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\n\ntype InferredControlProps = {\n    column: RTColumn<any, any>;\n    comparator: Table2FilterComparator;\n    value: any | any[];\n};\n\nexport const InferredControl = ({ column, comparator, value }: InferredControlProps) => {\n    const ariaLabel = column.columnDef.header as string | undefined;\n\n    if (comparator === Table2FilterComparator.IsEmpty || comparator === Table2FilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === Table2FilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Datepicker\n                        aria-label={ariaLabel}\n                        onChange={event =>\n                            column.setFilterValue(currentValue => ({\n                                ...currentValue,\n                                value: [(event as any).detail, toValue],\n                            }))\n                        }\n                        value={fromValue}\n                    />\n                    <Datepicker\n                        aria-label={ariaLabel}\n                        onChange={event =>\n                            column.setFilterValue(currentValue => ({\n                                ...currentValue,\n                                value: [fromValue, (event as any).detail],\n                            }))\n                        }\n                        value={toValue}\n                    />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Input\n                    aria-label={ariaLabel}\n                    className=\"flex-grow\"\n                    placeholder=\"from\"\n                    onChange={event => {\n                        const value = parseInt(event.target.value);\n                        column.setFilterValue(currentValue => ({\n                            ...currentValue,\n                            value: [isNaN(value) ? undefined : value, toValue],\n                        }));\n                    }}\n                    value={fromValue ?? ''}\n                />\n                <Input\n                    className=\"flex-grow\"\n                    placeholder=\"to\"\n                    onChange={event => {\n                        const value = parseInt(event.target.value);\n                        column.setFilterValue(currentValue => ({\n                            ...currentValue,\n                            value: [fromValue, isNaN(value) ? undefined : value],\n                        }));\n                    }}\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n\n    if (column.columnDef.meta?.dataType === 'datetime') {\n        return (\n            <Datepicker\n                aria-label={ariaLabel}\n                onChange={event =>\n                    column.setFilterValue(currentValue => ({\n                        ...currentValue,\n                        value: (event as any).detail,\n                    }))\n                }\n                value={value}\n            />\n        );\n    } else if (column.columnDef.meta?.dataType === 'boolean') {\n        return (\n            <Switch\n                aria-label={ariaLabel}\n                onChange={checked =>\n                    column.setFilterValue(currentValue => ({\n                        ...currentValue,\n                        value: checked,\n                    }))\n                }\n                checked={value}\n            />\n        );\n    }\n\n    return (\n        <Input\n            aria-label={ariaLabel}\n            className=\"flex-grow\"\n            onChange={event =>\n                column.setFilterValue(currentValue => ({\n                    ...currentValue,\n                    value: event.target.value,\n                }))\n            }\n            required\n            value={value ?? ''}\n        />\n    );\n};\n"],"names":["InferredControl","column","comparator","value","ariaLabel","columnDef","header","Table2FilterComparator","IsEmpty","IsNotEmpty","IsBetween","_column$columnDef$met","fromValue","Array","isArray","undefined","toValue","meta","dataType","React","className","Datepicker","onChange","event","setFilterValue","currentValue","detail","Input","placeholder","parseInt","target","isNaN","_column$columnDef$met2","_column$columnDef$met3","Switch","checked","required"],"mappings":";;;;;;MAaaA,eAAe,GAAGA,CAAC;EAAEC,MAAM;EAAEC,UAAU;EAAEC;CAA6B;;EAC/E,MAAMC,SAAS,GAAGH,MAAM,CAACI,SAAS,CAACC,MAA4B;EAE/D,IAAIJ,UAAU,KAAKK,sBAAsB,CAACC,OAAO,IAAIN,UAAU,KAAKK,sBAAsB,CAACE,UAAU,EAAE;IACnG,OAAO,IAAI;;EAGf,IAAIP,UAAU,KAAKK,sBAAsB,CAACG,SAAS,EAAE;IAAA,IAAAC,qBAAA;IACjD,MAAMC,SAAS,GAAGC,KAAK,CAACC,OAAO,CAACX,KAAK,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,GAAGY,SAAS;IAC7D,MAAMC,OAAO,GAAGH,KAAK,CAACC,OAAO,CAACX,KAAK,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,GAAGY,SAAS;IAE3D,IAAI,EAAAJ,qBAAA,GAAAV,MAAM,CAACI,SAAS,CAACY,IAAI,cAAAN,qBAAA,uBAArBA,qBAAA,CAAuBO,QAAQ,MAAK,UAAU,EAAE;MAChD,oBACIC;QAAKC,SAAS,EAAC;sBACXD,6BAACE,UAAU;sBACKjB,SAAS;QACrBkB,QAAQ,EAAEC,KAAK,IACXtB,MAAM,CAACuB,cAAc,CAACC,YAAY,KAAK;UACnC,GAAGA,YAAY;UACftB,KAAK,EAAE,CAAEoB,KAAa,CAACG,MAAM,EAAEV,OAAO;SACzC,CAAC,CAAC;QAEPb,KAAK,EAAES;QACT,eACFO,6BAACE,UAAU;sBACKjB,SAAS;QACrBkB,QAAQ,EAAEC,KAAK,IACXtB,MAAM,CAACuB,cAAc,CAACC,YAAY,KAAK;UACnC,GAAGA,YAAY;UACftB,KAAK,EAAE,CAACS,SAAS,EAAGW,KAAa,CAACG,MAAM;SAC3C,CAAC,CAAC;QAEPvB,KAAK,EAAEa;QACT,CACA;;IAId,oBACIG;MAAKC,SAAS,EAAC;oBACXD,6BAACQ,KAAK;oBACUvB,SAAS;MACrBgB,SAAS,EAAC,WAAW;MACrBQ,WAAW,EAAC,MAAM;MAClBN,QAAQ,EAAEC,KAAK;QACX,MAAMpB,KAAK,GAAG0B,QAAQ,CAACN,KAAK,CAACO,MAAM,CAAC3B,KAAK,CAAC;QAC1CF,MAAM,CAACuB,cAAc,CAACC,YAAY,KAAK;UACnC,GAAGA,YAAY;UACftB,KAAK,EAAE,CAAC4B,KAAK,CAAC5B,KAAK,CAAC,GAAGY,SAAS,GAAGZ,KAAK,EAAEa,OAAO;SACpD,CAAC,CAAC;OACN;MACDb,KAAK,EAAES,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI;MACtB,eACFO,6BAACQ,KAAK;MACFP,SAAS,EAAC,WAAW;MACrBQ,WAAW,EAAC,IAAI;MAChBN,QAAQ,EAAEC,KAAK;QACX,MAAMpB,KAAK,GAAG0B,QAAQ,CAACN,KAAK,CAACO,MAAM,CAAC3B,KAAK,CAAC;QAC1CF,MAAM,CAACuB,cAAc,CAACC,YAAY,KAAK;UACnC,GAAGA,YAAY;UACftB,KAAK,EAAE,CAACS,SAAS,EAAEmB,KAAK,CAAC5B,KAAK,CAAC,GAAGY,SAAS,GAAGZ,KAAK;SACtD,CAAC,CAAC;OACN;MACDA,KAAK,EAAEa,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI;MACpB,CACA;;EAId,IAAI,EAAAgB,sBAAA,GAAA/B,MAAM,CAACI,SAAS,CAACY,IAAI,cAAAe,sBAAA,uBAArBA,sBAAA,CAAuBd,QAAQ,MAAK,UAAU,EAAE;IAChD,oBACIC,6BAACE,UAAU;oBACKjB,SAAS;MACrBkB,QAAQ,EAAEC,KAAK,IACXtB,MAAM,CAACuB,cAAc,CAACC,YAAY,KAAK;QACnC,GAAGA,YAAY;QACftB,KAAK,EAAGoB,KAAa,CAACG;OACzB,CAAC,CAAC;MAEPvB,KAAK,EAAEA;MACT;GAET,MAAM,IAAI,EAAA8B,sBAAA,GAAAhC,MAAM,CAACI,SAAS,CAACY,IAAI,cAAAgB,sBAAA,uBAArBA,sBAAA,CAAuBf,QAAQ,MAAK,SAAS,EAAE;IACtD,oBACIC,6BAACe,MAAM;oBACS9B,SAAS;MACrBkB,QAAQ,EAAEa,OAAO,IACblC,MAAM,CAACuB,cAAc,CAACC,YAAY,KAAK;QACnC,GAAGA,YAAY;QACftB,KAAK,EAAEgC;OACV,CAAC,CAAC;MAEPA,OAAO,EAAEhC;MACX;;EAIV,oBACIgB,6BAACQ,KAAK;kBACUvB,SAAS;IACrBgB,SAAS,EAAC,WAAW;IACrBE,QAAQ,EAAEC,KAAK,IACXtB,MAAM,CAACuB,cAAc,CAACC,YAAY,KAAK;MACnC,GAAGA,YAAY;MACftB,KAAK,EAAEoB,KAAK,CAACO,MAAM,CAAC3B;KACvB,CAAC,CAAC;IAEPiC,QAAQ;IACRjC,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI;IAClB;AAEV;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/row/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../../../src/components/Table2/components/row/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { SaveHandlerErrorResponse } from '../../types';\nimport { IndicatorReason } from '../column/Indicator';\n\ntype RowContextValue = {\n    // we store this here because the \"real\" row index comes from the virtualiser,\n    // and that isn't accessible in some places we need it - like the row actions column\n    isActive: boolean;\n    editMode: {\n        validationErrors: SaveHandlerErrorResponse;\n        setValidationErrors: React.Dispatch<React.SetStateAction<SaveHandlerErrorResponse>>;\n        rowMoveReason: Record<string, IndicatorReason | null>;\n        setRowMoveReason: React.Dispatch<React.SetStateAction<Record<string, IndicatorReason | null>>>;\n    };\n    rowIndex?: number;\n    isHovered: boolean;\n    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    isActive: false,\n    editMode: {\n        validationErrors: null,\n        setValidationErrors: () => undefined,\n        rowMoveReason: {},\n        setRowMoveReason: () => undefined,\n    },\n    rowIndex: undefined,\n    isHovered: false,\n    setIsHovered: () => undefined,\n});\n\nexport const RowContextProvider = ({ isActiveRow, children, meta, rowIndex }) => {\n    // we use non-css hovered state to determine whether to render actions or not, for performance\n    const [isHovered, setIsHovered] = React.useState(false);\n\n    // editing specific functionality\n    const [validationErrors, setValidationErrors] = React.useState<SaveHandlerErrorResponse | null>(null);\n    const [rowMoveReason, setRowMoveReason] = React.useState<Record<string, IndicatorReason | null>>({});\n\n    // This effect aims to focus the first focussable cell when edit mode is turned on.\n    React.useEffect(() => {\n        const isFocusInsideTable = meta.tableRef.current?.contains(document.activeElement);\n\n        // If the foucs is outside the table i.e., table action popups, search etc., then don't focus the first cell.\n        if (isActiveRow && isFocusInsideTable) {\n            meta.editMode.moveToFirstColumn(meta.focussableColumnIndexes);\n        }\n        // We are intentionally not adding activeRow to the depency variable so that everytime active row is changed,\n        // first focussable cell is not focussed.\n    }, [meta.editMode.isEditing, meta.focussableColumnIndexes]);\n\n    const context = React.useMemo(() => {\n        return {\n            isActive: isActiveRow,\n            editMode: {\n                validationErrors,\n                setValidationErrors,\n                rowMoveReason,\n                setRowMoveReason,\n            },\n            rowIndex,\n            isHovered,\n            setIsHovered,\n        };\n    }, [isActiveRow, isHovered, rowMoveReason, validationErrors, rowIndex]);\n\n    return <RowContext.Provider value={context}>{children}</RowContext.Provider>;\n};\n\nexport const useRowContext = () => React.useContext(RowContext);\n"],"names":["RowContext","React","createContext","isActive","editMode","validationErrors","setValidationErrors","undefined","rowMoveReason","setRowMoveReason","rowIndex","isHovered","setIsHovered","RowContextProvider","isActiveRow","children","meta","useState","useEffect","isFocusInsideTable","tableRef","current","contains","document","activeElement","moveToFirstColumn","focussableColumnIndexes","isEditing","context","useMemo","Provider","value","useRowContext","useContext"],"mappings":";;MAmBaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;IACNC,gBAAgB,EAAE,IAAI;IACtBC,mBAAmB,EAAE,MAAMC,SAAS;IACpCC,aAAa,EAAE,EAAE;IACjBC,gBAAgB,EAAE,MAAMF;GAC3B;EACDG,QAAQ,EAAEH,SAAS;EACnBI,SAAS,EAAE,KAAK;EAChBC,YAAY,EAAE,MAAML;CACvB;MAEYM,kBAAkB,GAAG,CAAC;EAAEC,WAAW;EAAEC,QAAQ;EAAEC,IAAI;EAAEN;CAAU;;EAExE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGX,cAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;;EAGvD,MAAM,CAACZ,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGL,cAAK,CAACgB,QAAQ,CAAkC,IAAI,CAAC;EACrG,MAAM,CAACT,aAAa,EAAEC,gBAAgB,CAAC,GAAGR,cAAK,CAACgB,QAAQ,CAAyC,EAAE,CAAC;;EAGpGhB,cAAK,CAACiB,SAAS,CAAC;;IACZ,MAAMC,kBAAkB,4BAAGH,IAAI,CAACI,QAAQ,CAACC,OAAO,0DAArB,sBAAuBC,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;;IAGlF,IAAIV,WAAW,IAAIK,kBAAkB,EAAE;MACnCH,IAAI,CAACZ,QAAQ,CAACqB,iBAAiB,CAACT,IAAI,CAACU,uBAAuB,CAAC;;;;GAIpE,EAAE,CAACV,IAAI,CAACZ,QAAQ,CAACuB,SAAS,EAAEX,IAAI,CAACU,uBAAuB,CAAC,CAAC;EAE3D,MAAME,OAAO,GAAG3B,cAAK,CAAC4B,OAAO,CAAC;IAC1B,OAAO;MACH1B,QAAQ,EAAEW,WAAW;MACrBV,QAAQ,EAAE;QACNC,gBAAgB;QAChBC,mBAAmB;QACnBE,aAAa;QACbC;OACH;MACDC,QAAQ;MACRC,SAAS;MACTC;KACH;GACJ,EAAE,CAACE,WAAW,EAAEH,SAAS,EAAEH,aAAa,EAAEH,gBAAgB,EAAEK,QAAQ,CAAC,CAAC;EAEvE,oBAAOT,6BAACD,UAAU,CAAC8B,QAAQ;IAACC,KAAK,EAAEH;KAAUb,QAAQ,CAAuB;AAChF;MAEaiB,aAAa,GAAG,MAAM/B,cAAK,CAACgC,UAAU,CAACjC,UAAU;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../../../src/components/Table2/components/row/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { SaveHandlerErrorResponse } from '../../types';\nimport { IndicatorReason } from '../column/Indicator';\n\ntype RowContextValue = {\n    // we store this here because the \"real\" row index comes from the virtualiser,\n    // and that isn't accessible in some places we need it - like the row actions column\n    isActive: boolean;\n    editMode: {\n        validationErrors: SaveHandlerErrorResponse;\n        setValidationErrors: React.Dispatch<React.SetStateAction<SaveHandlerErrorResponse>>;\n        rowMoveReason: Record<string, IndicatorReason | null>;\n        setRowMoveReason: React.Dispatch<React.SetStateAction<Record<string, IndicatorReason | null>>>;\n    };\n    rowIndex?: number;\n    isHovered: boolean;\n    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    isActive: false,\n    editMode: {\n        validationErrors: null,\n        setValidationErrors: () => undefined,\n        rowMoveReason: {},\n        setRowMoveReason: () => undefined,\n    },\n    rowIndex: undefined,\n    isHovered: false,\n    setIsHovered: () => undefined,\n});\n\nexport const RowContextProvider = ({ isActiveRow, children, meta, rowIndex }) => {\n    // we use non-css hovered state to determine whether to render actions or not, for performance\n    const [isHovered, setIsHovered] = React.useState(false);\n\n    // editing specific functionality\n    const [validationErrors, setValidationErrors] = React.useState<SaveHandlerErrorResponse | null>(null);\n    const [rowMoveReason, setRowMoveReason] = React.useState<Record<string, IndicatorReason | null>>({});\n\n    // This effect aims to focus the first focussable cell when edit mode is turned on.\n    React.useEffect(() => {\n        const isFocusInsideTable = meta.tableRef.current?.contains(document.activeElement);\n\n        // If the foucs is outside the table i.e., table action popups, search etc., then don't focus the first cell.\n        if (isActiveRow && isFocusInsideTable) {\n            meta.editMode.moveToFirstColumn(meta.focussableColumnIndexes);\n        }\n        // We are intentionally not adding activeRow to the depency variable so that everytime active row is changed,\n        // first focussable cell is not focussed.\n    }, [meta.editMode.isEditing, meta.focussableColumnIndexes]);\n\n    const context = React.useMemo(() => {\n        return {\n            isActive: isActiveRow,\n            editMode: {\n                validationErrors,\n                setValidationErrors,\n                rowMoveReason,\n                setRowMoveReason,\n            },\n            rowIndex,\n            isHovered,\n            setIsHovered,\n        };\n    }, [isActiveRow, isHovered, rowMoveReason, validationErrors, rowIndex]);\n\n    return <RowContext.Provider value={context}>{children}</RowContext.Provider>;\n};\n\nexport const useRowContext = () => React.useContext(RowContext);\n"],"names":["RowContext","React","createContext","isActive","editMode","validationErrors","setValidationErrors","undefined","rowMoveReason","setRowMoveReason","rowIndex","isHovered","setIsHovered","RowContextProvider","isActiveRow","children","meta","useState","useEffect","isFocusInsideTable","_meta$tableRef$curren","tableRef","current","contains","document","activeElement","moveToFirstColumn","focussableColumnIndexes","isEditing","context","useMemo","Provider","value","useRowContext","useContext"],"mappings":";;MAmBaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;IACNC,gBAAgB,EAAE,IAAI;IACtBC,mBAAmB,EAAEA,MAAMC,SAAS;IACpCC,aAAa,EAAE,EAAE;IACjBC,gBAAgB,EAAEA,MAAMF;GAC3B;EACDG,QAAQ,EAAEH,SAAS;EACnBI,SAAS,EAAE,KAAK;EAChBC,YAAY,EAAEA,MAAML;CACvB;MAEYM,kBAAkB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,QAAQ;EAAEC,IAAI;EAAEN;CAAU;;EAExE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGX,cAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;;EAGvD,MAAM,CAACZ,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGL,cAAK,CAACgB,QAAQ,CAAkC,IAAI,CAAC;EACrG,MAAM,CAACT,aAAa,EAAEC,gBAAgB,CAAC,GAAGR,cAAK,CAACgB,QAAQ,CAAyC,EAAE,CAAC;;EAGpGhB,cAAK,CAACiB,SAAS,CAAC;;IACZ,MAAMC,kBAAkB,IAAAC,qBAAA,GAAGJ,IAAI,CAACK,QAAQ,CAACC,OAAO,cAAAF,qBAAA,uBAArBA,qBAAA,CAAuBG,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;;IAGlF,IAAIX,WAAW,IAAIK,kBAAkB,EAAE;MACnCH,IAAI,CAACZ,QAAQ,CAACsB,iBAAiB,CAACV,IAAI,CAACW,uBAAuB,CAAC;;;;GAIpE,EAAE,CAACX,IAAI,CAACZ,QAAQ,CAACwB,SAAS,EAAEZ,IAAI,CAACW,uBAAuB,CAAC,CAAC;EAE3D,MAAME,OAAO,GAAG5B,cAAK,CAAC6B,OAAO,CAAC;IAC1B,OAAO;MACH3B,QAAQ,EAAEW,WAAW;MACrBV,QAAQ,EAAE;QACNC,gBAAgB;QAChBC,mBAAmB;QACnBE,aAAa;QACbC;OACH;MACDC,QAAQ;MACRC,SAAS;MACTC;KACH;GACJ,EAAE,CAACE,WAAW,EAAEH,SAAS,EAAEH,aAAa,EAAEH,gBAAgB,EAAEK,QAAQ,CAAC,CAAC;EAEvE,oBAAOT,6BAACD,UAAU,CAAC+B,QAAQ;IAACC,KAAK,EAAEH;KAAUd,QAAQ,CAAuB;AAChF;MAEakB,aAAa,GAAGA,MAAMhC,cAAK,CAACiC,UAAU,CAAClC,UAAU;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/row/ExpandedRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandedRow.js","sources":["../../../../../../../../../src/components/Table2/components/row/ExpandedRow.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ExpandedRow = ({ index, setSize, ...props }) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const height = ref.current?.getBoundingClientRect().height;\n\n            setSize(sizes => {\n                if (height !== sizes[index]) {\n                    return { ...sizes, [index]: ref.current?.getBoundingClientRect().height };\n                }\n\n                return sizes;\n            });\n        }\n    }, []);\n\n    if (props.children === null || props.children === undefined) {\n        return null;\n    }\n\n    return <div className=\"border-grey-300 bg-grey-50 col-span-full border-b p-4\" {...props} ref={ref} />;\n};\n"],"names":["ExpandedRow","index","setSize","props","ref","React","useRef","useEffect","current","height","getBoundingClientRect","sizes","children","undefined","className"],"mappings":";;MAEaA,WAAW,GAAG,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAE,GAAGC;CAAO;EACpD,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EAE9CD,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIH,GAAG,CAACI,OAAO,EAAE;MAAA;MACb,MAAMC,MAAM,mBAAGL,GAAG,CAACI,OAAO,iDAAX,aAAaE,qBAAqB,EAAE,CAACD,MAAM;MAE1DP,OAAO,CAACS,KAAK;QACT,IAAIF,MAAM,KAAKE,KAAK,CAACV,KAAK,CAAC,EAAE;UAAA;UACzB,OAAO;YAAE,GAAGU,KAAK;YAAE,CAACV,KAAK,oBAAGG,GAAG,CAACI,OAAO,kDAAX,cAAaE,qBAAqB,EAAE,CAACD;WAAQ;;QAG7E,OAAOE,KAAK;OACf,CAAC;;GAET,EAAE,EAAE,CAAC;EAEN,IAAIR,KAAK,CAACS,QAAQ,KAAK,IAAI,IAAIT,KAAK,CAACS,QAAQ,KAAKC,SAAS,EAAE;IACzD,OAAO,IAAI;;EAGf,oBAAOR;IAAKS,SAAS,EAAC;KAA4DX,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACzG;;;;"}
+{"version":3,"file":"ExpandedRow.js","sources":["../../../../../../../../../src/components/Table2/components/row/ExpandedRow.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ExpandedRow = ({ index, setSize, ...props }) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const height = ref.current?.getBoundingClientRect().height;\n\n            setSize(sizes => {\n                if (height !== sizes[index]) {\n                    return { ...sizes, [index]: ref.current?.getBoundingClientRect().height };\n                }\n\n                return sizes;\n            });\n        }\n    }, []);\n\n    if (props.children === null || props.children === undefined) {\n        return null;\n    }\n\n    return <div className=\"border-grey-300 bg-grey-50 col-span-full border-b p-4\" {...props} ref={ref} />;\n};\n"],"names":["ExpandedRow","index","setSize","props","ref","React","useRef","useEffect","current","_ref$current","height","getBoundingClientRect","sizes","_ref$current2","children","undefined","className"],"mappings":";;MAEaA,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAE,GAAGC;CAAO;EACpD,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EAE9CD,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIH,GAAG,CAACI,OAAO,EAAE;MAAA,IAAAC,YAAA;MACb,MAAMC,MAAM,IAAAD,YAAA,GAAGL,GAAG,CAACI,OAAO,cAAAC,YAAA,uBAAXA,YAAA,CAAaE,qBAAqB,EAAE,CAACD,MAAM;MAE1DR,OAAO,CAACU,KAAK;QACT,IAAIF,MAAM,KAAKE,KAAK,CAACX,KAAK,CAAC,EAAE;UAAA,IAAAY,aAAA;UACzB,OAAO;YAAE,GAAGD,KAAK;YAAE,CAACX,KAAK,IAAAY,aAAA,GAAGT,GAAG,CAACI,OAAO,cAAAK,aAAA,uBAAXA,aAAA,CAAaF,qBAAqB,EAAE,CAACD;WAAQ;;QAG7E,OAAOE,KAAK;OACf,CAAC;;GAET,EAAE,EAAE,CAAC;EAEN,IAAIT,KAAK,CAACW,QAAQ,KAAK,IAAI,IAAIX,KAAK,CAACW,QAAQ,KAAKC,SAAS,EAAE;IACzD,OAAO,IAAI;;EAGf,oBAAOV;IAAKW,SAAS,EAAC;KAA4Db,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACzG;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table2/components/row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta } from '@tanstack/react-table';\nimport { RowContextProvider, useRowContext } from './Context';\nimport { useDropTarget } from '../../../../utils/hooks/useDropTarget';\n\nconst InternalRow = ({ onRowDrop, row, rowIndex, table, ...props }) => {\n    const { setIsHovered } = useRowContext();\n\n    const meta = table.options.meta as TableMeta<any>;\n    const isActiveRow = meta.activeRowIndex === rowIndex;\n    const isDragging = meta.dragging[row.id];\n\n    const [, dropTargetProps] = useDropTarget(event => onRowDrop(event, row.original));\n\n    const attributes = {\n        ...props,\n        ...(typeof onRowDrop === 'function' ? dropTargetProps : undefined),\n        'aria-current': isActiveRow ? true : undefined,\n        'aria-grabbed': isDragging ? true : undefined,\n        'data-row-index': rowIndex,\n        draggable: meta.enableRowDragging ? true : undefined,\n        onMouseEnter: () => setIsHovered(true),\n        onMouseLeave: () => setIsHovered(false),\n        role: 'row',\n    };\n\n    return <div {...attributes} />;\n};\n\nexport const Row = props => {\n    const meta = props.table.options.meta as TableMeta<any>;\n    const isActiveRow = meta.activeRowIndex === props.rowIndex;\n\n    return (\n        <RowContextProvider isActiveRow={isActiveRow} meta={props.table.options.meta} rowIndex={props.rowIndex}>\n            <InternalRow {...props} />\n        </RowContextProvider>\n    );\n};\n"],"names":["InternalRow","onRowDrop","row","rowIndex","table","props","setIsHovered","useRowContext","meta","options","isActiveRow","activeRowIndex","isDragging","dragging","id","dropTargetProps","useDropTarget","event","original","attributes","undefined","draggable","enableRowDragging","onMouseEnter","onMouseLeave","role","React","Row","RowContextProvider"],"mappings":";;;;AAKA,MAAMA,WAAW,GAAG,CAAC;EAAEC,SAAS;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;CAAO;EAC9D,MAAM;IAAEC;GAAc,GAAGC,aAAa,EAAE;EAExC,MAAMC,IAAI,GAAGJ,KAAK,CAACK,OAAO,CAACD,IAAsB;EACjD,MAAME,WAAW,GAAGF,IAAI,CAACG,cAAc,KAAKR,QAAQ;EACpD,MAAMS,UAAU,GAAGJ,IAAI,CAACK,QAAQ,CAACX,GAAG,CAACY,EAAE,CAAC;EAExC,MAAM,GAAGC,eAAe,CAAC,GAAGC,aAAa,CAACC,KAAK,IAAIhB,SAAS,CAACgB,KAAK,EAAEf,GAAG,CAACgB,QAAQ,CAAC,CAAC;EAElF,MAAMC,UAAU,GAAG;IACf,GAAGd,KAAK;IACR,IAAI,OAAOJ,SAAS,KAAK,UAAU,GAAGc,eAAe,GAAGK,SAAS,CAAC;IAClE,cAAc,EAAEV,WAAW,GAAG,IAAI,GAAGU,SAAS;IAC9C,cAAc,EAAER,UAAU,GAAG,IAAI,GAAGQ,SAAS;IAC7C,gBAAgB,EAAEjB,QAAQ;IAC1BkB,SAAS,EAAEb,IAAI,CAACc,iBAAiB,GAAG,IAAI,GAAGF,SAAS;IACpDG,YAAY,EAAE,MAAMjB,YAAY,CAAC,IAAI,CAAC;IACtCkB,YAAY,EAAE,MAAMlB,YAAY,CAAC,KAAK,CAAC;IACvCmB,IAAI,EAAE;GACT;EAED,oBAAOC,sDAASP,UAAU,EAAI;AAClC,CAAC;MAEYQ,GAAG,GAAGtB,KAAK;EACpB,MAAMG,IAAI,GAAGH,KAAK,CAACD,KAAK,CAACK,OAAO,CAACD,IAAsB;EACvD,MAAME,WAAW,GAAGF,IAAI,CAACG,cAAc,KAAKN,KAAK,CAACF,QAAQ;EAE1D,oBACIuB,6BAACE,kBAAkB;IAAClB,WAAW,EAAEA,WAAW;IAAEF,IAAI,EAAEH,KAAK,CAACD,KAAK,CAACK,OAAO,CAACD,IAAI;IAAEL,QAAQ,EAAEE,KAAK,CAACF;kBAC1FuB,6BAAC1B,WAAW,oBAAKK,KAAK,EAAI,CACT;AAE7B;;;;"}
+{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table2/components/row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta } from '@tanstack/react-table';\nimport { RowContextProvider, useRowContext } from './Context';\nimport { useDropTarget } from '../../../../utils/hooks/useDropTarget';\n\nconst InternalRow = ({ onRowDrop, row, rowIndex, table, ...props }) => {\n    const { setIsHovered } = useRowContext();\n\n    const meta = table.options.meta as TableMeta<any>;\n    const isActiveRow = meta.activeRowIndex === rowIndex;\n    const isDragging = meta.dragging[row.id];\n\n    const [, dropTargetProps] = useDropTarget(event => onRowDrop(event, row.original));\n\n    const attributes = {\n        ...props,\n        ...(typeof onRowDrop === 'function' ? dropTargetProps : undefined),\n        'aria-current': isActiveRow ? true : undefined,\n        'aria-grabbed': isDragging ? true : undefined,\n        'data-row-index': rowIndex,\n        draggable: meta.enableRowDragging ? true : undefined,\n        onMouseEnter: () => setIsHovered(true),\n        onMouseLeave: () => setIsHovered(false),\n        role: 'row',\n    };\n\n    return <div {...attributes} />;\n};\n\nexport const Row = props => {\n    const meta = props.table.options.meta as TableMeta<any>;\n    const isActiveRow = meta.activeRowIndex === props.rowIndex;\n\n    return (\n        <RowContextProvider isActiveRow={isActiveRow} meta={props.table.options.meta} rowIndex={props.rowIndex}>\n            <InternalRow {...props} />\n        </RowContextProvider>\n    );\n};\n"],"names":["InternalRow","onRowDrop","row","rowIndex","table","props","setIsHovered","useRowContext","meta","options","isActiveRow","activeRowIndex","isDragging","dragging","id","dropTargetProps","useDropTarget","event","original","attributes","undefined","draggable","enableRowDragging","onMouseEnter","onMouseLeave","role","React","Row","RowContextProvider"],"mappings":";;;;AAKA,MAAMA,WAAW,GAAGA,CAAC;EAAEC,SAAS;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;CAAO;EAC9D,MAAM;IAAEC;GAAc,GAAGC,aAAa,EAAE;EAExC,MAAMC,IAAI,GAAGJ,KAAK,CAACK,OAAO,CAACD,IAAsB;EACjD,MAAME,WAAW,GAAGF,IAAI,CAACG,cAAc,KAAKR,QAAQ;EACpD,MAAMS,UAAU,GAAGJ,IAAI,CAACK,QAAQ,CAACX,GAAG,CAACY,EAAE,CAAC;EAExC,MAAM,GAAGC,eAAe,CAAC,GAAGC,aAAa,CAACC,KAAK,IAAIhB,SAAS,CAACgB,KAAK,EAAEf,GAAG,CAACgB,QAAQ,CAAC,CAAC;EAElF,MAAMC,UAAU,GAAG;IACf,GAAGd,KAAK;IACR,IAAI,OAAOJ,SAAS,KAAK,UAAU,GAAGc,eAAe,GAAGK,SAAS,CAAC;IAClE,cAAc,EAAEV,WAAW,GAAG,IAAI,GAAGU,SAAS;IAC9C,cAAc,EAAER,UAAU,GAAG,IAAI,GAAGQ,SAAS;IAC7C,gBAAgB,EAAEjB,QAAQ;IAC1BkB,SAAS,EAAEb,IAAI,CAACc,iBAAiB,GAAG,IAAI,GAAGF,SAAS;IACpDG,YAAY,EAAEA,MAAMjB,YAAY,CAAC,IAAI,CAAC;IACtCkB,YAAY,EAAEA,MAAMlB,YAAY,CAAC,KAAK,CAAC;IACvCmB,IAAI,EAAE;GACT;EAED,oBAAOC,sDAASP,UAAU,EAAI;AAClC,CAAC;MAEYQ,GAAG,GAAGtB,KAAK;EACpB,MAAMG,IAAI,GAAGH,KAAK,CAACD,KAAK,CAACK,OAAO,CAACD,IAAsB;EACvD,MAAME,WAAW,GAAGF,IAAI,CAACG,cAAc,KAAKN,KAAK,CAACF,QAAQ;EAE1D,oBACIuB,6BAACE,kBAAkB;IAAClB,WAAW,EAAEA,WAAW;IAAEF,IAAI,EAAEH,KAAK,CAACD,KAAK,CAACK,OAAO,CAACD,IAAI;IAAEL,QAAQ,EAAEE,KAAK,CAACF;kBAC1FuB,6BAAC1B,WAAW,oBAAKK,KAAK,EAAI,CACT;AAE7B;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useActiveRowStateListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveRowStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useActiveRowStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Row as RTRow, Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { useActiveRow } from '../useActiveRow';\n\nexport const useActiveRowStateListener = <TType = any>(\n    table: RTTable<any>,\n    rows: RTRow<any>[],\n    activeRowIndex: useActiveRow<TType>\n) => {\n    const meta = table.options.meta as TableMeta<any>;\n\n    React.useEffect(() => {\n        if (meta.editMode.isEditing && meta.shouldPauseSortingAndFiltering) {\n            meta.setShouldPauseSortingAndFiltering(false);\n        }\n    }, [activeRowIndex.activeRowIndex]);\n\n    // if a filter would exclude the active row, reset it to 0\n    React.useEffect(() => {\n        if (activeRowIndex.activeRowIndex > rows.length - 1) {\n            meta.setActiveRowIndex(rows.length ? rows.length - 1 : 0);\n        }\n    }, [table.getState().columnFilters, rows.length]);\n};\n"],"names":["useActiveRowStateListener","table","rows","activeRowIndex","meta","options","React","useEffect","editMode","isEditing","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","length","setActiveRowIndex","getState","columnFilters"],"mappings":";;MAIaA,yBAAyB,GAAG,CACrCC,KAAmB,EACnBC,IAAkB,EAClBC,cAAmC;EAEnC,MAAMC,IAAI,GAAGH,KAAK,CAACI,OAAO,CAACD,IAAsB;EAEjDE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,QAAQ,CAACC,SAAS,IAAIL,IAAI,CAACM,8BAA8B,EAAE;MAChEN,IAAI,CAACO,iCAAiC,CAAC,KAAK,CAAC;;GAEpD,EAAE,CAACR,cAAc,CAACA,cAAc,CAAC,CAAC;;EAGnCG,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIJ,cAAc,CAACA,cAAc,GAAGD,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;MACjDR,IAAI,CAACS,iBAAiB,CAACX,IAAI,CAACU,MAAM,GAAGV,IAAI,CAACU,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;;GAEhE,EAAE,CAACX,KAAK,CAACa,QAAQ,EAAE,CAACC,aAAa,EAAEb,IAAI,CAACU,MAAM,CAAC,CAAC;AACrD;;;;"}
+{"version":3,"file":"useActiveRowStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useActiveRowStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Row as RTRow, Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { useActiveRow } from '../useActiveRow';\n\nexport const useActiveRowStateListener = <TType = any>(\n    table: RTTable<any>,\n    rows: RTRow<any>[],\n    activeRowIndex: useActiveRow<TType>\n) => {\n    const meta = table.options.meta as TableMeta<any>;\n\n    React.useEffect(() => {\n        if (meta.editMode.isEditing && meta.shouldPauseSortingAndFiltering) {\n            meta.setShouldPauseSortingAndFiltering(false);\n        }\n    }, [activeRowIndex.activeRowIndex]);\n\n    // if a filter would exclude the active row, reset it to 0\n    React.useEffect(() => {\n        if (activeRowIndex.activeRowIndex > rows.length - 1) {\n            meta.setActiveRowIndex(rows.length ? rows.length - 1 : 0);\n        }\n    }, [table.getState().columnFilters, rows.length]);\n};\n"],"names":["useActiveRowStateListener","table","rows","activeRowIndex","meta","options","React","useEffect","editMode","isEditing","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","length","setActiveRowIndex","getState","columnFilters"],"mappings":";;MAIaA,yBAAyB,GAAGA,CACrCC,KAAmB,EACnBC,IAAkB,EAClBC,cAAmC;EAEnC,MAAMC,IAAI,GAAGH,KAAK,CAACI,OAAO,CAACD,IAAsB;EAEjDE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,QAAQ,CAACC,SAAS,IAAIL,IAAI,CAACM,8BAA8B,EAAE;MAChEN,IAAI,CAACO,iCAAiC,CAAC,KAAK,CAAC;;GAEpD,EAAE,CAACR,cAAc,CAACA,cAAc,CAAC,CAAC;;EAGnCG,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIJ,cAAc,CAACA,cAAc,GAAGD,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;MACjDR,IAAI,CAACS,iBAAiB,CAACX,IAAI,CAACU,MAAM,GAAGV,IAAI,CAACU,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;;GAEhE,EAAE,CAACX,KAAK,CAACa,QAAQ,EAAE,CAACC,aAAa,EAAEb,IAAI,CAACU,MAAM,CAAC,CAAC;AACrD;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useColumnOffsetStateListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnOffsetStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useColumnOffsetStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, OnChangeFn, TableMeta } from '@tanstack/react-table';\nimport { ColumnOffsetState } from '../../types';\n\n// frozen columns have position sticky, and because we support more than one of them\n// we must set a 'left' css value. this hook listens to changes on state that will\n// affect the left offset (resize, visibility, freezing) and updates offsets based on width\nexport const useColumnOffsetStateListener = (table: RTTable<any>, setColumnOffsets: OnChangeFn<ColumnOffsetState>) => {\n    const { columnOrder, columnSizing, columnSizingInfo, columnVisibility } = table.getState();\n    const { frozenColumnsCount } = table.options.meta as TableMeta<any>;\n\n    React.useEffect(() => {\n        const offsets = {};\n\n        // store left offsets for each visible column\n        table.getVisibleLeafColumns().reduce((offset, column) => {\n            offsets[column.id] = offset;\n            return offset + column.getSize();\n        }, 0);\n\n        setColumnOffsets(offsets);\n    }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, frozenColumnsCount]);\n};\n"],"names":["useColumnOffsetStateListener","table","setColumnOffsets","columnOrder","columnSizing","columnSizingInfo","columnVisibility","getState","frozenColumnsCount","options","meta","React","useEffect","offsets","getVisibleLeafColumns","reduce","offset","column","id","getSize"],"mappings":";;AAIA;AACA;AACA;MACaA,4BAA4B,GAAG,CAACC,KAAmB,EAAEC,gBAA+C;EAC7G,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC,gBAAgB;IAAEC;GAAkB,GAAGL,KAAK,CAACM,QAAQ,EAAE;EAC1F,MAAM;IAAEC;GAAoB,GAAGP,KAAK,CAACQ,OAAO,CAACC,IAAsB;EAEnEC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,OAAO,GAAG,EAAE;;IAGlBZ,KAAK,CAACa,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM;MAChDJ,OAAO,CAACI,MAAM,CAACC,EAAE,CAAC,GAAGF,MAAM;MAC3B,OAAOA,MAAM,GAAGC,MAAM,CAACE,OAAO,EAAE;KACnC,EAAE,CAAC,CAAC;IAELjB,gBAAgB,CAACW,OAAO,CAAC;GAC5B,EAAE,CAACV,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEE,kBAAkB,CAAC,CAAC;AAC3F;;;;"}
+{"version":3,"file":"useColumnOffsetStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useColumnOffsetStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, OnChangeFn, TableMeta } from '@tanstack/react-table';\nimport { ColumnOffsetState } from '../../types';\n\n// frozen columns have position sticky, and because we support more than one of them\n// we must set a 'left' css value. this hook listens to changes on state that will\n// affect the left offset (resize, visibility, freezing) and updates offsets based on width\nexport const useColumnOffsetStateListener = (table: RTTable<any>, setColumnOffsets: OnChangeFn<ColumnOffsetState>) => {\n    const { columnOrder, columnSizing, columnSizingInfo, columnVisibility } = table.getState();\n    const { frozenColumnsCount } = table.options.meta as TableMeta<any>;\n\n    React.useEffect(() => {\n        const offsets = {};\n\n        // store left offsets for each visible column\n        table.getVisibleLeafColumns().reduce((offset, column) => {\n            offsets[column.id] = offset;\n            return offset + column.getSize();\n        }, 0);\n\n        setColumnOffsets(offsets);\n    }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, frozenColumnsCount]);\n};\n"],"names":["useColumnOffsetStateListener","table","setColumnOffsets","columnOrder","columnSizing","columnSizingInfo","columnVisibility","getState","frozenColumnsCount","options","meta","React","useEffect","offsets","getVisibleLeafColumns","reduce","offset","column","id","getSize"],"mappings":";;AAIA;AACA;AACA;MACaA,4BAA4B,GAAGA,CAACC,KAAmB,EAAEC,gBAA+C;EAC7G,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC,gBAAgB;IAAEC;GAAkB,GAAGL,KAAK,CAACM,QAAQ,EAAE;EAC1F,MAAM;IAAEC;GAAoB,GAAGP,KAAK,CAACQ,OAAO,CAACC,IAAsB;EAEnEC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,OAAO,GAAG,EAAE;;IAGlBZ,KAAK,CAACa,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM;MAChDJ,OAAO,CAACI,MAAM,CAACC,EAAE,CAAC,GAAGF,MAAM;MAC3B,OAAOA,MAAM,GAAGC,MAAM,CAACE,OAAO,EAAE;KACnC,EAAE,CAAC,CAAC;IAELjB,gBAAgB,CAACW,OAAO,CAAC;GAC5B,EAAE,CAACV,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEE,kBAAkB,CAAC,CAAC;AAC3F;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useFilterStateListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFilterStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useFilterStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable } from '@tanstack/react-table';\nimport { RowSelectionHandler } from '../../types';\n\nexport const useFilterStateListener = <TType = any>(table: RTTable<TType>, onRowSelect: RowSelectionHandler | undefined) => {\n    React.useEffect(() => {\n        if (onRowSelect) {\n            table.resetRowSelection();\n        }\n    }, [table.getState().columnFilters, table.getState().globalFilter]);\n};\n"],"names":["useFilterStateListener","table","onRowSelect","React","useEffect","resetRowSelection","getState","columnFilters","globalFilter"],"mappings":";;MAIaA,sBAAsB,GAAG,CAAcC,KAAqB,EAAEC,WAA4C;EACnHC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,WAAW,EAAE;MACbD,KAAK,CAACI,iBAAiB,EAAE;;GAEhC,EAAE,CAACJ,KAAK,CAACK,QAAQ,EAAE,CAACC,aAAa,EAAEN,KAAK,CAACK,QAAQ,EAAE,CAACE,YAAY,CAAC,CAAC;AACvE;;;;"}
+{"version":3,"file":"useFilterStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useFilterStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable } from '@tanstack/react-table';\nimport { RowSelectionHandler } from '../../types';\n\nexport const useFilterStateListener = <TType = any>(table: RTTable<TType>, onRowSelect: RowSelectionHandler | undefined) => {\n    React.useEffect(() => {\n        if (onRowSelect) {\n            table.resetRowSelection();\n        }\n    }, [table.getState().columnFilters, table.getState().globalFilter]);\n};\n"],"names":["useFilterStateListener","table","onRowSelect","React","useEffect","resetRowSelection","getState","columnFilters","globalFilter"],"mappings":";;MAIaA,sBAAsB,GAAGA,CAAcC,KAAqB,EAAEC,WAA4C;EACnHC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,WAAW,EAAE;MACbD,KAAK,CAACI,iBAAiB,EAAE;;GAEhC,EAAE,CAACJ,KAAK,CAACK,QAAQ,EAAE,CAACC,aAAa,EAAEN,KAAK,CAACK,QAAQ,EAAE,CAACE,YAAY,CAAC,CAAC;AACvE;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useRowSelectionListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowSelectionListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useRowSelectionListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable } from '@tanstack/react-table';\nimport { RowSelectionHandler } from '../../types';\n\nexport const useRowSelectionListener = <TType = any>(table: RTTable<any>, onRowSelect: RowSelectionHandler | undefined) => {\n    React.useEffect(() => {\n        if (onRowSelect) {\n            if (table.options.enableMultiRowSelection) {\n                const rows = table.getSelectedRowModel().rows.map(row => row.original) as TType[];\n\n                onRowSelect(rows, table.getIsAllRowsSelected());\n            } else {\n                onRowSelect(table.getSelectedRowModel().rows[0]?.original ?? undefined, false);\n            }\n        }\n    }, [table.getState().rowSelection]);\n};\n"],"names":["useRowSelectionListener","table","onRowSelect","React","useEffect","options","enableMultiRowSelection","rows","getSelectedRowModel","map","row","original","getIsAllRowsSelected","undefined","getState","rowSelection"],"mappings":";;MAIaA,uBAAuB,GAAG,CAAcC,KAAmB,EAAEC,WAA4C;EAClHC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,WAAW,EAAE;MACb,IAAID,KAAK,CAACI,OAAO,CAACC,uBAAuB,EAAE;QACvC,MAAMC,IAAI,GAAGN,KAAK,CAACO,mBAAmB,EAAE,CAACD,IAAI,CAACE,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAY;QAEjFT,WAAW,CAACK,IAAI,EAAEN,KAAK,CAACW,oBAAoB,EAAE,CAAC;OAClD,MAAM;QAAA;QACHV,WAAW,oDAACD,KAAK,CAACO,mBAAmB,EAAE,CAACD,IAAI,CAAC,CAAC,CAAC,2DAAnC,uBAAqCI,QAAQ,yEAAIE,SAAS,EAAE,KAAK,CAAC;;;GAGzF,EAAE,CAACZ,KAAK,CAACa,QAAQ,EAAE,CAACC,YAAY,CAAC,CAAC;AACvC;;;;"}
+{"version":3,"file":"useRowSelectionListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useRowSelectionListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable } from '@tanstack/react-table';\nimport { RowSelectionHandler } from '../../types';\n\nexport const useRowSelectionListener = <TType = any>(table: RTTable<any>, onRowSelect: RowSelectionHandler | undefined) => {\n    React.useEffect(() => {\n        if (onRowSelect) {\n            if (table.options.enableMultiRowSelection) {\n                const rows = table.getSelectedRowModel().rows.map(row => row.original) as TType[];\n\n                onRowSelect(rows, table.getIsAllRowsSelected());\n            } else {\n                onRowSelect(table.getSelectedRowModel().rows[0]?.original ?? undefined, false);\n            }\n        }\n    }, [table.getState().rowSelection]);\n};\n"],"names":["useRowSelectionListener","table","onRowSelect","React","useEffect","options","enableMultiRowSelection","rows","getSelectedRowModel","map","row","original","getIsAllRowsSelected","_table$getSelectedRow","_table$getSelectedRow2","undefined","getState","rowSelection"],"mappings":";;MAIaA,uBAAuB,GAAGA,CAAcC,KAAmB,EAAEC,WAA4C;EAClHC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,WAAW,EAAE;MACb,IAAID,KAAK,CAACI,OAAO,CAACC,uBAAuB,EAAE;QACvC,MAAMC,IAAI,GAAGN,KAAK,CAACO,mBAAmB,EAAE,CAACD,IAAI,CAACE,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAY;QAEjFT,WAAW,CAACK,IAAI,EAAEN,KAAK,CAACW,oBAAoB,EAAE,CAAC;OAClD,MAAM;QAAA,IAAAC,qBAAA,EAAAC,sBAAA;QACHZ,WAAW,EAAAW,qBAAA,IAAAC,sBAAA,GAACb,KAAK,CAACO,mBAAmB,EAAE,CAACD,IAAI,CAAC,CAAC,CAAC,cAAAO,sBAAA,uBAAnCA,sBAAA,CAAqCH,QAAQ,cAAAE,qBAAA,cAAAA,qBAAA,GAAIE,SAAS,EAAE,KAAK,CAAC;;;GAGzF,EAAE,CAACd,KAAK,CAACe,QAAQ,EAAE,CAACC,YAAY,CAAC,CAAC;AACvC;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useSettingsStateListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSettingsStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useSettingsStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { SettingsHandler } from '../../types';\n\nexport const useSettingsStateListener = (table: RTTable<any>, onChangeSettings: SettingsHandler | undefined) => {\n    const meta = table.options.meta as TableMeta<any>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(\n                () =>\n                    onChangeSettings({\n                        columnFilters: state.columnFilters,\n                        columnOrder: state.columnOrder,\n                        columnSizing: state.columnSizing,\n                        columnVisibility: state.columnVisibility,\n                        frozenColumnCount: meta.frozenColumnsCount,\n                        globalFilter: state.globalFilter,\n                        rowDensity: meta.rowDensity,\n                        sorting: state.sorting,\n                    }),\n                250\n            );\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        state.columnFilters,\n        state.columnOrder,\n        meta.frozenColumnsCount,\n        state.columnSizing,\n        state.columnVisibility,\n        state.globalFilter,\n        meta.rowDensity,\n        state.sorting,\n    ]);\n};\n"],"names":["useSettingsStateListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","columnFilters","columnOrder","columnSizing","columnVisibility","frozenColumnCount","frozenColumnsCount","globalFilter","rowDensity","sorting","clearTimeout"],"mappings":";;MAIaA,wBAAwB,GAAG,CAACC,KAAmB,EAAEC,gBAA6C;EACvG,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAsB;EACjD,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAE9BC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAI,OAAOP,gBAAgB,KAAK,UAAU,EAAE;MACxCO,OAAO,GAAGC,UAAU,CAChB,MACIR,gBAAgB,CAAC;QACbS,aAAa,EAAEN,KAAK,CAACM,aAAa;QAClCC,WAAW,EAAEP,KAAK,CAACO,WAAW;QAC9BC,YAAY,EAAER,KAAK,CAACQ,YAAY;QAChCC,gBAAgB,EAAET,KAAK,CAACS,gBAAgB;QACxCC,iBAAiB,EAAEZ,IAAI,CAACa,kBAAkB;QAC1CC,YAAY,EAAEZ,KAAK,CAACY,YAAY;QAChCC,UAAU,EAAEf,IAAI,CAACe,UAAU;QAC3BC,OAAO,EAAEd,KAAK,CAACc;OAClB,CAAC,EACN,GAAG,CACN;;IAGL,OAAO,MAAMC,YAAY,CAACX,OAAO,CAAC;GACrC,EAAE,CACCJ,KAAK,CAACM,aAAa,EACnBN,KAAK,CAACO,WAAW,EACjBT,IAAI,CAACa,kBAAkB,EACvBX,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACS,gBAAgB,EACtBT,KAAK,CAACY,YAAY,EAClBd,IAAI,CAACe,UAAU,EACfb,KAAK,CAACc,OAAO,CAChB,CAAC;AACN;;;;"}
+{"version":3,"file":"useSettingsStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useSettingsStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { SettingsHandler } from '../../types';\n\nexport const useSettingsStateListener = (table: RTTable<any>, onChangeSettings: SettingsHandler | undefined) => {\n    const meta = table.options.meta as TableMeta<any>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(\n                () =>\n                    onChangeSettings({\n                        columnFilters: state.columnFilters,\n                        columnOrder: state.columnOrder,\n                        columnSizing: state.columnSizing,\n                        columnVisibility: state.columnVisibility,\n                        frozenColumnCount: meta.frozenColumnsCount,\n                        globalFilter: state.globalFilter,\n                        rowDensity: meta.rowDensity,\n                        sorting: state.sorting,\n                    }),\n                250\n            );\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        state.columnFilters,\n        state.columnOrder,\n        meta.frozenColumnsCount,\n        state.columnSizing,\n        state.columnVisibility,\n        state.globalFilter,\n        meta.rowDensity,\n        state.sorting,\n    ]);\n};\n"],"names":["useSettingsStateListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","columnFilters","columnOrder","columnSizing","columnVisibility","frozenColumnCount","frozenColumnsCount","globalFilter","rowDensity","sorting","clearTimeout"],"mappings":";;MAIaA,wBAAwB,GAAGA,CAACC,KAAmB,EAAEC,gBAA6C;EACvG,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAsB;EACjD,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAE9BC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAI,OAAOP,gBAAgB,KAAK,UAAU,EAAE;MACxCO,OAAO,GAAGC,UAAU,CAChB,MACIR,gBAAgB,CAAC;QACbS,aAAa,EAAEN,KAAK,CAACM,aAAa;QAClCC,WAAW,EAAEP,KAAK,CAACO,WAAW;QAC9BC,YAAY,EAAER,KAAK,CAACQ,YAAY;QAChCC,gBAAgB,EAAET,KAAK,CAACS,gBAAgB;QACxCC,iBAAiB,EAAEZ,IAAI,CAACa,kBAAkB;QAC1CC,YAAY,EAAEZ,KAAK,CAACY,YAAY;QAChCC,UAAU,EAAEf,IAAI,CAACe,UAAU;QAC3BC,OAAO,EAAEd,KAAK,CAACc;OAClB,CAAC,EACN,GAAG,CACN;;IAGL,OAAO,MAAMC,YAAY,CAACX,OAAO,CAAC;GACrC,EAAE,CACCJ,KAAK,CAACM,aAAa,EACnBN,KAAK,CAACO,WAAW,EACjBT,IAAI,CAACa,kBAAkB,EACvBX,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACS,gBAAgB,EACtBT,KAAK,CAACY,YAAY,EAClBd,IAAI,CAACe,UAAU,EACfb,KAAK,CAACc,OAAO,CAChB,CAAC;AACN;;;;"}