@economic/taco 2.47.0-server.9 → 2.48.0

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.js

@@ -1,36 +1,34 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { isInternalColumn } from '../../../../../useTableManager/util/columns.js';
 import { RowContext } from '../../../Row/RowContext.js';
 import { Actions } from '../../Internal/Actions.js';
 import { getCellAttributes } from '../util.js';
 
-var _excluded = ["canShowActions", "cellRef", "children", "colSpan", "rowActions", "rowId", "subRows", "table"];
 function GroupedCell(props) {
   var _ref, _columnMeta$renderer, _columnMeta$renderer2;
-  var cell = props.cell,
-    cellRef = props.cellRef,
-    index = props.index,
-    isHighlighted = props.isHighlighted;
-  var _cell$getContext = cell.getContext(),
-    table = _cell$getContext.table;
-  var tableMeta = table.options.meta;
-  var columnMeta = cell.column.columnDef.meta;
-  var attributes = getCellAttributes(cell, index, isHighlighted);
-  var _React$useContext = React__default.useContext(RowContext),
-    isHovered = _React$useContext.isHovered,
-    rowIndex = _React$useContext.rowIndex;
-  var isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
-  var canShowActions = isActiveRow || isHovered && !tableMeta.rowActive.isHoverStatePaused;
+  const {
+    cell,
+    cellRef,
+    index,
+    isHighlighted
+  } = props;
+  const {
+    table
+  } = cell.getContext();
+  const tableMeta = table.options.meta;
+  const columnMeta = cell.column.columnDef.meta;
+  const attributes = getCellAttributes(cell, index, isHighlighted);
+  const {
+    isHovered,
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+  const canShowActions = isActiveRow || isHovered && !tableMeta.rowActive.isHoverStatePaused;
   // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that
   // rowGroupActions aligns with rowActions.
-  var colSpan = cell.row.getVisibleCells().filter(function (c) {
-    return c.column.id === '__actions' || !isInternalColumn(c.column.id);
-  }).length - 1;
-  var content = (_ref = (_columnMeta$renderer = (_columnMeta$renderer2 = columnMeta.renderer) === null || _columnMeta$renderer2 === void 0 ? void 0 : _columnMeta$renderer2.call(columnMeta, cell.getValue(), cell.row.original)) !== null && _columnMeta$renderer !== void 0 ? _columnMeta$renderer : cell.getValue()) !== null && _ref !== void 0 ? _ref : null;
-  var subRows = cell.getContext().row.subRows.map(function (row) {
-    return row.original;
-  });
+  const colSpan = cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;
+  const content = (_ref = (_columnMeta$renderer = (_columnMeta$renderer2 = columnMeta.renderer) === null || _columnMeta$renderer2 === void 0 ? void 0 : _columnMeta$renderer2.call(columnMeta, cell.getValue(), cell.row.original)) !== null && _columnMeta$renderer !== void 0 ? _columnMeta$renderer : cell.getValue()) !== null && _ref !== void 0 ? _ref : null;
+  const subRows = cell.getContext().row.subRows.map(row => row.original);
   return /*#__PURE__*/React__default.createElement(MemoedGroupedCell, Object.assign({}, attributes, {
     canShowActions: canShowActions,
     cellRef: cellRef,
@@ -41,16 +39,18 @@ function GroupedCell(props) {
     table: table
   }), content);
 }
-var MemoedGroupedCell = /*#__PURE__*/React__default.memo(function MemoedGroupedCell(props) {
-  var canShowActions = props.canShowActions,
-    cellRef = props.cellRef,
-    children = props.children,
-    colSpan = props.colSpan,
-    rowActions = props.rowActions,
-    rowId = props.rowId,
-    subRows = props.subRows,
-    table = props.table,
-    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+const MemoedGroupedCell = /*#__PURE__*/React__default.memo(function MemoedGroupedCell(props) {
+  const {
+    canShowActions,
+    cellRef,
+    children,
+    colSpan,
+    rowActions,
+    rowId,
+    subRows,
+    table,
+    ...attributes
+  } = props;
   return (
     /*#__PURE__*/
     // pr-1 is needed to align group row actions with row actions in sibling rows, if present
@@ -58,7 +58,7 @@ var MemoedGroupedCell = /*#__PURE__*/React__default.memo(function MemoedGroupedC
       className: "!pr-1",
       ref: cellRef,
       style: {
-        gridColumn: "span " + colSpan + " / span " + colSpan
+        gridColumn: `span ${colSpan} / span ${colSpan}`
       }
     }), /*#__PURE__*/React__default.createElement("span", {
       className: "grow"

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { RowContext } from '../../../Row/RowContext';\nimport { TableRowActionGroupRenderer } from '../../../../../types';\nimport { TableCellRendererProps } from '../../../../types';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const content = columnMeta.renderer?.(cell.getValue<TType>(), cell.row.original) ?? cell.getValue() ?? null;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => JSX.Element;\n"],"names":["GroupedCell","props","cell","cellRef","index","isHighlighted","_cell$getContext","getContext","table","tableMeta","options","meta","columnMeta","column","columnDef","attributes","getCellAttributes","_React$useContext","React","useContext","RowContext","isHovered","rowIndex","isActiveRow","rowActive","rowActiveIndex","canShowActions","isHoverStatePaused","colSpan","row","getVisibleCells","filter","c","id","isInternalColumn","length","content","_ref","_columnMeta$renderer","_columnMeta$renderer2","renderer","call","getValue","original","subRows","map","MemoedGroupedCell","rowActions","rowGroups","rowActionsForGroup","rowId","memo","children","_objectWithoutPropertiesLoose","_excluded","className","ref","style","gridColumn","RowGroupActions","actions","actionsLength","data"],"mappings":"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"}
+{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport { RowContext } from '../../../Row/RowContext';\nimport { TableRowActionGroupRenderer } from '../../../../../types';\nimport { TableCellRendererProps } from '../../../../types';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted } = props;\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n    // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n    // rowGroupActions aligns with rowActions.\n    const colSpan =\n        cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n    const content = columnMeta.renderer?.(cell.getValue<TType>(), cell.row.original) ?? cell.getValue() ?? null;\n    const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n    return (\n        <MemoedGroupedCell<TType>\n            {...attributes}\n            canShowActions={canShowActions}\n            cellRef={cellRef}\n            colSpan={colSpan}\n            rowActions={tableMeta.rowGroups.rowActionsForGroup}\n            rowId={cell.row.id}\n            subRows={subRows}\n            table={table}>\n            {content}\n        </MemoedGroupedCell>\n    );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    canShowActions: boolean;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    colSpan: number;\n    rowActions?: TableRowActionGroupRenderer<TType>[];\n    rowId: string;\n    subRows: TType[];\n    table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n    const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n    return (\n        // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n        <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n            <span className=\"grow\">{children}</span>\n            {rowActions?.length && canShowActions ? (\n                <RowGroupActions<TType>\n                    actions={rowActions as any}\n                    actionsLength={4}\n                    data={subRows}\n                    isActiveRow\n                    rowId={rowId}\n                    table={table}\n                />\n            ) : null}\n        </td>\n    );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => JSX.Element;\n"],"names":["GroupedCell","props","cell","cellRef","index","isHighlighted","table","getContext","tableMeta","options","meta","columnMeta","column","columnDef","attributes","getCellAttributes","isHovered","rowIndex","React","useContext","RowContext","isActiveRow","rowActive","rowActiveIndex","canShowActions","isHoverStatePaused","colSpan","row","getVisibleCells","filter","c","id","isInternalColumn","length","content","_ref","_columnMeta$renderer","_columnMeta$renderer2","renderer","call","getValue","original","subRows","map","MemoedGroupedCell","rowActions","rowGroups","rowActionsForGroup","rowId","memo","children","className","ref","style","gridColumn","RowGroupActions","actions","actionsLength","data"],"mappings":"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"}

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

@@ -4,22 +4,24 @@ import { useSearchHighlighting } from './util.js';
 import { GroupedCell } from './BuiltIns/GroupedCell.js';
 
 function Cell(props) {
-  var cell = props.cell,
-    index = props.index,
-    CellRenderer = props.renderer;
-  var cellRef = React__default.useRef(null);
-  var isHighlighted = useSearchHighlighting(cell, index, cellRef);
+  const {
+    cell,
+    index,
+    renderer: CellRenderer
+  } = props;
+  const cellRef = React__default.useRef(null);
+  const isHighlighted = useSearchHighlighting(cell, index, cellRef);
   if ((cell.getIsAggregated() || cell.getIsPlaceholder()) && !isInternalColumn(cell.column.id)) {
     // we choose not to show aggregated cells in group rows and we don't show
     // placeholder cells in normal rows (because we don't show the grouped column)
     // so just straight up abort and return nothing at all - no <td>
     return null;
   }
-  var cellProps = {
-    cell: cell,
-    cellRef: cellRef,
-    index: index,
-    isHighlighted: isHighlighted
+  const cellProps = {
+    cell,
+    cellRef,
+    index,
+    isHighlighted
   };
   if (cell.getIsGrouped()) {
     return /*#__PURE__*/React__default.createElement(GroupedCell, Object.assign({}, cellProps));

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { GroupedCell } from './BuiltIns/GroupedCell';\nimport { useSearchHighlighting } from './util';\nimport { TableCellRendererProps, TableCellRenderer } from '../../../types';\n\ntype CellProps<TType = unknown> = React.HTMLAttributes<HTMLTableCellElement> & {\n    cell: ReactTableCell<TType, unknown>;\n    index: number;\n    renderer: TableCellRenderer<TType>;\n};\n\nexport function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, renderer: CellRenderer } = props;\n    const cellRef = React.useRef<HTMLTableCellElement>(null);\n    const isHighlighted = useSearchHighlighting(cell, index, cellRef);\n\n    if ((cell.getIsAggregated() || cell.getIsPlaceholder()) && !isInternalColumn(cell.column.id)) {\n        // we choose not to show aggregated cells in group rows and we don't show\n        // placeholder cells in normal rows (because we don't show the grouped column)\n        // so just straight up abort and return nothing at all - no <td>\n        return null;\n    }\n\n    const cellProps: TableCellRendererProps<TType> = {\n        cell,\n        cellRef,\n        index,\n        isHighlighted,\n    };\n\n    if (cell.getIsGrouped()) {\n        return <GroupedCell<TType> {...cellProps} />;\n    }\n\n    return <CellRenderer<TType> {...cellProps} />;\n}\n"],"names":["Cell","props","cell","index","CellRenderer","renderer","cellRef","React","useRef","isHighlighted","useSearchHighlighting","getIsAggregated","getIsPlaceholder","isInternalColumn","column","id","cellProps","getIsGrouped","GroupedCell"],"mappings":";;;;;SAagBA,IAAIA,CAAkBC,KAAuB;EACzD,IAAQC,IAAI,GAAoCD,KAAK,CAA7CC,IAAI;IAAEC,KAAK,GAA6BF,KAAK,CAAvCE,KAAK;IAAYC,YAAY,GAAKH,KAAK,CAAhCI,QAAQ;EAC7B,IAAMC,OAAO,GAAGC,cAAK,CAACC,MAAM,CAAuB,IAAI,CAAC;EACxD,IAAMC,aAAa,GAAGC,qBAAqB,CAACR,IAAI,EAAEC,KAAK,EAAEG,OAAO,CAAC;EAEjE,IAAI,CAACJ,IAAI,CAACS,eAAe,EAAE,IAAIT,IAAI,CAACU,gBAAgB,EAAE,KAAK,CAACC,gBAAgB,CAACX,IAAI,CAACY,MAAM,CAACC,EAAE,CAAC,EAAE;;;;IAI1F,OAAO,IAAI;;EAGf,IAAMC,SAAS,GAAkC;IAC7Cd,IAAI,EAAJA,IAAI;IACJI,OAAO,EAAPA,OAAO;IACPH,KAAK,EAALA,KAAK;IACLM,aAAa,EAAbA;GACH;EAED,IAAIP,IAAI,CAACe,YAAY,EAAE,EAAE;IACrB,oBAAOV,6BAACW,WAAW,oBAAYF,SAAS,EAAI;;EAGhD,oBAAOT,6BAACH,YAAY,oBAAYY,SAAS,EAAI;AACjD;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { GroupedCell } from './BuiltIns/GroupedCell';\nimport { useSearchHighlighting } from './util';\nimport { TableCellRendererProps, TableCellRenderer } from '../../../types';\n\ntype CellProps<TType = unknown> = React.HTMLAttributes<HTMLTableCellElement> & {\n    cell: ReactTableCell<TType, unknown>;\n    index: number;\n    renderer: TableCellRenderer<TType>;\n};\n\nexport function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, renderer: CellRenderer } = props;\n    const cellRef = React.useRef<HTMLTableCellElement>(null);\n    const isHighlighted = useSearchHighlighting(cell, index, cellRef);\n\n    if ((cell.getIsAggregated() || cell.getIsPlaceholder()) && !isInternalColumn(cell.column.id)) {\n        // we choose not to show aggregated cells in group rows and we don't show\n        // placeholder cells in normal rows (because we don't show the grouped column)\n        // so just straight up abort and return nothing at all - no <td>\n        return null;\n    }\n\n    const cellProps: TableCellRendererProps<TType> = {\n        cell,\n        cellRef,\n        index,\n        isHighlighted,\n    };\n\n    if (cell.getIsGrouped()) {\n        return <GroupedCell<TType> {...cellProps} />;\n    }\n\n    return <CellRenderer<TType> {...cellProps} />;\n}\n"],"names":["Cell","props","cell","index","renderer","CellRenderer","cellRef","React","useRef","isHighlighted","useSearchHighlighting","getIsAggregated","getIsPlaceholder","isInternalColumn","column","id","cellProps","getIsGrouped","GroupedCell"],"mappings":";;;;;SAagBA,IAAIA,CAAkBC,KAAuB;EACzD,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,QAAQ,EAAEC;GAAc,GAAGJ,KAAK;EACrD,MAAMK,OAAO,GAAGC,cAAK,CAACC,MAAM,CAAuB,IAAI,CAAC;EACxD,MAAMC,aAAa,GAAGC,qBAAqB,CAACR,IAAI,EAAEC,KAAK,EAAEG,OAAO,CAAC;EAEjE,IAAI,CAACJ,IAAI,CAACS,eAAe,EAAE,IAAIT,IAAI,CAACU,gBAAgB,EAAE,KAAK,CAACC,gBAAgB,CAACX,IAAI,CAACY,MAAM,CAACC,EAAE,CAAC,EAAE;;;;IAI1F,OAAO,IAAI;;EAGf,MAAMC,SAAS,GAAkC;IAC7Cd,IAAI;IACJI,OAAO;IACPH,KAAK;IACLM;GACH;EAED,IAAIP,IAAI,CAACe,YAAY,EAAE,EAAE;IACrB,oBAAOV,6BAACW,WAAW,oBAAYF,SAAS,EAAI;;EAGhD,oBAAOT,6BAACF,YAAY,oBAAYW,SAAS,EAAI;AACjD;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Cell/util.js

@@ -4,8 +4,8 @@ import { isInternalColumn, isCellHighlighted } from '../../../../useTableManager
 import { RowContext } from '../../Row/RowContext.js';
 
 function getCellAttributes(cell, index, isHighlighted) {
-  var columnMeta = cell.column.columnDef.meta;
-  var isPinned = cell.column.getIsPinned();
+  const columnMeta = cell.column.columnDef.meta;
+  const isPinned = cell.column.getIsPinned();
   // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)
   return {
     'data-cell-align': columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.align,
@@ -18,45 +18,44 @@ function getCellAttributes(cell, index, isHighlighted) {
   };
 }
 function useSearchHighlighting(cell, cellIndex, ref) {
-  var localization = useLocalization();
-  var _React$useContext = React__default.useContext(RowContext),
-    rowIndex = _React$useContext.rowIndex;
-  var context = cell.getContext();
-  var tableMeta = context.table.options.meta;
-  var columnMeta = cell.column.columnDef.meta;
-  var isHighlighted = React__default.useMemo(function () {
+  const localization = useLocalization();
+  const {
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const context = cell.getContext();
+  const tableMeta = context.table.options.meta;
+  const columnMeta = cell.column.columnDef.meta;
+  const isHighlighted = React__default.useMemo(() => {
     if (!cell.column.columnDef.enableGlobalFilter || isInternalColumn(cell.column.id) || cell.getIsAggregated() || cell.getIsPlaceholder()) {
       return undefined;
     }
-    var isHighlighted = false;
+    let isHighlighted = false;
     if (context.table.getState().globalFilter) {
       isHighlighted = isCellHighlighted(context.table.getState().globalFilter, cell.getValue(), columnMeta.dataType, localization);
     }
     if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {
       return undefined;
     }
-    var _tableMeta$search$hig = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex],
-      rowActiveIndex = _tableMeta$search$hig[0],
-      currentColumnIndex = _tableMeta$search$hig[1];
+    const [rowActiveIndex, currentColumnIndex] = tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];
     if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {
       return 'current';
     }
     return true;
   }, [cell.getValue(), context.table.getState().globalFilter, tableMeta.search.highlightedColumnIndexes.length, tableMeta.search.currentHighlightColumnIndex]);
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     if (ref.current && isHighlighted === 'current') {
       ref.current.scrollIntoView({
         block: 'nearest',
         inline: 'nearest'
       });
-      setTimeout(function () {
+      setTimeout(() => {
         if (ref.current) {
-          var tableEl = ref.current.closest('table[data-taco^="table"]');
-          setTimeout(function () {
-            var pinnedColumns = tableEl === null || tableEl === void 0 ? void 0 : tableEl.querySelectorAll('thead tr:last-child th[data-cell-pinned="left"]');
+          const tableEl = ref.current.closest('table[data-taco^="table"]');
+          setTimeout(() => {
+            const pinnedColumns = tableEl === null || tableEl === void 0 ? void 0 : tableEl.querySelectorAll('thead tr:last-child th[data-cell-pinned="left"]');
             if (pinnedColumns !== null && pinnedColumns !== void 0 && pinnedColumns.length) {
               var _pinnedColumns$item;
-              var lastFrozenRect = (_pinnedColumns$item = pinnedColumns.item(pinnedColumns.length - 1)) === null || _pinnedColumns$item === void 0 ? void 0 : _pinnedColumns$item.getBoundingClientRect();
+              const lastFrozenRect = (_pinnedColumns$item = pinnedColumns.item(pinnedColumns.length - 1)) === null || _pinnedColumns$item === void 0 ? void 0 : _pinnedColumns$item.getBoundingClientRect();
               if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {
                 tableEl === null || tableEl === void 0 ? void 0 : tableEl.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);
               }

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Cell/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                columnMeta.dataType,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["getCellAttributes","cell","index","isHighlighted","columnMeta","column","columnDef","meta","isPinned","getIsPinned","align","id","undefined","enableTruncate","className","row","original","useSearchHighlighting","cellIndex","ref","localization","useLocalization","_React$useContext","React","useContext","RowContext","rowIndex","context","getContext","tableMeta","table","options","useMemo","enableGlobalFilter","isInternalColumn","getIsAggregated","getIsPlaceholder","getState","globalFilter","isCellHighlighted","getValue","dataType","search","currentHighlightColumnIndex","_tableMeta$search$hig","highlightedColumnIndexes","rowActiveIndex","currentColumnIndex","length","useEffect","current","scrollIntoView","block","inline","setTimeout","tableEl","closest","pinnedColumns","querySelectorAll","_pinnedColumns$item","lastFrozenRect","item","getBoundingClientRect","getStart","right","scrollTo","scrollTop"],"mappings":"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"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, ColumnMeta as ReactTableColumnMeta, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\n\nexport type DisplayCellProps<TType = unknown> = {\n    index: number;\n    cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    index: number,\n    isHighlighted: true | 'current' | undefined\n) {\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isPinned = cell.column.getIsPinned();\n\n    // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n    return {\n        'data-cell-align': columnMeta?.align,\n        'data-cell-highlighted': isHighlighted,\n        'data-cell-id': cell.column.id,\n        'data-cell-index': index,\n        'data-cell-pinned': isPinned ? true : undefined,\n        'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n        className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n    };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    cellIndex: number,\n    ref: React.RefObject<HTMLTableCellElement>\n) {\n    const localization = useLocalization();\n    const { rowIndex } = React.useContext(RowContext);\n    const context = cell.getContext();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n        if (\n            !cell.column.columnDef.enableGlobalFilter ||\n            isInternalColumn(cell.column.id) ||\n            cell.getIsAggregated() ||\n            cell.getIsPlaceholder()\n        ) {\n            return undefined;\n        }\n\n        let isHighlighted = false;\n\n        if (context.table.getState().globalFilter) {\n            isHighlighted = isCellHighlighted(\n                context.table.getState().globalFilter,\n                cell.getValue(),\n                columnMeta.dataType,\n                localization\n            );\n        }\n\n        if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n            return undefined;\n        }\n\n        const [rowActiveIndex, currentColumnIndex] =\n            tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex];\n\n        if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n            return 'current';\n        }\n\n        return true;\n    }, [\n        cell.getValue(),\n        context.table.getState().globalFilter,\n        tableMeta.search.highlightedColumnIndexes.length,\n        tableMeta.search.currentHighlightColumnIndex,\n    ]);\n\n    React.useEffect(() => {\n        if (ref.current && isHighlighted === 'current') {\n            ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n            setTimeout(() => {\n                if (ref.current) {\n                    const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n                    setTimeout(() => {\n                        const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n                        if (pinnedColumns?.length) {\n                            const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n                            if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n                                tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n                            }\n                        }\n                    }, 1);\n                }\n            }, 1);\n        }\n    }, [isHighlighted]);\n\n    return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n    const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n    return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n    if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n        const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n        const highlightRef = column?.getBoundingClientRect();\n        const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n        // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n        if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n            const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n            tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n        }\n    } else {\n        column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n    }\n}\n"],"names":["getCellAttributes","cell","index","isHighlighted","columnMeta","column","columnDef","meta","isPinned","getIsPinned","align","id","undefined","enableTruncate","className","row","original","useSearchHighlighting","cellIndex","ref","localization","useLocalization","rowIndex","React","useContext","RowContext","context","getContext","tableMeta","table","options","useMemo","enableGlobalFilter","isInternalColumn","getIsAggregated","getIsPlaceholder","getState","globalFilter","isCellHighlighted","getValue","dataType","search","currentHighlightColumnIndex","rowActiveIndex","currentColumnIndex","highlightedColumnIndexes","length","useEffect","current","scrollIntoView","block","inline","setTimeout","tableEl","closest","pinnedColumns","querySelectorAll","_pinnedColumns$item","lastFrozenRect","item","getBoundingClientRect","getStart","right","scrollTo","scrollTop"],"mappings":"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"}

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

@@ -7,28 +7,27 @@ import { Menu } from '../../../../../../components/Menu/Menu.js';
 import { RowContext } from '../../Row/RowContext.js';
 
 function Actions(props) {
-  var actions = props.actions,
-    actionsLength = props.actionsLength,
-    data = props.data,
-    isActiveRow = props.isActiveRow,
-    rowId = props.rowId,
-    table = props.table;
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
+  const {
+    actions,
+    actionsLength,
+    data,
+    isActiveRow,
+    rowId,
+    table
+  } = props;
+  const {
+    texts
+  } = useLocalization();
   // we don't want to document passing table, so it isn't on the type
-  var visibleActions = actions.map(function (action) {
-    return action(data, rowId, table);
-  }).filter(function (action) {
-    return !!action;
-  });
-  var actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);
-  var actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);
-  var className = cn('flex justify-end text-right bg-[inherit] shadow-[-6px_0px_6px_var(--table-row-actions-shadow)] print:hidden');
+  const visibleActions = actions.map(action => action(data, rowId, table)).filter(action => !!action);
+  const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);
+  const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);
+  const className = cn('flex justify-end text-right bg-[inherit] shadow-[-6px_0px_6px_var(--table-row-actions-shadow)] print:hidden');
   return /*#__PURE__*/React__default.createElement("span", {
     className: className
-  }, actionsOnRow.map(function (button, index) {
+  }, actionsOnRow.map((button, index) => {
     var _ref, _button$props$tooltip;
-    var tooltip = String((_ref = (_button$props$tooltip = button.props.tooltip) !== null && _button$props$tooltip !== void 0 ? _button$props$tooltip : button.props['aria-label']) !== null && _ref !== void 0 ? _ref : '');
+    const tooltip = String((_ref = (_button$props$tooltip = button.props.tooltip) !== null && _button$props$tooltip !== void 0 ? _button$props$tooltip : button.props['aria-label']) !== null && _ref !== void 0 ? _ref : '');
     return /*#__PURE__*/React__default.cloneElement(button, {
       appearance: 'transparent',
       key: index,
@@ -43,34 +42,33 @@ function Actions(props) {
     "aria-label": texts.table.columns.actions.tooltip,
     icon: "more",
     tabIndex: isActiveRow ? 0 : -1,
-    menu: function menu(menuProps) {
-      return /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, actionsInMenu.map(function (action, i) {
-        return /*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
-          key: i
-        }, action.props, {
-          shortcut: action.props.shortcut
-        }), action.props['aria-label']);
-      })));
-    }
+    menu: menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, null, actionsInMenu.map((action, i) => (/*#__PURE__*/React__default.createElement(Menu.Item, Object.assign({
+      key: i
+    }, action.props, {
+      shortcut: action.props.shortcut
+    }), action.props['aria-label']))))))
   })) : null);
 }
 function Header() {
   return null;
 }
-var Cell = /*#__PURE__*/React__default.memo(function MemoedCell(context) {
-  var row = context.row,
-    table = context.table;
-  var _React$useContext = React__default.useContext(RowContext),
-    hideRowActions = _React$useContext.hideRowActions,
-    isHovered = _React$useContext.isHovered,
-    rowIndex = _React$useContext.rowIndex;
-  var tableMeta = table.options.meta;
-  var actions = tableMeta.rowActions.rowActions;
-  var actionsLength = tableMeta.rowActions.rowActionsLength;
-  var isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
-  var isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;
-  var isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;
-  var isRowGrouped = row.getIsGrouped();
+const Cell = /*#__PURE__*/React__default.memo(function MemoedCell(context) {
+  const {
+    row,
+    table
+  } = context;
+  const {
+    hideRowActions,
+    isHovered,
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const tableMeta = table.options.meta;
+  const actions = tableMeta.rowActions.rowActions;
+  const actionsLength = tableMeta.rowActions.rowActionsLength;
+  const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+  const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;
+  const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;
+  const isRowGrouped = row.getIsGrouped();
   if (!hideRowActions && !isRowGrouped && actions !== null && actions !== void 0 && actions.length && (isActiveRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
     return /*#__PURE__*/React__default.createElement(Actions, {
       actions: actions,
@@ -83,7 +81,7 @@ var Cell = /*#__PURE__*/React__default.memo(function MemoedCell(context) {
   }
   return null;
 });
-var renderer = {
+const renderer = {
   header: Header,
   renderer: Cell,
   meta: {

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { TableRowActionRenderer } from '../../../../types';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    // we don't want to document passing table, so it isn't on the type\n    const visibleActions = (actions as ((row: TType, internalRowId: string, table: ReactTable<TType>) => JSX.Element | null)[])\n        .map(action => action(data, rowId, table))\n        .filter(action => !!action) as JSX.Element[];\n\n    const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);\n\n    const className = cn(\n        'flex justify-end text-right bg-[inherit] shadow-[-6px_0px_6px_var(--table-row-actions-shadow)] print:hidden'\n    );\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <IconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content>\n                                {actionsInMenu.map((action, i) => (\n                                    <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                        {action.props['aria-label']}\n                                    </Menu.Item>\n                                ))}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'print:opacity-0 !px-0 !pr-1 overflow-hidden [table_&]:group-[[data-row-active=\"true\"]]/row:sticky right-0',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-grey-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-grey-100'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["Actions","props","actions","actionsLength","data","isActiveRow","rowId","table","_useLocalization","useLocalization","texts","visibleActions","map","action","filter","actionsOnRow","length","slice","actionsInMenu","className","cn","React","button","index","tooltip","String","_ref","_button$props$tooltip","cloneElement","appearance","key","tabIndex","shortcut","Shortcut","keys","IconButton","columns","icon","menu","menuProps","Menu","Content","i","Item","Header","Cell","memo","MemoedCell","context","row","_React$useContext","useContext","RowContext","hideRowActions","isHovered","rowIndex","tableMeta","options","meta","rowActions","rowActionsLength","rowActive","rowActiveIndex","isResizingColumn","getState","columnSizingInfo","isHoverStatePaused","isRowGrouped","getIsGrouped","original","id","renderer","header","align","enableSearch"],"mappings":"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"}
+{"version":3,"file":"Actions.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Actions.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, CellContext as ReactTableCellContext, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport cn from 'clsx';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { Menu } from '../../../../../../components/Menu/Menu';\nimport { Shortcut } from '../../../../../../components/Shortcut/Shortcut';\nimport { RowContext } from '../../Row/RowContext';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { TableRowActionRenderer } from '../../../../types';\n\nexport type ActionsProps<TType = unknown> = {\n    actions: TableRowActionRenderer<TType>[];\n    actionsLength: number;\n    data: any;\n    isActiveRow: boolean;\n    rowId: string;\n    table: ReactTable<TType>;\n};\nexport function Actions<TType = unknown>(props: ActionsProps<TType>) {\n    const { actions, actionsLength, data, isActiveRow, rowId, table } = props;\n    const { texts } = useLocalization();\n    // we don't want to document passing table, so it isn't on the type\n    const visibleActions = (actions as ((row: TType, internalRowId: string, table: ReactTable<TType>) => JSX.Element | null)[])\n        .map(action => action(data, rowId, table))\n        .filter(action => !!action) as JSX.Element[];\n\n    const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);\n\n    const className = cn(\n        'flex justify-end text-right bg-[inherit] shadow-[-6px_0px_6px_var(--table-row-actions-shadow)] print:hidden'\n    );\n\n    return (\n        <span className={className}>\n            {actionsOnRow.map((button, index) => {\n                const tooltip = String(button.props.tooltip ?? button.props['aria-label'] ?? '');\n\n                return React.cloneElement(button, {\n                    appearance: 'transparent',\n                    key: index,\n                    tabIndex: isActiveRow ? 0 : -1,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {tooltip}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        tooltip\n                    ),\n                });\n            })}\n            {actionsInMenu.length ? (\n                <IconButton\n                    appearance=\"transparent\"\n                    aria-label={texts.table.columns.actions.tooltip}\n                    icon=\"more\"\n                    tabIndex={isActiveRow ? 0 : -1}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content>\n                                {actionsInMenu.map((action, i) => (\n                                    <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                        {action.props['aria-label']}\n                                    </Menu.Item>\n                                ))}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                />\n            ) : null}\n        </span>\n    );\n}\n\nfunction Header() {\n    return null;\n}\n\nconst Cell = React.memo(function MemoedCell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { row, table } = context;\n    const { hideRowActions, isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const actions = tableMeta.rowActions.rowActions;\n    const actionsLength = tableMeta.rowActions.rowActionsLength;\n\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const isResizingColumn = !!table.getState().columnSizingInfo.isResizingColumn;\n    const isHoverStatePaused = tableMeta.rowActive.isHoverStatePaused;\n    const isRowGrouped = row.getIsGrouped();\n\n    if (\n        !hideRowActions &&\n        !isRowGrouped &&\n        actions?.length &&\n        (isActiveRow || (isHovered && !isHoverStatePaused && !isResizingColumn))\n    ) {\n        return (\n            <Actions<TType>\n                actions={actions}\n                actionsLength={actionsLength}\n                data={row.original}\n                isActiveRow={isActiveRow}\n                rowId={row.id}\n                table={table}\n            />\n        );\n    }\n\n    return null;\n}) as <TType = unknown>(context: ReactTableCellContext<TType, unknown>) => JSX.Element;\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    meta: {\n        align: 'right',\n        className: cn(\n            'print:opacity-0 !px-0 !pr-1 overflow-hidden [table_&]:group-[[data-row-active=\"true\"]]/row:sticky right-0',\n            'group-[[data-row-active=\"true\"][data-selected=\"false\"]]/row:text-grey-200',\n            'group-[[data-row-selected=\"true\"]]/row:text-blue-100',\n            'group-[[data-row-selected=\"false\"]:hover]/row:text-grey-100'\n        ),\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n    },\n};\n"],"names":["Actions","props","actions","actionsLength","data","isActiveRow","rowId","table","texts","useLocalization","visibleActions","map","action","filter","actionsOnRow","length","slice","actionsInMenu","className","cn","React","button","index","tooltip","String","_ref","_button$props$tooltip","cloneElement","appearance","key","tabIndex","shortcut","Shortcut","keys","IconButton","columns","icon","menu","menuProps","Menu","Content","i","Item","Header","Cell","memo","MemoedCell","context","row","hideRowActions","isHovered","rowIndex","useContext","RowContext","tableMeta","options","meta","rowActions","rowActionsLength","rowActive","rowActiveIndex","isResizingColumn","getState","columnSizingInfo","isHoverStatePaused","isRowGrouped","getIsGrouped","original","id","renderer","header","align","enableSearch"],"mappings":";;;;;;;;SAmBgBA,OAAOA,CAAkBC,KAA0B;EAC/D,MAAM;IAAEC,OAAO;IAAEC,aAAa;IAAEC,IAAI;IAAEC,WAAW;IAAEC,KAAK;IAAEC;GAAO,GAAGN,KAAK;EACzE,MAAM;IAAEO;GAAO,GAAGC,eAAe,EAAE;;EAEnC,MAAMC,cAAc,GAAIR,OAAmG,CACtHS,GAAG,CAACC,MAAM,IAAIA,MAAM,CAACR,IAAI,EAAEE,KAAK,EAAEC,KAAK,CAAC,CAAC,CACzCM,MAAM,CAACD,MAAM,IAAI,CAAC,CAACA,MAAM,CAAkB;EAEhD,MAAME,YAAY,GAAGJ,cAAc,CAACK,MAAM,KAAKZ,aAAa,GAAGO,cAAc,GAAGA,cAAc,CAACM,KAAK,CAAC,CAAC,EAAEb,aAAa,GAAG,CAAC,CAAC;EAC1H,MAAMc,aAAa,GAAGP,cAAc,CAACM,KAAK,CAACN,cAAc,CAACK,MAAM,KAAKZ,aAAa,GAAGA,aAAa,GAAGA,aAAa,GAAG,CAAC,CAAC;EAEvH,MAAMe,SAAS,GAAGC,EAAE,CAChB,6GAA6G,CAChH;EAED,oBACIC;IAAMF,SAAS,EAAEA;KACZJ,YAAY,CAACH,GAAG,CAAC,CAACU,MAAM,EAAEC,KAAK;;IAC5B,MAAMC,OAAO,GAAGC,MAAM,EAAAC,IAAA,IAAAC,qBAAA,GAACL,MAAM,CAACpB,KAAK,CAACsB,OAAO,cAAAG,qBAAA,cAAAA,qBAAA,GAAIL,MAAM,CAACpB,KAAK,CAAC,YAAY,CAAC,cAAAwB,IAAA,cAAAA,IAAA,GAAI,EAAE,CAAC;IAEhF,oBAAOL,cAAK,CAACO,YAAY,CAACN,MAAM,EAAE;MAC9BO,UAAU,EAAE,aAAa;MACzBC,GAAG,EAAEP,KAAK;MACVQ,QAAQ,EAAEzB,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;MAC9BkB,OAAO,EAAEF,MAAM,CAACpB,KAAK,CAAC8B,QAAQ,iBAC1BX,4DACKG,OAAO,eACRH,6BAACY,QAAQ;QAACd,SAAS,EAAC,MAAM;QAACe,IAAI,EAAEZ,MAAM,CAACpB,KAAK,CAAC8B;QAAY,CAC3D,IAEHR;KAEP,CAAC;GACL,CAAC,EACDN,aAAa,CAACF,MAAM,iBACjBK,6BAACc,UAAU;IACPN,UAAU,EAAC,aAAa;kBACZpB,KAAK,CAACD,KAAK,CAAC4B,OAAO,CAACjC,OAAO,CAACqB,OAAO;IAC/Ca,IAAI,EAAC,MAAM;IACXN,QAAQ,EAAEzB,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9BgC,IAAI,EAAEC,SAAS,kBACXlB,6BAACmB,IAAI,oBAAKD,SAAS,gBACflB,6BAACmB,IAAI,CAACC,OAAO,QACRvB,aAAa,CAACN,GAAG,CAAC,CAACC,MAAM,EAAE6B,CAAC,mBACzBrB,6BAACmB,IAAI,CAACG,IAAI;MAACb,GAAG,EAAEY;OAAO7B,MAAM,CAACX,KAAK;MAAE8B,QAAQ,EAAEnB,MAAM,CAACX,KAAK,CAAC8B;QACvDnB,MAAM,CAACX,KAAK,CAAC,YAAY,CAAC,CACnB,CACf,CAAC,CACS,CACZ;IAEb,IACF,IAAI,CACL;AAEf;AAEA,SAAS0C,MAAMA;EACX,OAAO,IAAI;AACf;AAEA,MAAMC,IAAI,gBAAGxB,cAAK,CAACyB,IAAI,CAAC,SAASC,UAAUA,CAAkBC,OAA8C;EACvG,MAAM;IAAEC,GAAG;IAAEzC;GAAO,GAAGwC,OAAO;EAC9B,MAAM;IAAEE,cAAc;IAAEC,SAAS;IAAEC;GAAU,GAAG/B,cAAK,CAACgC,UAAU,CAACC,UAAU,CAAC;EAC5E,MAAMC,SAAS,GAAG/C,KAAK,CAACgD,OAAO,CAACC,IAA6B;EAE7D,MAAMtD,OAAO,GAAGoD,SAAS,CAACG,UAAU,CAACA,UAAU;EAC/C,MAAMtD,aAAa,GAAGmD,SAAS,CAACG,UAAU,CAACC,gBAAgB;EAE3D,MAAMrD,WAAW,GAAGiD,SAAS,CAACK,SAAS,CAACC,cAAc,KAAKT,QAAQ;EACnE,MAAMU,gBAAgB,GAAG,CAAC,CAACtD,KAAK,CAACuD,QAAQ,EAAE,CAACC,gBAAgB,CAACF,gBAAgB;EAC7E,MAAMG,kBAAkB,GAAGV,SAAS,CAACK,SAAS,CAACK,kBAAkB;EACjE,MAAMC,YAAY,GAAGjB,GAAG,CAACkB,YAAY,EAAE;EAEvC,IACI,CAACjB,cAAc,IACf,CAACgB,YAAY,IACb/D,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEa,MAAM,KACdV,WAAW,IAAK6C,SAAS,IAAI,CAACc,kBAAkB,IAAI,CAACH,gBAAiB,CAAC,EAC1E;IACE,oBACIzC,6BAACpB,OAAO;MACJE,OAAO,EAAEA,OAAO;MAChBC,aAAa,EAAEA,aAAa;MAC5BC,IAAI,EAAE4C,GAAG,CAACmB,QAAQ;MAClB9D,WAAW,EAAEA,WAAW;MACxBC,KAAK,EAAE0C,GAAG,CAACoB,EAAE;MACb7D,KAAK,EAAEA;MACT;;EAIV,OAAO,IAAI;AACf,CAAC,CAAqF;MAEzE8D,QAAQ,GAAkC;EACnDC,MAAM,EAAE3B,MAAM;EACd0B,QAAQ,EAAEzB,IAAI;EACdY,IAAI,EAAE;IACFe,KAAK,EAAE,OAAO;IACdrD,SAAS,eAAEC,EAAE,CACT,2GAA2G,EAC3G,2EAA2E,EAC3E,sDAAsD,EACtD,6DAA6D,CAChE;;IAEDqD,YAAY,EAAE,KAAK;IACnBF,MAAM,EAAE;;;;;;"}

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

@@ -8,10 +8,12 @@ function Header() {
   return null;
 }
 function Cell() {
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var _React$useContext = React__default.useContext(RowContext),
-    hideInternalColumns = _React$useContext.hideInternalColumns;
+  const {
+    texts
+  } = useLocalization();
+  const {
+    hideInternalColumns
+  } = React__default.useContext(RowContext);
   if (hideInternalColumns) {
     return null;
   }
@@ -21,7 +23,7 @@ function Cell() {
     className: cn("text-grey-darkest invisible -mt-1 ml-[2px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white", '[[data-table-editing-mode]_&]:!invisible')
   });
 }
-var renderer = {
+const renderer = {
   header: Header,
   renderer: Cell,
   size: 20,

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

@@ -1 +1 @@
-{"version":3,"file":"Drag.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Drag.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport { RowContext } from '../../Row/RowContext';\n\nfunction Header() {\n    return null;\n}\n\nfunction Cell() {\n    const { texts } = useLocalization();\n    const { hideInternalColumns } = React.useContext(RowContext);\n\n    if (hideInternalColumns) {\n        return null;\n    }\n\n    return (\n        <Icon\n            aria-label={texts.table.columns.drag.tooltip}\n            name=\"drag\"\n            className={clsx(\n                \"text-grey-darkest invisible -mt-1 ml-[2px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white\",\n                '[[data-table-editing-mode]_&]:!invisible'\n            )}\n        />\n    );\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 20,\n    meta: {\n        align: 'center',\n        className: '!px-0 !pb-0 justify-end',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["Header","Cell","_useLocalization","useLocalization","texts","_React$useContext","React","useContext","RowContext","hideInternalColumns","Icon","table","columns","drag","tooltip","name","className","clsx","renderer","header","size","meta","align","enableSearch","headerClassName"],"mappings":";;;;;;AAQA,SAASA,MAAMA;EACX,OAAO,IAAI;AACf;AAEA,SAASC,IAAIA;EACT,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EACb,IAAAC,iBAAA,GAAgCC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;IAApDC,mBAAmB,GAAAJ,iBAAA,CAAnBI,mBAAmB;EAE3B,IAAIA,mBAAmB,EAAE;IACrB,OAAO,IAAI;;EAGf,oBACIH,6BAACI,IAAI;kBACWN,KAAK,CAACO,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;IAC5CC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEC,EAAI,CACX,oJAAoJ,EACpJ,0CAA0C;IAEhD;AAEV;IAEaC,QAAQ,GAAkC;EACnDC,MAAM,EAAEnB,MAAM;EACdkB,QAAQ,EAAEjB,IAAI;EACdmB,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE;IACFC,KAAK,EAAE,QAAQ;IACfN,SAAS,EAAE,yBAAyB;;IAEpCO,YAAY,EAAE,KAAK;IACnBJ,MAAM,EAAE,EAAE;IACVK,eAAe,EAAE;;;;;;"}
+{"version":3,"file":"Drag.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Drag.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\nimport { Icon } from '../../../../../../components/Icon/Icon';\nimport { RowContext } from '../../Row/RowContext';\n\nfunction Header() {\n    return null;\n}\n\nfunction Cell() {\n    const { texts } = useLocalization();\n    const { hideInternalColumns } = React.useContext(RowContext);\n\n    if (hideInternalColumns) {\n        return null;\n    }\n\n    return (\n        <Icon\n            aria-label={texts.table.columns.drag.tooltip}\n            name=\"drag\"\n            className={clsx(\n                \"text-grey-darkest invisible -mt-1 ml-[2px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white\",\n                '[[data-table-editing-mode]_&]:!invisible'\n            )}\n        />\n    );\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 20,\n    meta: {\n        align: 'center',\n        className: '!px-0 !pb-0 justify-end',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["Header","Cell","texts","useLocalization","hideInternalColumns","React","useContext","RowContext","Icon","table","columns","drag","tooltip","name","className","clsx","renderer","header","size","meta","align","enableSearch","headerClassName"],"mappings":";;;;;;AAQA,SAASA,MAAMA;EACX,OAAO,IAAI;AACf;AAEA,SAASC,IAAIA;EACT,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC;GAAqB,GAAGC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;EAE5D,IAAIH,mBAAmB,EAAE;IACrB,OAAO,IAAI;;EAGf,oBACIC,6BAACG,IAAI;kBACWN,KAAK,CAACO,KAAK,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;IAC5CC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEC,EAAI,CACX,oJAAoJ,EACpJ,0CAA0C;IAEhD;AAEV;MAEaC,QAAQ,GAAkC;EACnDC,MAAM,EAAEjB,MAAM;EACdgB,QAAQ,EAAEf,IAAI;EACdiB,IAAI,EAAE,EAAE;EACRC,IAAI,EAAE;IACFC,KAAK,EAAE,QAAQ;IACfN,SAAS,EAAE,yBAAyB;;IAEpCO,YAAY,EAAE,KAAK;IACnBJ,MAAM,EAAE,EAAE;IACVK,eAAe,EAAE;;;;;;"}

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

@@ -5,19 +5,22 @@ import { useLocalization } from '../../../../../../components/Provider/Localizat
 import { RowContext } from '../../Row/RowContext.js';
 
 function Header(context) {
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var table = context.table;
-  var tableMeta = table.options.meta;
+  const {
+    texts
+  } = useLocalization();
+  const {
+    table
+  } = context;
+  const tableMeta = table.options.meta;
   if (!tableMeta.rowExpansion.canExpandAll) {
     return null;
   }
-  var isSomeRowsExpanded = table.getIsSomeRowsExpanded();
-  var handleClick = function handleClick(event) {
+  const isSomeRowsExpanded = table.getIsSomeRowsExpanded();
+  const handleClick = event => {
     event.stopPropagation();
     table.toggleAllRowsExpanded(!isSomeRowsExpanded);
   };
-  var title = isSomeRowsExpanded ? texts.table.columns.expansion.collapseAll : texts.table.columns.expansion.expandAll;
+  const title = isSomeRowsExpanded ? texts.table.columns.expansion.collapseAll : texts.table.columns.expansion.expandAll;
   return /*#__PURE__*/React__default.createElement(Tooltip, {
     title: title
   }, /*#__PURE__*/React__default.createElement(IconButton, {
@@ -30,24 +33,26 @@ function Header(context) {
 }
 function Cell(context) {
   var _tableMeta$rowExpansi, _tableMeta$rowExpansi2;
-  var _useLocalization2 = useLocalization(),
-    texts = _useLocalization2.texts;
-  var _React$useContext = React__default.useContext(RowContext),
-    hideInternalColumns = _React$useContext.hideInternalColumns;
-  var tableMeta = context.table.options.meta;
+  const {
+    texts
+  } = useLocalization();
+  const {
+    hideInternalColumns
+  } = React__default.useContext(RowContext);
+  const tableMeta = context.table.options.meta;
   if (hideInternalColumns) {
     return null;
   }
-  var hasExpandedRow = (_tableMeta$rowExpansi = (_tableMeta$rowExpansi2 = tableMeta.rowExpansion).rowExpansionRenderer) === null || _tableMeta$rowExpansi === void 0 ? void 0 : _tableMeta$rowExpansi.call(_tableMeta$rowExpansi2, context.row.original);
+  const hasExpandedRow = (_tableMeta$rowExpansi = (_tableMeta$rowExpansi2 = tableMeta.rowExpansion).rowExpansionRenderer) === null || _tableMeta$rowExpansi === void 0 ? void 0 : _tableMeta$rowExpansi.call(_tableMeta$rowExpansi2, context.row.original);
   if (hasExpandedRow) {
-    var isActiveRow = tableMeta.rowActive.rowActiveIndex === context.row.index;
-    var isExpanded = context.row.getIsExpanded();
-    var handleClick = function handleClick(event) {
+    const isActiveRow = tableMeta.rowActive.rowActiveIndex === context.row.index;
+    const isExpanded = context.row.getIsExpanded();
+    const handleClick = event => {
       event.stopPropagation();
       context.row.toggleExpanded();
     };
-    var title = isExpanded ? texts.table.columns.expansion.collapse : texts.table.columns.expansion.expand;
-    var tabIndex = isActiveRow ? 0 : -1;
+    const title = isExpanded ? texts.table.columns.expansion.collapse : texts.table.columns.expansion.expand;
+    const tabIndex = isActiveRow ? 0 : -1;
     return /*#__PURE__*/React__default.createElement(Tooltip, {
       title: title
     }, /*#__PURE__*/React__default.createElement(IconButton, {
@@ -60,7 +65,7 @@ function Cell(context) {
   }
   return null;
 }
-var renderer = {
+const renderer = {
   header: Header,
   renderer: Cell,
   size: 40,