@semcore/data-table 16.5.3 → 17.0.0-prerelease.17

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

@@ -1,12 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
 import { Box, ScreenReaderOnly } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
 import React__default from "react";
@@ -14,249 +8,270 @@ import { Column } from "./Column.mjs";
 import { Group } from "./Group.mjs";
 import { UNIQ_ROW_KEY, SELECT_ALL, DataTable } from "../DataTable/DataTable.mjs";
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SGroupContainer_1141v_gg_,.___SHead_1141v_gg_{display:contents}.___SHead_1141v_gg_.__isDataEmpty_1141v_gg_.__gridTemplateColumns_1141v_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1141v);overflow:auto;scrollbar-width:thin}.___SHead_1141v_gg_.__animationDuration_1141v_gg_>.___SColumn_1141v_gg_{transition:top var(--animationDuration_1141v) ease-out}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroup_1141v_gg_{position:sticky;top:0;z-index:18}.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SGroupContainer_1141v_gg_>.___SColumn_1141v_gg_{position:sticky;z-index:18}.___SHead_1141v_gg_.__compact_1141v_gg_ .___SColumn_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_,.___SGroup_1141v_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;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1141v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1141v_gg_._use_primary_1141v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1141v_gg_._use_primary_1141v_gg_:has(~.___SColumn_1141v_gg_.__visibleSort_1141v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1141v_gg_._use_secondary_1141v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_left_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_left_1141v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._borders_both_1141v_gg_,.___SColumn_1141v_gg_._borders_right_1141v_gg_,.___SGroup_1141v_gg_._borders_both_1141v_gg_,.___SGroup_1141v_gg_._borders_right_1141v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_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_1141v_gg_._use_primary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_,.___SColumn_1141v_gg_._use_primary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before,.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_::before{display:flex;opacity:1}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_._use_primary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_,.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_.__changeSortSize_1141v_gg_.__isSorted_1141v_gg_ .___SSortWrapper_1141v_gg_{position:relative}.___SColumn_1141v_gg_._use_secondary_1141v_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_1141v_gg_._use_secondary_1141v_gg_ .___SSortWrapper_1141v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortWrapper_1141v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_.__visibleSort_1141v_gg_ .___SSortButton_1141v_gg_{display:flex;opacity:1}.___SColumn_1141v_gg_._use_secondary_1141v_gg_._justifyContent_right_1141v_gg_ .___SSortWrapper_1141v_gg_{position:absolute}.___SColumn_1141v_gg_.__gridArea_1141v_gg_,.___SGroupTitle_1141v_gg_.__gridArea_1141v_gg_,.___SGroup_1141v_gg_.__gridArea_1141v_gg_{grid-area:var(--gridArea_1141v)}.___SHead_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_ .___SGroup_1141v_gg_.__fixed_1141v_gg_,.___SHead_1141v_gg_.__sticky_1141v_gg_ .___SColumn_1141v_gg_.__fixed_1141v_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1141v_gg_.__sortable_1141v_gg_:hover{cursor:pointer}}.___SSortWrapper_1141v_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_1141v_gg_,.___SSortWrapper_1141v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1141v_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_1141v_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_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1141v_gg_._sideIndents_wide_1141v_gg_ .___SColumn_1141v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1141v_gg_{cursor:pointer}.___SColumn_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after,.___SGroup_1141v_gg_.__fixed_1141v_gg_.__shadowVertical_1141v_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_primary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_._use_secondary_1141v_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_left_1141v_gg_._shadowVertical_start_1141v_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_primary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_primary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_._use_secondary_1141v_gg_,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_._use_secondary_1141v_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SColumn_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_end_1141v_gg_:after,.___SGroup_1141v_gg_._fixed_right_1141v_gg_._shadowVertical_median_1141v_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
+    '.___SGroupContainer_16i6f_gg_,.___SHead_16i6f_gg_{display:contents}.___SHead_16i6f_gg_.__isDataEmpty_16i6f_gg_.__gridTemplateColumns_16i6f_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_16i6f);overflow:auto;scrollbar-width:thin}.___SHead_16i6f_gg_.__animationDuration_16i6f_gg_>.___SColumn_16i6f_gg_{transition:top var(--animationDuration_16i6f) ease-out}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroup_16i6f_gg_{position:sticky;top:0;z-index:18}.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SGroupContainer_16i6f_gg_>.___SColumn_16i6f_gg_{position:sticky;z-index:18}.___SHead_16i6f_gg_.__compact_16i6f_gg_ .___SColumn_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_,.___SGroup_16i6f_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;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_16i6f_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_16i6f_gg_._use_primary_16i6f_gg_:has(~.___SColumn_16i6f_gg_.__visibleSort_16i6f_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_16i6f_gg_._use_secondary_16i6f_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_left_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_left_16i6f_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._borders_both_16i6f_gg_,.___SColumn_16i6f_gg_._borders_right_16i6f_gg_,.___SGroup_16i6f_gg_._borders_both_16i6f_gg_,.___SGroup_16i6f_gg_._borders_right_16i6f_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_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_16i6f_gg_._use_primary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_,.___SColumn_16i6f_gg_._use_primary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_._use_primary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_,.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_.__changeSortSize_16i6f_gg_.__isSorted_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:relative}.___SColumn_16i6f_gg_._use_secondary_16i6f_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_16i6f_gg_._use_secondary_16i6f_gg_ .___SSortWrapper_16i6f_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortWrapper_16i6f_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_.__visibleSort_16i6f_gg_ .___SSortButton_16i6f_gg_{display:flex;opacity:1}.___SColumn_16i6f_gg_._use_secondary_16i6f_gg_._justifyContent_right_16i6f_gg_ .___SSortWrapper_16i6f_gg_{position:absolute}.___SColumn_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroupTitle_16i6f_gg_.__gridArea_16i6f_gg_,.___SGroup_16i6f_gg_.__gridArea_16i6f_gg_{grid-area:var(--gridArea_16i6f)}.___SHead_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_ .___SGroup_16i6f_gg_.__fixed_16i6f_gg_,.___SHead_16i6f_gg_.__sticky_16i6f_gg_ .___SColumn_16i6f_gg_.__fixed_16i6f_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_16i6f_gg_.__sortable_16i6f_gg_:hover{cursor:pointer}}.___SSortWrapper_16i6f_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_16i6f_gg_,.___SSortWrapper_16i6f_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_16i6f_gg_:before{content:"";top:0;width:20px;height:100%}.___SSortButton_16i6f_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_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_16i6f_gg_._sideIndents_wide_16i6f_gg_ .___SColumn_16i6f_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_16i6f_gg_{cursor:pointer}.___SColumn_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after,.___SGroup_16i6f_gg_.__fixed_16i6f_gg_.__shadowVertical_16i6f_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_primary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_._use_secondary_16i6f_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_left_16i6f_gg_._shadowVertical_start_16i6f_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_primary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_primary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_._use_secondary_16i6f_gg_,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_._use_secondary_16i6f_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SColumn_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_end_16i6f_gg_:after,.___SGroup_16i6f_gg_._fixed_right_16i6f_gg_._shadowVertical_median_16i6f_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}',
     /*__inner_css_end__*/
