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

package/lib/esm/components/Head/Column.mjs

@@ -1,50 +1,54 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 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, lastInteraction, assignProps, Component } from "@semcore/core";
-import * as React from "react";
+import { sstyled, assignProps, Component, lastInteraction } from "@semcore/core";
 import { Flex } from "@semcore/base-components";
-import SortDesc from "@semcore/icon/SortDesc/m";
-import SortAsc from "@semcore/icon/SortAsc/m";
 import { ButtonLink } from "@semcore/button";
-import { getFocusableIn } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
+import { getFocusableIn } from "@semcore/core/lib/utils/focus-lock/getFocusableIn";
 import { isFocusInside } from "@semcore/core/lib/utils/focus-lock/isFocusInside";
+import SortAsc from "@semcore/icon/SortAsc/m";
+import SortDesc from "@semcore/icon/SortDesc/m";
+import * as React from "react";
+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__:"./style.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_8ae7k_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}',
+    '.___SGroupContainer_1tx4g_gg_,.___SHead_1tx4g_gg_{display:contents}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_{position:sticky;top:0;z-index:2}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{top:0}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroupContainer_1tx4g_gg_>.___SColumn_1tx4g_gg_{position:sticky;z-index:2}.___SHead_1tx4g_gg_.__compact_1tx4g_gg_ .___SColumn_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_,.___SGroup_1tx4g_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1tx4g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_:has(~.___SColumn_1tx4g_gg_.__visibleSort_1tx4g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1tx4g_gg_._use_secondary_1tx4g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_left_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_left_1tx4g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_right_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_right_1tx4g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_,.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before,.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{display:flex;opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_{display:flex;opacity:1}.___SColumn_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroupTitle_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroup_1tx4g_gg_.__gridArea_1tx4g_gg_{grid-area:var(--gridArea_1tx4g)}.___SHead_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_ .___SGroup_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1tx4g_gg_.__sortable_1tx4g_gg_:hover{cursor:pointer}}.___SSortWrapper_1tx4g_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1tx4g_gg_,.___SSortWrapper_1tx4g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1tx4g_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1tx4g_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1tx4g_gg_{cursor:pointer}',
     /*__inner_css_end__*/
