@economic/taco 2.47.0-server.4 → 2.47.0-server.5

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

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { FocusScope } from '@react-aria/focus';
 import { ROW_HEIGHT_ESTIMATES } from './util/rows.js';
 import { Header } from './components/Header/Header.js';
@@ -7,6 +8,7 @@ import { Foot } from './components/Footer/Footer.js';
 import { EmptyStateBody } from './components/Body/EmptyStateBody.js';
 import { TableToolbar } from './components/Toolbar/Toolbar.js';
 
+var _excluded = ["enableHorizontalArrowKeyNavigation", "footerRows", "table"];
 function Table(props) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.children);
 }
@@ -14,7 +16,7 @@ Table.Toolbar = TableToolbar;
 Table.Grid = TableGrid;
 function getEmptyStateReason(table) {
   if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {
-    const state = table.instance.getState();
+    var state = table.instance.getState();
     if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {
       return 'searching';
     }
@@ -27,16 +29,14 @@ function getEmptyStateReason(table) {
 }
 function TableGrid(props) {
   var _table$state$grouping;
-  const {
-    enableHorizontalArrowKeyNavigation,
-    footerRows,
-    table,
-    ...attributes
-  } = props;
-  const handleFocus = table.meta.rowActive.rowActiveIndex === undefined ? event => {
+  var enableHorizontalArrowKeyNavigation = props.enableHorizontalArrowKeyNavigation,
+    footerRows = props.footerRows,
+    table = props.table,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var handleFocus = table.meta.rowActive.rowActiveIndex === undefined ? function (event) {
     table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);
   } : undefined;
-  const emptyStateReason = getEmptyStateReason(table);
+  var emptyStateReason = getEmptyStateReason(table);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("style", null, table.stylesheet), /*#__PURE__*/React__default.createElement(FocusScope, null, /*#__PURE__*/React__default.createElement("table", Object.assign({}, attributes, {
     id: table.id,
     "data-table-font-size": table.meta.fontSize.size,
@@ -51,13 +51,17 @@ function TableGrid(props) {
     ref: table.ref,
     style: table.style,
     tabIndex: -1
-  }), /*#__PURE__*/React__default.createElement("thead", null, table.instance.getHeaderGroups().map(headerGroup => (/*#__PURE__*/React__default.createElement("tr", {
-    key: headerGroup.id
-  }, headerGroup.headers.map(props => (/*#__PURE__*/React__default.createElement(Header, {
-    key: props.id,
-    header: props,
-    scrollToIndex: table.renderer.scrollToIndex
-  }))))))), emptyStateReason ? (/*#__PURE__*/React__default.createElement(EmptyStateBody, {
+  }), /*#__PURE__*/React__default.createElement("thead", null, table.instance.getHeaderGroups().map(function (headerGroup) {
+    return /*#__PURE__*/React__default.createElement("tr", {
+      key: headerGroup.id
+    }, headerGroup.headers.map(function (props) {
+      return /*#__PURE__*/React__default.createElement(Header, {
+        key: props.id,
+        header: props,
+        scrollToIndex: table.renderer.scrollToIndex
+      });
+    }));
+  })), emptyStateReason ? (/*#__PURE__*/React__default.createElement(EmptyStateBody, {
     emptyState: props.table.props.emptyState,
     isReady: table.meta.server.isEnabled ? table.meta.server.isReady : true,
     reason: emptyStateReason
@@ -66,10 +70,9 @@ function TableGrid(props) {
     table: table.instance,
     tableElement: table.ref.current,
     scrollToIndex: table.renderer.scrollToIndex,
-    style: props.children ? {
-      ...table.renderer.style,
+    style: props.children ? _extends({}, table.renderer.style, {
       height: table.renderer.style.height + ROW_HEIGHT_ESTIMATES[table.meta.rowHeight.height]
-    } : table.renderer.style
+    }) : table.renderer.style
   }, table.renderer.rows, props.children), table.meta.footer.isEnabled ? /*#__PURE__*/React__default.createElement(Foot, {
     table: table.instance
   }, footerRows) : null)))));

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Foot } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTableReturnValue } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport { TableEmptyStateReason } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\nimport './style.css';\n\ntype TableProps = {\n    children: JSX.Element | Array<JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    footerRows?: null | JSX.Element | JSX.Element[];\n    table: useTableReturnValue<TType>;\n};\n\nfunction getEmptyStateReason<TType = unknown>(table: useTableReturnValue<TType>): TableEmptyStateReason | null {\n    if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {\n        const state = table.instance.getState();\n\n        if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {\n            return 'searching';\n        }\n\n        return 'filtering';\n    }\n    if (table.instance.getCoreRowModel().rows.length === 0) {\n        return 'empty';\n    }\n\n    return null;\n}\n\nexport function TableGrid<TType = unknown>(props: TableGridProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation, footerRows, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n    const emptyStateReason = getEmptyStateReason(table);\n\n    return (\n        <>\n            <style>{table.stylesheet}</style>\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-status={table.meta.server.isEnabled ? (table.meta.server.isReady ? 'ready' : undefined) : 'ready'}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    style={table.style}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {emptyStateReason ? (\n                        <EmptyStateBody\n                            emptyState={props.table.props.emptyState}\n                            isReady={table.meta.server.isEnabled ? table.meta.server.isReady : true}\n                            reason={emptyStateReason}\n                        />\n                    ) : (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                tableElement={table.ref.current}\n                                scrollToIndex={table.renderer.scrollToIndex}\n                                style={\n                                    props.children\n                                        ? {\n                                              ...table.renderer.style,\n                                              height:\n                                                  (table.renderer.style.height as number) +\n                                                  ROW_HEIGHT_ESTIMATES[table.meta.rowHeight.height],\n                                          }\n                                        : table.renderer.style\n                                }>\n                                {table.renderer.rows}\n                                {props.children}\n                            </Body>\n                            {table.meta.footer.isEnabled ? <Foot table={table.instance}>{footerRows}</Foot> : null}\n                        </>\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["Table","props","React","children","Toolbar","TableToolbar","Grid","TableGrid","getEmptyStateReason","table","instance","getFilteredRowModel","rows","length","getCoreRowModel","state","getState","meta","search","enableGlobalFilter","globalFilter","enableHorizontalArrowKeyNavigation","footerRows","attributes","handleFocus","rowActive","rowActiveIndex","undefined","event","renderer","scrollToIndex","emptyStateReason","stylesheet","FocusScope","id","fontSize","size","_table$state$grouping","grouping","columnFreezing","isHorizontallyScrolled","server","isEnabled","isReady","isHoverStatePaused","columnSizingInfo","isResizingColumn","rowHeight","height","onFocus","onScroll","handleScroll","ref","style","tabIndex","getHeaderGroups","map","headerGroup","key","headers","Header","header","EmptyStateBody","emptyState","reason","Body","tableElement","current","ROW_HEIGHT_ESTIMATES","footer","Foot"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Foot } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTableReturnValue } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport { TableEmptyStateReason } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\nimport './style.css';\n\ntype TableProps = {\n    children: JSX.Element | Array<JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    footerRows?: null | JSX.Element | JSX.Element[];\n    table: useTableReturnValue<TType>;\n};\n\nfunction getEmptyStateReason<TType = unknown>(table: useTableReturnValue<TType>): TableEmptyStateReason | null {\n    if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {\n        const state = table.instance.getState();\n\n        if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {\n            return 'searching';\n        }\n\n        return 'filtering';\n    }\n    if (table.instance.getCoreRowModel().rows.length === 0) {\n        return 'empty';\n    }\n\n    return null;\n}\n\nexport function TableGrid<TType = unknown>(props: TableGridProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation, footerRows, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n    const emptyStateReason = getEmptyStateReason(table);\n\n    return (\n        <>\n            <style>{table.stylesheet}</style>\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-status={table.meta.server.isEnabled ? (table.meta.server.isReady ? 'ready' : undefined) : 'ready'}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    style={table.style}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {emptyStateReason ? (\n                        <EmptyStateBody\n                            emptyState={props.table.props.emptyState}\n                            isReady={table.meta.server.isEnabled ? table.meta.server.isReady : true}\n                            reason={emptyStateReason}\n                        />\n                    ) : (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                tableElement={table.ref.current}\n                                scrollToIndex={table.renderer.scrollToIndex}\n                                style={\n                                    props.children\n                                        ? {\n                                              ...table.renderer.style,\n                                              height:\n                                                  (table.renderer.style.height as number) +\n                                                  ROW_HEIGHT_ESTIMATES[table.meta.rowHeight.height],\n                                          }\n                                        : table.renderer.style\n                                }>\n                                {table.renderer.rows}\n                                {props.children}\n                            </Body>\n                            {table.meta.footer.isEnabled ? <Foot table={table.instance}>{footerRows}</Foot> : null}\n                        </>\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["Table","props","React","children","Toolbar","TableToolbar","Grid","TableGrid","getEmptyStateReason","table","instance","getFilteredRowModel","rows","length","getCoreRowModel","state","getState","meta","search","enableGlobalFilter","globalFilter","enableHorizontalArrowKeyNavigation","footerRows","attributes","_objectWithoutPropertiesLoose","_excluded","handleFocus","rowActive","rowActiveIndex","undefined","event","renderer","scrollToIndex","emptyStateReason","stylesheet","FocusScope","id","fontSize","size","_table$state$grouping","grouping","columnFreezing","isHorizontallyScrolled","server","isEnabled","isReady","isHoverStatePaused","columnSizingInfo","isResizingColumn","rowHeight","height","onFocus","onScroll","handleScroll","ref","style","tabIndex","getHeaderGroups","map","headerGroup","key","headers","Header","header","EmptyStateBody","emptyState","reason","Body","tableElement","current","_extends","ROW_HEIGHT_ESTIMATES","footer","Foot"],"mappings":";;;;;;;;;;;SAgBgBA,KAAKA,CAACC,KAAiB;EACnC,oBAAOC,4DAAGD,KAAK,CAACE,QAAQ,CAAI;AAChC;AACAH,KAAK,CAACI,OAAO,GAAGC,YAAY;AAC5BL,KAAK,CAACM,IAAI,GAAGC,SAAS;AAStB,SAASC,mBAAmBA,CAAkBC,KAAiC;EAC3E,IAAIA,KAAK,CAACC,QAAQ,CAACC,mBAAmB,EAAE,CAACC,IAAI,CAACC,MAAM,KAAK,CAAC,IAAIJ,KAAK,CAACC,QAAQ,CAACI,eAAe,EAAE,CAACF,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;IAC9G,IAAME,KAAK,GAAGN,KAAK,CAACC,QAAQ,CAACM,QAAQ,EAAE;IAEvC,IAAIP,KAAK,CAACQ,IAAI,CAACC,MAAM,CAACC,kBAAkB,IAAI,CAAC,CAACJ,KAAK,CAACK,YAAY,EAAE;MAC9D,OAAO,WAAW;;IAGtB,OAAO,WAAW;;EAEtB,IAAIX,KAAK,CAACC,QAAQ,CAACI,eAAe,EAAE,CAACF,IAAI,CAACC,MAAM,KAAK,CAAC,EAAE;IACpD,OAAO,OAAO;;EAGlB,OAAO,IAAI;AACf;SAEgBN,SAASA,CAAkBN,KAA4B;;EACnE,IAAQoB,kCAAkC,GAAuCpB,KAAK,CAA9EoB,kCAAkC;IAAEC,UAAU,GAA2BrB,KAAK,CAA1CqB,UAAU;IAAEb,KAAK,GAAoBR,KAAK,CAA9BQ,KAAK;IAAKc,UAAU,GAAAC,6BAAA,CAAKvB,KAAK,EAAAwB,SAAA;EACtF,IAAMC,WAAW,GACbjB,KAAK,CAACQ,IAAI,CAACU,SAAS,CAACC,cAAc,KAAKC,SAAS,GAC3C,UAACC,KAAuB;IACpBrB,KAAK,CAACQ,IAAI,CAACU,SAAS,CAACD,WAAW,CAACI,KAAK,EAAErB,KAAK,CAACQ,IAAI,CAACJ,MAAM,EAAEJ,KAAK,CAACsB,QAAQ,CAACC,aAAa,CAAC;GAC3F,GACDH,SAAS;EACnB,IAAMI,gBAAgB,GAAGzB,mBAAmB,CAACC,KAAK,CAAC;EAEnD,oBACIP,yEACIA,4CAAQO,KAAK,CAACyB,UAAU,CAAS,eACjChC,6BAACiC,UAAU,qBACPjC,wDACQqB,UAAU;IACda,EAAE,EAAE3B,KAAK,CAAC2B,EAAE;4BACU3B,KAAK,CAACQ,IAAI,CAACoB,QAAQ,CAACC,IAAI;0BAC1B,CAAC,GAAAC,qBAAA,GAAC9B,KAAK,CAACM,KAAK,CAACyB,QAAQ,cAAAD,qBAAA,eAApBA,qBAAA,CAAsB1B,MAAM;wCAChBJ,KAAK,CAACQ,IAAI,CAACwB,cAAc,CAACC,sBAAsB,GAAG,IAAI,GAAGb,SAAS;yBAClFpB,KAAK,CAACQ,IAAI,CAAC0B,MAAM,CAACC,SAAS,GAAInC,KAAK,CAACQ,IAAI,CAAC0B,MAAM,CAACE,OAAO,GAAG,OAAO,GAAGhB,SAAS,GAAI,OAAO;8BACpFpB,KAAK,CAACQ,IAAI,CAACU,SAAS,CAACmB,kBAAkB,GAAG,IAAI,GAAGjB,SAAS;2BAC7DpB,KAAK,CAACM,KAAK,CAACgC,gBAAgB,CAACC,gBAAgB,GAAG,IAAI,GAAGnB,SAAS;6BAC9DpB,KAAK,CAACQ,IAAI,CAACgC,SAAS,CAACC,MAAM;IAClDC,OAAO,EAAEzB,WAAW;IACpB0B,QAAQ,EAAE3C,KAAK,CAACQ,IAAI,CAACwB,cAAc,CAACY,YAAY;IAChDC,GAAG,EAAE7C,KAAK,CAAC6C,GAAG;IACdC,KAAK,EAAE9C,KAAK,CAAC8C,KAAK;IAClBC,QAAQ,EAAE,CAAC;mBACXtD,4CACKO,KAAK,CAACC,QAAQ,CAAC+C,eAAe,EAAE,CAACC,GAAG,CAAC,UAAAC,WAAW;IAAA,oBAC7CzD;MAAI0D,GAAG,EAAED,WAAW,CAACvB;OAChBuB,WAAW,CAACE,OAAO,CAACH,GAAG,CAAC,UAAAzD,KAAK;MAAA,oBAC1BC,6BAAC4D,MAAM;QAACF,GAAG,EAAE3D,KAAK,CAACmC,EAAE;QAAE2B,MAAM,EAAE9D,KAAK;QAAE+B,aAAa,EAAEvB,KAAK,CAACsB,QAAQ,CAACC;QAAiB;KACxF,CAAC,CACD;GACR,CAAC,CACE,EACPC,gBAAgB,iBACb/B,6BAAC8D,cAAc;IACXC,UAAU,EAAEhE,KAAK,CAACQ,KAAK,CAACR,KAAK,CAACgE,UAAU;IACxCpB,OAAO,EAAEpC,KAAK,CAACQ,IAAI,CAAC0B,MAAM,CAACC,SAAS,GAAGnC,KAAK,CAACQ,IAAI,CAAC0B,MAAM,CAACE,OAAO,GAAG,IAAI;IACvEqB,MAAM,EAAEjC;IACV,kBAEF/B,yEACIA,6BAACiE,IAAI;IACD9C,kCAAkC,EAAEA,kCAAkC;IACtEZ,KAAK,EAAEA,KAAK,CAACC,QAAQ;IACrB0D,YAAY,EAAE3D,KAAK,CAAC6C,GAAG,CAACe,OAAO;IAC/BrC,aAAa,EAAEvB,KAAK,CAACsB,QAAQ,CAACC,aAAa;IAC3CuB,KAAK,EACDtD,KAAK,CAACE,QAAQ,GAAAmE,QAAA,KAED7D,KAAK,CAACsB,QAAQ,CAACwB,KAAK;MACvBL,MAAM,EACDzC,KAAK,CAACsB,QAAQ,CAACwB,KAAK,CAACL,MAAiB,GACvCqB,oBAAoB,CAAC9D,KAAK,CAACQ,IAAI,CAACgC,SAAS,CAACC,MAAM;SAExDzC,KAAK,CAACsB,QAAQ,CAACwB;KAExB9C,KAAK,CAACsB,QAAQ,CAACnB,IAAI,EACnBX,KAAK,CAACE,QAAQ,CACZ,EACNM,KAAK,CAACQ,IAAI,CAACuD,MAAM,CAAC5B,SAAS,gBAAG1C,6BAACuE,IAAI;IAAChE,KAAK,EAAEA,KAAK,CAACC;KAAWY,UAAU,CAAQ,GAAG,IAAI,CACvF,CACN,CACG,CACC,CACd;AAEX;;;;"}

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

@@ -1,33 +1,34 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { hasFocusableElement } from '../../../../../utils/dom.js';
 import { isPressingMetaKey } from '../../../../../utils/keyboard.js';
 import { useAugmentedFocusManager } from './util.js';
 
+var _excluded = ["enableHorizontalArrowKeyNavigation", "scrollToIndex", "table", "tableElement"];
 function Body(props) {
-  const {
-    enableHorizontalArrowKeyNavigation = false,
-    scrollToIndex,
-    table,
-    tableElement,
-    ...attributes
-  } = props;
-  const ref = React__default.useRef(null);
-  const focusManager = useAugmentedFocusManager();
-  const tableMeta = table.options.meta;
-  const handleKeyDown = event => {
+  var _props$enableHorizont = props.enableHorizontalArrowKeyNavigation,
+    enableHorizontalArrowKeyNavigation = _props$enableHorizont === void 0 ? false : _props$enableHorizont,
+    scrollToIndex = props.scrollToIndex,
+    table = props.table,
+    tableElement = props.tableElement,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var ref = React__default.useRef(null);
+  var focusManager = useAugmentedFocusManager();
+  var tableMeta = table.options.meta;
+  var handleKeyDown = function handleKeyDown(event) {
     if (event.isDefaultPrevented() || event.isPropagationStopped()) {
       return;
     }
     if (tableMeta.rowActive.rowActiveIndex !== undefined) {
-      const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;
-      const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;
+      var isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;
+      var isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;
       if (event.key === 'Tab' || enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
         if (event.key === 'Tab' && !hasFocusableElement(event.target.closest('tr[data-row-id]'))) {
           return;
         }
         tableMeta.rowActive.setHoverStatePaused(true);
-        const isMetaKeyPressed = isPressingMetaKey(event);
-        let focusedElement;
+        var isMetaKeyPressed = isPressingMetaKey(event);
+        var focusedElement;
         switch (event.key) {
           case 'ArrowLeft':
             focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);
@@ -55,9 +56,9 @@ function Body(props) {
             // there are no previous elements to focus, go up a row or go outside the table
             // but only if there are actually any focusable elements in the row
             event.preventDefault();
-            const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;
+            var prevIndex = tableMeta.rowActive.rowActiveIndex - 1;
             tableMeta.rowActive.setRowActiveIndex(prevIndex);
-            requestAnimationFrame(() => {
+            requestAnimationFrame(function () {
               focusManager.focusLast();
               scrollToIndex(prevIndex);
             });
@@ -67,9 +68,9 @@ function Body(props) {
             // there are no next elements to focus, go down a row or go outside the table
             // but only if there are actually any focusable elements in the row
             event.preventDefault();
-            const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;
+            var nextIndex = tableMeta.rowActive.rowActiveIndex + 1;
             tableMeta.rowActive.setRowActiveIndex(nextIndex);
-            requestAnimationFrame(() => {
+            requestAnimationFrame(function () {
               focusManager.focusFirst();
               scrollToIndex(nextIndex);
             });
@@ -78,16 +79,18 @@ function Body(props) {
       }
     }
   };
-  const handleMouseMove = React__default.useCallback(event => {
+  var handleMouseMove = React__default.useCallback(function (event) {
     var _event$target, _event$target$closest;
-    const index = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$closest = _event$target.closest('tr')) === null || _event$target$closest === void 0 ? void 0 : _event$target$closest.getAttribute('data-row-index');
+    var index = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$closest = _event$target.closest('tr')) === null || _event$target$closest === void 0 ? void 0 : _event$target$closest.getAttribute('data-row-index');
     if (index) {
       tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index));
     }
   }, []);
   // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table
   // this is a browser level bug and there's not much to be done about it
-  const handleMouseLeave = React__default.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);
+  var handleMouseLeave = React__default.useCallback(function () {
+    return tableMeta.rowActive.setRowHoverIndex(undefined);
+  }, []);
   return /*#__PURE__*/React__default.createElement("tbody", Object.assign({}, attributes, {
     onKeyDown: handleKeyDown,
     onMouseLeave: handleMouseLeave,

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

@@ -1 +1 @@
-{"version":3,"file":"Body.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\nimport { hasFocusableElement } from '../../../../../utils/dom';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { TableRef } from '../../../types';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    enableHorizontalArrowKeyNavigation?: boolean;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableElement: TableRef | null;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation = false, scrollToIndex, table, tableElement, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n            const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n            if (\n                event.key === 'Tab' ||\n                (enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight'))\n            ) {\n                if (event.key === 'Tab' && !hasFocusableElement((event.target as HTMLElement).closest('tr[data-row-id]'))) {\n                    return;\n                }\n\n                tableMeta.rowActive.setHoverStatePaused(true);\n\n                const isMetaKeyPressed = isPressingMetaKey(event);\n                let focusedElement;\n\n                switch (event.key) {\n                    case 'ArrowLeft':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);\n                        break;\n                    case 'ArrowRight':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusLast() : focusManager.focusNext(true);\n\n                        // Scrolls table all the way to the right\n                        if (isMetaKeyPressed && tableElement) {\n                            tableElement.scrollLeft = tableElement.scrollWidth;\n                        }\n\n                        break;\n                    default:\n                        focusedElement = event.shiftKey ? focusManager.focusPrevious() : focusManager.focusNext();\n                        break;\n                }\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                    return;\n                }\n\n                // The code below only executes when focusedElement was undefined/null. This happens only when arrow-left/shift+tab\n                // is pressed on the first cell or arrow-right/tab is pressed on the last cell.\n                if (event.shiftKey || event.key === 'ArrowLeft') {\n                    if (!isFirstRow) {\n                        // there are no previous elements to focus, go up a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;\n                        tableMeta.rowActive.setRowActiveIndex(prevIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusLast();\n                            scrollToIndex(prevIndex);\n                        });\n                    }\n                } else {\n                    if (!isLastRow) {\n                        // there are no next elements to focus, go down a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;\n                        tableMeta.rowActive.setRowActiveIndex(nextIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusFirst();\n                            scrollToIndex(nextIndex);\n                        });\n                    }\n                }\n            }\n        }\n    };\n    const handleMouseMove = React.useCallback((event: React.MouseEvent<HTMLTableSectionElement>) => {\n        const index = (event.target as HTMLElement)?.closest('tr')?.getAttribute('data-row-index');\n\n        if (index) {\n            tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index));\n        }\n    }, []);\n\n    // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table\n    // this is a browser level bug and there's not much to be done about it\n    const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);\n\n    return (\n        <tbody\n            {...attributes}\n            onKeyDown={handleKeyDown}\n            onMouseLeave={handleMouseLeave}\n            onMouseMove={handleMouseMove}\n            ref={ref}\n        />\n    );\n}\n"],"names":["Body","props","enableHorizontalArrowKeyNavigation","scrollToIndex","table","tableElement","attributes","ref","React","useRef","focusManager","useAugmentedFocusManager","tableMeta","options","meta","handleKeyDown","event","isDefaultPrevented","isPropagationStopped","rowActive","rowActiveIndex","undefined","isFirstRow","isLastRow","length","key","hasFocusableElement","target","closest","setHoverStatePaused","isMetaKeyPressed","isPressingMetaKey","focusedElement","focusFirst","focusPrevious","focusLast","focusNext","scrollLeft","scrollWidth","shiftKey","preventDefault","prevIndex","setRowActiveIndex","requestAnimationFrame","nextIndex","handleMouseMove","useCallback","index","_event$target","_event$target$closest","getAttribute","setRowHoverIndex","Number","parseInt","handleMouseLeave","onKeyDown","onMouseLeave","onMouseMove"],"mappings":"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"}
+{"version":3,"file":"Body.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\nimport { hasFocusableElement } from '../../../../../utils/dom';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { TableRef } from '../../../types';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    enableHorizontalArrowKeyNavigation?: boolean;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableElement: TableRef | null;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation = false, scrollToIndex, table, tableElement, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n            const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n            if (\n                event.key === 'Tab' ||\n                (enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight'))\n            ) {\n                if (event.key === 'Tab' && !hasFocusableElement((event.target as HTMLElement).closest('tr[data-row-id]'))) {\n                    return;\n                }\n\n                tableMeta.rowActive.setHoverStatePaused(true);\n\n                const isMetaKeyPressed = isPressingMetaKey(event);\n                let focusedElement;\n\n                switch (event.key) {\n                    case 'ArrowLeft':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);\n                        break;\n                    case 'ArrowRight':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusLast() : focusManager.focusNext(true);\n\n                        // Scrolls table all the way to the right\n                        if (isMetaKeyPressed && tableElement) {\n                            tableElement.scrollLeft = tableElement.scrollWidth;\n                        }\n\n                        break;\n                    default:\n                        focusedElement = event.shiftKey ? focusManager.focusPrevious() : focusManager.focusNext();\n                        break;\n                }\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                    return;\n                }\n\n                // The code below only executes when focusedElement was undefined/null. This happens only when arrow-left/shift+tab\n                // is pressed on the first cell or arrow-right/tab is pressed on the last cell.\n                if (event.shiftKey || event.key === 'ArrowLeft') {\n                    if (!isFirstRow) {\n                        // there are no previous elements to focus, go up a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;\n                        tableMeta.rowActive.setRowActiveIndex(prevIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusLast();\n                            scrollToIndex(prevIndex);\n                        });\n                    }\n                } else {\n                    if (!isLastRow) {\n                        // there are no next elements to focus, go down a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;\n                        tableMeta.rowActive.setRowActiveIndex(nextIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusFirst();\n                            scrollToIndex(nextIndex);\n                        });\n                    }\n                }\n            }\n        }\n    };\n    const handleMouseMove = React.useCallback((event: React.MouseEvent<HTMLTableSectionElement>) => {\n        const index = (event.target as HTMLElement)?.closest('tr')?.getAttribute('data-row-index');\n\n        if (index) {\n            tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index));\n        }\n    }, []);\n\n    // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table\n    // this is a browser level bug and there's not much to be done about it\n    const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);\n\n    return (\n        <tbody\n            {...attributes}\n            onKeyDown={handleKeyDown}\n            onMouseLeave={handleMouseLeave}\n            onMouseMove={handleMouseMove}\n            ref={ref}\n        />\n    );\n}\n"],"names":["Body","props","_props$enableHorizont","enableHorizontalArrowKeyNavigation","scrollToIndex","table","tableElement","attributes","_objectWithoutPropertiesLoose","_excluded","ref","React","useRef","focusManager","useAugmentedFocusManager","tableMeta","options","meta","handleKeyDown","event","isDefaultPrevented","isPropagationStopped","rowActive","rowActiveIndex","undefined","isFirstRow","isLastRow","length","key","hasFocusableElement","target","closest","setHoverStatePaused","isMetaKeyPressed","isPressingMetaKey","focusedElement","focusFirst","focusPrevious","focusLast","focusNext","scrollLeft","scrollWidth","shiftKey","preventDefault","prevIndex","setRowActiveIndex","requestAnimationFrame","nextIndex","handleMouseMove","useCallback","index","_event$target","_event$target$closest","getAttribute","setRowHoverIndex","Number","parseInt","handleMouseLeave","onKeyDown","onMouseLeave","onMouseMove"],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 
+var _excluded = ["emptyState", "isReady", "reason"];
 function EmptyStateBody(props) {
-  const {
-    emptyState: Placeholder,
-    isReady,
-    reason,
-    ...attributes
-  } = props;
+  var Placeholder = props.emptyState,
+    isReady = props.isReady,
+    reason = props.reason,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
   if (!isReady) {
     return /*#__PURE__*/React__default.createElement("tbody", Object.assign({}, attributes, {
       className: "!auto-rows-fr"

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateBody.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/EmptyStateBody.tsx"],"sourcesContent":["import React from 'react';\nimport { TableEmptyStateReason, TableEmptyStateRenderer } from '../../../types';\n\ntype EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n    emptyState?: TableEmptyStateRenderer;\n    isReady: boolean;\n    reason: TableEmptyStateReason;\n};\n\nexport function EmptyStateBody(props: EmptyStateProps) {\n    const { emptyState: Placeholder, isReady, reason, ...attributes } = props;\n\n    if (!isReady) {\n        return <tbody {...attributes} className=\"!auto-rows-fr\" />;\n    }\n\n    return (\n        <tbody {...attributes} className=\"!auto-rows-fr\">\n            <tr className=\"!auto-rows-fr\">\n                <td className=\"col-span-full !border-0 !p-0 hover:!bg-white\">\n                    {Placeholder ? <Placeholder reason={reason} /> : undefined}\n                </td>\n            </tr>\n        </tbody>\n    );\n}\n"],"names":["EmptyStateBody","props","emptyState","Placeholder","isReady","reason","attributes","React","className","undefined"],"mappings":";;SASgBA,cAAcA,CAACC,KAAsB;EACjD,MAAM;IAAEC,UAAU,EAAEC,WAAW;IAAEC,OAAO;IAAEC,MAAM;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAEzE,IAAI,CAACG,OAAO,EAAE;IACV,oBAAOG,wDAAWD,UAAU;MAAEE,SAAS,EAAC;OAAkB;;EAG9D,oBACID,wDAAWD,UAAU;IAAEE,SAAS,EAAC;mBAC7BD;IAAIC,SAAS,EAAC;kBACVD;IAAIC,SAAS,EAAC;KACTL,WAAW,gBAAGI,6BAACJ,WAAW;IAACE,MAAM,EAAEA;IAAU,GAAGI,SAAS,CACzD,CACJ,CACD;AAEhB;;;;"}
+{"version":3,"file":"EmptyStateBody.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/EmptyStateBody.tsx"],"sourcesContent":["import React from 'react';\nimport { TableEmptyStateReason, TableEmptyStateRenderer } from '../../../types';\n\ntype EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n    emptyState?: TableEmptyStateRenderer;\n    isReady: boolean;\n    reason: TableEmptyStateReason;\n};\n\nexport function EmptyStateBody(props: EmptyStateProps) {\n    const { emptyState: Placeholder, isReady, reason, ...attributes } = props;\n\n    if (!isReady) {\n        return <tbody {...attributes} className=\"!auto-rows-fr\" />;\n    }\n\n    return (\n        <tbody {...attributes} className=\"!auto-rows-fr\">\n            <tr className=\"!auto-rows-fr\">\n                <td className=\"col-span-full !border-0 !p-0 hover:!bg-white\">\n                    {Placeholder ? <Placeholder reason={reason} /> : undefined}\n                </td>\n            </tr>\n        </tbody>\n    );\n}\n"],"names":["EmptyStateBody","props","Placeholder","emptyState","isReady","reason","attributes","_objectWithoutPropertiesLoose","_excluded","React","className","undefined"],"mappings":";;;;SASgBA,cAAcA,CAACC,KAAsB;EACjD,IAAoBC,WAAW,GAAqCD,KAAK,CAAjEE,UAAU;IAAeC,OAAO,GAA4BH,KAAK,CAAxCG,OAAO;IAAEC,MAAM,GAAoBJ,KAAK,CAA/BI,MAAM;IAAKC,UAAU,GAAAC,6BAAA,CAAKN,KAAK,EAAAO,SAAA;EAEzE,IAAI,CAACJ,OAAO,EAAE;IACV,oBAAOK,wDAAWH,UAAU;MAAEI,SAAS,EAAC;OAAkB;;EAG9D,oBACID,wDAAWH,UAAU;IAAEI,SAAS,EAAC;mBAC7BD;IAAIC,SAAS,EAAC;kBACVD;IAAIC,SAAS,EAAC;KACTR,WAAW,gBAAGO,6BAACP,WAAW;IAACG,MAAM,EAAEA;IAAU,GAAGM,SAAS,CACzD,CACJ,CACD;AAEhB;;;;"}

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

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

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

@@ -1,21 +1,22 @@
 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) {
-  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;
+  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;
   if (isInternalColumn(cell.column.id)) {
     content = flexRender(cell.column.columnDef.cell, cell.getContext());
   } else {
@@ -27,13 +28,11 @@ function DisplayCell(props) {
     isTruncated: isTruncated
   }), content);
 }
-const MemoedDisplayCell = /*#__PURE__*/React__default.memo(function MemoedDisplayCell(props) {
-  const {
-    cellRef,
-    children,
-    isTruncated,
-    ...cellAttributes
-  } = props;
+var MemoedDisplayCell = /*#__PURE__*/React__default.memo(function MemoedDisplayCell(props) {
+  var cellRef = props.cellRef,
+    children = props.children,
+    isTruncated = props.isTruncated,
+    cellAttributes = _objectWithoutPropertiesLoose(props, _excluded2);
   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","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;;;;"}
+{"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;;;;"}

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

@@ -1,34 +1,36 @@
 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;
-  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;
+  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;
   // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that
   // rowGroupActions aligns with rowActions.
-  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);
+  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;
+  });
   return /*#__PURE__*/React__default.createElement(MemoedGroupedCell, Object.assign({}, attributes, {
     canShowActions: canShowActions,
     cellRef: cellRef,
@@ -39,18 +41,16 @@ function GroupedCell(props) {
     table: table
   }), content);
 }
-const MemoedGroupedCell = /*#__PURE__*/React__default.memo(function MemoedGroupedCell(props) {
-  const {
-    canShowActions,
-    cellRef,
-    children,
-    colSpan,
-    rowActions,
-    rowId,
-    subRows,
-    table,
-    ...attributes
-  } = props;
+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);
   return (
     /*#__PURE__*/
     // pr-1 is needed to align group row actions with row actions in sibling rows, if present
@@ -58,7 +58,7 @@ const MemoedGroupedCell = /*#__PURE__*/React__default.memo(function MemoedGroupe
       className: "!pr-1",
       ref: cellRef,
       style: {
-        gridColumn: `span ${colSpan} / span ${colSpan}`
+        gridColumn: "span " + colSpan + " / span " + colSpan
       }
     }), /*#__PURE__*/React__default.createElement("span", {
       className: "grow"