-    "1141v_gg_"
+    "16i6f_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHead": "___SHead_1141v_gg_",
-    "__SGroupContainer": "___SGroupContainer_1141v_gg_",
-    "_isDataEmpty": "__isDataEmpty_1141v_gg_",
-    "_gridTemplateColumns": "__gridTemplateColumns_1141v_gg_",
-    "--gridTemplateColumns": "--gridTemplateColumns_1141v",
-    "_animationDuration": "__animationDuration_1141v_gg_",
-    "__SColumn": "___SColumn_1141v_gg_",
-    "--animationDuration": "--animationDuration_1141v",
-    "_sticky": "__sticky_1141v_gg_",
-    "__SGroup": "___SGroup_1141v_gg_",
-    "_compact": "__compact_1141v_gg_",
-    "_use_secondary": "_use_secondary_1141v_gg_",
-    "_borders_both": "_borders_both_1141v_gg_",
-    "_borders_left": "_borders_left_1141v_gg_",
-    "_borders_right": "_borders_right_1141v_gg_",
-    "_gridArea": "__gridArea_1141v_gg_",
-    "__SGroupTitle": "___SGroupTitle_1141v_gg_",
-    "--gridArea": "--gridArea_1141v",
-    "_fixed": "__fixed_1141v_gg_",
-    "_sortable": "__sortable_1141v_gg_",
-    "__SSortWrapper": "___SSortWrapper_1141v_gg_",
-    "__SSortButton": "___SSortButton_1141v_gg_",
-    "__SHeadCheckboxCol": "___SHeadCheckboxCol_1141v_gg_",
-    "_use_primary": "_use_primary_1141v_gg_",
-    "_visibleSort": "__visibleSort_1141v_gg_",
-    "_justifyContent_right": "_justifyContent_right_1141v_gg_",
-    "_changeSortSize": "__changeSortSize_1141v_gg_",
-    "_isSorted": "__isSorted_1141v_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_1141v_gg_",
-    "_shadowVertical": "__shadowVertical_1141v_gg_",
-    "_fixed_left": "_fixed_left_1141v_gg_",
-    "_shadowVertical_median": "_shadowVertical_median_1141v_gg_",
-    "_shadowVertical_start": "_shadowVertical_start_1141v_gg_",
-    "_fixed_right": "_fixed_right_1141v_gg_",
-    "_shadowVertical_end": "_shadowVertical_end_1141v_gg_"
+    "__SHead": "___SHead_16i6f_gg_",
+    "__SGroupContainer": "___SGroupContainer_16i6f_gg_",
+    "_isDataEmpty": "__isDataEmpty_16i6f_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_16i6f_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_16i6f",
+    "_animationDuration": "__animationDuration_16i6f_gg_",
+    "__SColumn": "___SColumn_16i6f_gg_",
+    "--animationDuration": "--animationDuration_16i6f",
+    "_sticky": "__sticky_16i6f_gg_",
+    "__SGroup": "___SGroup_16i6f_gg_",
+    "_compact": "__compact_16i6f_gg_",
+    "_use_secondary": "_use_secondary_16i6f_gg_",
+    "_borders_both": "_borders_both_16i6f_gg_",
+    "_borders_left": "_borders_left_16i6f_gg_",
+    "_borders_right": "_borders_right_16i6f_gg_",
+    "_gridArea": "__gridArea_16i6f_gg_",
+    "__SGroupTitle": "___SGroupTitle_16i6f_gg_",
+    "--gridArea": "--gridArea_16i6f",
+    "_fixed": "__fixed_16i6f_gg_",
+    "_sortable": "__sortable_16i6f_gg_",
+    "__SSortWrapper": "___SSortWrapper_16i6f_gg_",
+    "__SSortButton": "___SSortButton_16i6f_gg_",
+    "__SHeadCheckboxCol": "___SHeadCheckboxCol_16i6f_gg_",
+    "_use_primary": "_use_primary_16i6f_gg_",
+    "_visibleSort": "__visibleSort_16i6f_gg_",
+    "_justifyContent_right": "_justifyContent_right_16i6f_gg_",
+    "_changeSortSize": "__changeSortSize_16i6f_gg_",
+    "_isSorted": "__isSorted_16i6f_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_16i6f_gg_",
+    "_shadowVertical": "__shadowVertical_16i6f_gg_",
+    "_fixed_left": "_fixed_left_16i6f_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_16i6f_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_16i6f_gg_",
+    "_fixed_right": "_fixed_right_16i6f_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_16i6f_gg_"
   })
 );
