@economic/taco 2.45.0-alpha.3 → 2.45.0-alpha.30

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

@@ -1 +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: React.MouseEvent) => {\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: React.MouseEvent) => {\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,GAAIC,KAAuB;IACxCA,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,GAAIC,KAAuB;MACxCA,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;;;;;;"}
+{"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';\nimport { RowContext } from '../../Row/RowContext';\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 (!tableMeta.rowExpansion.canExpandAll) {\n        return null;\n    }\n\n    const isSomeRowsExpanded = table.getIsSomeRowsExpanded();\n\n    const handleClick = (event: React.MouseEvent) => {\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 { hideInternalColumns } = React.useContext(RowContext);\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n\n    if (hideInternalColumns) {\n        return null;\n    }\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: React.MouseEvent) => {\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","tableMeta","options","meta","rowExpansion","canExpandAll","isSomeRowsExpanded","getIsSomeRowsExpanded","handleClick","event","stopPropagation","toggleAllRowsExpanded","title","columns","expansion","collapseAll","expandAll","React","Tooltip","IconButton","appearance","icon","onClick","tabIndex","Cell","hideInternalColumns","useContext","RowContext","hasExpandedRow","_tableMeta$rowExpansi","_tableMeta$rowExpansi2","rowExpansionRenderer","call","row","original","isActiveRow","rowActive","rowActiveIndex","index","isExpanded","getIsExpanded","toggleExpanded","collapse","expand","renderer","header","size","align","enableSearch","headerClassName"],"mappings":";;;;;;AAYA,SAASA,MAAMA,CAAkBC,OAAgD;EAC7E,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC;GAAO,GAAGH,OAAO;EACzB,MAAMI,SAAS,GAAGD,KAAK,CAACE,OAAO,CAACC,IAA6B;EAE7D,IAAI,CAACF,SAAS,CAACG,YAAY,CAACC,YAAY,EAAE;IACtC,OAAO,IAAI;;EAGf,MAAMC,kBAAkB,GAAGN,KAAK,CAACO,qBAAqB,EAAE;EAExD,MAAMC,WAAW,GAAIC,KAAuB;IACxCA,KAAK,CAACC,eAAe,EAAE;IACvBV,KAAK,CAACW,qBAAqB,CAAC,CAACL,kBAAkB,CAAC;GACnD;EAED,MAAMM,KAAK,GAAGN,kBAAkB,GAAGR,KAAK,CAACE,KAAK,CAACa,OAAO,CAACC,SAAS,CAACC,WAAW,GAAGjB,KAAK,CAACE,KAAK,CAACa,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,CAAkB3B,OAA8C;;EACzE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAE0B;GAAqB,GAAGR,cAAK,CAACS,UAAU,CAACC,UAAU,CAAC;EAC5D,MAAM1B,SAAS,GAAGJ,OAAO,CAACG,KAAK,CAACE,OAAO,CAACC,IAA6B;EAErE,IAAIsB,mBAAmB,EAAE;IACrB,OAAO,IAAI;;EAGf,MAAMG,cAAc,IAAAC,qBAAA,GAAG,CAAAC,sBAAA,GAAA7B,SAAS,CAACG,YAAY,EAAC2B,oBAAoB,cAAAF,qBAAA,uBAA3CA,qBAAA,CAAAG,IAAA,CAAAF,sBAAA,EAA8CjC,OAAO,CAACoC,GAAG,CAACC,QAAQ,CAAC;EAE1F,IAAIN,cAAc,EAAE;IAChB,MAAMO,WAAW,GAAGlC,SAAS,CAACmC,SAAS,CAACC,cAAc,KAAKxC,OAAO,CAACoC,GAAG,CAACK,KAAK;IAC5E,MAAMC,UAAU,GAAG1C,OAAO,CAACoC,GAAG,CAACO,aAAa,EAAE;IAE9C,MAAMhC,WAAW,GAAIC,KAAuB;MACxCA,KAAK,CAACC,eAAe,EAAE;MACvBb,OAAO,CAACoC,GAAG,CAACQ,cAAc,EAAE;KAC/B;IAED,MAAM7B,KAAK,GAAG2B,UAAU,GAAGzC,KAAK,CAACE,KAAK,CAACa,OAAO,CAACC,SAAS,CAAC4B,QAAQ,GAAG5C,KAAK,CAACE,KAAK,CAACa,OAAO,CAACC,SAAS,CAAC6B,MAAM;IACxG,MAAMpB,QAAQ,GAAGY,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,oBACIlB,6BAACC,OAAO;MAACN,KAAK,EAAEA;oBACZK,6BAACE,UAAU;MACPC,UAAU,EAAC,UAAU;MACrBC,IAAI,EAAEkB,UAAU,GAAG,cAAc,GAAG,eAAe;MACnDjB,OAAO,EAAEd,WAAW;MACpBe,QAAQ,EAAEA,QAAQ;MAClBX,KAAK,EAAEA;MACT,CACI;;EAIlB,OAAO,IAAI;AACf;MAEagC,QAAQ,GAAkC;EACnDC,MAAM,EAAEjD,MAAM;EACdgD,QAAQ,EAAEpB,IAAI;EACdsB,IAAI,EAAE,EAAE;EACR3C,IAAI,EAAE;IACF4C,KAAK,EAAE,QAAQ;;IAEfC,YAAY,EAAE,KAAK;IACnBH,MAAM,EAAE,EAAE;IACVI,eAAe,EAAE;;;;;;"}

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

