@economic/taco 2.25.0 → 2.25.1-alpha.13

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Internal/Drag.js

@@ -0,0 +1,73 @@
+import React__default from 'react';
+import { Icon } from '../../../../../../components/Icon/Icon.js';
+import { useLocalization } from '../../../../../../components/Provider/Localization.js';
+
+const GHOST_ELEMENT_ID = 'taco_table_dragging';
+function Header() {
+  return null;
+}
+function Cell(context) {
+  const {
+    row,
+    table
+  } = context;
+  const {
+    texts
+  } = useLocalization();
+  const tableMeta = context.table.options.meta;
+  const onDragStart = event => {
+    var _tableMeta$rowDrag$se, _tableMeta$rowDrag, _tableMeta$rowDrag$ha, _tableMeta$rowDrag2;
+    let rows = [row];
+    if (table.options.enableRowSelection) {
+      rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];
+    }
+    const data = rows.map(row => row.original);
+    (_tableMeta$rowDrag$se = (_tableMeta$rowDrag = tableMeta.rowDrag).setDragging) === null || _tableMeta$rowDrag$se === void 0 ? void 0 : _tableMeta$rowDrag$se.call(_tableMeta$rowDrag, rows.reduce((dragging, rowBeingDragged) => ({
+      ...dragging,
+      [rowBeingDragged.id]: true
+    }), {}));
+    // set a default data value so that the consumer doesn't have to
+    event.dataTransfer.setData('text', JSON.stringify(data));
+    const showPlaceholder = text => {
+      const ghost = document.createElement('div');
+      ghost.id = GHOST_ELEMENT_ID;
+      ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';
+      ghost.innerText = text;
+      document.body.appendChild(ghost);
+      event.dataTransfer.setDragImage(ghost, 0, 0);
+    };
+    const setDataTransfer = text => event.dataTransfer.setData('text', text);
+    (_tableMeta$rowDrag$ha = (_tableMeta$rowDrag2 = tableMeta.rowDrag).handleRowDrag) === null || _tableMeta$rowDrag$ha === void 0 ? void 0 : _tableMeta$rowDrag$ha.call(_tableMeta$rowDrag2, data, showPlaceholder, setDataTransfer);
+  };
+  const handleDragEnd = () => {
+    var _document$getElementB, _tableMeta$rowDrag$se2, _tableMeta$rowDrag3;
+    (_document$getElementB = document.getElementById(GHOST_ELEMENT_ID)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
+    (_tableMeta$rowDrag$se2 = (_tableMeta$rowDrag3 = tableMeta.rowDrag).setDragging) === null || _tableMeta$rowDrag$se2 === void 0 ? void 0 : _tableMeta$rowDrag$se2.call(_tableMeta$rowDrag3, {});
+  };
+  return /*#__PURE__*/React__default.createElement("div", {
+    draggable: true,
+    onDragStart: onDragStart,
+    onDragOver: event => event.preventDefault(),
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    "aria-label": texts.table.columns.drag.tooltip,
+    name: "drag",
+    className: "text-grey-darkest invisible -mt-1 ml-[7px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white"
+  }));
+}
+const renderer = {
+  header: Header,
+  renderer: Cell,
+  size: 15,
+  meta: {
+    align: 'center',
+    className: '!px-0 justify-end',
+    // TODO: remove when table3 is migrated, this satisfies the legacy table3 type
+    enableSearch: false,
+    header: '',
+    headerClassName: '!p-0'
+  }
+};
+
+export { renderer };
+//# sourceMappingURL=Drag.js.map

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Internal/Drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drag.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Drag.tsx"],"sourcesContent":["import React from 'react';\nimport { CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\n\nconst GHOST_ELEMENT_ID = 'taco_table_dragging';\n\nfunction Header() {\n    return null;\n}\n\nfunction Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { texts } = useLocalization();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n\n    const onDragStart = (event: React.DragEvent): void => {\n        let rows = [row];\n\n        if (table.options.enableRowSelection) {\n            rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n        }\n\n        const data = rows.map(row => row.original);\n\n        tableMeta.rowDrag.setDragging?.(\n            rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})\n        );\n\n        // set a default data value so that the consumer doesn't have to\n        event.dataTransfer.setData('text', JSON.stringify(data));\n\n        const showPlaceholder = (text: string) => {\n            const ghost = document.createElement('div');\n            ghost.id = GHOST_ELEMENT_ID;\n            ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n            ghost.innerText = text;\n            document.body.appendChild(ghost);\n            event.dataTransfer.setDragImage(ghost, 0, 0);\n        };\n\n        const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n        tableMeta.rowDrag.handleRowDrag?.(data, showPlaceholder, setDataTransfer);\n    };\n\n    const handleDragEnd = (): void => {\n        document.getElementById(GHOST_ELEMENT_ID)?.remove();\n        tableMeta.rowDrag.setDragging?.({});\n    };\n\n    return (\n        <div draggable onDragStart={onDragStart} onDragOver={event => event.preventDefault()} onDragEnd={handleDragEnd}>\n            <Icon\n                aria-label={texts.table.columns.drag.tooltip}\n                name=\"drag\"\n                className=\"text-grey-darkest invisible -mt-1 ml-[7px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white\"\n            />\n        </div>\n    );\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 15,\n    meta: {\n        align: 'center',\n        className: '!px-0 justify-end',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["GHOST_ELEMENT_ID","Header","Cell","context","row","table","texts","useLocalization","tableMeta","options","meta","onDragStart","event","rows","enableRowSelection","getIsSelected","getSelectedRowModel","data","map","original","_tableMeta$rowDrag$se","_tableMeta$rowDrag","rowDrag","setDragging","call","reduce","dragging","rowBeingDragged","id","dataTransfer","setData","JSON","stringify","showPlaceholder","text","ghost","document","createElement","className","innerText","body","appendChild","setDragImage","setDataTransfer","_tableMeta$rowDrag$ha","_tableMeta$rowDrag2","handleRowDrag","handleDragEnd","_document$getElementB","getElementById","remove","_tableMeta$rowDrag$se2","_tableMeta$rowDrag3","React","draggable","onDragOver","preventDefault","onDragEnd","Icon","columns","drag","tooltip","name","renderer","header","size","align","enableSearch","headerClassName"],"mappings":"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"}