-var HeadRoot = /* @__PURE__ */ (function(_Component) {
-  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 = _callSuper(this, HeadRoot2, [].concat(args));
-    _defineProperty(_this, "handleSelectAll", function(value, event) {
-      var _this$asProps$onChang, _this$asProps;
-      var _this$asProps$selecte = _this.asProps.selectedRows, selectedRows = _this$asProps$selecte === void 0 ? [] : _this$asProps$selecte;
-      var idsSet = new Set(selectedRows);
+class HeadRoot extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "handleSelectAll", (value, event) => {
+      var _a, _b;
+      const {
+        selectedRows = []
+      } = this.asProps;
+      const idsSet = new Set(selectedRows);
       if (value) {
-        _this.selectableRows.forEach(function(row) {
+        this.selectableRows.forEach((row) => {
           idsSet.add(row[UNIQ_ROW_KEY]);
         });
       } else {
-        _this.selectableRows.forEach(function(row) {
-          idsSet["delete"](row[UNIQ_ROW_KEY]);
+        this.selectableRows.forEach((row) => {
+          idsSet.delete(row[UNIQ_ROW_KEY]);
         });
       }
-      (_this$asProps$onChang = (_this$asProps = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang === void 0 || _this$asProps$onChang.call(_this$asProps, Array.from(idsSet), event);
+      (_b = (_a = this.asProps).onChangeSelectAll) == null ? void 0 : _b.call(_a, Array.from(idsSet), event);
     });
-    _defineProperty(_this, "handleClickSelectAll", function(value) {
-      return function(event) {
-        event === null || event === void 0 || event.preventDefault();
-        event === null || event === void 0 || event.stopPropagation();
-        _this.handleSelectAll(value, event);
-      };
+    _defineProperty(this, "handleClickSelectAll", (value) => (event) => {
+      event == null ? void 0 : event.preventDefault();
+      event == null ? void 0 : event.stopPropagation();
+      this.handleSelectAll(value, event);
     });
-    return _this;
   }
-  _inherits(HeadRoot2, _Component);
-  return _createClass(HeadRoot2, [{
-    key: "sortableColumnDescribeId",
-    value: function sortableColumnDescribeId() {
-      var uid = this.asProps.uid;
-      return "".concat(uid, "-column-sortable-describer");
-    }
-  }, {
-    key: "getGroupProps",
-    value: function getGroupProps(props, index) {
-      var fixed = props.fixed, columns = props.columns;
-      var _this$asProps2 = this.asProps, use = _this$asProps2.use, gridAreaGroupMap = _this$asProps2.gridAreaGroupMap, children = _this$asProps2.children, getFixedStyle = _this$asProps2.getFixedStyle, shadowVertical = _this$asProps2.shadowVertical, top = _this$asProps2.top, scrollDirection = _this$asProps2.scrollDirection;
-      var groupColumns = columns !== null && columns !== void 0 ? columns : [];
-      var firstColumn = groupColumns[0];
-      var lastColumn = groupColumns[groupColumns.length - 1];
-      var style2 = {};
-      if (fixed === "left" && firstColumn) {
-        var _getFixedStyle = getFixedStyle({
-          name: firstColumn.name,
-          fixed: "left"
-        }), _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2), name = _getFixedStyle2[0], value = _getFixedStyle2[1];
-        if (name !== void 0 && value !== void 0) {
-          style2[name] = value;
-        }
-      }
-      if (fixed === "right" && lastColumn) {
-        var _getFixedStyle3 = getFixedStyle({
-          name: lastColumn.name,
-          fixed: "right"
-        }), _getFixedStyle4 = _slicedToArray(_getFixedStyle3, 2), _name = _getFixedStyle4[0], _value = _getFixedStyle4[1];
-        if (_name !== void 0 && _value !== void 0) {
-          style2[_name] = _value;
-        }
-      }
-      if (top && scrollDirection !== "horizontal") {
-        style2.top = "".concat(top, "px");
+  sortableColumnDescribeId() {
+    const {
+      uid
+    } = this.asProps;
+    return `${uid}-column-sortable-describer`;
+  }
+  getGroupProps(props, index) {
+    const {
+      fixed,
+      columns
+    } = props;
+    const {
+      use,
+      gridAreaGroupMap,
+      children,
+      getFixedStyle,
+      shadowVertical,
+      top,
+      scrollDirection
+    } = this.asProps;
+    const groupColumns = columns ?? [];
+    const firstColumn = groupColumns[0];
+    const lastColumn = groupColumns[groupColumns.length - 1];
+    const style2 = {};
+    if (fixed === "left" && firstColumn) {
+      const [name, value] = getFixedStyle({
+        name: firstColumn.name,
+        fixed: "left"
+      });
+      if (name !== void 0 && value !== void 0) {
+        style2[name] = value;
       }
-      return {
-        use,
-        gridArea: gridAreaGroupMap.get(index),
-        withConfig: children === void 0,
-        getFixedStyle,
-        shadowVertical: firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : void 0,
-        style: style2,
-        scrollDirection
-      };
     }
-  }, {
-    key: "getColumnProps",
-    value: function getColumnProps(_, index) {
-      var _this$asProps3 = this.asProps, use = _this$asProps3.use, columns = _this$asProps3.columns, sort = _this$asProps3.sort, onSortChange = _this$asProps3.onSortChange, tableRef = _this$asProps3.tableRef, gridTemplateColumns = _this$asProps3.gridTemplateColumns, gridTemplateAreas = _this$asProps3.gridTemplateAreas, sticky = _this$asProps3.sticky, top = _this$asProps3.top, selectedRows = _this$asProps3.selectedRows, h = _this$asProps3.h, getFixedStyle = _this$asProps3.getFixedStyle, onCellClick = _this$asProps3.onCellClick, shadowVertical = _this$asProps3.shadowVertical, scrollDirection = _this$asProps3.scrollDirection;
-      var column = columns[index];
-      if (index === 0 && selectedRows && columns[index + 1].fixed) {
-        column.fixed = "left";
-      }
-      var _getFixedStyle5 = getFixedStyle(column), _getFixedStyle6 = _slicedToArray(_getFixedStyle5, 2), name = _getFixedStyle6[0], value = _getFixedStyle6[1];
-      var style2 = {};
-      if (top && scrollDirection !== "horizontal") {
-        style2.top = "".concat(top, "px");
-      }
+    if (fixed === "right" && lastColumn) {
+      const [name, value] = getFixedStyle({
+        name: lastColumn.name,
+        fixed: "right"
+      });
       if (name !== void 0 && value !== void 0) {
         style2[name] = value;
       }
-      return {
-        use,
-        "aria-colindex": index + 1,
-        style: style2,
-        "gridArea": column.gridArea,
-        "fixed": column.fixed,
-        sticky,
-        "borders": column.borders,
-        sort,
-        onSortChange,
-        "parent": column.parent,
-        "sortableColumnDescribeId": this.sortableColumnDescribeId(),
-        "columnIndex": index,
-        tableRef,
-        gridTemplateColumns,
-        gridTemplateAreas,
-        h,
-        "onClick": onCellClick,
-        "shadowVertical": column.showShadowVertical ? shadowVertical : void 0,
-        scrollDirection
-      };
     }
-  }, {
-    key: "areAllRowsSelected",
-    get: function get() {
-      var _this$asProps$selecte2 = this.asProps.selectedRows, selectedRows = _this$asProps$selecte2 === void 0 ? [] : _this$asProps$selecte2;
-      return selectedRows.length > 0 && this.selectableRows.every(function(row) {
-        return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
-      });
+    if (top && scrollDirection !== "horizontal") {
+      style2.top = `${top}px`;
     }
-  }, {
-    key: "isIndeterminate",
-    get: function get() {
-      var selectedRows = this.asProps.selectedRows;
-      return this.selectableRows.some(function(row) {
-        return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
-      });
+    return {
+      use,
+      gridArea: gridAreaGroupMap.get(index),
+      withConfig: children === void 0,
+      getFixedStyle,
+      shadowVertical: firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : void 0,
+      style: style2,
+      scrollDirection
+    };
+  }
+  getColumnProps(_, index) {
+    const {
+      use,
+      columns,
+      sort,
+      onSortChange,
+      tableRef,
+      gridTemplateColumns,
+      gridTemplateAreas,
+      sticky,
+      top,
+      selectedRows,
+      h,
+      getFixedStyle,
+      onCellClick,
+      shadowVertical,
+      scrollDirection
+    } = this.asProps;
+    const column = columns[index];
+    if (index === 0 && selectedRows && columns[index + 1].fixed) {
+      column.fixed = "left";
     }
-  }, {
-    key: "selectableRows",
-    get: function get() {
-      var _this$asProps4 = this.asProps, columns = _this$asProps4.columns, flatRows = _this$asProps4.flatRows;
-      var mappedFlatRows = flatRows.filter(function(r) {
-        var _columns$;
-        var nextColumnName = (_columns$ = columns[1]) === null || _columns$ === void 0 ? void 0 : _columns$.name;
-        return r[nextColumnName] !== void 0;
-      });
-      return mappedFlatRows;
+    const [name, value] = getFixedStyle(column);
+    const style2 = {};
+    if (top && scrollDirection !== "horizontal") {
+      style2.top = `${top}px`;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref2;
-      var SHead = Box;
-      var SHeadCheckboxCol = Head.Column;
-      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, sticky = _this$asProps5.sticky, animationDuration = _this$asProps5.animationDuration, isDataEmpty = _this$asProps5.isDataEmpty, gridTemplateColumns = _this$asProps5.gridTemplateColumns;
-      var areAllRowsSelected = this.areAllRowsSelected;
-      var indeterminate = this.isIndeterminate && !areAllRowsSelected;
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, assignProps({
+    if (name !== void 0 && value !== void 0) {
+      style2[name] = value;
+    }
+    return {
+      use,
+      "aria-colindex": index + 1,
+      style: style2,
+      "gridArea": column.gridArea,
+      "fixed": column.fixed,
+      sticky,
+      "borders": column.borders,
+      sort,
+      onSortChange,
+      "parent": column.parent,
+      "sortableColumnDescribeId": this.sortableColumnDescribeId(),
+      "columnIndex": index,
+      tableRef,
+      gridTemplateColumns,
+      gridTemplateAreas,
+      h,
+      "onClick": onCellClick,
+      "shadowVertical": column.showShadowVertical ? shadowVertical : void 0,
+      scrollDirection
+    };
+  }
+  get areAllRowsSelected() {
+    const {
+      selectedRows = []
+    } = this.asProps;
+    return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows == null ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]));
+  }
+  get isIndeterminate() {
+    const {
+      selectedRows
+    } = this.asProps;
+    return this.selectableRows.some((row) => selectedRows == null ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]));
+  }
+  get selectableRows() {
+    const {
+      columns,
+      flatRows
+    } = this.asProps;
+    const mappedFlatRows = flatRows.filter((r) => {
+      var _a;
+      const nextColumnName = (_a = columns[1]) == null ? void 0 : _a.name;
+      return r[nextColumnName] !== void 0;
+    });
+    return mappedFlatRows;
+  }
+  render() {
+    var _ref = this.asProps, _ref2;
+    const SHead = Box;
+    const SHeadCheckboxCol = Head.Column;
+    const {
+      Children,
+      styles,
+      getI18nText,
+      children,
+      treeColumns,
+      selectedRows,
+      sticky,
+      animationDuration,
+      isDataEmpty,
+      gridTemplateColumns
+    } = this.asProps;
+    const areAllRowsSelected = this.areAllRowsSelected;
+    const indeterminate = this.isIndeterminate && !areAllRowsSelected;
+    return _ref2 = sstyled(styles), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(SHead, _ref2.cn("SHead", {
+      ...assignProps({
         "role": "row",
         "aria-rowindex": 1,
         "sticky": sticky,
-        "use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : void 0,
+        "use:animationDuration": animationDuration ? `${animationDuration}ms` : void 0,
         "isDataEmpty": isDataEmpty,
         "use:gridTemplateColumns": gridTemplateColumns.join(" "),
         "tabIndex": isDataEmpty ? 0 : void 0
-      }, _ref))), selectedRows && /* @__PURE__ */ React__default.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
-        "name": SELECT_ALL.toString(),
-        "onClick": this.handleClickSelectAll(!areAllRowsSelected)
-      }), /* @__PURE__ */ React__default.createElement(Checkbox, _ref2.cn("Checkbox", {
-        "checked": areAllRowsSelected,
-        "indeterminate": indeterminate,
-        "aria-label": getI18nText("DataTable.Header.selectAllCheckbox:aria-label"),
-        "onChange": this.handleSelectAll
-      }), /* @__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__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;
-          var columnsName = (_column$columns = column.columns) === null || _column$columns === void 0 ? void 0 : _column$columns.map(function(c) {
-            return c.name;
-          }).join("/");
-          return /* @__PURE__ */ React__default.createElement(DataTable.Head.Group, _extends({
-            key: columnsName
-          }, column, {
-            name: columnsName,
-            title: ""
-          }));
-        }
-        return /* @__PURE__ */ React__default.createElement(DataTable.Head.Column, _extends({
-          key: column.name
-        }, column));
-      }))), /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
-        "aria-hidden": true,
-        "id": this.sortableColumnDescribeId()
-      }), getI18nText("sortableColumn")));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), selectedRows && /* @__PURE__ */ React__default.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
+      "name": SELECT_ALL.toString(),
+      "onClick": this.handleClickSelectAll(!areAllRowsSelected)
+    }), /* @__PURE__ */ React__default.createElement(Checkbox, _ref2.cn("Checkbox", {
+      "checked": areAllRowsSelected,
+      "indeterminate": indeterminate,
+      "aria-label": getI18nText("DataTable.Header.selectAllCheckbox:aria-label"),
+      "onChange": this.handleSelectAll
+    }), /* @__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__default.createElement(Children, _ref2.cn("Children", {})) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, treeColumns.map((column, _i) => {
+      var _a;
+      if ("columns" in column) {
+        const columnsName = (_a = column.columns) == null ? void 0 : _a.map((c) => c.name).join("/");
+        return /* @__PURE__ */ React__default.createElement(DataTable.Head.Group, _extends({
+          key: columnsName
+        }, column, {
+          name: columnsName,
+          title: ""
+        }));
+      }
+      return /* @__PURE__ */ React__default.createElement(DataTable.Head.Column, _extends({
+        key: column.name
+      }, column));
+    }))), /* @__PURE__ */ React__default.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+      "aria-hidden": true,
+      "id": this.sortableColumnDescribeId()
+    }), getI18nText("sortableColumn")));
+  }
+}
 _defineProperty(HeadRoot, "displayName", "Head");
 _defineProperty(HeadRoot, "style", style);