-    "8ae7k_gg_"
+    "1tx4g_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_8ae7k_gg_",
-    "__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
-    "_sticky": "__sticky_8ae7k_gg_",
-    "__SColumn": "___SColumn_8ae7k_gg_",
-    "__SGroup": "___SGroup_8ae7k_gg_",
-    "_compact": "__compact_8ae7k_gg_",
-    "_use_secondary": "_use_secondary_8ae7k_gg_",
-    "_borders_both": "_borders_both_8ae7k_gg_",
-    "_borders_left": "_borders_left_8ae7k_gg_",
-    "_borders_right": "_borders_right_8ae7k_gg_",
-    "_gridArea": "__gridArea_8ae7k_gg_",
-    "__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
-    "--gridArea": "--gridArea_8ae7k",
-    "_fixed": "__fixed_8ae7k_gg_",
-    "_sortable": "__sortable_8ae7k_gg_",
-    "__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
-    "__SSortButton": "___SSortButton_8ae7k_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
-    "_use_primary": "_use_primary_8ae7k_gg_",
-    "_visibleSort": "__visibleSort_8ae7k_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
+    "__SHead": "___SHead_1tx4g_gg_",
+    "__SGroupContainer": "___SGroupContainer_1tx4g_gg_",
+    "_sticky": "__sticky_1tx4g_gg_",
+    "__SColumn": "___SColumn_1tx4g_gg_",
+    "__SGroup": "___SGroup_1tx4g_gg_",
+    "_compact": "__compact_1tx4g_gg_",
+    "_use_secondary": "_use_secondary_1tx4g_gg_",
+    "_borders_both": "_borders_both_1tx4g_gg_",
+    "_borders_left": "_borders_left_1tx4g_gg_",
+    "_borders_right": "_borders_right_1tx4g_gg_",
+    "_gridArea": "__gridArea_1tx4g_gg_",
+    "__SGroupTitle": "___SGroupTitle_1tx4g_gg_",
+    "--gridArea": "--gridArea_1tx4g",
+    "_fixed": "__fixed_1tx4g_gg_",
+    "_sortable": "__sortable_1tx4g_gg_",
+    "__SSortWrapper": "___SSortWrapper_1tx4g_gg_",
+    "__SSortButton": "___SSortButton_1tx4g_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1tx4g_gg_",
+    "_use_primary": "_use_primary_1tx4g_gg_",
+    "_visibleSort": "__visibleSort_1tx4g_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1tx4g_gg_"
   })
 );
 var SORTING_ICON = {
@@ -62,22 +66,20 @@ var reversedSortDirection = {
   asc: "desc"
 };
 var Column = /* @__PURE__ */ function(_Component) {
-  _inherits(Column2, _Component);
-  var _super = _createSuper(Column2);
   function Column2() {
     var _this;
     _classCallCheck(this, Column2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "lockedCell", [null, false]);
-    _defineProperty(_assertThisInitialized(_this), "columnRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "sortWrapperRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, Column2, [].concat(args));
+    _defineProperty(_this, "lockedCell", [null, false]);
+    _defineProperty(_this, "columnRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "sortWrapperRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "state", {
       sortVisible: false
     });
-    _defineProperty(_assertThisInitialized(_this), "calculateActiveColumnMinWidth", function() {
+    _defineProperty(_this, "calculateActiveColumnMinWidth", function() {
       var node = _this.columnRef.current;
       if (node) {
         var _this$columnRef$curre, _this$columnRef$curre2;
@@ -109,17 +111,17 @@ var Column = /* @__PURE__ */ function(_Component) {
       }
       return null;
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseEnter", function() {
+    _defineProperty(_this, "handleMouseEnter", function() {
       _this.setState({
         sortVisible: true
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function() {
+    _defineProperty(_this, "handleMouseLeave", function() {
       _this.setState({
         sortVisible: false
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function(e) {
+    _defineProperty(_this, "handleBlur", function(e) {
       var relatedTarget = e.relatedTarget;
       if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {
         _this.setState({
@@ -127,7 +129,7 @@ var Column = /* @__PURE__ */ function(_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleSortClick", function(e) {
+    _defineProperty(_this, "handleSortClick", function(e) {
       var _this$asProps = _this.asProps, sort = _this$asProps.sort, onSortChange = _this$asProps.onSortChange, name = _this$asProps.name;
       if (lastInteraction.isMouse() || lastInteraction.isKeyboard() && e.target === e.currentTarget) {
         if (sort && onSortChange) {
@@ -136,7 +138,7 @@ var Column = /* @__PURE__ */ function(_Component) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(e) {
+    _defineProperty(_this, "handleKeyDown", function(e) {
       if (e.currentTarget === _this.lockedCell[0]) {
         var focusableChildren = Array.from(_this.lockedCell[0].children).flatMap(function(node) {
           return getFocusableIn(node);
@@ -144,7 +146,7 @@ var Column = /* @__PURE__ */ function(_Component) {
         if (_this.lockedCell[1]) {
           if (e.key === "Escape") {
             var _this$lockedCell$;
-            (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 ? void 0 : _this$lockedCell$.focus();
+            (_this$lockedCell$ = _this.lockedCell[0]) === null || _this$lockedCell$ === void 0 || _this$lockedCell$.focus();
             _this.lockedCell[1] = false;
           }
           if (e.key.startsWith("Arrow")) {
@@ -153,11 +155,11 @@ var Column = /* @__PURE__ */ function(_Component) {
           if (e.key === "Tab") {
             if (e.target === focusableChildren[0] && e.shiftKey) {
               var _focusableChildren;
-              (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 ? void 0 : _focusableChildren.focus();
+              (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 || _focusableChildren.focus();
               e.preventDefault();
             } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
               var _focusableChildren$;
-              (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 ? void 0 : _focusableChildren$.focus();
+              (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 || _focusableChildren$.focus();
               e.preventDefault();
             }
             e.stopPropagation();
@@ -165,14 +167,14 @@ var Column = /* @__PURE__ */ function(_Component) {
         } else if (e.key === "Enter") {
           var _focusableChildren$2;
           _this.lockedCell[1] = true;
-          (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 ? void 0 : _focusableChildren$2.focus();
+          (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus();
         } else if (e.key === "Tab") {
           var _this$lockedCell$2;
-          (_this$lockedCell$2 = _this.lockedCell[0]) === null || _this$lockedCell$2 === void 0 ? void 0 : _this$lockedCell$2.setAttribute("inert", "");
+          (_this$lockedCell$2 = _this.lockedCell[0]) === null || _this$lockedCell$2 === void 0 || _this$lockedCell$2.setAttribute("inert", "");
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleFocusCell", function(e) {
+    _defineProperty(_this, "handleFocusCell", function(e) {
       var cellElement = e.currentTarget;
       var target = e.target;
       _this.setState({
@@ -192,17 +194,18 @@ var Column = /* @__PURE__ */ function(_Component) {
     });
     return _this;
   }
-  _createClass(Column2, [{
+  _inherits(Column2, _Component);
+  return _createClass(Column2, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$asProps2 = this.asProps, parent = _this$asProps2.parent, sticky = _this$asProps2.sticky, changeSortSize = _this$asProps2.changeSortSize, name = _this$asProps2.name, sort = _this$asProps2.sort;
       if (parent && sticky) {
         var _columnElement$parent;
         var columnElement = this.columnRef.current;
-        var groupElement = columnElement === null || columnElement === void 0 ? void 0 : (_columnElement$parent = columnElement.parentElement) === null || _columnElement$parent === void 0 ? void 0 : _columnElement$parent.children.item(0);
+        var groupElement = columnElement === null || columnElement === void 0 || (_columnElement$parent = columnElement.parentElement) === null || _columnElement$parent === void 0 ? void 0 : _columnElement$parent.children.item(0);
         var groupHeight = groupElement === null || groupElement === void 0 ? void 0 : groupElement.getBoundingClientRect().height;
         if (groupHeight) {
-          columnElement === null || columnElement === void 0 ? void 0 : columnElement.style.setProperty("top", "".concat(groupHeight, "px"));
+          columnElement === null || columnElement === void 0 || columnElement.style.setProperty("top", "".concat(groupHeight, "px"));
         }
       }
       if (canUseDOM() && changeSortSize && (sort === null || sort === void 0 ? void 0 : sort[0]) === name) {
@@ -295,7 +298,6 @@ var Column = /* @__PURE__ */ function(_Component) {
       }))));
     }
   }]);
-  return Column2;
 }(Component);
 _defineProperty(Column, "displayName", "Column");
 _defineProperty(Column, "style", style);

package/lib/esm/components/Head/Group.mjs

@@ -2,56 +2,60 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
+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, assignProps, Component } from "@semcore/core";
-import * as React from "react";
 import { Box } from "@semcore/base-components";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
-import { DataTableInternal } from "../DataTable/DataTable.mjs";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import React__default from "react";
+import { DataTableInternal } from "../DataTable/DataTable.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__:"./style.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_8ae7k_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}',
+    '.___SGroupContainer_1tx4g_gg_,.___SHead_1tx4g_gg_{display:contents}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_{position:sticky;top:0;z-index:2}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{top:0}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroupContainer_1tx4g_gg_>.___SColumn_1tx4g_gg_{position:sticky;z-index:2}.___SHead_1tx4g_gg_.__compact_1tx4g_gg_ .___SColumn_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_,.___SGroup_1tx4g_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1tx4g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_:has(~.___SColumn_1tx4g_gg_.__visibleSort_1tx4g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1tx4g_gg_._use_secondary_1tx4g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_left_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_left_1tx4g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_right_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_right_1tx4g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_,.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before,.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{display:flex;opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_{display:flex;opacity:1}.___SColumn_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroupTitle_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroup_1tx4g_gg_.__gridArea_1tx4g_gg_{grid-area:var(--gridArea_1tx4g)}.___SHead_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_ .___SGroup_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1tx4g_gg_.__sortable_1tx4g_gg_:hover{cursor:pointer}}.___SSortWrapper_1tx4g_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1tx4g_gg_,.___SSortWrapper_1tx4g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1tx4g_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1tx4g_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1tx4g_gg_{cursor:pointer}',
     /*__inner_css_end__*/
-    "8ae7k_gg_"
+    "1tx4g_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_8ae7k_gg_",
-    "__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
-    "_sticky": "__sticky_8ae7k_gg_",
-    "__SColumn": "___SColumn_8ae7k_gg_",
-    "__SGroup": "___SGroup_8ae7k_gg_",
-    "_compact": "__compact_8ae7k_gg_",
-    "_use_secondary": "_use_secondary_8ae7k_gg_",
-    "_borders_both": "_borders_both_8ae7k_gg_",
-    "_borders_left": "_borders_left_8ae7k_gg_",
-    "_borders_right": "_borders_right_8ae7k_gg_",
-    "_gridArea": "__gridArea_8ae7k_gg_",
-    "__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
-    "--gridArea": "--gridArea_8ae7k",
-    "_fixed": "__fixed_8ae7k_gg_",
-    "_sortable": "__sortable_8ae7k_gg_",
-    "__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
-    "__SSortButton": "___SSortButton_8ae7k_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
-    "_use_primary": "_use_primary_8ae7k_gg_",
-    "_visibleSort": "__visibleSort_8ae7k_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
+    "__SHead": "___SHead_1tx4g_gg_",
+    "__SGroupContainer": "___SGroupContainer_1tx4g_gg_",
+    "_sticky": "__sticky_1tx4g_gg_",
+    "__SColumn": "___SColumn_1tx4g_gg_",
+    "__SGroup": "___SGroup_1tx4g_gg_",
+    "_compact": "__compact_1tx4g_gg_",
+    "_use_secondary": "_use_secondary_1tx4g_gg_",
+    "_borders_both": "_borders_both_1tx4g_gg_",
+    "_borders_left": "_borders_left_1tx4g_gg_",
+    "_borders_right": "_borders_right_1tx4g_gg_",
+    "_gridArea": "__gridArea_1tx4g_gg_",
+    "__SGroupTitle": "___SGroupTitle_1tx4g_gg_",
+    "--gridArea": "--gridArea_1tx4g",
+    "_fixed": "__fixed_1tx4g_gg_",
+    "_sortable": "__sortable_1tx4g_gg_",
+    "__SSortWrapper": "___SSortWrapper_1tx4g_gg_",
+    "__SSortButton": "___SSortButton_1tx4g_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1tx4g_gg_",
+    "_use_primary": "_use_primary_1tx4g_gg_",
+    "_visibleSort": "__visibleSort_1tx4g_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1tx4g_gg_"
   })
 );
 var Group = /* @__PURE__ */ function(_Component) {
-  _inherits(Group2, _Component);
-  var _super = _createSuper(Group2);
   function Group2() {
     _classCallCheck(this, Group2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Group2, arguments);
   }
-  _createClass(Group2, [{
+  _inherits(Group2, _Component);
+  return _createClass(Group2, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.forceUpdate();
@@ -80,20 +84,19 @@ var Group = /* @__PURE__ */ function(_Component) {
       if (fixed === "right") {
         style2.right = fixedColumnsMap.get(lastName);
       }
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SGroupContainer, _ref2.cn("SGroupContainer", {}), /* @__PURE__ */ React.createElement(SGroup, _ref2.cn("SGroup", _objectSpread({}, assignProps({
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React__default.createElement(SGroupContainer, _ref2.cn("SGroupContainer", {}), /* @__PURE__ */ React__default.createElement(SGroup, _ref2.cn("SGroup", _objectSpread({}, assignProps({
         "style": style2,
         "__excludeProps": ["title"],
         "id": this.groupId
-      }, _ref))), withConfig ? children : title), withConfig ? groupColumns.map(function(column, i) {
-        return /* @__PURE__ */ React.createElement(DataTableInternal.Head.Column, _extends({
+      }, _ref))), withConfig ? children : title), withConfig ? groupColumns.map(function(column, _i) {
+        return /* @__PURE__ */ React__default.createElement(DataTableInternal.Head.Column, _extends({
           key: column.name
         }, column, {
           "aria-describedby": _this.groupId
         }));
-      }) : /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})));
+      }) : /* @__PURE__ */ React__default.createElement(Children, _ref2.cn("Children", {})));
     }
   }]);
-  return Group2;
 }(Component);
 _defineProperty(Group, "displayName", "Group");
 _defineProperty(Group, "style", style);

package/lib/esm/components/Head/Head.mjs

@@ -3,76 +3,79 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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, assignProps, Component } from "@semcore/core";
-import * as React from "react";
-import { ScreenReaderOnly, Box } from "@semcore/base-components";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { Box, ScreenReaderOnly } from "@semcore/base-components";
+import Checkbox from "@semcore/checkbox";
+import React__default from "react";
 import { Column } from "./Column.mjs";
 import { Group } from "./Group.mjs";
 import { SELECT_ALL, DataTableInternal } from "../DataTable/DataTable.mjs";
-import Checkbox from "@semcore/checkbox";
+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__:"./style.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_8ae7k_gg_,.___SHead_8ae7k_gg_{display:contents}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_{position:sticky;top:0;z-index:2}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{top:0}.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroupContainer_8ae7k_gg_>.___SColumn_8ae7k_gg_{position:sticky;z-index:2}.___SHead_8ae7k_gg_.__compact_8ae7k_gg_ .___SColumn_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_,.___SGroup_8ae7k_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_8ae7k_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_8ae7k_gg_._use_primary_8ae7k_gg_:has(~.___SColumn_8ae7k_gg_.__visibleSort_8ae7k_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_left_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_left_8ae7k_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._borders_both_8ae7k_gg_,.___SColumn_8ae7k_gg_._borders_right_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_both_8ae7k_gg_,.___SGroup_8ae7k_gg_._borders_right_8ae7k_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_,.___SColumn_8ae7k_gg_._use_primary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before,.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{display:flex;opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortWrapper_8ae7k_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_8ae7k_gg_._use_secondary_8ae7k_gg_.__visibleSort_8ae7k_gg_ .___SSortButton_8ae7k_gg_{display:flex;opacity:1}.___SColumn_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroupTitle_8ae7k_gg_.__gridArea_8ae7k_gg_,.___SGroup_8ae7k_gg_.__gridArea_8ae7k_gg_{grid-area:var(--gridArea_8ae7k)}.___SHead_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_ .___SGroup_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SColumn_8ae7k_gg_.__fixed_8ae7k_gg_,.___SHead_8ae7k_gg_.__sticky_8ae7k_gg_ .___SGroup_8ae7k_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_8ae7k_gg_.__sortable_8ae7k_gg_:hover{cursor:pointer}}.___SSortWrapper_8ae7k_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_8ae7k_gg_,.___SSortWrapper_8ae7k_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_8ae7k_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_8ae7k_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_8ae7k_gg_._sideIndents_wide_8ae7k_gg_ .___SColumn_8ae7k_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_8ae7k_gg_{cursor:pointer}',
+    '.___SGroupContainer_1tx4g_gg_,.___SHead_1tx4g_gg_{display:contents}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_{position:sticky;top:0;z-index:2}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{top:0}.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroupContainer_1tx4g_gg_>.___SColumn_1tx4g_gg_{position:sticky;z-index:2}.___SHead_1tx4g_gg_.__compact_1tx4g_gg_ .___SColumn_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_,.___SGroup_1tx4g_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1tx4g_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1tx4g_gg_._use_primary_1tx4g_gg_:has(~.___SColumn_1tx4g_gg_.__visibleSort_1tx4g_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1tx4g_gg_._use_secondary_1tx4g_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_left_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_left_1tx4g_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._borders_both_1tx4g_gg_,.___SColumn_1tx4g_gg_._borders_right_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_both_1tx4g_gg_,.___SGroup_1tx4g_gg_._borders_right_1tx4g_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_,.___SColumn_1tx4g_gg_._use_primary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before,.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{display:flex;opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortWrapper_1tx4g_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1tx4g_gg_._use_secondary_1tx4g_gg_.__visibleSort_1tx4g_gg_ .___SSortButton_1tx4g_gg_{display:flex;opacity:1}.___SColumn_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroupTitle_1tx4g_gg_.__gridArea_1tx4g_gg_,.___SGroup_1tx4g_gg_.__gridArea_1tx4g_gg_{grid-area:var(--gridArea_1tx4g)}.___SHead_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_ .___SGroup_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SColumn_1tx4g_gg_.__fixed_1tx4g_gg_,.___SHead_1tx4g_gg_.__sticky_1tx4g_gg_ .___SGroup_1tx4g_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1tx4g_gg_.__sortable_1tx4g_gg_:hover{cursor:pointer}}.___SSortWrapper_1tx4g_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_1tx4g_gg_,.___SSortWrapper_1tx4g_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1tx4g_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1tx4g_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1tx4g_gg_._sideIndents_wide_1tx4g_gg_ .___SColumn_1tx4g_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1tx4g_gg_{cursor:pointer}',
     /*__inner_css_end__*/
-    "8ae7k_gg_"
+    "1tx4g_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_8ae7k_gg_",
-    "__SGroupContainer": "___SGroupContainer_8ae7k_gg_",
-    "_sticky": "__sticky_8ae7k_gg_",
-    "__SColumn": "___SColumn_8ae7k_gg_",
-    "__SGroup": "___SGroup_8ae7k_gg_",
-    "_compact": "__compact_8ae7k_gg_",
-    "_use_secondary": "_use_secondary_8ae7k_gg_",
-    "_borders_both": "_borders_both_8ae7k_gg_",
-    "_borders_left": "_borders_left_8ae7k_gg_",
-    "_borders_right": "_borders_right_8ae7k_gg_",
-    "_gridArea": "__gridArea_8ae7k_gg_",
-    "__SGroupTitle": "___SGroupTitle_8ae7k_gg_",
-    "--gridArea": "--gridArea_8ae7k",
-    "_fixed": "__fixed_8ae7k_gg_",
-    "_sortable": "__sortable_8ae7k_gg_",
-    "__SSortWrapper": "___SSortWrapper_8ae7k_gg_",
-    "__SSortButton": "___SSortButton_8ae7k_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_8ae7k_gg_",
-    "_use_primary": "_use_primary_8ae7k_gg_",
-    "_visibleSort": "__visibleSort_8ae7k_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_8ae7k_gg_"
+    "__SHead": "___SHead_1tx4g_gg_",
+    "__SGroupContainer": "___SGroupContainer_1tx4g_gg_",
+    "_sticky": "__sticky_1tx4g_gg_",
+    "__SColumn": "___SColumn_1tx4g_gg_",
+    "__SGroup": "___SGroup_1tx4g_gg_",
+    "_compact": "__compact_1tx4g_gg_",
+    "_use_secondary": "_use_secondary_1tx4g_gg_",
+    "_borders_both": "_borders_both_1tx4g_gg_",
+    "_borders_left": "_borders_left_1tx4g_gg_",
+    "_borders_right": "_borders_right_1tx4g_gg_",
+    "_gridArea": "__gridArea_1tx4g_gg_",
+    "__SGroupTitle": "___SGroupTitle_1tx4g_gg_",
+    "--gridArea": "--gridArea_1tx4g",
+    "_fixed": "__fixed_1tx4g_gg_",
+    "_sortable": "__sortable_1tx4g_gg_",
+    "__SSortWrapper": "___SSortWrapper_1tx4g_gg_",
+    "__SSortButton": "___SSortButton_1tx4g_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1tx4g_gg_",
+    "_use_primary": "_use_primary_1tx4g_gg_",
+    "_visibleSort": "__visibleSort_1tx4g_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1tx4g_gg_"
   })
 );
 var HeadRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(HeadRoot2, _Component);
-  var _super = _createSuper(HeadRoot2);
   function HeadRoot2() {
     var _this;
     _classCallCheck(this, HeadRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "fixedColumnsMap", /* @__PURE__ */ new Map());
-    _defineProperty(_assertThisInitialized(_this), "handleSelectAll", function(value, event) {
+    _this = _callSuper(this, HeadRoot2, [].concat(args));
+    _defineProperty(_this, "fixedColumnsMap", /* @__PURE__ */ new Map());
+    _defineProperty(_this, "handleSelectAll", function(value, event) {
       var _this$asProps$onChang, _this$asProps;
-      (_this$asProps$onChang = (_this$asProps = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang === void 0 ? void 0 : _this$asProps$onChang.call(_this$asProps, value, event);
+      (_this$asProps$onChang = (_this$asProps = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang === void 0 || _this$asProps$onChang.call(_this$asProps, value, event);
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClickSelectAll", function(value) {
+    _defineProperty(_this, "handleClickSelectAll", function(value) {
       return function(event) {
         var _this$asProps$onChang2, _this$asProps2;
-        event === null || event === void 0 ? void 0 : event.preventDefault();
-        event === null || event === void 0 ? void 0 : event.stopPropagation();
-        (_this$asProps$onChang2 = (_this$asProps2 = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang2 === void 0 ? void 0 : _this$asProps$onChang2.call(_this$asProps2, value, event);
+        event === null || event === void 0 || event.preventDefault();
+        event === null || event === void 0 || event.stopPropagation();
+        (_this$asProps$onChang2 = (_this$asProps2 = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang2 === void 0 || _this$asProps$onChang2.call(_this$asProps2, value, event);
       };
     });
     return _this;
   }
-  _createClass(HeadRoot2, [{
+  _inherits(HeadRoot2, _Component);
+  return _createClass(HeadRoot2, [{
     key: "sortableColumnDescribeId",
     value: function sortableColumnDescribeId() {
       var uid = this.asProps.uid;
@@ -110,15 +113,15 @@ var HeadRoot = /* @__PURE__ */ function(_Component) {
         use,
         "aria-colindex": index + 1,
         style: style2,
-        gridArea: column.gridArea,
-        fixed: column.fixed,
+        "gridArea": column.gridArea,
+        "fixed": column.fixed,
         sticky,
-        borders: column.borders,
+        "borders": column.borders,
         sort,
         onSortChange,
-        parent: column.parent,
-        sortableColumnDescribeId: this.sortableColumnDescribeId(),
-        columnIndex: index,
+        "parent": column.parent,
+        "sortableColumnDescribeId": this.sortableColumnDescribeId(),
+        "columnIndex": index,
         tableRef,
         gridTemplateColumns,
         gridTemplateAreas,
@@ -134,23 +137,23 @@ var HeadRoot = /* @__PURE__ */ function(_Component) {
       var _this$asProps5 = this.asProps, Children = _this$asProps5.Children, styles = _this$asProps5.styles, getI18nText = _this$asProps5.getI18nText, children = _this$asProps5.children, treeColumns = _this$asProps5.treeColumns, selectedRows = _this$asProps5.selectedRows, totalRows = _this$asProps5.totalRows;
       var checked = selectedRows && selectedRows.length === totalRows && totalRows > 0;
       var indeterminate = selectedRows && selectedRows.length > 0 && !checked;
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, assignProps({
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, assignProps({
         "role": "row",
         "aria-rowindex": 1
-      }, _ref))), selectedRows && /* @__PURE__ */ React.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
+      }, _ref))), selectedRows && /* @__PURE__ */ React__default.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
         "name": SELECT_ALL.toString(),
         "onClick": this.handleClickSelectAll(!checked)
-      }), /* @__PURE__ */ React.createElement(Checkbox, _ref2.cn("Checkbox", {
+      }), /* @__PURE__ */ React__default.createElement(Checkbox, _ref2.cn("Checkbox", {
         "checked": checked,
         "indeterminate": indeterminate,
         "aria-label": getI18nText("DataTable.Header.selectAllCheckbox:aria-label"),
         "onChange": this.handleSelectAll
-      }), /* @__PURE__ */ React.createElement(Checkbox.Value, null, /* @__PURE__ */ React.createElement(Checkbox.Value.Control, null), /* @__PURE__ */ React.createElement(Checkbox.Value.CheckMark, {
+      }), /* @__PURE__ */ React__default.createElement(Checkbox.Value, null, /* @__PURE__ */ React__default.createElement(Checkbox.Value.Control, null), /* @__PURE__ */ React__default.createElement(Checkbox.Value.CheckMark, {
         mt: 0
-      })))), children ? /* @__PURE__ */ React.createElement(Children, _ref2.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, treeColumns.map(function(column, i) {
+      })))), children ? /* @__PURE__ */ React__default.createElement(Children, _ref2.cn("Children", {})) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, treeColumns.map(function(column, _i) {
         if ("columns" in column) {
           var _column$columns;
-          return /* @__PURE__ */ React.createElement(DataTableInternal.Head.Group, _extends({
+          return /* @__PURE__ */ React__default.createElement(DataTableInternal.Head.Group, _extends({
             key: column.name
           }, column, {
             name: (_column$columns = column.columns) === null || _column$columns === void 0 ? void 0 : _column$columns.map(function(c) {
@@ -159,16 +162,15 @@ var HeadRoot = /* @__PURE__ */ function(_Component) {
             title: ""
           }));
         }
-        return /* @__PURE__ */ React.createElement(DataTableInternal.Head.Column, _extends({
+        return /* @__PURE__ */ React__default.createElement(DataTableInternal.Head.Column, _extends({
           key: column.name
         }, column));
-      }))), /* @__PURE__ */ React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+      }))), /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
         "aria-hidden": true,
         "id": this.sortableColumnDescribeId()
       }), getI18nText("sortableColumn")));
     }
   }]);
-  return HeadRoot2;
 }(Component);
 _defineProperty(HeadRoot, "displayName", "Head");
 _defineProperty(HeadRoot, "style", style);