package/dist/esm/packages/taco/src/{components/Report/components → primitives/Table/Core/components/Columns}/Internal/Expansion.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { Tooltip } from '../../../Tooltip/Tooltip.js';
-import { IconButton } from '../../../IconButton/IconButton.js';
-import { useLocalization } from '../../../Provider/Localization.js';
+import { Tooltip } from '../../../../../../components/Tooltip/Tooltip.js';
+import { IconButton } from '../../../../../../components/IconButton/IconButton.js';
+import { useLocalization } from '../../../../../../components/Provider/Localization.js';
 
 function Header(context) {
   const {
@@ -15,7 +15,7 @@ function Header(context) {
     event.stopPropagation();
     table.toggleAllRowsExpanded(!isSomeRowsExpanded);
   };
-  const title = isSomeRowsExpanded ? texts.table3.columns.expansion.collapseAll : texts.table3.columns.expansion.expandAll;
+  const title = isSomeRowsExpanded ? texts.table.columns.expansion.collapseAll : texts.table.columns.expansion.expandAll;
   return /*#__PURE__*/React__default.createElement(Tooltip, {
     title: title
   }, /*#__PURE__*/React__default.createElement(IconButton, {
@@ -40,7 +40,7 @@ function Cell(context) {
       event.stopPropagation();
       context.row.toggleExpanded();
     };
-    const title = isExpanded ? texts.table3.columns.expansion.collapse : texts.table3.columns.expansion.expand;
+    const title = isExpanded ? texts.table.columns.expansion.collapse : texts.table.columns.expansion.expand;
     const tabIndex = isActiveRow ? 0 : -1;
     return /*#__PURE__*/React__default.createElement(Tooltip, {
       title: title
@@ -54,6 +54,18 @@ function Cell(context) {
   }
   return null;
 }
+const renderer = {
+  header: Header,
+  renderer: Cell,
+  size: 40,
+  meta: {
+    align: 'center',
+    // TODO: remove when table3 is migrated, this satisfies the legacy table3 type
+    enableSearch: false,
+    header: '',
+    headerClassName: '!p-0'
+  }
+};
 
-export { Cell, Header };
+export { renderer };
 //# sourceMappingURL=Expansion.js.map

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Internal/Expansion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expansion.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Expansion.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    HeaderContext as ReactTableHeaderContext,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\n\nfunction Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const { table } = context;\n\n    const isSomeRowsExpanded = table.getIsSomeRowsExpanded();\n\n    const handleClick = event => {\n        event.stopPropagation();\n        table.toggleAllRowsExpanded(!isSomeRowsExpanded);\n    };\n\n    const title = isSomeRowsExpanded ? texts.table.columns.expansion.collapseAll : texts.table.columns.expansion.expandAll;\n\n    return (\n        <Tooltip title={title}>\n            <IconButton\n                appearance=\"transparent\"\n                icon={isSomeRowsExpanded ? 'chevron-down-double' : 'chevron-right-double'}\n                onClick={handleClick}\n                tabIndex={-1}\n                title={title}\n            />\n        </Tooltip>\n    );\n}\n\nfunction Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n\n    const hasExpandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(context.row.original);\n\n    if (hasExpandedRow) {\n        const isActiveRow = tableMeta.rowActive.rowActiveIndex === context.row.index;\n        const isExpanded = context.row.getIsExpanded();\n\n        const handleClick = event => {\n            event.stopPropagation();\n            context.row.toggleExpanded();\n        };\n\n        const title = isExpanded ? texts.table.columns.expansion.collapse : texts.table.columns.expansion.expand;\n        const tabIndex = isActiveRow ? 0 : -1;\n\n        return (\n            <Tooltip title={title}>\n                <IconButton\n                    appearance=\"discrete\"\n                    icon={isExpanded ? 'chevron-down' : 'chevron-right'}\n                    onClick={handleClick}\n                    tabIndex={tabIndex}\n                    title={title}\n                />\n            </Tooltip>\n        );\n    }\n\n    return null;\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 40,\n    meta: {\n        align: 'center',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["Header","context","texts","useLocalization","table","isSomeRowsExpanded","getIsSomeRowsExpanded","handleClick","event","stopPropagation","toggleAllRowsExpanded","title","columns","expansion","collapseAll","expandAll","React","Tooltip","IconButton","appearance","icon","onClick","tabIndex","Cell","tableMeta","options","meta","hasExpandedRow","_tableMeta$rowExpansi","_tableMeta$rowExpansi2","rowExpansion","rowExpansionRenderer","call","row","original","isActiveRow","rowActive","rowActiveIndex","index","isExpanded","getIsExpanded","toggleExpanded","collapse","expand","renderer","header","size","align","enableSearch","headerClassName"],"mappings":";;;;;AAWA,SAASA,MAAMA,CAAkBC,OAAgD;EAC7E,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC;GAAO,GAAGH,OAAO;EAEzB,MAAMI,kBAAkB,GAAGD,KAAK,CAACE,qBAAqB,EAAE;EAExD,MAAMC,WAAW,GAAGC,KAAK;IACrBA,KAAK,CAACC,eAAe,EAAE;IACvBL,KAAK,CAACM,qBAAqB,CAAC,CAACL,kBAAkB,CAAC;GACnD;EAED,MAAMM,KAAK,GAAGN,kBAAkB,GAAGH,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAACC,WAAW,GAAGZ,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAACE,SAAS;EAEtH,oBACIC,6BAACC,OAAO;IAACN,KAAK,EAAEA;kBACZK,6BAACE,UAAU;IACPC,UAAU,EAAC,aAAa;IACxBC,IAAI,EAAEf,kBAAkB,GAAG,qBAAqB,GAAG,sBAAsB;IACzEgB,OAAO,EAAEd,WAAW;IACpBe,QAAQ,EAAE,CAAC,CAAC;IACZX,KAAK,EAAEA;IACT,CACI;AAElB;AAEA,SAASY,IAAIA,CAAkBtB,OAA8C;;EACzE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMqB,SAAS,GAAGvB,OAAO,CAACG,KAAK,CAACqB,OAAO,CAACC,IAA6B;EAErE,MAAMC,cAAc,IAAAC,qBAAA,GAAG,CAAAC,sBAAA,GAAAL,SAAS,CAACM,YAAY,EAACC,oBAAoB,cAAAH,qBAAA,uBAA3CA,qBAAA,CAAAI,IAAA,CAAAH,sBAAA,EAA8C5B,OAAO,CAACgC,GAAG,CAACC,QAAQ,CAAC;EAE1F,IAAIP,cAAc,EAAE;IAChB,MAAMQ,WAAW,GAAGX,SAAS,CAACY,SAAS,CAACC,cAAc,KAAKpC,OAAO,CAACgC,GAAG,CAACK,KAAK;IAC5E,MAAMC,UAAU,GAAGtC,OAAO,CAACgC,GAAG,CAACO,aAAa,EAAE;IAE9C,MAAMjC,WAAW,GAAGC,KAAK;MACrBA,KAAK,CAACC,eAAe,EAAE;MACvBR,OAAO,CAACgC,GAAG,CAACQ,cAAc,EAAE;KAC/B;IAED,MAAM9B,KAAK,GAAG4B,UAAU,GAAGrC,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAAC6B,QAAQ,GAAGxC,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAAC8B,MAAM;IACxG,MAAMrB,QAAQ,GAAGa,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,oBACInB,6BAACC,OAAO;MAACN,KAAK,EAAEA;oBACZK,6BAACE,UAAU;MACPC,UAAU,EAAC,UAAU;MACrBC,IAAI,EAAEmB,UAAU,GAAG,cAAc,GAAG,eAAe;MACnDlB,OAAO,EAAEd,WAAW;MACpBe,QAAQ,EAAEA,QAAQ;MAClBX,KAAK,EAAEA;MACT,CACI;;EAIlB,OAAO,IAAI;AACf;MAEaiC,QAAQ,GAAkC;EACnDC,MAAM,EAAE7C,MAAM;EACd4C,QAAQ,EAAErB,IAAI;EACduB,IAAI,EAAE,EAAE;EACRpB,IAAI,EAAE;IACFqB,KAAK,EAAE,QAAQ;;IAEfC,YAAY,EAAE,KAAK;IACnBH,MAAM,EAAE,EAAE;IACVI,eAAe,EAAE;;;;;;"}

package/dist/esm/packages/taco/src/{components/Report/components → primitives/Table/Core/components/Columns}/Internal/Selection.js

@@ -1,12 +1,12 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { Tooltip } from '../../../Tooltip/Tooltip.js';
-import { useLocalization } from '../../../Provider/Localization.js';
-import { Checkbox } from '../../../Checkbox/Checkbox.js';
-import { Shortcut } from '../../../Shortcut/Shortcut.js';
-import { getRadioClassnames } from '../../../RadioGroup/util.js';
-import { TableServerLoadAllState } from '../../../../primitives/Table/types.js';
-import { RowContext } from '../Row/RowContext.js';
+import { Tooltip } from '../../../../../../components/Tooltip/Tooltip.js';
+import { useLocalization } from '../../../../../../components/Provider/Localization.js';
+import { Checkbox } from '../../../../../../components/Checkbox/Checkbox.js';
+import { Shortcut } from '../../../../../../components/Shortcut/Shortcut.js';
+import { getRadioClassnames } from '../../../../../../components/RadioGroup/util.js';
+import { TableServerLoadAllState } from '../../../../types.js';
+import { RowContext } from '../../Row/RowContext.js';
 
 function Header(context) {
   const {
@@ -19,7 +19,7 @@ function Header(context) {
   if (table.options.enableMultiRowSelection) {
     const isAllRowsSelected = table.getIsAllRowsSelected();
     const isSomeRowsSelected = table.getIsSomeRowsSelected();
-    const title = isAllRowsSelected ? texts.table3.columns.select.deselectAll : texts.table3.columns.select.selectAll;
+    const title = isAllRowsSelected ? texts.table.columns.select.deselectAll : texts.table.columns.select.selectAll;
     const handleChange = function (checked) {
       try {
         function _temp2() {
@@ -73,7 +73,7 @@ function Cell(context) {
     return null;
   }
   const isSelected = row.getIsGrouped() ? row.getIsAllSubRowsSelected() : row.getIsSelected();
-  const title = isSelected ? texts.table3.columns.select.deselect : texts.table3.columns.select.select;
+  const title = isSelected ? texts.table.columns.select.deselect : texts.table.columns.select.select;
   if (table.options.enableMultiRowSelection) {
     const handleClick = function (event) {
       try {
@@ -149,6 +149,19 @@ function Cell(context) {
     }) : null);
   }
 }
+const renderer = {
+  header: Header,
+  renderer: Cell,
+  size: 40,
+  meta: {
+    align: 'center',
+    className: '!px-1',
+    // TODO: remove when table3 is migrated, this satisfies the legacy table3 type
+    enableSearch: false,
+    header: '',
+    headerClassName: '!px-1'
+  }
+};
 
-export { Cell, Header };
+export { renderer };
 //# sourceMappingURL=Selection.js.map

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Internal/Selection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selection.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Selection.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    HeaderContext as ReactTableHeaderContext,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n    RowSelectionState,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport { Checkbox } from '../../../../../../components/Checkbox/Checkbox';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { getRadioClassnames } from '../../../../../../components/RadioGroup/util';\nimport { TableServerLoadAllState } from '../../../../types';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\n\nfunction Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const { table } = context;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (table.options.enableMultiRowSelection) {\n        const isAllRowsSelected = table.getIsAllRowsSelected();\n        const isSomeRowsSelected = table.getIsSomeRowsSelected();\n        const title = isAllRowsSelected ? texts.table.columns.select.deselectAll : texts.table.columns.select.selectAll;\n\n        const handleChange = async (checked: boolean) => {\n            // load all data if that is possible\n            if (tableMeta.server.loadAllIfNeeded) {\n                // don't pass the search query because we need all data - not filtered data\n                await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n            }\n\n            table.toggleAllRowsSelected(checked);\n        };\n\n        return (\n            <Tooltip title={title}>\n                <Checkbox\n                    aria-label={title}\n                    className=\"hover:border-blue !-mt-px\"\n                    key={String(`${isAllRowsSelected}_${isSomeRowsSelected}`)}\n                    checked={isAllRowsSelected}\n                    indeterminate={isSomeRowsSelected}\n                    loading={tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading}\n                    onChange={handleChange}\n                />\n            </Tooltip>\n        );\n    }\n\n    return null;\n}\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n    const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n    const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n    return [fromIndex, toIndex];\n};\n\nfunction Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const { row, table } = context;\n    const { rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (table.options.enableGrouping && table.getState().grouping?.length && !row.getIsGrouped()) {\n        return null;\n    }\n\n    const isSelected = row.getIsGrouped() ? row.getIsAllSubRowsSelected() : row.getIsSelected();\n    const title = isSelected ? texts.table.columns.select.deselect : texts.table.columns.select.select;\n\n    if (table.options.enableMultiRowSelection) {\n        const handleClick = async (event: React.MouseEvent) => {\n            event.stopPropagation();\n\n            if (row.getIsGrouped()) {\n                row.subRows.forEach(row => row.toggleSelected());\n            } else if (event.shiftKey) {\n                const [fromIndex, toIndex] = toggleBetween(tableMeta.rowSelection.lastSelectedRowIndex.current ?? 0, rowIndex);\n                const selectedRows = table.getRowModel().rows.slice(fromIndex, toIndex + 1);\n\n                if (tableMeta.server.loadAllIfNeeded && selectedRows.some(row => row.original === undefined)) {\n                    // don't pass the search query because we need all data - not filtered data\n                    await tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, undefined);\n                }\n\n                table.setRowSelection((currentRowSelection: RowSelectionState) => ({\n                    ...currentRowSelection,\n                    ...selectedRows.reduce((state, row) => ({ ...state, [row.id]: true }), {}),\n                }));\n            } else {\n                row.toggleSelected();\n            }\n\n            tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;\n        };\n\n        return (\n            <Tooltip\n                title={\n                    <>\n                        {title}\n                        <Shortcut className=\"ml-2\" keys=\"Space\" />\n                    </>\n                }>\n                <Checkbox\n                    aria-label={title}\n                    className=\"!mt-0\"\n                    checked={isSelected}\n                    onClick={handleClick}\n                    // this is necessary to remove console spam from eslint\n                    onChange={() => false}\n                />\n            </Tooltip>\n        );\n    } else {\n        const className = cn('!mt-0', getRadioClassnames());\n\n        const handleClick = (event: React.MouseEvent): void => {\n            event.stopPropagation();\n            row.toggleSelected();\n            tableMeta.rowSelection.lastSelectedRowIndex.current = row.index;\n        };\n\n        return (\n            <button className={className} aria-checked={isSelected} onClick={handleClick} role=\"radio\" type=\"button\">\n                {isSelected ? <span className=\"h-2 w-2 rounded-full bg-white\" /> : null}\n            </button>\n        );\n    }\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 40,\n    meta: {\n        align: 'center',\n        className: '!px-1',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!px-1',\n    },\n};\n"],"names":["Header","context","texts","useLocalization","table","tableMeta","options","meta","enableMultiRowSelection","isAllRowsSelected","getIsAllRowsSelected","isSomeRowsSelected","getIsSomeRowsSelected","title","columns","select","deselectAll","selectAll","handleChange","checked","toggleAllRowsSelected","_temp","server","loadAllIfNeeded","Promise","resolve","getState","sorting","columnFilters","undefined","then","_temp2","e","reject","React","Tooltip","Checkbox","className","key","String","indeterminate","loading","loadAllStatus","TableServerLoadAllState","Loading","onChange","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","Cell","row","rowIndex","useContext","RowContext","enableGrouping","_table$getState$group","grouping","length","getIsGrouped","isSelected","getIsAllSubRowsSelected","getIsSelected","deselect","handleClick","event","rowSelection","lastSelectedRowIndex","current","index","stopPropagation","_temp6","subRows","forEach","toggleSelected","_temp5","shiftKey","_tableMeta$rowSelecti","_temp4","setRowSelection","currentRowSelection","selectedRows","reduce","state","id","getRowModel","rows","slice","_temp3","some","original","_temp7","Shortcut","keys","onClick","cn","getRadioClassnames","role","type","renderer","header","size","align","enableSearch","headerClassName"],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Header as ReactTableHeader, ColumnMeta as ReactTableColumnMeta, flexRender } from '@tanstack/react-table';\nimport { Summary } from './Summary';\n\nexport function Footer<TType = unknown>(header: ReactTableHeader<TType, unknown>) {\n    return <MemoedFooter key={header.id} footer={header} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n    footer: ReactTableHeader<TType, unknown>;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { footer } = props;\n    const columnMeta = footer.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers\n    const isHeaderGroup = !!footer.subHeaders?.length;\n    const isPinned = isHeaderGroup\n        ? footer.subHeaders.find(x => x.column.getIsPinned())?.column.getIsPinned()\n        : footer.column.getIsPinned();\n\n    const style: React.CSSProperties = {};\n\n    if (isPinned) {\n        // pinned columns should be offset from either the left or right\n        style[isPinned] = `${footer.column.getStart(isPinned) - 1}px`;\n    }\n\n    let content;\n    let align;\n\n    if (footer.index === 0) {\n        align = 'left';\n        content = <Summary table={footer.getContext().table} />;\n    } else {\n        align = columnMeta.align;\n        content = footer.isPlaceholder ? null : flexRender(footer.column.columnDef.footer, footer.getContext());\n    }\n\n    return (\n        <td\n            key={footer.id}\n            data-cell-align={align}\n            data-cell-id={footer.id}\n            data-cell-pinned={isPinned ? isPinned : undefined}\n            style={style}>\n            {content}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => JSX.Element;\n"],"names":["Footer","header","React","MemoedFooter","key","id","footer","memo","props","columnMeta","column","columnDef","meta","isHeaderGroup","_footer$subHeaders","subHeaders","length","isPinned","_footer$subHeaders$fi","find","x","getIsPinned","style","getStart","content","align","index","Summary","table","getContext","isPlaceholder","flexRender","undefined"],"mappings":";;;;SAIgBA,MAAMA,CAAkBC,MAAwC;EAC5E,oBAAOC,6BAACC,YAAY;IAACC,GAAG,EAAEH,MAAM,CAACI,EAAE;IAAEC,MAAM,EAAEL;IAAU;AAC3D;AAMA,MAAME,YAAY,gBAAGD,cAAK,CAACK,IAAI,CAAC,SAASJ,YAAYA,CAAkBK,KAA+B;;EAClG,MAAM;IAAEF;GAAQ,GAAGE,KAAK;EACxB,MAAMC,UAAU,GAAGH,MAAM,CAACI,MAAM,CAACC,SAAS,CAACC,IAA4C;;EAGvF,MAAMC,aAAa,GAAG,CAAC,GAAAC,kBAAA,GAACR,MAAM,CAACS,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM;EACjD,MAAMC,QAAQ,GAAGJ,aAAa,IAAAK,qBAAA,GACxBZ,MAAM,CAACS,UAAU,CAACI,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACV,MAAM,CAACW,WAAW,EAAE,CAAC,cAAAH,qBAAA,uBAAnDA,qBAAA,CAAqDR,MAAM,CAACW,WAAW,EAAE,GACzEf,MAAM,CAACI,MAAM,CAACW,WAAW,EAAE;EAEjC,MAAMC,KAAK,GAAwB,EAAE;EAErC,IAAIL,QAAQ,EAAE;;IAEVK,KAAK,CAACL,QAAQ,CAAC,MAAMX,MAAM,CAACI,MAAM,CAACa,QAAQ,CAACN,QAAQ,CAAC,GAAG,KAAK;;EAGjE,IAAIO,OAAO;EACX,IAAIC,KAAK;EAET,IAAInB,MAAM,CAACoB,KAAK,KAAK,CAAC,EAAE;IACpBD,KAAK,GAAG,MAAM;IACdD,OAAO,gBAAGtB,6BAACyB,OAAO;MAACC,KAAK,EAAEtB,MAAM,CAACuB,UAAU,EAAE,CAACD;MAAS;GAC1D,MAAM;IACHH,KAAK,GAAGhB,UAAU,CAACgB,KAAK;IACxBD,OAAO,GAAGlB,MAAM,CAACwB,aAAa,GAAG,IAAI,GAAGC,UAAU,CAACzB,MAAM,CAACI,MAAM,CAACC,SAAS,CAACL,MAAM,EAAEA,MAAM,CAACuB,UAAU,EAAE,CAAC;;EAG3G,oBACI3B;IACIE,GAAG,EAAEE,MAAM,CAACD,EAAE;uBACGoB,KAAK;oBACRnB,MAAM,CAACD,EAAE;wBACLY,QAAQ,GAAGA,QAAQ,GAAGe,SAAS;IACjDV,KAAK,EAAEA;KACNE,OAAO,CACP;AAEb,CAAC,CAAsE;;;;"}

package/dist/esm/packages/taco/src/{components/Report → primitives/Table/Core}/components/Footer/Summary.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { useLocalization } from '../../../Provider/Localization.js';
+import { useLocalization } from '../../../../../components/Provider/Localization.js';
 
 function Summary(props) {
   var _table$getState$colum;
@@ -17,16 +17,16 @@ function Summary(props) {
   // row selection
   const rowsSelectedLength = table.getSelectedRowModel().rows.length;
   if (rowsSelectedLength > 0) {
-    label = texts.table3.footer.summary.selected;
-    count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(rowsSelectedLength)), "\u00A0", texts.table3.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
+    label = texts.table.footer.summary.selected;
+    count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(rowsSelectedLength)), "\u00A0", texts.table.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
   } else if ((_table$getState$colum = table.getState().columnFilters) !== null && _table$getState$colum !== void 0 && _table$getState$colum.length ||
   // filtered data
   !!table.getState().globalFilter && table.options.enableGlobalFilter // search with hide enabled
   ) {
-    label = texts.table3.footer.summary.records;
-    count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, currentLength), "\u00A0", texts.table3.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
+    label = texts.table.footer.summary.records;
+    count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, currentLength), "\u00A0", texts.table.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
   } else {
-    label = texts.table3.footer.summary.records;
+    label = texts.table.footer.summary.records;
     count = /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length));
   }
   return /*#__PURE__*/React__default.createElement("div", {

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Footer/Summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Footer/Summary.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../components/Provider/Localization';\n\nexport type FooterSummaryProps<TType = unknown> = {\n    table: ReactTable<TType>;\n};\n\nexport function Summary<TType = unknown>(props: FooterSummaryProps<TType>) {\n    const { table } = props;\n    const { locale, texts } = useLocalization();\n    const length = (table.options.meta as ReactTableMeta<TType>).length;\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    const rowsSelectedLength = table.getSelectedRowModel().rows.length;\n\n    if (rowsSelectedLength > 0) {\n        label = texts.table.footer.summary.selected;\n        count = (\n            <>\n                <strong>{new Intl.NumberFormat(locale).format(rowsSelectedLength)}</strong>&nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else if (\n        table.getState().columnFilters?.length || // filtered data\n        (!!table.getState().globalFilter && table.options.enableGlobalFilter) // search with hide enabled\n    ) {\n        label = texts.table.footer.summary.records;\n        count = (\n            <>\n                <strong>{currentLength}</strong>&nbsp;\n                {texts.table.footer.summary.count}&nbsp;\n                <strong>{new Intl.NumberFormat(locale).format(length)}</strong>\n            </>\n        );\n    } else {\n        label = texts.table.footer.summary.records;\n        count = <strong>{new Intl.NumberFormat(locale).format(length)}</strong>;\n    }\n\n    return (\n        <div\n            className=\"sticky left-0 z-20 flex h-full w-fit items-center whitespace-nowrap bg-white pr-1 shadow-[12px_0px_6px_white]\"\n            data-taco=\"table2-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["Summary","props","table","locale","texts","useLocalization","length","options","meta","currentLength","getRowModel","rows","label","count","rowsSelectedLength","getSelectedRowModel","footer","summary","selected","React","Intl","NumberFormat","format","_table$getState$colum","getState","columnFilters","globalFilter","enableGlobalFilter","records","className"],"mappings":";;;SAQgBA,OAAOA,CAAkBC,KAAgC;;EACrE,MAAM;IAAEC;GAAO,GAAGD,KAAK;EACvB,MAAM;IAAEE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EAC3C,MAAMC,MAAM,GAAIJ,KAAK,CAACK,OAAO,CAACC,IAA8B,CAACF,MAAM;EACnE,MAAMG,aAAa,GAAGP,KAAK,CAACQ,WAAW,EAAE,CAACC,IAAI,CAACL,MAAM;EAErD,IAAIM,KAAK;EACT,IAAIC,KAAK;;EAGT,MAAMC,kBAAkB,GAAGZ,KAAK,CAACa,mBAAmB,EAAE,CAACJ,IAAI,CAACL,MAAM;EAElE,IAAIQ,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,GAAGR,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC3CL,KAAK,gBACDM,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAAClB,MAAM,CAAC,CAACmB,MAAM,CAACR,kBAAkB,CAAC,CAAU,YAC1EV,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACJ,KAAK,yBACjCM,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAAClB,MAAM,CAAC,CAACmB,MAAM,CAAChB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,CAAAiB,qBAAA,GAAArB,KAAK,CAACsB,QAAQ,EAAE,CAACC,aAAa,cAAAF,qBAAA,eAA9BA,qBAAA,CAAgCjB,MAAM;;EACrC,CAAC,CAACJ,KAAK,CAACsB,QAAQ,EAAE,CAACE,YAAY,IAAIxB,KAAK,CAACK,OAAO,CAACoB,kBAAmB;IACvE;IACEf,KAAK,GAAGR,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACW,OAAO;IAC1Cf,KAAK,gBACDM,yEACIA,6CAASV,aAAa,CAAU,YAC/BL,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACJ,KAAK,yBACjCM,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAAClB,MAAM,CAAC,CAACmB,MAAM,CAAChB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;IACHM,KAAK,GAAGR,KAAK,CAACF,KAAK,CAACc,MAAM,CAACC,OAAO,CAACW,OAAO;IAC1Cf,KAAK,gBAAGM,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAAClB,MAAM,CAAC,CAACmB,MAAM,CAAChB,MAAM,CAAC,CAAU;;EAG3E,oBACIa;IACIU,SAAS,EAAC,+GAA+G;iBAC/G;KACTjB,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}

package/dist/esm/packages/taco/src/{components/Report → primitives/Table/Core}/components/Header/Header.js

@@ -1,16 +1,20 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { Tooltip } from '../../../Tooltip/Tooltip.js';
+import { Tooltip } from '../../../../../components/Tooltip/Tooltip.js';
 import { flexRender } from '@tanstack/react-table';
-import { isInternalColumn, unfreezeAllExternalColumns, freezeUptoExternalColumn } from '../../../../primitives/Table/useTableManager/util/columns.js';
-import { TableFilterComparator } from '../../../../primitives/Table/types.js';
+import { isInternalColumn, unfreezeAllExternalColumns, freezeUptoExternalColumn } from '../../../useTableManager/util/columns.js';
+import { TableFilterComparator } from '../../../types.js';
 import { getSortAttributes, SortIndicator } from './components/SortIndicator.js';
 import { Resizer } from './components/Resizer.js';
 import { HeaderMenu } from './components/Menu.js';
 import { getIsPinned, useSetInitialColumnSizing } from './util.js';
 
-function Header(header) {
+function Header(props) {
   var _header$column$column;
+  const {
+    header,
+    scrollToIndex
+  } = props;
   if (header.column.getIsGrouped()) {
     return null;
   }
@@ -46,7 +50,6 @@ function Header(header) {
     children: flexRender(header.column.columnDef.header, header.getContext()),
     colSpan: header.colSpan,
     customMenu: columnMeta.menu,
-    defaultWidth: columnMeta.defaultWidth,
     hasMenu,
     id: header.id,
     isFiltered: header.column.getIsFiltered(),
@@ -55,6 +58,7 @@ function Header(header) {
     isPinned,
     isPlaceholder: header.isPlaceholder,
     offset: header.column.getStart(isPinned),
+    scrollToIndex,
     setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,
     setColumnSizing: table.setColumnSizing,
     tooltip: columnMeta.tooltip,
@@ -127,7 +131,6 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
     className,
     colSpan,
     customMenu,
-    defaultWidth,
     hasMenu,
     id,
     index,
@@ -144,6 +147,7 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
     onResize: handleResize,
     onSort: handleSort,
     onSortToggle: handleSortToggle,
+    scrollToIndex,
     setRowActiveIndex,
     setColumnSizing,
     sortDirection,
@@ -152,7 +156,7 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
   } = props;
   const [ref, setRef] = React__default.useState(null);
   // save column width if none is set
-  useSetInitialColumnSizing(id, defaultWidth, width, ref, canMeasureSize, setColumnSizing);
+  useSetInitialColumnSizing(id, width, ref, canMeasureSize, setColumnSizing);
   // feature specific styles
   const style = {};
   // column groups often span multiple columns
@@ -195,6 +199,7 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
     onHide: handleHide,
     onPin: handlePin,
     onSortToggle: handleSortToggle,
+    scrollToIndex: scrollToIndex,
     setRowActiveIndex: setRowActiveIndex,
     sortDirection: sortDirection
   })) : null, canResize ? ( /*#__PURE__*/React__default.createElement(Resizer, {

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    TableMeta as ReactTableMeta,\n    ColumnMeta as ReactTableColumnMeta,\n    Header as ReactTableHeader,\n    ColumnPinningPosition as ReactTableColumnPinningPosition,\n    flexRender,\n} from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { freezeUptoExternalColumn, isInternalColumn, unfreezeAllExternalColumns } from '../../../useTableManager/util/columns';\nimport { Tooltip } from '../../../../../components/Tooltip/Tooltip';\nimport { SortIndicator, getSortAttributes } from './components/SortIndicator';\nimport {\n    TableColumnAlignment,\n    TableColumnMenu,\n    TableColumnSortDirection,\n    TableColumnWidth,\n    TableFilterComparator,\n} from '../../../types';\nimport { Resizer } from './components/Resizer';\nimport { HeaderMenu } from './components/Menu';\nimport { getIsPinned, useSetInitialColumnSizing } from './util';\n\nexport type HeaderProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    scrollToIndex: (index: number) => void;\n};\n\nexport function Header<TType = unknown>(props: HeaderProps<TType>) {\n    const { header, scrollToIndex } = props;\n\n    if (header.column.getIsGrouped()) {\n        return null;\n    }\n\n    const { table } = header.getContext();\n\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (header.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n\n    const isGroup = !!header.subHeaders.length;\n    const isPinned = getIsPinned(header);\n\n    const canFilter = !header.isPlaceholder && header.column.getCanFilter() && !!table.options.enableColumnFilters;\n    const canHide = !header.isPlaceholder && !isGroup && header.column.getCanHide();\n    const canMeasureSize = !!table.getRowModel().rows.length;\n    const canPin = !header.isPlaceholder && !isGroup && header.column.getCanPin();\n    const canResize = !header.isPlaceholder && !isGroup && header.column.getCanResize();\n    const canSort = !header.isPlaceholder && !isGroup && header.column.getCanSort();\n    const canGoto = canSort && !header.isPlaceholder && !isGroup && tableMeta.rowGoto.isEnabled && !!header.column.getIsSorted();\n\n    const hasMenu = !isInternalColumn(header.id) && (canHide || canGoto || canPin || canSort || !!columnMeta.menu);\n\n    const sorting = table.getState().sorting;\n    const filters = table.getState().columnFilters;\n    const search = table.getState().globalFilter;\n\n    // passing header or column results in re-renders on scroll, so anything from those objects as memoed props\n    const memoedProps: MemoedHeaderProps = {\n        align: columnMeta.align,\n        canFilter,\n        canHide,\n        canGoto,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        className: cn('group/header', columnMeta.headerClassName),\n        children: flexRender(header.column.columnDef.header, header.getContext()),\n        colSpan: header.colSpan,\n        customMenu: columnMeta.menu,\n        hasMenu,\n        id: header.id,\n        isFiltered: header.column.getIsFiltered(),\n        index: header.index,\n        isGroup,\n        isPinned,\n        isPlaceholder: header.isPlaceholder,\n        offset: header.column.getStart(isPinned),\n        scrollToIndex,\n        setRowActiveIndex: tableMeta.rowActive.setRowActiveIndex,\n        setColumnSizing: table.setColumnSizing,\n        tooltip: columnMeta.tooltip,\n        width: table.getState().columnSizing[header.id],\n    };\n\n    if (header.isPlaceholder) {\n        const nextHeader = header.headerGroup.headers[header.index + 1];\n        memoedProps.className = cn('!bg-white before:!content-none', memoedProps.className, {\n            'after:!content-none': nextHeader?.isPlaceholder,\n        });\n    }\n\n    if (canFilter) {\n        memoedProps.onFilter = () => {\n            header.column.setFilterValue({ comparator: TableFilterComparator.Contains });\n        };\n    }\n\n    if (canGoto) {\n        memoedProps.onGoto = ((query: string) => tableMeta.rowGoto.handleGoto?.(header.id, query, sorting, filters, search)) as (\n            query: string\n        ) => Promise<number>;\n    }\n\n    if (canHide) {\n        memoedProps.onHide = header.column.getToggleVisibilityHandler();\n    }\n\n    if (canPin) {\n        memoedProps.onPin = (index: number | undefined) => {\n            // TODO: this can probably be moved to a feature hook\n            table.setColumnPinning(pinningState => {\n                return {\n                    ...pinningState,\n                    left:\n                        index === undefined\n                            ? unfreezeAllExternalColumns(pinningState.left)\n                            : freezeUptoExternalColumn(\n                                  index,\n                                  table.getAllLeafColumns().map(column => column.id)\n                              ),\n                };\n            });\n        };\n    }\n\n    if (canResize) {\n        memoedProps.isResizing = header.column.getIsResizing();\n        memoedProps.onResize = header.getResizeHandler();\n    }\n\n    if (canSort) {\n        const handleSortToggle = (sortDirection: TableColumnSortDirection | false) => {\n            if (sortDirection === false) {\n                header.column.clearSorting();\n            } else {\n                header.column.toggleSorting(sortDirection === 'desc');\n            }\n        };\n\n        memoedProps.onSort = header.column.getToggleSortingHandler();\n        memoedProps.onSortToggle = handleSortToggle;\n        memoedProps.sortDirection = header.column.getIsSorted();\n    }\n\n    return <MemoedHeader key={header.id} {...memoedProps} />;\n}\n\nexport type MemoedHeaderProps = {\n    align?: TableColumnAlignment;\n    canFilter: boolean;\n    canHide: boolean;\n    canGoto: boolean;\n    canMeasureSize: boolean;\n    canPin: boolean;\n    canResize: boolean;\n    canSort: boolean;\n    children: JSX.Element | React.ReactNode;\n    className?: string;\n    colSpan: number;\n    customMenu?: TableColumnMenu;\n    defaultWidth?: TableColumnWidth;\n    hasMenu: boolean;\n    id: string;\n    index: number;\n    isFiltered: boolean;\n    isGroup: boolean;\n    isPinned?: ReactTableColumnPinningPosition;\n    isPlaceholder: boolean;\n    isResizing?: boolean;\n    offset?: number;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onResize?: (event: unknown) => void;\n    onSort?: (event: unknown) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    setColumnSizing: any;\n    sortDirection?: TableColumnSortDirection | false;\n    tooltip?: string;\n    width?: TableColumnWidth;\n};\n\nconst MemoedHeader = React.memo(function MemoedHeader(props: MemoedHeaderProps) {\n    const {\n        align,\n        canFilter,\n        canGoto,\n        canHide,\n        canMeasureSize,\n        canPin,\n        canResize,\n        canSort,\n        children,\n        className,\n        colSpan,\n        customMenu,\n        hasMenu,\n        id,\n        index,\n        isFiltered,\n        isGroup,\n        isPinned,\n        isPlaceholder,\n        isResizing,\n        offset,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onResize: handleResize,\n        onSort: handleSort,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        setRowActiveIndex,\n        setColumnSizing,\n        sortDirection,\n        tooltip,\n        width,\n    } = props;\n    const [ref, setRef] = React.useState<HTMLTableCellElement | null>(null);\n\n    // save column width if none is set\n    useSetInitialColumnSizing(id, width, ref, canMeasureSize, setColumnSizing);\n\n    // feature specific styles\n    const style: React.CSSProperties = {};\n\n    // column groups often span multiple columns\n    if (colSpan > 1) {\n        style.gridColumn = `span ${colSpan}`;\n    }\n\n    // pinned columns should be offset from either the left or right\n    if (isPinned) {\n        style[isPinned] = `${offset}px`;\n    }\n\n    return (\n        <th\n            {...getSortAttributes(canSort, handleSort, sortDirection)}\n            className={className}\n            data-cell-align={isGroup ? 'center' : align}\n            data-cell-id={id}\n            data-cell-pinned={isPinned ? isPinned : undefined}\n            style={style}\n            ref={setRef}>\n            {isPlaceholder ? null : isInternalColumn(id) ? (\n                children\n            ) : (\n                <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n                    <span className=\"truncate\">{children}</span>\n                </Tooltip>\n            )}\n            {sortDirection ? <SortIndicator direction={sortDirection} /> : null}\n            {hasMenu ? (\n                <HeaderMenu\n                    canFilter={canFilter}\n                    canGoto={canGoto}\n                    canHide={canHide}\n                    canPin={canPin}\n                    canSort={canSort}\n                    className={cn({\n                        'ml-auto': align !== 'right',\n                        'ml-0': align === 'right',\n                    })}\n                    customMenu={customMenu}\n                    index={index}\n                    isFiltered={isFiltered}\n                    onFilter={handleFilter}\n                    onGoto={handleGoto}\n                    onHide={handleHide}\n                    onPin={handlePin}\n                    onSortToggle={handleSortToggle}\n                    scrollToIndex={scrollToIndex}\n                    setRowActiveIndex={setRowActiveIndex}\n                    sortDirection={sortDirection}\n                />\n            ) : null}\n            {canResize ? (\n                <Resizer\n                    headerRef={ref}\n                    id={id}\n                    isResizing={isResizing as boolean}\n                    onResize={handleResize as (event: unknown) => void}\n                    setColumnSizing={setColumnSizing}\n                    width={width}\n                />\n            ) : null}\n        </th>\n    );\n});\n"],"names":["Header","props","header","scrollToIndex","column","getIsGrouped","table","getContext","tableMeta","options","meta","columnMeta","_header$column$column","columnDef","isGroup","subHeaders","length","isPinned","getIsPinned","canFilter","isPlaceholder","getCanFilter","enableColumnFilters","canHide","getCanHide","canMeasureSize","getRowModel","rows","canPin","getCanPin","canResize","getCanResize","canSort","getCanSort","canGoto","rowGoto","isEnabled","getIsSorted","hasMenu","isInternalColumn","id","menu","sorting","getState","filters","columnFilters","search","globalFilter","memoedProps","align","className","cn","headerClassName","children","flexRender","colSpan","customMenu","isFiltered","getIsFiltered","index","offset","getStart","setRowActiveIndex","rowActive","setColumnSizing","tooltip","width","columnSizing","nextHeader","headerGroup","headers","onFilter","setFilterValue","comparator","TableFilterComparator","Contains","onGoto","query","_tableMeta$rowGoto$ha","_tableMeta$rowGoto","handleGoto","call","onHide","getToggleVisibilityHandler","onPin","setColumnPinning","pinningState","left","undefined","unfreezeAllExternalColumns","freezeUptoExternalColumn","getAllLeafColumns","map","isResizing","getIsResizing","onResize","getResizeHandler","handleSortToggle","sortDirection","clearSorting","toggleSorting","onSort","getToggleSortingHandler","onSortToggle","React","MemoedHeader","key","memo","handleFilter","handleHide","handlePin","handleResize","handleSort","ref","setRef","useState","useSetInitialColumnSizing","style","gridColumn","getSortAttributes","Tooltip","title","String","placement","SortIndicator","direction","HeaderMenu","Resizer","headerRef"],"mappings":"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"}

package/dist/esm/packages/taco/src/{components/Report → primitives/Table/Core}/components/Header/components/Goto.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { useLocalization } from '../../../../Provider/Localization.js';
-import { Popover } from '../../../../Popover/Popover.js';
-import { SearchInput } from '../../../../SearchInput/SearchInput.js';
+import { useLocalization } from '../../../../../../components/Provider/Localization.js';
+import { Popover } from '../../../../../../components/Popover/Popover.js';
+import { SearchInput } from '../../../../../../components/SearchInput/SearchInput.js';
 
 function GotoPopover(props) {
   const {
@@ -16,11 +16,11 @@ function GotoPopover(props) {
   return /*#__PURE__*/React__default.createElement(Popover, Object.assign({}, popoverProps, {
     anchor: trigger
   }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement(SearchInput, {
-    "aria-label": texts.table3.columns.menu.gotoRow,
+    "aria-label": texts.table.columns.menu.gotoRow,
     name: "query",
     onSearch: handleSearch,
     onKeyDown: event => event.stopPropagation(),
-    placeholder: `${texts.table3.columns.menu.gotoRow}...`
+    placeholder: `${texts.table.columns.menu.gotoRow}...`
   })));
 }
 

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Goto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Goto.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/Goto.tsx"],"sourcesContent":["import React from 'react';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Popover, PopoverProps } from '../../../../../../components/Popover/Popover';\nimport { SearchInput } from '../../../../../../components/SearchInput/SearchInput';\n\nexport type GotoProps = PopoverProps & {\n    onGoto: (query: string) => Promise<void>;\n};\n\nexport function GotoPopover(props: GotoProps) {\n    const { onGoto: handleGoto, trigger, ...popoverProps } = props;\n    const { texts } = useLocalization();\n\n    const handleSearch = value => handleGoto(value);\n\n    return (\n        <Popover {...popoverProps} anchor={trigger}>\n            <Popover.Content>\n                <SearchInput\n                    aria-label={texts.table.columns.menu.gotoRow}\n                    name=\"query\"\n                    onSearch={handleSearch}\n                    onKeyDown={event => event.stopPropagation()}\n                    placeholder={`${texts.table.columns.menu.gotoRow}...`}\n                />\n            </Popover.Content>\n        </Popover>\n    );\n}\n"],"names":["GotoPopover","props","onGoto","handleGoto","trigger","popoverProps","texts","useLocalization","handleSearch","value","React","Popover","anchor","Content","SearchInput","table","columns","menu","gotoRow","name","onSearch","onKeyDown","event","stopPropagation","placeholder"],"mappings":";;;;;SASgBA,WAAWA,CAACC,KAAgB;EACxC,MAAM;IAAEC,MAAM,EAAEC,UAAU;IAAEC,OAAO;IAAE,GAAGC;GAAc,GAAGJ,KAAK;EAC9D,MAAM;IAAEK;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,YAAY,GAAGC,KAAK,IAAIN,UAAU,CAACM,KAAK,CAAC;EAE/C,oBACIC,6BAACC,OAAO,oBAAKN,YAAY;IAAEO,MAAM,EAAER;mBAC/BM,6BAACC,OAAO,CAACE,OAAO,qBACZH,6BAACI,WAAW;kBACIR,KAAK,CAACS,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;IAC5CC,IAAI,EAAC,OAAO;IACZC,QAAQ,EAAEZ,YAAY;IACtBa,SAAS,EAAEC,KAAK,IAAIA,KAAK,CAACC,eAAe,EAAE;IAC3CC,WAAW,KAAKlB,KAAK,CAACS,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC;IAC3C,CACY,CACZ;AAElB;;;;"}

package/dist/esm/packages/taco/src/{components/Report → primitives/Table/Core}/components/Header/components/Menu.js

@@ -1,9 +1,9 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { IconButton } from '../../../../IconButton/IconButton.js';
-import { useLocalization } from '../../../../Provider/Localization.js';
-import { Menu } from '../../../../Menu/Menu.js';
-import { _finallyRethrows, _catch } from '../../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+import { IconButton } from '../../../../../../components/IconButton/IconButton.js';
+import { useLocalization } from '../../../../../../components/Provider/Localization.js';
+import { Menu } from '../../../../../../components/Menu/Menu.js';
+import { _finallyRethrows, _catch } from '../../../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
 import { GotoPopover } from './Goto.js';
 
 function HeaderMenu(props) {
@@ -21,7 +21,7 @@ function HeaderMenu(props) {
     onHide: handleHide,
     onPin: handlePin,
     onSortToggle: handleSortToggle,
-    //   scrollToIndex,
+    scrollToIndex,
     setRowActiveIndex,
     sortDirection
   } = props;
@@ -41,9 +41,8 @@ function HeaderMenu(props) {
                 const _temp = _finallyRethrows(function () {
                   return _catch(function () {
                     return Promise.resolve(handleGoto(query)).then(function (index) {
-                      // scroll to first, row active might not be enabled
-                      //scrollToIndex(index + 2, { align: 'center' });
                       setRowActiveIndex(index);
+                      scrollToIndex(index);
                     });
                   }, function (e) {
                     console.error(e);
@@ -76,7 +75,7 @@ function HeaderMenu(props) {
       menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "eye-off",
         onClick: handleClick
-      }, texts.table3.columns.menu.hideColumn));
+      }, texts.table.columns.menu.hideColumn));
     }
     if (canSort) {
       menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
@@ -86,35 +85,35 @@ function HeaderMenu(props) {
           value: sortDirection
         }, /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
           value: "asc"
-        }, texts.table3.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+        }, texts.table.columns.menu.sortingOrder.ascending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
           value: "desc"
-        }, texts.table3.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
+        }, texts.table.columns.menu.sortingOrder.descending), /*#__PURE__*/React__default.createElement(Menu.RadioGroup.Item, {
           value: false
-        }, texts.table3.columns.menu.sortingOrder.unsorted))))
-      }, texts.table3.columns.menu.sorting));
+        }, texts.table.columns.menu.sortingOrder.unsorted))))
+      }, texts.table.columns.menu.sorting));
     }
     if (canGoto) {
       menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "move",
         onClick: () => setPopover('goto'),
         shortcut: "g"
-      }, texts.table3.columns.menu.gotoRow, "..."));
+      }, texts.table.columns.menu.gotoRow, "..."));
     }
     if (canPin && handlePin) {
       menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "column-freeze",
         onClick: () => handlePin(index)
-      }, index === 0 ? texts.table3.columns.menu.freezeFirstColumn : texts.table3.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))));
+      }, index === 0 ? texts.table.columns.menu.freezeFirstColumn : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))));
       menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: "column-unfreeze",
         onClick: () => handlePin(undefined)
