@semcore/data-table 16.0.2 → 16.0.3-prerelease.0

package/lib/esm/components/DataTable/DataTable.mjs

@@ -3,42 +3,46 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled, createComponent, lastInteraction, assignProps, Component } from "@semcore/core";
-import * as React from "react";
-import { ScrollArea, ScreenReaderOnly, Box } from "@semcore/base-components";
-import { Head } from "../Head/Head.mjs";
-import { Body } from "../Body/Body.mjs";
-import { hasFocusableIn, isFocusInside } from "@semcore/core/lib/utils/use/useFocusLock";
-import findComponent from "@semcore/core/lib/utils/findComponent";
-import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { createComponent, sstyled, assignProps, Component, lastInteraction } from "@semcore/core";
+import { ScrollArea, Box, ScreenReaderOnly } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import { forkRef } from "@semcore/core/lib/utils/ref";
+import findComponent from "@semcore/core/lib/utils/findComponent";
 import { hasParent } from "@semcore/core/lib/utils/hasParent";
 import trottle from "@semcore/core/lib/utils/rafTrottle";
-import { MergedRowsCell, MergedColumnsCell } from "../Body/MergedCells.mjs";
+import { forkRef } from "@semcore/core/lib/utils/ref";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { hasFocusableIn, isFocusInside } from "@semcore/core/lib/utils/use/useFocusLock";
 import { NoData } from "@semcore/widget-empty";
+import * as React from "react";
+import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { Body } from "../Body/Body.mjs";
+import { MergedRowsCell, MergedColumnsCell } from "../Body/MergedCells.mjs";
+import { Head } from "../Head/Head.mjs";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./dataTable.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDataTable_x73f6_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_x73f6_gg_.__gridTemplateColumns_x73f6_gg_{grid-template-columns:var(--gridTemplateColumns_x73f6)}.___SDataTable_x73f6_gg_.__gridTemplateAreas_x73f6_gg_{grid-template-areas:var(--gridTemplateAreas_x73f6)}.___SDataTable_x73f6_gg_.__gridTemplateRows_x73f6_gg_{grid-template-rows:var(--gridTemplateRows_x73f6)}",
+    ".___SDataTable_1k5kz_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_1k5kz_gg_.__gridTemplateColumns_1k5kz_gg_{grid-template-columns:var(--gridTemplateColumns_1k5kz)}.___SDataTable_1k5kz_gg_.__gridTemplateAreas_1k5kz_gg_{grid-template-areas:var(--gridTemplateAreas_1k5kz)}.___SDataTable_1k5kz_gg_.__gridTemplateRows_1k5kz_gg_{grid-template-rows:var(--gridTemplateRows_1k5kz)}",
     /*__inner_css_end__*/
-    "x73f6_gg_"
+    "1k5kz_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDataTable": "___SDataTable_x73f6_gg_",
-    "_gridTemplateColumns": "__gridTemplateColumns_x73f6_gg_",
-    "--gridTemplateColumns": "--gridTemplateColumns_x73f6",
-    "_gridTemplateAreas": "__gridTemplateAreas_x73f6_gg_",
-    "--gridTemplateAreas": "--gridTemplateAreas_x73f6",
-    "_gridTemplateRows": "__gridTemplateRows_x73f6_gg_",
-    "--gridTemplateRows": "--gridTemplateRows_x73f6"
+    "__SDataTable": "___SDataTable_1k5kz_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_1k5kz_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_1k5kz",
+    "_gridTemplateAreas": "__gridTemplateAreas_1k5kz_gg_",
+    "--gridTemplateAreas": "--gridTemplateAreas_1k5kz",
+    "_gridTemplateRows": "__gridTemplateRows_1k5kz_gg_",
+    "--gridTemplateRows": "--gridTemplateRows_1k5kz"
   })
 );
 /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