-var Head = createComponent(HeadRoot, {
+const Head = createComponent(HeadRoot, {
   Column,
   Group
 });

package/lib/esm/enhancers/focusableCell.mjs

@@ -6,9 +6,7 @@ function handleFocusCell(lockedCell, target, currentTarget) {
       block: "center",
       inline: "center"
     });
-    var focusableChildren = Array.from(currentTarget.children).flatMap(function(node) {
-      return getFocusableIn(node);
-    });
+    const focusableChildren = Array.from(currentTarget.children).flatMap((node) => getFocusableIn(node));
     if (focusableChildren.length === 1) {
       focusableChildren[0].focus({
         focusVisible: true
@@ -25,14 +23,12 @@ function handleFocusCell(lockedCell, target, currentTarget) {
   }
 }
 function handleKeydownFocusCell(lockedCell, e) {
+  var _a, _b, _c, _d;
   if (e.currentTarget === lockedCell[0]) {
-    var focusableChildren = Array.from(lockedCell[0].children).flatMap(function(node) {
-      return getFocusableIn(node);
-    });
+    const focusableChildren = Array.from(lockedCell[0].children).flatMap((node) => getFocusableIn(node));
     if (lockedCell[1]) {
       if (e.key === "Escape") {
-        var _lockedCell$;
-        (_lockedCell$ = lockedCell[0]) === null || _lockedCell$ === void 0 || _lockedCell$.focus({
+        (_a = lockedCell[0]) == null ? void 0 : _a.focus({
           focusVisible: true
         });
         lockedCell[1] = false;
@@ -43,14 +39,12 @@ function handleKeydownFocusCell(lockedCell, e) {
       }
       if (e.key === "Tab") {
         if (e.target === focusableChildren[0] && e.shiftKey) {
-          var _focusableChildren;
-          (_focusableChildren = focusableChildren[focusableChildren.length - 1]) === null || _focusableChildren === void 0 || _focusableChildren.focus({
+          (_b = focusableChildren[focusableChildren.length - 1]) == null ? void 0 : _b.focus({
             focusVisible: true
           });
           e.preventDefault();
         } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {
-          var _focusableChildren$;
-          (_focusableChildren$ = focusableChildren[0]) === null || _focusableChildren$ === void 0 || _focusableChildren$.focus({
+          (_c = focusableChildren[0]) == null ? void 0 : _c.focus({
             focusVisible: true
           });
           e.preventDefault();
@@ -58,11 +52,10 @@ function handleKeydownFocusCell(lockedCell, e) {
         e.stopPropagation();
       }
     } else if (e.key === "Enter") {
-      var _focusableChildren$2;
       e.preventDefault();
       e.stopPropagation();
       lockedCell[1] = true;
-      (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus({
+      (_d = focusableChildren[0]) == null ? void 0 : _d.focus({
         focusVisible: true
       });
     }

package/lib/esm/index.mjs

@@ -1,14 +1,11 @@
 import { MergedColumnsCell, MergedRowsCell } from "./components/Body/MergedCells.mjs";
-import { ACCORDION, DataTable, ROW_GROUP, UNIQ_ROW_KEY } from "./components/DataTable/DataTable.mjs";
-var wrapDataTable = function wrapDataTable2(wrapper) {
-  return wrapper;
-};
+import { ACCORDION, DataTable, ROW_GROUP } from "./components/DataTable/DataTable.mjs";
+const wrapDataTable = (wrapper) => wrapper;
 export {
   ACCORDION,
   DataTable,
   MergedColumnsCell,
   MergedRowsCell,
   ROW_GROUP,
-  UNIQ_ROW_KEY,
   wrapDataTable
 };

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -12,7 +12,7 @@ import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-var localizedMessages = {
+const localizedMessages = {
   de,
   en,
   es,