-      }, texts.table3.columns.menu.unfreezeColumns));
+      }, texts.table.columns.menu.unfreezeColumns));
     }
     if (canFilter && handleFilter) {
       menuItems.push( /*#__PURE__*/React__default.createElement(Menu.Item, {
         icon: isFiltered ? 'filter-solid' : 'filter',
         onClick: () => handleFilter()
-      }, isFiltered ? texts.table3.columns.menu.editFilter : texts.table3.columns.menu.filter));
+      }, isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter));
     }
     if (customMenu) {
       const menu = customMenu({

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Header/components/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Header/components/Menu.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { Menu as MenuPrimitive } from '../../../../../../components/Menu/Menu';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { GotoPopover } from './Goto';\nimport { TableColumnMenu, TableColumnSortDirection } from '../../../../types';\n\nexport type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    customMenu?: TableColumnMenu;\n    index: number;\n    isFiltered: boolean;\n    onFilter?: () => void;\n    onGoto?: (query: string) => Promise<number>;\n    onHide?: (event: unknown) => void;\n    onPin?: (index: number | undefined) => void;\n    onSortToggle?: (sortDirection: TableColumnSortDirection | false) => void;\n    scrollToIndex: (index: number) => void;\n    setRowActiveIndex: (index: number) => void;\n    sortDirection?: TableColumnSortDirection | false;\n};\n\nexport function HeaderMenu(props: HeaderMenuProps) {\n    const {\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        index,\n        isFiltered,\n        onFilter: handleFilter,\n        onGoto: handleGoto,\n        onHide: handleHide,\n        onPin: handlePin,\n        onSortToggle: handleSortToggle,\n        scrollToIndex,\n        setRowActiveIndex,\n        sortDirection,\n    } = props;\n    const { texts } = useLocalization();\n    const [popover, setPopover] = React.useState<string | undefined>(undefined);\n\n    let popoverElement;\n\n    if (popover) {\n        const handleClosePopover = () => setPopover(undefined);\n\n        switch (popover) {\n            case 'goto': {\n                if (handleGoto) {\n                    const goto = async (query: string) => {\n                        try {\n                            const index = await handleGoto(query);\n                            setRowActiveIndex(index);\n                            scrollToIndex(index);\n                        } catch (e) {\n                            console.error(e);\n                            //\n                        } finally {\n                            handleClosePopover();\n                        }\n                    };\n                    popoverElement = props => <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />;\n                }\n            }\n        }\n    }\n\n    const memoedMenuItems = React.useMemo(() => {\n        const menuItems: JSX.Element[] = [];\n\n        if (canHide && handleHide) {\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 = event => setTimeout(() => handleHide(event), 1);\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"eye-off\" onClick={handleClick}>\n                    {texts.table.columns.menu.hideColumn}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canSort) {\n            menuItems.push(\n                <MenuPrimitive.Item\n                    icon=\"sort-by\"\n                    subMenu={() => (\n                        <MenuPrimitive.SubMenu>\n                            <MenuPrimitive.RadioGroup onChange={handleSortToggle as any} value={sortDirection}>\n                                <MenuPrimitive.RadioGroup.Item value=\"asc\">\n                                    {texts.table.columns.menu.sortingOrder.ascending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value=\"desc\">\n                                    {texts.table.columns.menu.sortingOrder.descending}\n                                </MenuPrimitive.RadioGroup.Item>\n                                <MenuPrimitive.RadioGroup.Item value={false}>\n                                    {texts.table.columns.menu.sortingOrder.unsorted}\n                                </MenuPrimitive.RadioGroup.Item>\n                            </MenuPrimitive.RadioGroup>\n                        </MenuPrimitive.SubMenu>\n                    )}>\n                    {texts.table.columns.menu.sorting}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canGoto) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"move\" onClick={() => setPopover('goto')} shortcut=\"g\">\n                    {texts.table.columns.menu.gotoRow}...\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (canPin && handlePin) {\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-freeze\" onClick={() => handlePin(index)}>\n                    {index === 0\n                        ? texts.table.columns.menu.freezeFirstColumn\n                        : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))}\n                </MenuPrimitive.Item>\n            );\n\n            menuItems.push(\n                <MenuPrimitive.Item icon=\"column-unfreeze\" onClick={() => handlePin(undefined)}>\n                    {texts.table.columns.menu.unfreezeColumns}\n                </MenuPrimitive.Item>\n            );\n        }\n        if (canFilter && handleFilter) {\n            menuItems.push(\n                <MenuPrimitive.Item icon={isFiltered ? 'filter-solid' : 'filter'} onClick={() => handleFilter()}>\n                    {isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter}\n                </MenuPrimitive.Item>\n            );\n        }\n\n        if (customMenu) {\n            const menu = customMenu({ trigger: undefined });\n            const customItems = React.Children.toArray(menu.props.children.props.children) as JSX.Element[];\n\n            if (customItems.length) {\n                if (menuItems.length) {\n                    menuItems.push(<MenuPrimitive.Separator />);\n                }\n\n                menuItems.push(...customItems);\n            }\n        }\n\n        return menuItems.map((item, key) => React.cloneElement(item, { key }));\n    }, [\n        canFilter,\n        canGoto,\n        canHide,\n        canPin,\n        canSort,\n        customMenu,\n        handleGoto,\n        handleSortToggle,\n        index,\n        isFiltered,\n        sortDirection,\n    ]);\n\n    // can't use display: none because the button needs to be focusable\n    const className = cn(\n        // positioning\n        'justify-end -mr-1 overflow-hidden',\n        // sizing\n        '!h-6 !w-0 !min-h-[theme(spacing.6)] !min-w-0',\n        // visible - hover\n        'group-hover/header:!w-6 group-hover/header:!min-w-[theme(spacing.6)]',\n        // visible - expanded\n        'aria-expanded:!w-6 aria-expanded:!min-w-[theme(spacing.6)]',\n        // visible - focus\n        'focus:!w-6 focus:!min-w-[theme(spacing.6)]',\n        {\n            '!w-6 !min-w-[theme(spacing.6)]': !!popoverElement,\n        },\n        props.className\n    );\n\n    return (\n        <IconButton\n            className={className}\n            icon=\"more\"\n            menu={\n                popoverElement\n                    ? undefined\n                    : menuProps => (\n                          <MenuPrimitive {...menuProps}>\n                              <MenuPrimitive.Content>{memoedMenuItems}</MenuPrimitive.Content>\n                          </MenuPrimitive>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n        />\n    );\n}\n"],"names":["HeaderMenu","props","canFilter","canGoto","canHide","canPin","canSort","customMenu","index","isFiltered","onFilter","handleFilter","onGoto","handleGoto","onHide","handleHide","onPin","handlePin","onSortToggle","handleSortToggle","scrollToIndex","setRowActiveIndex","sortDirection","texts","useLocalization","popover","setPopover","React","useState","undefined","popoverElement","handleClosePopover","goto","query","Promise","resolve","then","e","console","error","_wasThrown","_result","_temp","reject","GotoPopover","open","onChange","memoedMenuItems","useMemo","menuItems","handleClick","event","setTimeout","push","MenuPrimitive","Item","icon","onClick","table","columns","menu","hideColumn","subMenu","SubMenu","RadioGroup","value","sortingOrder","ascending","descending","unsorted","sorting","shortcut","gotoRow","freezeFirstColumn","freezeUptoColumn","replace","String","unfreezeColumns","editFilter","filter","trigger","customItems","Children","toArray","children","length","Separator","map","item","key","cloneElement","className","cn","IconButton","menuProps","Content","onClickCapture","preventDefault"],"mappings":"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"}

package/dist/esm/packages/taco/src/{components/Report → primitives/Table/Core}/components/Header/components/Resizer.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import cn from 'clsx';
-import { Tooltip } from '../../../../Tooltip/Tooltip.js';
-import { useLocalization } from '../../../../Provider/Localization.js';
+import { Tooltip } from '../../../../../../components/Tooltip/Tooltip.js';
+import { useLocalization } from '../../../../../../components/Provider/Localization.js';
 
 function Resizer(props) {
   const {
@@ -52,7 +52,7 @@ function Resizer(props) {
   }
   return /*#__PURE__*/React__default.createElement(Tooltip, {
     placement: "top",
-    title: texts.table3.columns.resize.tooltip
+    title: texts.table.columns.resize.tooltip
   }, handle);
 }