@economic/taco 2.49.0-server.4 → 2.49.0

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

@@ -1,43 +1,27 @@
 import { isElementInteractive, hasFocusableElement } from '../../../../../utils/dom.js';
 import { useFocusManager } from '@react-aria/focus';
 
-var FOCUS_MANAGER_OPTIONS_TAB = {
-  accept: function accept(element) {
-    return !!element.closest('tr[data-row-active="true"]');
-  },
+const FOCUS_MANAGER_OPTIONS_TAB = {
+  accept: element => !!element.closest('tr[data-row-active="true"]'),
   tabbable: true
 };
-var FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {
-  accept: function accept(element) {
-    var acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;
+const FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {
+  accept: element => {
+    const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;
     return !!element.closest('tr[data-row-active="true"]') && !hasFocusableElement(element) && acceptTabbable;
   }
 };
 function useAugmentedFocusManager() {
-  var focusManager = useFocusManager();
-  var focusPrevious = function focusPrevious(arrowNavigation) {
-    if (arrowNavigation === void 0) {
-      arrowNavigation = false;
-    }
-    return focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
-  };
-  var focusNext = function focusNext(arrowNavigation) {
-    if (arrowNavigation === void 0) {
-      arrowNavigation = false;
-    }
-    return focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
-  };
-  var focusFirst = function focusFirst() {
-    return focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);
-  };
-  var focusLast = function focusLast() {
-    return focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
-  };
+  const focusManager = useFocusManager();
+  const focusPrevious = (arrowNavigation = false) => focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusNext = (arrowNavigation = false) => focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusFirst = () => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);
+  const focusLast = () => focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
   return {
-    focusPrevious: focusPrevious,
-    focusNext: focusNext,
-    focusFirst: focusFirst,
-    focusLast: focusLast
+    focusPrevious,
+    focusNext,
+    focusFirst,
+    focusLast
   };
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\nimport { hasFocusableElement, isElementInteractive } from '../../../../../utils/dom';\n\nconst FOCUS_MANAGER_OPTIONS_TAB = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nconst FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {\n    accept: (element: Element) => {\n        const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;\n        return !!element.closest('tr[data-row-active=\"true\"]') && !hasFocusableElement(element as HTMLElement) && acceptTabbable;\n    },\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = (arrowNavigation = false) =>\n        focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n    const focusNext = (arrowNavigation = false) =>\n        focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n    const focusFirst = () => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);\n    const focusLast = () => focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":["FOCUS_MANAGER_OPTIONS_TAB","accept","element","closest","tabbable","FOCUS_MANAGER_OPTIONS_ARROW_KEYS","acceptTabbable","isElementInteractive","getAttribute","hasFocusableElement","useAugmentedFocusManager","focusManager","useFocusManager","focusPrevious","arrowNavigation","focusNext","focusFirst","focusLast"],"mappings":";;;AAGA,IAAMA,yBAAyB,GAAG;EAC9BC,MAAM,EAAE,SAAAA,OAACC,OAAgB;IAAA,OAAK,CAAC,CAACA,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC;;EAC7EC,QAAQ,EAAE;CACb;AAED,IAAMC,gCAAgC,GAAG;EACrCJ,MAAM,EAAE,SAAAA,OAACC,OAAgB;IACrB,IAAMI,cAAc,GAAGC,oBAAoB,CAACL,OAAO,CAAC,GAAGA,OAAO,CAACM,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,GAAG,IAAI;IACvG,OAAO,CAAC,CAACN,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC,IAAI,CAACM,mBAAmB,CAACP,OAAsB,CAAC,IAAII,cAAc;;CAE/H;SAEeI,wBAAwBA;EACpC,IAAMC,YAAY,GAAGC,eAAe,EAAE;EAEtC,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,eAAe;IAAA,IAAfA,eAAe;MAAfA,eAAe,GAAG,KAAK;;IAAA,OAC1CH,YAAY,CAACE,aAAa,CAACC,eAAe,GAAGT,gCAAgC,GAAGL,yBAAyB,CAAC;;EAC9G,IAAMe,SAAS,GAAG,SAAZA,SAASA,CAAID,eAAe;IAAA,IAAfA,eAAe;MAAfA,eAAe,GAAG,KAAK;;IAAA,OACtCH,YAAY,CAACI,SAAS,CAACD,eAAe,GAAGT,gCAAgC,GAAGL,yBAAyB,CAAC;;EAC1G,IAAMgB,UAAU,GAAG,SAAbA,UAAUA;IAAA,OAASL,YAAY,CAACK,UAAU,CAAChB,yBAAyB,CAAC;;EAC3E,IAAMiB,SAAS,GAAG,SAAZA,SAASA;IAAA,OAASN,YAAY,CAACM,SAAS,CAACjB,yBAAyB,CAAC;;EAEzE,OAAO;IACHa,aAAa,EAAbA,aAAa;IACbE,SAAS,EAATA,SAAS;IACTC,UAAU,EAAVA,UAAU;IACVC,SAAS,EAATA;GACH;AACL;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\nimport { hasFocusableElement, isElementInteractive } from '../../../../../utils/dom';\n\nconst FOCUS_MANAGER_OPTIONS_TAB = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nconst FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {\n    accept: (element: Element) => {\n        const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;\n        return !!element.closest('tr[data-row-active=\"true\"]') && !hasFocusableElement(element as HTMLElement) && acceptTabbable;\n    },\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = (arrowNavigation = false) =>\n        focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n    const focusNext = (arrowNavigation = false) =>\n        focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n    const focusFirst = () => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);\n    const focusLast = () => focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":["FOCUS_MANAGER_OPTIONS_TAB","accept","element","closest","tabbable","FOCUS_MANAGER_OPTIONS_ARROW_KEYS","acceptTabbable","isElementInteractive","getAttribute","hasFocusableElement","useAugmentedFocusManager","focusManager","useFocusManager","focusPrevious","arrowNavigation","focusNext","focusFirst","focusLast"],"mappings":";;;AAGA,MAAMA,yBAAyB,GAAG;EAC9BC,MAAM,EAAGC,OAAgB,IAAK,CAAC,CAACA,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC;EAC7EC,QAAQ,EAAE;CACb;AAED,MAAMC,gCAAgC,GAAG;EACrCJ,MAAM,EAAGC,OAAgB;IACrB,MAAMI,cAAc,GAAGC,oBAAoB,CAACL,OAAO,CAAC,GAAGA,OAAO,CAACM,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,GAAG,IAAI;IACvG,OAAO,CAAC,CAACN,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC,IAAI,CAACM,mBAAmB,CAACP,OAAsB,CAAC,IAAII,cAAc;;CAE/H;SAEeI,wBAAwBA;EACpC,MAAMC,YAAY,GAAGC,eAAe,EAAE;EAEtC,MAAMC,aAAa,GAAGA,CAACC,eAAe,GAAG,KAAK,KAC1CH,YAAY,CAACE,aAAa,CAACC,eAAe,GAAGT,gCAAgC,GAAGL,yBAAyB,CAAC;EAC9G,MAAMe,SAAS,GAAGA,CAACD,eAAe,GAAG,KAAK,KACtCH,YAAY,CAACI,SAAS,CAACD,eAAe,GAAGT,gCAAgC,GAAGL,yBAAyB,CAAC;EAC1G,MAAMgB,UAAU,GAAGA,MAAML,YAAY,CAACK,UAAU,CAAChB,yBAAyB,CAAC;EAC3E,MAAMiB,SAAS,GAAGA,MAAMN,YAAY,CAACM,SAAS,CAACjB,yBAAyB,CAAC;EAEzE,OAAO;IACHa,aAAa;IACbE,SAAS;IACTC,UAAU;IACVC;GACH;AACL;;;;"}

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

@@ -1,22 +1,21 @@
 import React__default from 'react';
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { flexRender } from '@tanstack/react-table';
 import { isInternalColumn } from '../../../../../useTableManager/util/columns.js';
 import { getCellAttributes } from '../util.js';
 
-var _excluded = ["cell", "cellRef", "index", "isHighlighted"],
-  _excluded2 = ["cellRef", "children", "isTruncated"];
 function DisplayCell(props) {
-  var cell = props.cell,
-    cellRef = props.cellRef,
-    index = props.index,
-    isHighlighted = props.isHighlighted,
-    cellAttributes = _objectWithoutPropertiesLoose(props, _excluded);
-  var columnMeta = cell.column.columnDef.meta;
-  var attributes = getCellAttributes(cell, index, isHighlighted);
-  var isTruncated = !!columnMeta.enableTruncate;
-  var value = cell.getValue();
-  var content;
+  const {
+    cell,
+    cellRef,
+    index,
+    isHighlighted,
+    ...cellAttributes
+  } = props;
+  const columnMeta = cell.column.columnDef.meta;
+  const attributes = getCellAttributes(cell, index, isHighlighted);
+  const isTruncated = !!columnMeta.enableTruncate;
+  const value = cell.getValue();
+  let content;
   if (isInternalColumn(cell.column.id)) {
     content = flexRender(cell.column.columnDef.cell, cell.getContext());
   } else {
@@ -28,11 +27,13 @@ function DisplayCell(props) {
     isTruncated: isTruncated
   }), content);
 }
-var MemoedDisplayCell = /*#__PURE__*/React__default.memo(function MemoedDisplayCell(props) {
-  var cellRef = props.cellRef,
-    children = props.children,
-    isTruncated = props.isTruncated,
-    cellAttributes = _objectWithoutPropertiesLoose(props, _excluded2);
+const MemoedDisplayCell = /*#__PURE__*/React__default.memo(function MemoedDisplayCell(props) {
+  const {
+    cellRef,
+    children,
+    isTruncated,
+    ...cellAttributes
+  } = props;
   return /*#__PURE__*/React__default.createElement("td", Object.assign({}, cellAttributes, {
     ref: cellRef
   }), isTruncated ? /*#__PURE__*/React__default.createElement("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayCell.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { ColumnMeta as ReactTableColumnMeta, flexRender } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { TableCellRendererProps } from '../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nexport function DisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted, ...cellAttributes } = props;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n    const isTruncated = !!columnMeta.enableTruncate;\n    const value = cell.getValue<TType>();\n\n    let content;\n\n    if (isInternalColumn(cell.column.id)) {\n        content = flexRender(cell.column.columnDef.cell, cell.getContext());\n    } else {\n        content = columnMeta.renderer?.(value, cell.row.original) ?? value ?? null;\n    }\n\n    return (\n        <MemoedDisplayCell {...cellAttributes} {...attributes} cellRef={cellRef} isTruncated={isTruncated}>\n            {content}\n        </MemoedDisplayCell>\n    );\n}\n\ntype MemoedDisplayCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    cellRef: any;\n    isTruncated: boolean;\n};\n\nconst MemoedDisplayCell = React.memo(function MemoedDisplayCell(props: MemoedDisplayCellProps) {\n    const { cellRef, children, isTruncated, ...cellAttributes } = props;\n\n    return (\n        <td {...cellAttributes} ref={cellRef}>\n            {isTruncated ? <span className=\"truncate print:overflow-visible print:whitespace-normal\">{children}</span> : children}\n        </td>\n    );\n});\n"],"names":["DisplayCell","props","cell","cellRef","index","isHighlighted","cellAttributes","_objectWithoutPropertiesLoose","_excluded","columnMeta","column","columnDef","meta","attributes","getCellAttributes","isTruncated","enableTruncate","value","getValue","content","isInternalColumn","id","flexRender","getContext","_ref","_columnMeta$renderer","_columnMeta$renderer2","renderer","call","row","original","React","MemoedDisplayCell","memo","children","_excluded2","ref","className"],"mappings":";;;;;;;;SAMgBA,WAAWA,CAAkBC,KAAoC;EAC7E,IAAQC,IAAI,GAAuDD,KAAK,CAAhEC,IAAI;IAAEC,OAAO,GAA8CF,KAAK,CAA1DE,OAAO;IAAEC,KAAK,GAAuCH,KAAK,CAAjDG,KAAK;IAAEC,aAAa,GAAwBJ,KAAK,CAA1CI,aAAa;IAAKC,cAAc,GAAAC,6BAAA,CAAKN,KAAK,EAAAO,SAAA;EACxE,IAAMC,UAAU,GAAGP,IAAI,CAACQ,MAAM,CAACC,SAAS,CAACC,IAA4C;EACrF,IAAMC,UAAU,GAAGC,iBAAiB,CAACZ,IAAI,EAAEE,KAAK,EAAEC,aAAa,CAAC;EAChE,IAAMU,WAAW,GAAG,CAAC,CAACN,UAAU,CAACO,cAAc;EAC/C,IAAMC,KAAK,GAAGf,IAAI,CAACgB,QAAQ,EAAS;EAEpC,IAAIC,OAAO;EAEX,IAAIC,gBAAgB,CAAClB,IAAI,CAACQ,MAAM,CAACW,EAAE,CAAC,EAAE;IAClCF,OAAO,GAAGG,UAAU,CAACpB,IAAI,CAACQ,MAAM,CAACC,SAAS,CAACT,IAAI,EAAEA,IAAI,CAACqB,UAAU,EAAE,CAAC;GACtE,MAAM;IAAA,IAAAC,IAAA,EAAAC,oBAAA,EAAAC,qBAAA;IACHP,OAAO,IAAAK,IAAA,IAAAC,oBAAA,IAAAC,qBAAA,GAAGjB,UAAU,CAACkB,QAAQ,cAAAD,qBAAA,uBAAnBA,qBAAA,CAAAE,IAAA,CAAAnB,UAAU,EAAYQ,KAAK,EAAEf,IAAI,CAAC2B,GAAG,CAACC,QAAQ,CAAC,cAAAL,oBAAA,cAAAA,oBAAA,GAAIR,KAAK,cAAAO,IAAA,cAAAA,IAAA,GAAI,IAAI;;EAG9E,oBACIO,6BAACC,iBAAiB,oBAAK1B,cAAc,EAAMO,UAAU;IAAEV,OAAO,EAAEA,OAAO;IAAEY,WAAW,EAAEA;MACjFI,OAAO,CACQ;AAE5B;AAOA,IAAMa,iBAAiB,gBAAGD,cAAK,CAACE,IAAI,CAAC,SAASD,iBAAiBA,CAAC/B,KAA6B;EACzF,IAAQE,OAAO,GAA+CF,KAAK,CAA3DE,OAAO;IAAE+B,QAAQ,GAAqCjC,KAAK,CAAlDiC,QAAQ;IAAEnB,WAAW,GAAwBd,KAAK,CAAxCc,WAAW;IAAKT,cAAc,GAAAC,6BAAA,CAAKN,KAAK,EAAAkC,UAAA;EAEnE,oBACIJ,qDAAQzB,cAAc;IAAE8B,GAAG,EAAEjC;MACxBY,WAAW,gBAAGgB;IAAMM,SAAS,EAAC;KAA2DH,QAAQ,CAAQ,GAAGA,QAAQ,CACpH;AAEb,CAAC,CAAC;;;;"}
+{"version":3,"file":"DisplayCell.js","sources":["../../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { ColumnMeta as ReactTableColumnMeta, flexRender } from '@tanstack/react-table';\nimport { getCellAttributes } from '../util';\nimport { TableCellRendererProps } from '../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\n\nexport function DisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, index, isHighlighted, ...cellAttributes } = props;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const attributes = getCellAttributes(cell, index, isHighlighted);\n    const isTruncated = !!columnMeta.enableTruncate;\n    const value = cell.getValue<TType>();\n\n    let content;\n\n    if (isInternalColumn(cell.column.id)) {\n        content = flexRender(cell.column.columnDef.cell, cell.getContext());\n    } else {\n        content = columnMeta.renderer?.(value, cell.row.original) ?? value ?? null;\n    }\n\n    return (\n        <MemoedDisplayCell {...cellAttributes} {...attributes} cellRef={cellRef} isTruncated={isTruncated}>\n            {content}\n        </MemoedDisplayCell>\n    );\n}\n\ntype MemoedDisplayCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n    cellRef: any;\n    isTruncated: boolean;\n};\n\nconst MemoedDisplayCell = React.memo(function MemoedDisplayCell(props: MemoedDisplayCellProps) {\n    const { cellRef, children, isTruncated, ...cellAttributes } = props;\n\n    return (\n        <td {...cellAttributes} ref={cellRef}>\n            {isTruncated ? <span className=\"truncate print:overflow-visible print:whitespace-normal\">{children}</span> : children}\n        </td>\n    );\n});\n"],"names":["DisplayCell","props","cell","cellRef","index","isHighlighted","cellAttributes","columnMeta","column","columnDef","meta","attributes","getCellAttributes","isTruncated","enableTruncate","value","getValue","content","isInternalColumn","id","flexRender","getContext","_ref","_columnMeta$renderer","_columnMeta$renderer2","renderer","call","row","original","React","MemoedDisplayCell","memo","children","ref","className"],"mappings":";;;;;SAMgBA,WAAWA,CAAkBC,KAAoC;EAC7E,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAEC,aAAa;IAAE,GAAGC;GAAgB,GAAGL,KAAK;EACxE,MAAMM,UAAU,GAAGL,IAAI,CAACM,MAAM,CAACC,SAAS,CAACC,IAA4C;EACrF,MAAMC,UAAU,GAAGC,iBAAiB,CAACV,IAAI,EAAEE,KAAK,EAAEC,aAAa,CAAC;EAChE,MAAMQ,WAAW,GAAG,CAAC,CAACN,UAAU,CAACO,cAAc;EAC/C,MAAMC,KAAK,GAAGb,IAAI,CAACc,QAAQ,EAAS;EAEpC,IAAIC,OAAO;EAEX,IAAIC,gBAAgB,CAAChB,IAAI,CAACM,MAAM,CAACW,EAAE,CAAC,EAAE;IAClCF,OAAO,GAAGG,UAAU,CAAClB,IAAI,CAACM,MAAM,CAACC,SAAS,CAACP,IAAI,EAAEA,IAAI,CAACmB,UAAU,EAAE,CAAC;GACtE,MAAM;IAAA,IAAAC,IAAA,EAAAC,oBAAA,EAAAC,qBAAA;IACHP,OAAO,IAAAK,IAAA,IAAAC,oBAAA,IAAAC,qBAAA,GAAGjB,UAAU,CAACkB,QAAQ,cAAAD,qBAAA,uBAAnBA,qBAAA,CAAAE,IAAA,CAAAnB,UAAU,EAAYQ,KAAK,EAAEb,IAAI,CAACyB,GAAG,CAACC,QAAQ,CAAC,cAAAL,oBAAA,cAAAA,oBAAA,GAAIR,KAAK,cAAAO,IAAA,cAAAA,IAAA,GAAI,IAAI;;EAG9E,oBACIO,6BAACC,iBAAiB,oBAAKxB,cAAc,EAAMK,UAAU;IAAER,OAAO,EAAEA,OAAO;IAAEU,WAAW,EAAEA;MACjFI,OAAO,CACQ;AAE5B;AAOA,MAAMa,iBAAiB,gBAAGD,cAAK,CAACE,IAAI,CAAC,SAASD,iBAAiBA,CAAC7B,KAA6B;EACzF,MAAM;IAAEE,OAAO;IAAE6B,QAAQ;IAAEnB,WAAW;IAAE,GAAGP;GAAgB,GAAGL,KAAK;EAEnE,oBACI4B,qDAAQvB,cAAc;IAAE2B,GAAG,EAAE9B;MACxBU,WAAW,gBAAGgB;IAAMK,SAAS,EAAC;KAA2DF,QAAQ,CAAQ,GAAGA,QAAQ,CACpH;AAEb,CAAC,CAAC;;;;"}

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":";;;;;SAWgBA,iBAAiBA,CAC7BC,IAAoC,EACpCC,KAAa,EACbC,aAA2C;EAE3C,IAAMC,UAAU,GAAGH,IAAI,CAACI,MAAM,CAACC,SAAS,CAACC,IAA4C;EACrF,IAAMC,QAAQ,GAAGP,IAAI,CAACI,MAAM,CAACI,WAAW,EAAE;;EAG1C,OAAO;IACH,iBAAiB,EAAEL,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEM,KAAK;IACpC,uBAAuB,EAAEP,aAAa;IACtC,cAAc,EAAEF,IAAI,CAACI,MAAM,CAACM,EAAE;IAC9B,iBAAiB,EAAET,KAAK;IACxB,kBAAkB,EAAEM,QAAQ,GAAG,IAAI,GAAGI,SAAS;IAC/C,oBAAoB,EAAER,UAAU,CAACS,cAAc,GAAG,IAAI,GAAGD,SAAS;IAClEE,SAAS,EAAE,OAAOV,UAAU,CAACU,SAAS,KAAK,UAAU,GAAGV,UAAU,CAACU,SAAS,CAACb,IAAI,CAACc,GAAG,CAACC,QAAQ,CAAC,GAAGZ,UAAU,CAACU;GAChH;AACL;SAEgBG,qBAAqBA,CACjChB,IAAoC,EACpCiB,SAAiB,EACjBC,GAA0C;EAE1C,IAAMC,YAAY,GAAGC,eAAe,EAAE;EACtC,IAAAC,iBAAA,GAAqBC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;IAAzCC,QAAQ,GAAAJ,iBAAA,CAARI,QAAQ;EAChB,IAAMC,OAAO,GAAG1B,IAAI,CAAC2B,UAAU,EAAE;EACjC,IAAMC,SAAS,GAAGF,OAAO,CAACG,KAAK,CAACC,OAAO,CAACxB,IAA6B;EACrE,IAAMH,UAAU,GAAGH,IAAI,CAACI,MAAM,CAACC,SAAS,CAACC,IAA4C;EAErF,IAAMJ,aAAa,GAAoCoB,cAAK,CAACS,OAAO,CAAC;IACjE,IACI,CAAC/B,IAAI,CAACI,MAAM,CAACC,SAAS,CAAC2B,kBAAkB,IACzCC,gBAAgB,CAACjC,IAAI,CAACI,MAAM,CAACM,EAAE,CAAC,IAChCV,IAAI,CAACkC,eAAe,EAAE,IACtBlC,IAAI,CAACmC,gBAAgB,EAAE,EACzB;MACE,OAAOxB,SAAS;;IAGpB,IAAIT,aAAa,GAAG,KAAK;IAEzB,IAAIwB,OAAO,CAACG,KAAK,CAACO,QAAQ,EAAE,CAACC,YAAY,EAAE;MACvCnC,aAAa,GAAGoC,iBAAiB,CAC7BZ,OAAO,CAACG,KAAK,CAACO,QAAQ,EAAE,CAACC,YAAY,EACrCrC,IAAI,CAACuC,QAAQ,EAAE,EACfpC,UAAU,CAACqC,QAAQ,EACnBrB,YAAY,CACf;;IAGL,IAAI,CAACjB,aAAa,IAAI0B,SAAS,CAACa,MAAM,CAACC,2BAA2B,KAAK/B,SAAS,EAAE;MAC9E,OAAOA,SAAS;;IAGpB,IAAAgC,qBAAA,GACIf,SAAS,CAACa,MAAM,CAACG,wBAAwB,CAAChB,SAAS,CAACa,MAAM,CAACC,2BAA2B,CAAC;MADpFG,cAAc,GAAAF,qBAAA;MAAEG,kBAAkB,GAAAH,qBAAA;IAGzC,IAAIE,cAAc,KAAKpB,QAAQ,IAAIqB,kBAAkB,KAAK7B,SAAS,EAAE;MACjE,OAAO,SAAS;;IAGpB,OAAO,IAAI;GACd,EAAE,CACCjB,IAAI,CAACuC,QAAQ,EAAE,EACfb,OAAO,CAACG,KAAK,CAACO,QAAQ,EAAE,CAACC,YAAY,EACrCT,SAAS,CAACa,MAAM,CAACG,wBAAwB,CAACG,MAAM,EAChDnB,SAAS,CAACa,MAAM,CAACC,2BAA2B,CAC/C,CAAC;EAEFpB,cAAK,CAAC0B,SAAS,CAAC;IACZ,IAAI9B,GAAG,CAAC+B,OAAO,IAAI/C,aAAa,KAAK,SAAS,EAAE;MAC5CgB,GAAG,CAAC+B,OAAO,CAACC,cAAc,CAAC;QAAEC,KAAK,EAAE,SAAS;QAAEC,MAAM,EAAE;OAAW,CAAC;MAEnEC,UAAU,CAAC;QACP,IAAInC,GAAG,CAAC+B,OAAO,EAAE;UACb,IAAMK,OAAO,GAAGpC,GAAG,CAAC+B,OAAO,CAACM,OAAO,CAAC,2BAA2B,CAAC;UAEhEF,UAAU,CAAC;YACP,IAAMG,aAAa,GAAGF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,gBAAgB,CAAC,iDAAiD,CAAC;YAElG,IAAID,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAET,MAAM,EAAE;cAAA,IAAAW,mBAAA;cACvB,IAAMC,cAAc,IAAAD,mBAAA,GAAGF,aAAa,CAACI,IAAI,CAACJ,aAAa,CAACT,MAAM,GAAG,CAAC,CAAC,cAAAW,mBAAA,uBAA5CA,mBAAA,CAA8CG,qBAAqB,EAAE;cAE5F,IAAIF,cAAc,IAAI3D,IAAI,CAACI,MAAM,CAAC0D,QAAQ,EAAE,GAAGH,cAAc,CAACI,KAAK,EAAE;gBACjET,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEU,QAAQ,CAAChE,IAAI,CAACI,MAAM,CAAC0D,QAAQ,EAAE,GAAGH,cAAc,CAACI,KAAK,EAAET,OAAO,CAACW,SAAS,CAAC;;;WAG9F,EAAE,CAAC,CAAC;;OAEZ,EAAE,CAAC,CAAC;;GAEZ,EAAE,CAAC/D,aAAa,CAAC,CAAC;EAEnB,OAAOA,aAAa;AACxB;;;;"}
+{"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: {