@@ -3,7 +3,7 @@ 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 { TableServerLoadAllState } from '../../../../types.js';
+import { getHiddenColumns } from '../../../../useTableManager/util/columns.js';
 import { RowContext } from '../../Row/RowContext.js';
 
 function Header(context) {
@@ -24,8 +24,9 @@ function Header(context) {
       }
       const _temp = function () {
         if (tableMeta.server.loadAllIfNeeded) {
+          const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
           // don't pass the search query because we need all data - not filtered data
-          return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
+          return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, hiddenColumns, tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined)).then(function () {});
         }
       }();
       // load all data if that is possible
@@ -41,7 +42,7 @@ function Header(context) {
     className: "hover:border-blue !-mt-px",
     checked: isAllRowsSelected,
     indeterminate: isSomeRowsSelected && !isAllRowsSelected,
-    loading: tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading,
+    loading: tableMeta.server.loading,
     onChange: handleChange
   }));
 }
@@ -60,10 +61,11 @@ function Cell(context) {
     table
   } = context;
   const {
+    hideInternalColumns,
     rowIndex
   } = React__default.useContext(RowContext);
   const tableMeta = table.options.meta;
-  if (table.options.enableGrouping && (_table$getState$group = table.getState().grouping) !== null && _table$getState$group !== void 0 && _table$getState$group.length && !row.getIsGrouped()) {
+  if (hideInternalColumns || table.options.enableGrouping && (_table$getState$group = table.getState().grouping) !== null && _table$getState$group !== void 0 && _table$getState$group.length && !row.getIsGrouped()) {
     return null;
   }
   const isSelected = row.getIsGrouped() ? row.getIsAllSubRowsSelected() : row.getIsSelected();
@@ -83,6 +85,7 @@ function Cell(context) {
             if (event.shiftKey) {
               var _tableMeta$rowSelecti;
               function _temp4() {
+                const selectedRows = table.getRowModel().rows.slice(fromIndex, toIndex + 1);
                 table.setRowSelection(currentRowSelection => ({
                   ...currentRowSelection,
                   ...selectedRows.filter(row => row.getCanSelect()).reduce((state, row) => ({
@@ -92,11 +95,11 @@ function Cell(context) {
                 }));
               }
               const [fromIndex, toIndex] = toggleBetween((_tableMeta$rowSelecti = tableMeta.rowSelection.lastSelectedRowIndex.current) !== null && _tableMeta$rowSelecti !== void 0 ? _tableMeta$rowSelecti : 0, rowIndex);
-              const selectedRows = table.getRowModel().rows.slice(fromIndex, toIndex + 1);
               const _temp3 = function () {
-                if (tableMeta.server.loadAllIfNeeded && selectedRows.some(row => row.original === undefined)) {
+                if (tableMeta.server.loadAllIfNeeded) {
+                  const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
                   // don't pass the search query because we need all data - not filtered data
-                  return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters)).then(function () {});
+                  return Promise.resolve(tableMeta.server.loadAllIfNeeded(table.getState().sorting, table.getState().columnFilters, hiddenColumns, tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined)).then(function () {});
                 }
               }();
               return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);

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

@@ -1 +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 { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport { Checkbox } from '../../../../../../components/Checkbox/Checkbox';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\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    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);\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                checked={isAllRowsSelected}\n                indeterminate={isSomeRowsSelected && !isAllRowsSelected}\n                loading={tableMeta.server.loadAllStatus === TableServerLoadAllState.Loading}\n                onChange={handleChange}\n            />\n        </Tooltip>\n    );\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 canSelect = row.getCanSelect();\n    const title = isSelected ? texts.table.columns.select.deselect : texts.table.columns.select.select;\n\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);\n            }\n\n            table.setRowSelection((currentRowSelection: RowSelectionState) => ({\n                ...currentRowSelection,\n                ...selectedRows.filter(row => row.getCanSelect()).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            hidden={!canSelect}\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                disabled={!canSelect}\n                // this is necessary to remove console spam from eslint\n                onChange={() => false}\n            />\n        </Tooltip>\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","isAllRowsSelected","getIsAllRowsSelected","isSomeRowsSelected","getIsSomeRowsSelected","title","columns","select","deselectAll","selectAll","handleChange","checked","toggleAllRowsSelected","_temp","server","loadAllIfNeeded","Promise","resolve","getState","sorting","columnFilters","then","_temp2","e","reject","React","Tooltip","Checkbox","className","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","canSelect","getCanSelect","deselect","handleClick","event","rowSelection","lastSelectedRowIndex","current","index","stopPropagation","_temp6","subRows","forEach","toggleSelected","_temp5","shiftKey","_tableMeta$rowSelecti","_temp4","setRowSelection","currentRowSelection","selectedRows","filter","reduce","state","id","getRowModel","rows","slice","_temp3","some","original","undefined","_temp7","hidden","Shortcut","keys","onClick","disabled","renderer","header","size","align","enableSearch","headerClassName"],"mappings":"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"}
+{"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 { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport { Checkbox } from '../../../../../../components/Checkbox/Checkbox';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { getHiddenColumns } from '../../../../useTableManager/util/columns';\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    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            const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n            // don't pass the search query because we need all data - not filtered data\n            await tableMeta.server.loadAllIfNeeded(\n                table.getState().sorting,\n                table.getState().columnFilters,\n                hiddenColumns,\n                tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n            );\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                checked={isAllRowsSelected}\n                indeterminate={isSomeRowsSelected && !isAllRowsSelected}\n                loading={tableMeta.server.loading}\n                onChange={handleChange}\n            />\n        </Tooltip>\n    );\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 { hideInternalColumns, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    if (hideInternalColumns || (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 canSelect = row.getCanSelect();\n    const title = isSelected ? texts.table.columns.select.deselect : texts.table.columns.select.select;\n\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\n            if (tableMeta.server.loadAllIfNeeded) {\n                const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);\n\n                // don't pass the search query because we need all data - not filtered data\n                await tableMeta.server.loadAllIfNeeded(\n                    table.getState().sorting,\n                    table.getState().columnFilters,\n                    hiddenColumns,\n                    tableMeta.search.enableGlobalFilter ? table.getState().globalFilter : undefined\n                );\n            }\n\n            const selectedRows = table.getRowModel().rows.slice(fromIndex, toIndex + 1);\n            table.setRowSelection((currentRowSelection: RowSelectionState) => ({\n                ...currentRowSelection,\n                ...selectedRows.filter(row => row.getCanSelect()).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            hidden={!canSelect}\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                disabled={!canSelect}\n                // this is necessary to remove console spam from eslint\n                onChange={() => false}\n            />\n        </Tooltip>\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","isAllRowsSelected","getIsAllRowsSelected","isSomeRowsSelected","getIsSomeRowsSelected","title","columns","select","deselectAll","selectAll","handleChange","checked","toggleAllRowsSelected","_temp","server","loadAllIfNeeded","hiddenColumns","getHiddenColumns","getState","columnVisibility","Promise","resolve","sorting","columnFilters","search","enableGlobalFilter","globalFilter","undefined","then","_temp2","e","reject","React","Tooltip","Checkbox","className","indeterminate","loading","onChange","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","Cell","row","hideInternalColumns","rowIndex","useContext","RowContext","enableGrouping","_table$getState$group","grouping","length","getIsGrouped","isSelected","getIsAllSubRowsSelected","getIsSelected","canSelect","getCanSelect","deselect","handleClick","event","rowSelection","lastSelectedRowIndex","current","index","stopPropagation","_temp6","subRows","forEach","toggleSelected","_temp5","shiftKey","_tableMeta$rowSelecti","_temp4","selectedRows","getRowModel","rows","slice","setRowSelection","currentRowSelection","filter","reduce","state","id","_temp3","_temp7","hidden","Shortcut","keys","onClick","disabled","renderer","header","size","align","enableSearch","headerClassName"],"mappings":"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"}

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

@@ -1,26 +1,42 @@
 import React__default from 'react';
 import { flexRender } from '@tanstack/react-table';
+import { isInternalColumn } from '../../../useTableManager/util/columns.js';
 import { Summary } from './Summary.js';
 
 function Foot(props) {
-  const nonGroupedHeaders = props.table.getFooterGroups()[0].headers.filter(header => !header.column.getIsGrouped());
-  return /*#__PURE__*/React__default.createElement("tfoot", null, /*#__PURE__*/React__default.createElement("tr", null, nonGroupedHeaders.map((header, index) => (/*#__PURE__*/React__default.createElement(Footer, {
+  var _nonGroupedHeaders$fi;
+  const {
+    children,
+    table,
+    ...attributes
+  } = props;
+  const tableMeta = table.options.meta;
+  const nonGroupedHeaders = table.getFooterGroups()[0].headers.filter(header => !header.column.getIsGrouped());
+  const firstVisibleExternalColumnIndex = (_nonGroupedHeaders$fi = nonGroupedHeaders.find(header => {
+    var _header$column$column;
+    return !isInternalColumn(header.id) && ((_header$column$column = header.column.columnDef.meta) === null || _header$column$column === void 0 ? void 0 : _header$column$column.enablePrinting) !== false;
+  })) === null || _nonGroupedHeaders$fi === void 0 ? void 0 : _nonGroupedHeaders$fi.index;
+  // During printing, the summary should be displayed in the first visible external column,
+  // as internal and hidden columns are excluded from the printed document.
+  // However, in the normal table view, the summary should appear in the first column.
+  const summaryColumnIndex = tableMeta.printing.isPrinting ? firstVisibleExternalColumnIndex : 0;
+  return /*#__PURE__*/React__default.createElement("tfoot", Object.assign({}, attributes), children, /*#__PURE__*/React__default.createElement("tr", null, nonGroupedHeaders.map((header, index) => (/*#__PURE__*/React__default.createElement(Footer, {
     key: header.id,
     header: header,
-    index: index
+    showSummary: index === summaryColumnIndex
   })))));
 }
 function Footer(props) {
   return /*#__PURE__*/React__default.createElement(MemoedFooter, {
     footer: props.header,
-    index: props.index
+    showSummary: props.showSummary
   });
 }
 const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(props) {
   var _footer$subHeaders, _footer$subHeaders$fi;
   const {
     footer,
-    index
+    showSummary
   } = props;
   const columnMeta = footer.column.columnDef.meta;
   // getIsPinned returns true for split header groups, even if the split group has no pinned sub headers
@@ -33,7 +49,8 @@ const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(prop
   }
   let content;
   let align;
-  if (index === 0) {
+  // Summary should only be appended to the first visible external column, as internal columns like the select column will be hidden in the print view.
+  if (showSummary) {
     align = 'left';
     content = /*#__PURE__*/React__default.createElement(Summary, {
       table: footer.getContext().table

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Header as ReactTableHeader,\n    ColumnMeta as ReactTableColumnMeta,\n    flexRender,\n    Table as ReactTable,\n} from '@tanstack/react-table';\nimport { Summary } from './Summary';\n\nexport type FootProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    table: ReactTable<TType>;\n};\nexport function Foot<TType = unknown>(props: FootProps<TType>) {\n    const nonGroupedHeaders = props.table.getFooterGroups()[0].headers.filter(header => !header.column.getIsGrouped());\n    return (\n        <tfoot>\n            <tr>\n                {nonGroupedHeaders.map((header, index) => (\n                    <Footer key={header.id} header={header} index={index} />\n                ))}\n            </tr>\n        </tfoot>\n    );\n}\n\nexport type FooterProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    index: number;\n};\nexport function Footer<TType = unknown>(props: FooterProps<TType>) {\n    return <MemoedFooter footer={props.header} index={props.index} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n    footer: ReactTableHeader<TType, unknown>;\n    index: number;\n};\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { footer, index } = 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)}px`;\n    }\n\n    let content;\n    let align;\n\n    if (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":["Foot","props","nonGroupedHeaders","table","getFooterGroups","headers","filter","header","column","getIsGrouped","React","map","index","Footer","key","id","MemoedFooter","footer","memo","columnMeta","columnDef","meta","isHeaderGroup","_footer$subHeaders","subHeaders","length","isPinned","_footer$subHeaders$fi","find","x","getIsPinned","style","getStart","content","align","Summary","getContext","isPlaceholder","flexRender","undefined"],"mappings":";;;;SAYgBA,IAAIA,CAAkBC,KAAuB;EACzD,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,KAAK,CAACC,eAAe,EAAE,CAAC,CAAC,CAAC,CAACC,OAAO,CAACC,MAAM,CAACC,MAAM,IAAI,CAACA,MAAM,CAACC,MAAM,CAACC,YAAY,EAAE,CAAC;EAClH,oBACIC,yDACIA,yCACKR,iBAAiB,CAACS,GAAG,CAAC,CAACJ,MAAM,EAAEK,KAAK,mBACjCF,6BAACG,MAAM;IAACC,GAAG,EAAEP,MAAM,CAACQ,EAAE;IAAER,MAAM,EAAEA,MAAM;IAAEK,KAAK,EAAEA;IAAS,CAC3D,CAAC,CACD,CACD;AAEhB;SAMgBC,MAAMA,CAAkBZ,KAAyB;EAC7D,oBAAOS,6BAACM,YAAY;IAACC,MAAM,EAAEhB,KAAK,CAACM,MAAM;IAAEK,KAAK,EAAEX,KAAK,CAACW;IAAS;AACrE;AAMA,MAAMI,YAAY,gBAAGN,cAAK,CAACQ,IAAI,CAAC,SAASF,YAAYA,CAAkBf,KAA+B;;EAClG,MAAM;IAAEgB,MAAM;IAAEL;GAAO,GAAGX,KAAK;EAC/B,MAAMkB,UAAU,GAAGF,MAAM,CAACT,MAAM,CAACY,SAAS,CAACC,IAA4C;;EAGvF,MAAMC,aAAa,GAAG,CAAC,GAAAC,kBAAA,GAACN,MAAM,CAACO,UAAU,cAAAD,kBAAA,eAAjBA,kBAAA,CAAmBE,MAAM;EACjD,MAAMC,QAAQ,GAAGJ,aAAa,IAAAK,qBAAA,GACxBV,MAAM,CAACO,UAAU,CAACI,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACrB,MAAM,CAACsB,WAAW,EAAE,CAAC,cAAAH,qBAAA,uBAAnDA,qBAAA,CAAqDnB,MAAM,CAACsB,WAAW,EAAE,GACzEb,MAAM,CAACT,MAAM,CAACsB,WAAW,EAAE;EAEjC,MAAMC,KAAK,GAAwB,EAAE;EAErC,IAAIL,QAAQ,EAAE;;IAEVK,KAAK,CAACL,QAAQ,CAAC,GAAG,GAAGT,MAAM,CAACT,MAAM,CAACwB,QAAQ,CAACN,QAAQ,CAAC,IAAI;;EAG7D,IAAIO,OAAO;EACX,IAAIC,KAAK;EAET,IAAItB,KAAK,KAAK,CAAC,EAAE;IACbsB,KAAK,GAAG,MAAM;IACdD,OAAO,gBAAGvB,6BAACyB,OAAO;MAAChC,KAAK,EAAEc,MAAM,CAACmB,UAAU,EAAE,CAACjC;MAAS;GAC1D,MAAM;IACH+B,KAAK,GAAGf,UAAU,CAACe,KAAK;IACxBD,OAAO,GAAGhB,MAAM,CAACoB,aAAa,GAAG,IAAI,GAAGC,UAAU,CAACrB,MAAM,CAACT,MAAM,CAACY,SAAS,CAACH,MAAM,EAAEA,MAAM,CAACmB,UAAU,EAAE,CAAC;;EAG3G,oBACI1B;IACII,GAAG,EAAEG,MAAM,CAACF,EAAE;uBACGmB,KAAK;oBACRjB,MAAM,CAACF,EAAE;wBACLW,QAAQ,GAAGA,QAAQ,GAAGa,SAAS;IACjDR,KAAK,EAAEA;KACNE,OAAO,CACP;AAEb,CAAC,CAAsE;;;;"}
+{"version":3,"file":"Footer.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Header as ReactTableHeader,\n    ColumnMeta as ReactTableColumnMeta,\n    flexRender,\n    Table as ReactTable,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\n\nimport { Summary } from './Summary';\nimport { isInternalColumn } from '../../../useTableManager/util/columns';\n\nexport type FootProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    table: ReactTable<TType>;\n};\nexport function Foot<TType = unknown>(props: FootProps<TType>) {\n    const { children, table, ...attributes } = props;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const nonGroupedHeaders = table.getFooterGroups()[0].headers.filter(header => !header.column.getIsGrouped());\n    const firstVisibleExternalColumnIndex = nonGroupedHeaders.find(\n        header => !isInternalColumn(header.id) && header.column.columnDef.meta?.enablePrinting !== false\n    )?.index;\n\n    // During printing, the summary should be displayed in the first visible external column,\n    // as internal and hidden columns are excluded from the printed document.\n    // However, in the normal table view, the summary should appear in the first column.\n    const summaryColumnIndex = tableMeta.printing.isPrinting ? firstVisibleExternalColumnIndex : 0;\n\n    return (\n        <tfoot {...attributes}>\n            {children}\n            <tr>\n                {nonGroupedHeaders.map((header, index) => (\n                    <Footer key={header.id} header={header} showSummary={index === summaryColumnIndex} />\n                ))}\n            </tr>\n        </tfoot>\n    );\n}\n\nexport type FooterProps<TType = unknown> = {\n    header: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\nexport function Footer<TType = unknown>(props: FooterProps<TType>) {\n    return <MemoedFooter footer={props.header} showSummary={props.showSummary} />;\n}\n\nexport type MemoedFooterProps<TType = unknown> = {\n    footer: ReactTableHeader<TType, unknown>;\n    showSummary: boolean;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { footer, showSummary } = 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)}px`;\n    }\n\n    let content;\n    let align;\n\n    // Summary should only be appended to the first visible external column, as internal columns like the select column will be hidden in the print view.\n    if (showSummary) {\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":["Foot","props","children","table","attributes","tableMeta","options","meta","nonGroupedHeaders","getFooterGroups","headers","filter","header","column","getIsGrouped","firstVisibleExternalColumnIndex","_nonGroupedHeaders$fi","find","_header$column$column","isInternalColumn","id","columnDef","enablePrinting","index","summaryColumnIndex","printing","isPrinting","React","map","Footer","key","showSummary","MemoedFooter","footer","memo","columnMeta","isHeaderGroup","_footer$subHeaders","subHeaders","length","isPinned","_footer$subHeaders$fi","x","getIsPinned","style","getStart","content","align","Summary","getContext","isPlaceholder","flexRender","undefined"],"mappings":"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"}

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

@@ -10,21 +10,22 @@ function Summary(props) {
     locale,
     texts
   } = useLocalization();
-  const length = table.options.meta.length;
+  const tableMeta = table.options.meta;
+  const length = tableMeta.length;
   const currentLength = table.getRowModel().rows.length;
   let label;
   let count;
   // row selection
-  const rowsSelectedLength = table.getSelectedRowModel().rows.length;
+  // use table state and not the selected row model because of the way server loading works
+  const rowsSelectedLength = Object.keys(table.getState().rowSelection).length;
   if (rowsSelectedLength > 0) {
     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 ||
+  } else if (!tableMeta.server.isEnabled && ((_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
-  ) {
+  !!table.getState().globalFilter && table.options.enableGlobalFilter)) {
     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)));
+    count = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(currentLength)), "\u00A0", texts.table.footer.summary.count, "\u00A0", /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length)));
   } else {
     label = texts.table.footer.summary.records;
     count = /*#__PURE__*/React__default.createElement("strong", null, new Intl.NumberFormat(locale).format(length));

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

@@ -1 +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=\"table-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;;;;"}
+{"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 tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const length = tableMeta.length;\n    const currentLength = table.getRowModel().rows.length;\n\n    let label;\n    let count;\n\n    // row selection\n    // use table state and not the selected row model because of the way server loading works\n    const rowsSelectedLength = Object.keys(table.getState().rowSelection).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        !tableMeta.server.isEnabled &&\n        (table.getState().columnFilters?.length || // filtered data\n            (!!table.getState().globalFilter && table.options.enableGlobalFilter))\n    ) {\n        label = texts.table.footer.summary.records;\n        count = (\n            <>\n                <strong>{new Intl.NumberFormat(locale).format(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=\"table-footer-summary\">\n            {label}&nbsp;{count}\n        </div>\n    );\n}\n"],"names":["Summary","props","table","locale","texts","useLocalization","tableMeta","options","meta","length","currentLength","getRowModel","rows","label","count","rowsSelectedLength","Object","keys","getState","rowSelection","footer","summary","selected","React","Intl","NumberFormat","format","server","isEnabled","_table$getState$colum","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,SAAS,GAAGJ,KAAK,CAACK,OAAO,CAACC,IAA6B;EAC7D,MAAMC,MAAM,GAAGH,SAAS,CAACG,MAAM;EAC/B,MAAMC,aAAa,GAAGR,KAAK,CAACS,WAAW,EAAE,CAACC,IAAI,CAACH,MAAM;EAErD,IAAII,KAAK;EACT,IAAIC,KAAK;;;EAIT,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAACf,KAAK,CAACgB,QAAQ,EAAE,CAACC,YAAY,CAAC,CAACV,MAAM;EAE5E,IAAIM,kBAAkB,GAAG,CAAC,EAAE;IACxBF,KAAK,GAAGT,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACC,QAAQ;IAC3CR,KAAK,gBACDS,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAACX,kBAAkB,CAAC,CAAU,YAC1EX,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,KAAK,yBACjCS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAACjB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM,IACH,CAACH,SAAS,CAACqB,MAAM,CAACC,SAAS,KAC1B,CAAAC,qBAAA,GAAA3B,KAAK,CAACgB,QAAQ,EAAE,CAACY,aAAa,cAAAD,qBAAA,eAA9BA,qBAAA,CAAgCpB,MAAM;;EAClC,CAAC,CAACP,KAAK,CAACgB,QAAQ,EAAE,CAACa,YAAY,IAAI7B,KAAK,CAACK,OAAO,CAACyB,kBAAmB,CAAC,EAC5E;IACEnB,KAAK,GAAGT,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACY,OAAO;IAC1CnB,KAAK,gBACDS,yEACIA,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAAChB,aAAa,CAAC,CAAU,YACrEN,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACP,KAAK,yBACjCS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAACjB,MAAM,CAAC,CAAU,CAEtE;GACJ,MAAM;IACHI,KAAK,GAAGT,KAAK,CAACF,KAAK,CAACkB,MAAM,CAACC,OAAO,CAACY,OAAO;IAC1CnB,KAAK,gBAAGS,6CAAS,IAAIC,IAAI,CAACC,YAAY,CAACtB,MAAM,CAAC,CAACuB,MAAM,CAACjB,MAAM,CAAC,CAAU;;EAG3E,oBACIc;IACIW,SAAS,EAAC,+GAA+G;iBAC/G;KACTrB,KAAK,YAAQC,KAAK,CACjB;AAEd;;;;"}

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

@@ -9,6 +9,21 @@ import { Resizer } from './components/Resizer.js';
 import { HeaderMenu } from './components/Menu.js';
 import { getIsPinned, useSetInitialColumnSizing } from './util.js';
 
+const HeaderContent = ({
+  children,
+  tooltip,
+  isInternalColumnHeader
+}) => {
+  if (isInternalColumnHeader || typeof children !== 'string') {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, children);
+  }
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
+    title: String(tooltip !== null && tooltip !== void 0 ? tooltip : children),
+    placement: "top"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "truncate"
+  }, children));
+};
 function Header(props) {
   var _header$column$column;
   const {
@@ -178,12 +193,11 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
     "data-cell-pinned": isPinned ? isPinned : undefined,
     style: style,
     ref: setRef
-  }), isPlaceholder ? null : isInternalColumn(id) ? children : (/*#__PURE__*/React__default.createElement(Tooltip, {
-    title: String(tooltip !== null && tooltip !== void 0 ? tooltip : children),
-    placement: "top"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "truncate"
-  }, children))), sortDirection ? /*#__PURE__*/React__default.createElement(SortIndicator, {
+  }), !isPlaceholder ? (/*#__PURE__*/React__default.createElement(HeaderContent, {
+    children: children,
+    tooltip: tooltip,
+    isInternalColumnHeader: !!isInternalColumn(id)
+  })) : null, sortDirection ? /*#__PURE__*/React__default.createElement(SortIndicator, {
     direction: sortDirection
   }) : null, hasMenu ? (/*#__PURE__*/React__default.createElement(HeaderMenu, {
     canFilter: canFilter,

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

@@ -1 +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        defaultWidth: columnMeta.defaultWidth,\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        memoedProps.resetSize = header.column.resetSize;\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    resetSize?: () => 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        defaultWidth,\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        resetSize: handleResetSize,\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, defaultWidth, 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) as any)}\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                    columnId={id}\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                    onResetSize={handleResetSize as () => 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","defaultWidth","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","resetSize","handleSortToggle","sortDirection","clearSorting","toggleSorting","onSort","getToggleSortingHandler","onSortToggle","React","MemoedHeader","key","memo","handleFilter","handleHide","handlePin","handleResize","handleSort","handleResetSize","ref","setRef","useState","useSetInitialColumnSizing","style","gridColumn","getSortAttributes","Tooltip","title","String","placement","SortIndicator","direction","HeaderMenu","columnId","Resizer","headerRef","onResetSize"],"mappings":"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"}
+{"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\ninterface HeaderContentProps {\n    children: React.ReactNode;\n    tooltip?: React.ReactNode;\n    isInternalColumnHeader: boolean;\n}\n\nconst HeaderContent = ({ children, tooltip, isInternalColumnHeader }: HeaderContentProps) => {\n    if (isInternalColumnHeader || typeof children !== 'string') {\n        return <>{children}</>;\n    }\n\n    return (\n        <Tooltip title={String(tooltip ?? children)} placement=\"top\">\n            <span className=\"truncate\">{children}</span>\n        </Tooltip>\n    );\n};\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        defaultWidth: columnMeta.defaultWidth,\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        memoedProps.resetSize = header.column.resetSize;\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    resetSize?: () => 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        defaultWidth,\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        resetSize: handleResetSize,\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, defaultWidth, 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) as any)}\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 ? (\n                <HeaderContent children={children} tooltip={tooltip} isInternalColumnHeader={!!isInternalColumn(id)} />\n            ) : null}\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                    columnId={id}\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                    onResetSize={handleResetSize as () => void}\n                    setColumnSizing={setColumnSizing}\n                    width={width}\n                />\n            ) : null}\n        </th>\n    );\n});\n"],"names":["HeaderContent","children","tooltip","isInternalColumnHeader","React","Tooltip","title","String","placement","className","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","cn","headerClassName","flexRender","colSpan","customMenu","defaultWidth","isFiltered","getIsFiltered","index","offset","getStart","setRowActiveIndex","rowActive","setColumnSizing","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","resetSize","handleSortToggle","sortDirection","clearSorting","toggleSorting","onSort","getToggleSortingHandler","onSortToggle","MemoedHeader","key","memo","handleFilter","handleHide","handlePin","handleResize","handleSort","handleResetSize","ref","setRef","useState","useSetInitialColumnSizing","style","gridColumn","getSortAttributes","SortIndicator","direction","HeaderMenu","columnId","Resizer","headerRef","onResetSize"],"mappings":"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"}

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

