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

package/lib/es6/components/Head/Head.js

@@ -1,10 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
@@ -15,291 +9,263 @@ import React from 'react';
 import { Column } from './Column';
 import { Group } from './Group';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var 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%))}", /*__inner_css_end__*/"1141v_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___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__*/"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_"
 });
 import { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
-var HeadRoot = /*#__PURE__*/function (_Component) {
-  function HeadRoot() {
-    var _this;
-    _classCallCheck(this, HeadRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, HeadRoot, [].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) => {
+      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);
+      this.asProps.onChangeSelectAll?.(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?.preventDefault();
+      event?.stopPropagation();
+      this.handleSelectAll(value, event);
     });
-    return _this;
   }
-  _inherits(HeadRoot, _Component);
-  return _createClass(HeadRoot, [{
-    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 style = {};
-      if (fixed === 'left' && firstColumn) {
-        var _getFixedStyle = getFixedStyle({
-            name: firstColumn.name,
-            fixed: 'left'
-          }),
-          _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2),
-          name = _getFixedStyle2[0],
-          value = _getFixedStyle2[1];
-        if (name !== undefined && value !== undefined) {
-          style[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 !== undefined && _value !== undefined) {
-          style[_name] = _value;
-        }
-      }
-      if (top && scrollDirection !== 'horizontal') {
-        style.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 style = {};
+    if (fixed === 'left' && firstColumn) {
+      const [name, value] = getFixedStyle({
+        name: firstColumn.name,
+        fixed: 'left'
+      });
+      if (name !== undefined && value !== undefined) {
+        style[name] = value;
       }
-      return {
-        use: use,
-        gridArea: gridAreaGroupMap.get(index),
-        withConfig: children === undefined,
-        getFixedStyle: getFixedStyle,
-        shadowVertical: firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : undefined,
-        style: style,
-        scrollDirection: 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 style = {};
-      if (top && scrollDirection !== 'horizontal') {
-        style.top = "".concat(top, "px");
-      }
+    if (fixed === 'right' && lastColumn) {
+      const [name, value] = getFixedStyle({
+        name: lastColumn.name,
+        fixed: 'right'
+      });
       if (name !== undefined && value !== undefined) {
         style[name] = value;
       }
-      return {
-        use: use,
-        'aria-colindex': index + 1,
-        style: style,
-        'gridArea': column.gridArea,
-        'fixed': column.fixed,
-        sticky: sticky,
-        'borders': column.borders,
-        sort: sort,
-        onSortChange: onSortChange,
-        'parent': column.parent,
-        'sortableColumnDescribeId': this.sortableColumnDescribeId(),
-        'columnIndex': index,
-        tableRef: tableRef,
-        gridTemplateColumns: gridTemplateColumns,
-        gridTemplateAreas: gridTemplateAreas,
-        h: h,
-        'onClick': onCellClick,
-        'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,
-        scrollDirection: 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') {
+      style.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 === undefined,
+      getFixedStyle,
+      shadowVertical: firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : undefined,
+      style,
+      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] !== undefined;
-      });
-      return mappedFlatRows;
+    const [name, value] = getFixedStyle(column);
+    const style = {};
+    if (top && scrollDirection !== 'horizontal') {
+      style.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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, _assignProps({
+    if (name !== undefined && value !== undefined) {
+      style[name] = value;
+    }
+    return {
+      use,
+      'aria-colindex': index + 1,
+      style,
+      '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 : undefined,
+      scrollDirection
+    };
+  }
+  get areAllRowsSelected() {
+    const {
+      selectedRows = []
+    } = this.asProps;
+    return selectedRows.length > 0 && this.selectableRows.every(row => selectedRows?.includes(row[UNIQ_ROW_KEY]));
+  }
+  get isIndeterminate() {
+    const {
+      selectedRows
+    } = this.asProps;
+    return this.selectableRows.some(row => selectedRows?.includes(row[UNIQ_ROW_KEY]));
+  }
+  get selectableRows() {
+    const {
+      columns,
+      flatRows
+    } = this.asProps;
+    const mappedFlatRows = flatRows.filter(r => {
+      const nextColumnName = columns[1]?.name;
+      return r[nextColumnName] !== undefined;
+    });
+    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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SHead, _ref2.cn("SHead", {
+      ..._assignProps({
         "role": 'row',
         "aria-rowindex": 1,
         "sticky": sticky,
-        "use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : undefined,
+        "use:animationDuration": animationDuration ? `${animationDuration}ms` : undefined,
         "isDataEmpty": isDataEmpty,
         "use:gridTemplateColumns": gridTemplateColumns.join(' '),
         "tabIndex": isDataEmpty ? 0 : undefined
-      }, _ref))), selectedRows && /*#__PURE__*/React.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
-        "name": SELECT_ALL.toString(),
-        "onClick": this.handleClickSelectAll(!areAllRowsSelected)
-      }), /*#__PURE__*/React.createElement(Checkbox, _ref2.cn("Checkbox", {
-        "checked": areAllRowsSelected,
-        "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, {
-        mt: 0
-      })))), children ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.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.createElement(DataTable.Head.Group, _extends({
-            key: columnsName
-          }, column, {
-            name: columnsName,
-            title: ""
-          }));
-        }
-        return /*#__PURE__*/React.createElement(DataTable.Head.Column, _extends({
-          key: column.name
-        }, column));
-      }))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
-        "aria-hidden": true,
-        "id": this.sortableColumnDescribeId()
-      }), getI18nText('sortableColumn')));
-    }
-  }]);
-}(Component);
+      }, _ref)
+    }), selectedRows && /*#__PURE__*/React.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
+      "name": SELECT_ALL.toString(),
+      "onClick": this.handleClickSelectAll(!areAllRowsSelected)
+    }), /*#__PURE__*/React.createElement(Checkbox, _ref2.cn("Checkbox", {
+      "checked": areAllRowsSelected,
+      "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, {
+      mt: 0
+    })))), children ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, treeColumns.map((column, _i) => {
+      if ('columns' in column) {
+        const columnsName = column.columns?.map(c => c.name).join('/');
+        return /*#__PURE__*/React.createElement(DataTable.Head.Group, _extends({
+          key: columnsName
+        }, column, {
+          name: columnsName,
+          title: ""
+        }));
+      }
+      return /*#__PURE__*/React.createElement(DataTable.Head.Column, _extends({
+        key: column.name
+      }, column));
+    }))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+      "aria-hidden": true,
+      "id": this.sortableColumnDescribeId()
+    }), getI18nText('sortableColumn')));
+  }
+}
 _defineProperty(HeadRoot, "displayName", 'Head');
 _defineProperty(HeadRoot, "style", style);
-export var Head = createComponent(HeadRoot, {
-  Column: Column,
-  Group: Group
+export const Head = createComponent(HeadRoot, {
+  Column,
+  Group
 });
 //# sourceMappingURL=Head.js.map