@@ -46,25 +50,25 @@ var scrollStyles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScrollArea_fq5cd_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_{overflow:visible;overflow:initial}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_both_fq5cd_gg_{overflow:auto}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_horizontal_fq5cd_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_._scrollDirection_vertical_fq5cd_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__loading_fq5cd_gg_{overflow:hidden}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__headerHeight_fq5cd_gg_{scroll-padding-top:var(--headerHeight_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__leftScrollPadding_fq5cd_gg_{scroll-padding-left:var(--leftScrollPadding_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SContainer_fq5cd_gg_.__rightScrollPadding_fq5cd_gg_{scroll-padding-right:var(--rightScrollPadding_fq5cd)}.___SScrollArea_fq5cd_gg_ .___SShadowVertical_fq5cd_gg_:before{display:none}.___SScrollArea_fq5cd_gg_ .___SShadowHorizontal_fq5cd_gg_:after,.___SScrollArea_fq5cd_gg_ .___SShadowHorizontal_fq5cd_gg_:before,.___SScrollArea_fq5cd_gg_ .___SShadowVertical_fq5cd_gg_:after{z-index:2}",
+    ".___SScrollArea_qh4me_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_{overflow:visible;overflow:initial}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_._scrollDirection_both_qh4me_gg_{overflow:auto}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_._scrollDirection_horizontal_qh4me_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_._scrollDirection_vertical_qh4me_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_.__loading_qh4me_gg_{overflow:hidden}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_.__headerHeight_qh4me_gg_{scroll-padding-top:var(--headerHeight_qh4me)}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_.__leftScrollPadding_qh4me_gg_{scroll-padding-left:var(--leftScrollPadding_qh4me)}.___SScrollArea_qh4me_gg_ .___SContainer_qh4me_gg_.__rightScrollPadding_qh4me_gg_{scroll-padding-right:var(--rightScrollPadding_qh4me)}.___SScrollArea_qh4me_gg_ .___SShadowVertical_qh4me_gg_:before{display:none}.___SScrollArea_qh4me_gg_ .___SShadowHorizontal_qh4me_gg_:after,.___SScrollArea_qh4me_gg_ .___SShadowHorizontal_qh4me_gg_:before,.___SScrollArea_qh4me_gg_ .___SShadowVertical_qh4me_gg_:after{z-index:2}",
     /*__inner_css_end__*/
-    "fq5cd_gg_"
+    "qh4me_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScrollArea": "___SScrollArea_fq5cd_gg_",
-    "__SContainer": "___SContainer_fq5cd_gg_",
-    "_scrollDirection_both": "_scrollDirection_both_fq5cd_gg_",
-    "_scrollDirection_horizontal": "_scrollDirection_horizontal_fq5cd_gg_",
-    "_scrollDirection_vertical": "_scrollDirection_vertical_fq5cd_gg_",
-    "_loading": "__loading_fq5cd_gg_",
-    "_headerHeight": "__headerHeight_fq5cd_gg_",
-    "--headerHeight": "--headerHeight_fq5cd",
-    "_leftScrollPadding": "__leftScrollPadding_fq5cd_gg_",
-    "--leftScrollPadding": "--leftScrollPadding_fq5cd",
-    "_rightScrollPadding": "__rightScrollPadding_fq5cd_gg_",
-    "--rightScrollPadding": "--rightScrollPadding_fq5cd",
-    "__SShadowVertical": "___SShadowVertical_fq5cd_gg_",
-    "__SShadowHorizontal": "___SShadowHorizontal_fq5cd_gg_"
+    "__SScrollArea": "___SScrollArea_qh4me_gg_",
+    "__SContainer": "___SContainer_qh4me_gg_",
+    "_scrollDirection_both": "_scrollDirection_both_qh4me_gg_",
+    "_scrollDirection_horizontal": "_scrollDirection_horizontal_qh4me_gg_",
+    "_scrollDirection_vertical": "_scrollDirection_vertical_qh4me_gg_",
+    "_loading": "__loading_qh4me_gg_",
+    "_headerHeight": "__headerHeight_qh4me_gg_",
+    "--headerHeight": "--headerHeight_qh4me",
+    "_leftScrollPadding": "__leftScrollPadding_qh4me_gg_",
+    "--leftScrollPadding": "--leftScrollPadding_qh4me",
+    "_rightScrollPadding": "__rightScrollPadding_qh4me_gg_",
+    "--rightScrollPadding": "--rightScrollPadding_qh4me",
+    "__SShadowVertical": "___SShadowVertical_qh4me_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_qh4me_gg_"
   })
 );
 var ACCORDION = Symbol("accordion");
@@ -74,35 +78,32 @@ var SELECT_ALL = Symbol("SELECT_ALL");
 var ROW_INDEX = Symbol("ROW_INDEX");
 var SCROLL_BAR_HEIGHT = 12;
 var DataTableRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(DataTableRoot2, _Component);
-  var _super = _createSuper(DataTableRoot2);
   function DataTableRoot2(props) {
     var _this;
     _classCallCheck(this, DataTableRoot2);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "columns", []);
-    _defineProperty(_assertThisInitialized(_this), "treeColumns", []);
-    _defineProperty(_assertThisInitialized(_this), "hasGroups", false);
-    _defineProperty(_assertThisInitialized(_this), "focusedCell", [-1, -1]);
-    _defineProperty(_assertThisInitialized(_this), "scrollAreaRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "tableContainerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "tableRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "headerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "spinnerRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "gridAreaGroupMap", /* @__PURE__ */ new Map());
-    _defineProperty(_assertThisInitialized(_this), "columnsSplitter", "/");
-    _defineProperty(_assertThisInitialized(_this), "rows", []);
-    _defineProperty(_assertThisInitialized(_this), "flatRows", []);
-    _defineProperty(_assertThisInitialized(_this), "selectAllMessageTimer", 0);
-    _defineProperty(_assertThisInitialized(_this), "headerNodesMap", /* @__PURE__ */ new Map());
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, DataTableRoot2, [props]);
+    _defineProperty(_this, "columns", []);
+    _defineProperty(_this, "treeColumns", []);
+    _defineProperty(_this, "hasGroups", false);
+    _defineProperty(_this, "focusedCell", [-1, -1]);
+    _defineProperty(_this, "scrollAreaRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "tableContainerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "tableRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "headerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "spinnerRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "gridAreaGroupMap", /* @__PURE__ */ new Map());
+    _defineProperty(_this, "columnsSplitter", "/");
+    _defineProperty(_this, "rows", []);
+    _defineProperty(_this, "flatRows", []);
+    _defineProperty(_this, "selectAllMessageTimer", 0);
+    _defineProperty(_this, "headerNodesMap", /* @__PURE__ */ new Map());
+    _defineProperty(_this, "state", {
       scrollTop: 0,
       scrollDirection: "down",
       selectAllMessage: ""
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSelectRow", function(isSelected, selectedRowIndex, row, event) {
+    _defineProperty(_this, "handleSelectRow", function(isSelected, selectedRowIndex, row, event) {
       var _this$asProps = _this.asProps, selectedRows = _this$asProps.selectedRows, onSelectedRowsChange = _this$asProps.onSelectedRowsChange;
-      _this$asProps.data;
       if (selectedRows && onSelectedRowsChange) {
         var newSelectedRows = new Set(selectedRows);
         if (isSelected && !newSelectedRows.has(selectedRowIndex)) {
@@ -117,7 +118,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "setSelectAllMessage", function(selectedAll) {
+    _defineProperty(_this, "setSelectAllMessage", function(selectedAll) {
       if (_this.selectAllMessageTimer) {
         clearTimeout(_this.selectAllMessageTimer);
       }
@@ -132,14 +133,14 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         });
       }, 5e3);
     });
-    _defineProperty(_assertThisInitialized(_this), "getRow", function(index) {
+    _defineProperty(_this, "getRow", function(index) {
       var _this$tableRef$curren;
       return (_this$tableRef$curren = _this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelector('[aria-rowindex="'.concat(index + 1, '"]:not([aria-hidden="true"])'));
     });
-    _defineProperty(_assertThisInitialized(_this), "hasFocusableInHeader", function() {
+    _defineProperty(_this, "hasFocusableInHeader", function() {
       return _this.headerRef.current && hasFocusableIn(_this.headerRef.current);
     });
-    _defineProperty(_assertThisInitialized(_this), "onExpandRow", function(expandedRow) {
+    _defineProperty(_this, "onExpandRow", function(expandedRow) {
       var expandedRows = _this.asProps.expandedRows;
       if (expandedRows.has(expandedRow[UNIQ_ROW_KEY])) {
         expandedRows["delete"](expandedRow[UNIQ_ROW_KEY]);
@@ -151,7 +152,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         _this.handlers.expandedRows(new Set(_toConsumableArray(expandedRows)));
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "changeFocusCell", function(rowIndex, colIndex, direction) {
+    _defineProperty(_this, "changeFocusCell", function(rowIndex, colIndex, direction) {
       var _this$tableRef$curren2, _this$tableRef$curren3;
       var hasFocusable = _this.hasFocusableInHeader();
       var maxCol = _this.columns.length - 1;
@@ -174,9 +175,9 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       var cell = row === null || row === void 0 ? void 0 : row.querySelector(':scope > div > [role=gridcell][aria-colindex="'.concat(newCol + 1, '"], :scope > [role=columnheader][aria-colindex="').concat(newCol + 1, '"], :scope > div > [role=columnheader][aria-colindex="').concat(newCol + 1, '"]'));
       if (cell instanceof HTMLElement && currentCell !== cell) {
         _this.focusedCell = [newRow, newCol];
-        currentCell === null || currentCell === void 0 ? void 0 : currentCell.setAttribute("inert", "");
+        currentCell === null || currentCell === void 0 || currentCell.setAttribute("inert", "");
         if (currentCell !== currentHeaderCell) {
-          currentCell === null || currentCell === void 0 ? void 0 : currentCell.removeAttribute("aria-describedby");
+          currentCell === null || currentCell === void 0 || currentCell.removeAttribute("aria-describedby");
         }
         var headerCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(newCol);
         var describedBy = headerCell === null || headerCell === void 0 ? void 0 : headerCell.getAttribute("aria-describedby");
@@ -184,21 +185,21 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         if (headerCell !== cell && describedBy) {
           cell.setAttribute("aria-describedby", describedBy);
         }
-        cell === null || cell === void 0 ? void 0 : cell.focus();
+        cell === null || cell === void 0 || cell.focus();
         if (newRow !== 0) {
-          currentHeaderCell === null || currentHeaderCell === void 0 ? void 0 : currentHeaderCell.setAttribute("inert", "");
+          currentHeaderCell === null || currentHeaderCell === void 0 || currentHeaderCell.setAttribute("inert", "");
           var _headerCell = headerCells === null || headerCells === void 0 ? void 0 : headerCells.item(newCol);
-          _headerCell === null || _headerCell === void 0 ? void 0 : _headerCell.removeAttribute("inert");
+          _headerCell === null || _headerCell === void 0 || _headerCell.removeAttribute("inert");
         }
       } else if (cell === null && currentCell instanceof HTMLElement) {
         var rowI = rowIndex;
         var colI = colIndex;
         if (direction === "left" || direction === "right") {
-          var _currentCell$parentEl, _currentCell$parentEl2, _currentCell$parentEl3, _currentCell$parentEl4, _row$children;
-          if (((_currentCell$parentEl = currentCell.parentElement) === null || _currentCell$parentEl === void 0 ? void 0 : (_currentCell$parentEl2 = _currentCell$parentEl.parentElement) === null || _currentCell$parentEl2 === void 0 ? void 0 : _currentCell$parentEl2.dataset.uiName) === "Collapse") {
+          var _currentCell$parentEl, _currentCell$parentEl2, _row$children;
+          if (((_currentCell$parentEl = currentCell.parentElement) === null || _currentCell$parentEl === void 0 || (_currentCell$parentEl = _currentCell$parentEl.parentElement) === null || _currentCell$parentEl === void 0 ? void 0 : _currentCell$parentEl.dataset.uiName) === "Collapse") {
             return;
           }
-          if (currentCell.dataset.groupedBy === "colgroup" || Number((_currentCell$parentEl3 = currentCell.parentElement) === null || _currentCell$parentEl3 === void 0 ? void 0 : (_currentCell$parentEl4 = _currentCell$parentEl3.parentElement) === null || _currentCell$parentEl4 === void 0 ? void 0 : _currentCell$parentEl4.getAttribute("aria-rowindex")) === 2 || currentCell.parentElement && Array.from((_row$children = row === null || row === void 0 ? void 0 : row.children) !== null && _row$children !== void 0 ? _row$children : []).indexOf(currentCell.parentElement) > 0) {
+          if (currentCell.dataset.groupedBy === "colgroup" || Number((_currentCell$parentEl2 = currentCell.parentElement) === null || _currentCell$parentEl2 === void 0 || (_currentCell$parentEl2 = _currentCell$parentEl2.parentElement) === null || _currentCell$parentEl2 === void 0 ? void 0 : _currentCell$parentEl2.getAttribute("aria-rowindex")) === 2 || currentCell.parentElement && Array.from((_row$children = row === null || row === void 0 ? void 0 : row.children) !== null && _row$children !== void 0 ? _row$children : []).indexOf(currentCell.parentElement) > 0) {
             colI = direction === "left" ? colI - 1 : colI + 1;
           } else {
             rowI = rowI - 1;
@@ -218,7 +219,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         _this.changeFocusCell(rowIndex + 1, colIndex, direction);
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(e) {
+    _defineProperty(_this, "handleKeyDown", function(e) {
       switch (e.key) {
         case "Tab": {
           _this.setInert(true);
@@ -246,7 +247,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "initFocusableCell", function() {
+    _defineProperty(_this, "initFocusableCell", function() {
       var hasFocusable = _this.hasFocusableInHeader();
       if (hasFocusable) {
         _this.focusedCell = [0, 0];
@@ -254,7 +255,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         _this.focusedCell = [1, 0];
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleScroll", trottle(function(e) {
+    _defineProperty(_this, "handleScroll", trottle(function(e) {
       var scrollTop = e.target.scrollTop;
       var scrollDirection = scrollTop > _this.state.scrollTop ? "down" : "up";
       _this.setState({
@@ -262,10 +263,10 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         scrollDirection
       });
     }));
-    _defineProperty(_assertThisInitialized(_this), "handleFocus", function(e) {
+    _defineProperty(_this, "handleFocus", function(e) {
       if (_this.asProps.loading) {
         var _this$spinnerRef$curr;
-        (_this$spinnerRef$curr = _this.spinnerRef.current) === null || _this$spinnerRef$curr === void 0 ? void 0 : _this$spinnerRef$curr.focus();
+        (_this$spinnerRef$curr = _this.spinnerRef.current) === null || _this$spinnerRef$curr === void 0 || _this$spinnerRef$curr.focus();
         e.currentTarget.setAttribute("tabIndex", "-1");
       } else if ((!e.relatedTarget || !isFocusInside(e.currentTarget, e.relatedTarget)) && lastInteraction.isKeyboard()) {
         var _row;
@@ -281,18 +282,18 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         if (!row && _this.asProps.virtualScroll) {
           var _this$tableRef$curren4, _firstAvailableCell$p;
           var firstAvailableCell = (_this$tableRef$curren4 = _this.tableRef.current) === null || _this$tableRef$curren4 === void 0 ? void 0 : _this$tableRef$curren4.querySelector('[role="gridcell"]');
-          var firstAvailableRow = firstAvailableCell === null || firstAvailableCell === void 0 ? void 0 : (_firstAvailableCell$p = firstAvailableCell.parentElement) === null || _firstAvailableCell$p === void 0 ? void 0 : _firstAvailableCell$p.parentElement;
+          var firstAvailableRow = firstAvailableCell === null || firstAvailableCell === void 0 || (_firstAvailableCell$p = firstAvailableCell.parentElement) === null || _firstAvailableCell$p === void 0 ? void 0 : _firstAvailableCell$p.parentElement;
           if (firstAvailableCell && firstAvailableRow) {
-            var _Number, _Number2;
-            var colIndex = ((_Number = Number(firstAvailableCell.getAttribute("aria-colindex"))) !== null && _Number !== void 0 ? _Number : 1) - 1;
-            var rowIndex = ((_Number2 = Number(firstAvailableRow.getAttribute("aria-rowindex"))) !== null && _Number2 !== void 0 ? _Number2 : 1) - 1;
+            var _firstAvailableCell$g, _firstAvailableRow$ge;
+            var colIndex = Number((_firstAvailableCell$g = firstAvailableCell.getAttribute("aria-colindex")) !== null && _firstAvailableCell$g !== void 0 ? _firstAvailableCell$g : 1) - 1;
+            var rowIndex = Number((_firstAvailableRow$ge = firstAvailableRow.getAttribute("aria-rowindex")) !== null && _firstAvailableRow$ge !== void 0 ? _firstAvailableRow$ge : 1) - 1;
             _this.focusedCell[0] = rowIndex;
             _this.focusedCell[1] = colIndex;
             row = firstAvailableRow;
           }
         }
         var cell = (_row = row) === null || _row === void 0 ? void 0 : _row.querySelectorAll("[role=gridcell], [role=columnheader]").item(_this.focusedCell[1]);
-        cell === null || cell === void 0 ? void 0 : cell.removeAttribute("inert");
+        cell === null || cell === void 0 || cell.removeAttribute("inert");
         if (cell instanceof HTMLElement) {
           if (hasParent(e.target, cell)) {
             e.target.focus();
@@ -303,7 +304,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         e.currentTarget.setAttribute("tabIndex", "-1");
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function(e) {
+    _defineProperty(_this, "handleBlur", function(e) {
       var relatedTarget = e.relatedTarget;
       var tableElement = _this.tableRef.current;
       if (tableElement && (!relatedTarget || !isFocusInside(tableElement, relatedTarget) || !lastInteraction.isKeyboard())) {
@@ -311,13 +312,13 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         tableElement.setAttribute("tabIndex", "0");
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseMove", function() {
+    _defineProperty(_this, "handleMouseMove", function() {
       _this.setInert(false);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleBackFromAccordion", function(cellIndex) {
+    _defineProperty(_this, "handleBackFromAccordion", function(cellIndex) {
       _this.changeFocusCell(-1, cellIndex === -1 ? 0 : cellIndex, "up");
     });
-    _defineProperty(_assertThisInitialized(_this), "getScrollOffsetValue", function() {
+    _defineProperty(_this, "getScrollOffsetValue", function() {
       if (!_this.headerRef.current) {
         return [0, 0];
       }
@@ -354,7 +355,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
         return acc;
       }, [0, 0]);
     });
-    _defineProperty(_assertThisInitialized(_this), "getFixedStyle", function(cell) {
+    _defineProperty(_this, "getFixedStyle", function(cell) {
       var side = cell.fixed;
       if (!side) return [void 0, void 0];
       var names = cell.name.split("/");
@@ -394,7 +395,8 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
     _this.flatRows = _this.rows.flat();
     return _this;
   }
-  _createClass(DataTableRoot2, [{
+  _inherits(DataTableRoot2, _Component);
+  return _createClass(DataTableRoot2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       return {
@@ -509,7 +511,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
           var selectedRowsIndexes = value ? new Array(_this3.totalRows).fill(void 0).map(function(_, i) {
             return i;
           }) : [];
-          onSelectedRowsChange === null || onSelectedRowsChange === void 0 ? void 0 : onSelectedRowsChange(selectedRowsIndexes, e);
+          onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(selectedRowsIndexes, e);
         },
         getFixedStyle: this.getFixedStyle
       }, headerProps);
@@ -558,7 +560,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
     value: function setInert(value) {
       var _this$tableRef$curren5;
       var cells = (_this$tableRef$curren5 = this.tableRef.current) === null || _this$tableRef$curren5 === void 0 ? void 0 : _this$tableRef$curren5.querySelectorAll("[role=gridcell], [role=columnheader]");
-      cells === null || cells === void 0 ? void 0 : cells.forEach(function(cell) {
+      cells === null || cells === void 0 || cells.forEach(function(cell) {
         if (value === true) {
           cell.setAttribute("inert", "");
         } else {
@@ -803,7 +805,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
             col2.gridArea = "2 / ".concat(gridColumnIndex, " / 3 / ").concat(gridColumnIndex + 1);
             gridColumnIndex++;
             calculatedColumns.push(col2);
-            (_Group$columns = Group.columns) === null || _Group$columns === void 0 ? void 0 : _Group$columns.push(col2);
+            (_Group$columns = Group.columns) === null || _Group$columns === void 0 || _Group$columns.push(col2);
           });
           treeColumns.push(Group);
           _this5.gridAreaGroupMap.set(groupIndex, "1 / ".concat(initGridColumn, " / 2 / ").concat(gridColumnIndex));
@@ -825,7 +827,6 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       var rowIndex = 0;
       var id = 1e8;
       var makeDtRow = function makeDtRow2(row, excludeColumns) {
-        var _Object$entries$reduc;
         var columns2 = new Set(columnNames);
         var dtRow = Object.entries(row).reduce(function(acc, _ref5) {
           var _ref6 = _slicedToArray(_ref5, 2), key = _ref6[0], value = _ref6[1];
@@ -846,8 +847,8 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
             acc[ACCORDION] = row[ACCORDION];
           }
           return acc;
-        }, (_Object$entries$reduc = {}, _defineProperty(_Object$entries$reduc, UNIQ_ROW_KEY, row[UNIQ_ROW_KEY] || "".concat(uid, "_").concat((rowIndex + id).toString(36))), _defineProperty(_Object$entries$reduc, ROW_INDEX, rowIndex), _Object$entries$reduc));
-        excludeColumns === null || excludeColumns === void 0 ? void 0 : excludeColumns.forEach(function(value) {
+        }, _defineProperty(_defineProperty({}, UNIQ_ROW_KEY, row[UNIQ_ROW_KEY] || "".concat(uid, "_").concat((rowIndex + id).toString(36))), ROW_INDEX, rowIndex));
+        excludeColumns === null || excludeColumns === void 0 || excludeColumns.forEach(function(value) {
           columns2["delete"](value);
         });
         if (columns2.size > 0) {
@@ -860,7 +861,6 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       data.forEach(function(row) {
         var groupedRows = row[ROW_GROUP];
         if (groupedRows) {
-          var _Object$entries$reduc2;
           var innerRows = [];
           var groupedKeys = [];
           var groupedRowData = Object.entries(row).reduce(function(acc, _ref7) {
@@ -868,7 +868,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
             acc[key] = new MergedRowsCell(value, groupedRows.length, row[ACCORDION]);
             groupedKeys.push(key);
             return acc;
-          }, (_Object$entries$reduc2 = {}, _defineProperty(_Object$entries$reduc2, UNIQ_ROW_KEY, ""), _defineProperty(_Object$entries$reduc2, ROW_INDEX, -1), _Object$entries$reduc2));
+          }, _defineProperty(_defineProperty({}, UNIQ_ROW_KEY, ""), ROW_INDEX, -1));
           groupedRows.forEach(function(childRow, index) {
             var dtRow2;
             if (index === 0) {
@@ -876,12 +876,12 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
               dtRow2 = makeDtRow(rowData);
               dtRow2[ROW_GROUP] = /* @__PURE__ */ new Set();
             } else {
-              var _innerRows$, _innerRows$$ROW_GROUP;
+              var _innerRows$;
               if (index === groupedRows.length - 1 && row[ACCORDION]) {
                 childRow[ACCORDION] = row[ACCORDION];
               }
               dtRow2 = makeDtRow(childRow, groupedKeys);
-              (_innerRows$ = innerRows[0]) === null || _innerRows$ === void 0 ? void 0 : (_innerRows$$ROW_GROUP = _innerRows$[ROW_GROUP]) === null || _innerRows$$ROW_GROUP === void 0 ? void 0 : _innerRows$$ROW_GROUP.add(dtRow2[UNIQ_ROW_KEY]);
+              (_innerRows$ = innerRows[0]) === null || _innerRows$ === void 0 || (_innerRows$ = _innerRows$[ROW_GROUP]) === null || _innerRows$ === void 0 || _innerRows$.add(dtRow2[UNIQ_ROW_KEY]);
             }
             innerRows.push(dtRow2);
             rowIndex++;
@@ -909,7 +909,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       var height = 0;
       for (var i = 0; i < ((_header$length = header === null || header === void 0 ? void 0 : header.length) !== null && _header$length !== void 0 ? _header$length : 0); i++) {
         var _header$length, _header$item;
-        var columnHeight = header === null || header === void 0 ? void 0 : (_header$item = header.item(i)) === null || _header$item === void 0 ? void 0 : _header$item.getBoundingClientRect().height;
+        var columnHeight = header === null || header === void 0 || (_header$item = header.item(i)) === null || _header$item === void 0 ? void 0 : _header$item.getBoundingClientRect().height;
         if (columnHeight) {
           height = columnHeight;
           break;
@@ -918,7 +918,6 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       return height;
     }
   }]);
-  return DataTableRoot2;
 }(Component);
 _defineProperty(DataTableRoot, "displayName", "DataTable");
 _defineProperty(DataTableRoot, "style", style);