@@ -146,7 +146,9 @@ function HeaderMenu(props) {
   return /*#__PURE__*/React__default.createElement(IconButton, {
     className: className,
     icon: "more",
-    menu: popoverElement ? undefined : menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, memoedMenuItems))),
+    menu: popoverElement ? undefined : menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, {
+      onFocusOutside: event => event.preventDefault()
+    }, memoedMenuItems))),
     popover: popoverElement,
     onClickCapture: event => event.preventDefault(),
     onKeyDown: event => {

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

@@ -1 +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';\nimport { PopoverProps } from '../../../../../../components/Popover/Popover';\n\nexport type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    columnId: string;\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        columnId,\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: PopoverProps) => (\n                        <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />\n                    );\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: React.MouseEvent) => 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 customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action) 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 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)] group-hover/header:-mr-1',\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            onKeyDown={event => {\n                // Removes focus from the column header menu button so that active row shortcuts execute when Tab,\n                // Shift+Tab, or any other keydown event occurs.\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                    event.currentTarget?.blur();\n                }\n            }}\n        />\n    );\n}\n"],"names":["HeaderMenu","props","canFilter","canGoto","canHide","canPin","canSort","columnId","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","customItems","map","menuItem","action","length","Separator","item","key","cloneElement","className","cn","IconButton","menuProps","Content","onClickCapture","preventDefault","onKeyDown","_event$currentTarget","currentTarget","blur"],"mappings":"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"}
+{"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';\nimport { PopoverProps } from '../../../../../../components/Popover/Popover';\n\nexport type HeaderMenuProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n    canFilter: boolean;\n    canGoto: boolean;\n    canHide: boolean;\n    canPin: boolean;\n    canSort: boolean;\n    columnId: string;\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        columnId,\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: PopoverProps) => (\n                        <GotoPopover {...props} open onChange={handleClosePopover} onGoto={goto} />\n                    );\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: React.MouseEvent) => 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 customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action) 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 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)] group-hover/header:-mr-1',\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 onFocusOutside={event => event.preventDefault()}>\n                                  {memoedMenuItems}\n                              </MenuPrimitive.Content>\n                          </MenuPrimitive>\n                      )\n            }\n            popover={popoverElement}\n            onClickCapture={event => event.preventDefault()}\n            onKeyDown={event => {\n                // Removes focus from the column header menu button so that active row shortcuts execute when Tab,\n                // Shift+Tab, or any other keydown event occurs.\n                if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                    event.currentTarget?.blur();\n                }\n            }}\n        />\n    );\n}\n"],"names":["HeaderMenu","props","canFilter","canGoto","canHide","canPin","canSort","columnId","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","customItems","map","menuItem","action","length","Separator","item","key","cloneElement","className","cn","IconButton","menuProps","Content","onFocusOutside","preventDefault","onClickCapture","onKeyDown","_event$currentTarget","currentTarget","blur"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Row/BuiltIns/DisplayRow.js

@@ -36,7 +36,7 @@ const DisplayRow = /*#__PURE__*/React__default.memo(function DisplayRow(props) {
   if (tableMeta.rowActive.isEnabled) {
     attributes['data-row-active'] = tableMeta.rowActive.rowActiveIndex === index ? true : undefined;
     // we use capture because it let's us picks up clicks on components inside the row, e.g. checkboxes
-    attributes.onPointerDown = handleClickCapture;
+    attributes.onClickCapture = handleClickCapture;
   }
   // row click
   if (tableMeta.rowClick.isEnabled(row.original)) {