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

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

@@ -1,47 +1,49 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import * as React from 'react';
-import { Component, lastInteraction, Root, sstyled } from '@semcore/core';
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 import { Flex } from '@semcore/base-components';
-import SortDesc from '@semcore/icon/SortDesc/m';
+import { ButtonLink } from '@semcore/button';
+import { Component, lastInteraction, Root, sstyled } from '@semcore/core';
+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';
 /*!__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}", /*__inner_css_end__*/"8ae7k_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___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__*/"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_"
 });
-import { ButtonLink } from '@semcore/button';
-import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';
-import canUseDOM from '@semcore/core/lib/utils/canUseDOM';
-import { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';
 var SORTING_ICON = {
   desc: SortDesc,
   asc: SortAsc
@@ -57,22 +59,20 @@ var reversedSortDirection = {
   asc: 'desc'
 };
 export var Column = /*#__PURE__*/function (_Component) {
-  _inherits(Column, _Component);
-  var _super = _createSuper(Column);
   function Column() {
     var _this;
     _classCallCheck(this, Column);
     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, Column, [].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;
@@ -104,17 +104,17 @@ export 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({
@@ -122,7 +122,7 @@ export 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,
@@ -134,7 +134,7 @@ export 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);
@@ -142,7 +142,7 @@ export 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')) {
@@ -151,11 +151,11 @@ export 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();
@@ -163,14 +163,14 @@ export 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({
@@ -190,7 +190,8 @@ export var Column = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-  _createClass(Column, [{
+  _inherits(Column, _Component);
+  return _createClass(Column, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$asProps2 = this.asProps,
@@ -202,10 +203,10 @@ export var Column = /*#__PURE__*/function (_Component) {
       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) {
@@ -312,7 +313,6 @@ export var Column = /*#__PURE__*/function (_Component) {
       }))));
     }
   }]);
-  return Column;
 }(Component);
 _defineProperty(Column, "displayName", 'Column');
 _defineProperty(Column, "style", style);

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

@@ -1 +1 @@
-{"version":3,"file":"Column.js","names":["React","Component","lastInteraction","Root","sstyled","Flex","SortDesc","SortAsc","style","_sstyled","insert","ButtonLink","getFocusableIn","canUseDOM","isFocusInside","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_createClass","value","componentDidMount","_this$asProps2","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps3","tableRef","gridTemplateColumns","columnIndex","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","get","sortable","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","_this$asProps4","uid","sortableColumnDescribeId","Children","SSortIcon","isSorted","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","undefined","cn","_objectSpread","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleSortClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Intergalactic, lastInteraction, Root, sstyled } from '@semcore/core';\nimport { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport { Flex } from '@semcore/base-components';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport { IconProps } from '@semcore/icon';\n\nimport style from './style.shadow.css';\nimport { ButtonLink } from '@semcore/button';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\n\nconst SORTING_ICON: { [key in SortDirection]: Intergalactic.Component<'svg', IconProps> } = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n  desc: 'asc',\n  asc: 'desc',\n};\n\ntype State = {\n  sortVisible: boolean;\n};\n\nexport class Column<D extends DataTableData> extends Component<\n  DataTableColumnProps,\n  {},\n  {},\n  [],\n  ColumnPropsInner<D>\n> {\n  static displayName = 'Column';\n  static style = style;\n\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n  columnRef = React.createRef<HTMLDivElement>();\n  sortWrapperRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    sortVisible: false,\n  };\n\n  componentDidMount() {\n    const { parent, sticky, changeSortSize, name, sort } = this.asProps;\n\n    if (parent && sticky) {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupHeight = groupElement?.getBoundingClientRect().height;\n\n      if (groupHeight) {\n        columnElement?.style.setProperty('top', `${groupHeight}px`);\n      }\n    }\n\n    if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): void {\n    if (\n      this.asProps.changeSortSize &&\n      canUseDOM() &&\n      prevProps.sort?.[0] !== this.asProps.sort?.[0]\n    ) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  changeTemplateColumnBySort() {\n    const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n    if (sort?.[0] === name) {\n      const newWidth = this.calculateActiveColumnMinWidth();\n\n      setTimeout(() => {\n        if (tableRef.current && newWidth !== null) {\n          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns\n              .map((gtcWidth, index) => {\n                if (index === columnIndex) {\n                  return `${newWidth}px`;\n                }\n                return gtcWidth;\n              })\n              .join(' '),\n          );\n        }\n      });\n    } else if (sort?.[0] !== name) {\n      setTimeout(() => {\n        if (tableRef.current) {\n          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns.join(' '),\n          );\n        }\n      });\n    }\n  }\n\n  calculateActiveColumnMinWidth = (): number | null => {\n    const node = this.columnRef.current;\n\n    if (node) {\n      const clonedColumn = document.createElement('div');\n      const computedStyle = window.getComputedStyle(node);\n\n      node.childNodes.forEach((node) => {\n        if (this.sortWrapperRef.current !== node) {\n          clonedColumn.append(node.cloneNode(true));\n        }\n      });\n\n      clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n      const styles = [\n        'display',\n        'flex',\n        'margin',\n        'padding',\n        'background',\n        'font-style',\n        'font-width',\n        'font-size',\n        'font-weight',\n      ];\n\n      styles.forEach((key) => {\n        clonedColumn.style.setProperty(\n          key,\n          computedStyle.getPropertyValue(key),\n          computedStyle.getPropertyPriority(key),\n        );\n      });\n\n      clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n      document.body.appendChild(clonedColumn);\n\n      const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n      document.body.removeChild(clonedColumn);\n\n      const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n      if (computedWidth >= defaultNodeWidth) {\n        return defaultNodeWidth + SORT_ICON_WIDTH;\n      } else {\n        const freeSpace = defaultNodeWidth - computedWidth;\n\n        if (freeSpace < SORT_ICON_WIDTH) {\n          return computedWidth + SORT_ICON_WIDTH;\n        }\n      }\n    }\n\n    return null;\n  };\n\n  get defaultDirection() {\n    const { sortable } = this.asProps;\n\n    if (typeof sortable === 'string') {\n      return sortable;\n    }\n\n    return DEFAULT_DIRECTION;\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ sortVisible: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ sortVisible: false });\n  };\n\n  handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n    if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSortClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    const { sort, onSortChange, name } = this.asProps;\n\n    if (\n      lastInteraction.isMouse() ||\n      (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n    ) {\n      if (sort && onSortChange) {\n        const sortDirection =\n          sort[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n        onSortChange([name, sortDirection], e);\n      }\n    }\n  };\n\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.currentTarget === this.lockedCell[0]) {\n      const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (this.lockedCell[1]) {\n        if (e.key === 'Escape') {\n          this.lockedCell[0]?.focus();\n          this.lockedCell[1] = false;\n        }\n        if (e.key.startsWith('Arrow')) {\n          e.stopPropagation();\n        }\n        if (e.key === 'Tab') {\n          if (e.target === focusableChildren[0] && e.shiftKey) {\n            focusableChildren[focusableChildren.length - 1]?.focus();\n            e.preventDefault();\n          } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n            focusableChildren[0]?.focus();\n            e.preventDefault();\n          }\n\n          e.stopPropagation();\n        }\n      } else if (e.key === 'Enter') {\n        this.lockedCell[1] = true;\n        focusableChildren[0]?.focus();\n      } else if (e.key === 'Tab') {\n        this.lockedCell[0]?.setAttribute('inert', '');\n      }\n    }\n  };\n\n  handleFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    const cellElement = e.currentTarget;\n    const target = e.target;\n\n    this.setState({ sortVisible: true }, () => {\n      if (target === cellElement) {\n        const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n          getFocusableIn(node as HTMLElement),\n        );\n\n        if (focusableChildren.length === 1) {\n          focusableChildren[0].focus();\n        } else if (focusableChildren.length > 1) {\n          this.lockedCell = [cellElement, false];\n        }\n      }\n    });\n  };\n\n  render() {\n    const SColumn = Root;\n    const SSortWrapper = 'div';\n    const SSortButton = ButtonLink;\n    const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n      this.asProps;\n\n    const SSortIcon =\n      sort && sort[0] === name ? SORTING_ICON[sort[1]] : SORTING_ICON[this.defaultDirection];\n    const isSorted = sort?.[0] === name;\n    const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n    const ariaDescribedBy = [];\n    if (isSorted) {\n      ariaDescribedBy.push(sortableColumnDescribeId);\n    }\n    if (parent) {\n      ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n    }\n\n    const ariaSortValue = sort?.[1] ? ARIA_SORT[sort[1]] : undefined;\n\n    return sstyled(styles)(\n      <SColumn\n        render={Flex}\n        ref={this.columnRef}\n        role={'columnheader'}\n        tabIndex={-1}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onFocus={this.handleFocusCell}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\n        visibleSort={visibleSort}\n        isSorted={isSorted}\n        innerOutline\n        aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n        aria-sort={ariaSortValue}\n        onClick={sortable ? this.handleSortClick : undefined}\n      >\n        <Children />\n\n        {sortable && (\n          <SSortWrapper ref={this.sortWrapperRef}>\n            <SSortButton\n              onClick={this.handleSortClick}\n              aria-label={ariaSortValue}\n              color={'--intergalactic-icon-primary-neutral'}\n            >\n              <SSortButton.Addon tag={SSortIcon} />\n            </SSortButton>\n          </SSortWrapper>\n        )}\n      </SColumn>,\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Column.js","names":["Flex","ButtonLink","Component","lastInteraction","Root","sstyled","canUseDOM","getFocusableIn","isFocusInside","SortAsc","SortDesc","React","style","_sstyled","insert","SORTING_ICON","desc","asc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","createRef","sortVisible","node","columnRef","current","_this$columnRef$curre","_this$columnRef$curre2","clonedColumn","document","createElement","computedStyle","window","getComputedStyle","childNodes","forEach","sortWrapperRef","append","cloneNode","setProperty","styles","key","getPropertyValue","getPropertyPriority","body","appendChild","computedWidth","Math","ceil","getBoundingClientRect","width","removeChild","defaultNodeWidth","clientWidth","freeSpace","setState","e","relatedTarget","currentTarget","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_inherits","_createClass","value","componentDidMount","_this$asProps2","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps3","tableRef","gridTemplateColumns","columnIndex","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","get","sortable","render","_ref","_ref2","SColumn","SSortWrapper","SSortButton","_this$asProps4","uid","sortableColumnDescribeId","Children","SSortIcon","isSorted","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","undefined","cn","_objectSpread","_assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleSortClick","Addon","tag"],"sources":["../../../../src/components/Head/Column.tsx"],"sourcesContent":["import { Flex } from '@semcore/base-components';\nimport { ButtonLink } from '@semcore/button';\nimport { Component, lastInteraction, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport type Icon from '@semcore/icon';\nimport SortAsc from '@semcore/icon/SortAsc/m';\nimport SortDesc from '@semcore/icon/SortDesc/m';\nimport * as React from 'react';\n\nimport type { ColumnPropsInner, DataTableColumnProps } from './Column.types';\nimport style from './style.shadow.css';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: typeof Icon } = {\n  desc: SortDesc,\n  asc: SortAsc,\n} as const;\n\nconst ARIA_SORT = {\n  desc: 'descending',\n  asc: 'ascending',\n} as const;\n\nconst SORT_ICON_WIDTH = 20;\n\nconst DEFAULT_DIRECTION = 'desc';\n\nconst reversedSortDirection: { [direction in SortDirection]: SortDirection } = {\n  desc: 'asc',\n  asc: 'desc',\n};\n\ntype State = {\n  sortVisible: boolean;\n};\n\nexport class Column<D extends DataTableData> extends Component<\n  DataTableColumnProps,\n  {},\n  {},\n  [],\n  ColumnPropsInner<D>\n> {\n  static displayName = 'Column';\n  static style = style;\n\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n  columnRef = React.createRef<HTMLDivElement>();\n  sortWrapperRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    sortVisible: false,\n  };\n\n  componentDidMount() {\n    const { parent, sticky, changeSortSize, name, sort } = this.asProps;\n\n    if (parent && sticky) {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupHeight = groupElement?.getBoundingClientRect().height;\n\n      if (groupHeight) {\n        columnElement?.style.setProperty('top', `${groupHeight}px`);\n      }\n    }\n\n    if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): void {\n    if (\n      this.asProps.changeSortSize &&\n      canUseDOM() &&\n      prevProps.sort?.[0] !== this.asProps.sort?.[0]\n    ) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  changeTemplateColumnBySort() {\n    const { tableRef, gridTemplateColumns, columnIndex, sort, name } = this.asProps;\n\n    if (sort?.[0] === name) {\n      const newWidth = this.calculateActiveColumnMinWidth();\n\n      setTimeout(() => {\n        if (tableRef.current && newWidth !== null) {\n          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns\n              .map((gtcWidth, index) => {\n                if (index === columnIndex) {\n                  return `${newWidth}px`;\n                }\n                return gtcWidth;\n              })\n              .join(' '),\n          );\n        }\n      });\n    } else if (sort?.[0] !== name) {\n      setTimeout(() => {\n        if (tableRef.current) {\n          tableRef.current.style.setProperty(\n            'grid-template-columns',\n            gridTemplateColumns.join(' '),\n          );\n        }\n      });\n    }\n  }\n\n  calculateActiveColumnMinWidth = (): number | null => {\n    const node = this.columnRef.current;\n\n    if (node) {\n      const clonedColumn = document.createElement('div');\n      const computedStyle = window.getComputedStyle(node);\n\n      node.childNodes.forEach((node) => {\n        if (this.sortWrapperRef.current !== node) {\n          clonedColumn.append(node.cloneNode(true));\n        }\n      });\n\n      clonedColumn.style.setProperty('visibility', 'hidden', 'important');\n\n      const styles = [\n        'display',\n        'flex',\n        'margin',\n        'padding',\n        'background',\n        'font-style',\n        'font-width',\n        'font-size',\n        'font-weight',\n      ];\n\n      styles.forEach((key) => {\n        clonedColumn.style.setProperty(\n          key,\n          computedStyle.getPropertyValue(key),\n          computedStyle.getPropertyPriority(key),\n        );\n      });\n\n      clonedColumn.style.setProperty('width', 'fit-content', 'important');\n\n      document.body.appendChild(clonedColumn);\n\n      const computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);\n\n      document.body.removeChild(clonedColumn);\n\n      const defaultNodeWidth = this.columnRef.current?.clientWidth ?? 0;\n\n      if (computedWidth >= defaultNodeWidth) {\n        return defaultNodeWidth + SORT_ICON_WIDTH;\n      } else {\n        const freeSpace = defaultNodeWidth - computedWidth;\n\n        if (freeSpace < SORT_ICON_WIDTH) {\n          return computedWidth + SORT_ICON_WIDTH;\n        }\n      }\n    }\n\n    return null;\n  };\n\n  get defaultDirection() {\n    const { sortable } = this.asProps;\n\n    if (typeof sortable === 'string') {\n      return sortable;\n    }\n\n    return DEFAULT_DIRECTION;\n  }\n\n  handleMouseEnter = () => {\n    this.setState({ sortVisible: true });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ sortVisible: false });\n  };\n\n  handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    const relatedTarget = e.relatedTarget as HTMLElement | undefined;\n    if (!isFocusInside(e.currentTarget, relatedTarget) && lastInteraction.isKeyboard()) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSortClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    const { sort, onSortChange, name } = this.asProps;\n\n    if (\n      lastInteraction.isMouse() ||\n      (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n    ) {\n      if (sort && onSortChange) {\n        const sortDirection =\n          sort[0] === name ? reversedSortDirection[sort[1]] : this.defaultDirection;\n\n        onSortChange([name, sortDirection], e);\n      }\n    }\n  };\n\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.currentTarget === this.lockedCell[0]) {\n      const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (this.lockedCell[1]) {\n        if (e.key === 'Escape') {\n          this.lockedCell[0]?.focus();\n          this.lockedCell[1] = false;\n        }\n        if (e.key.startsWith('Arrow')) {\n          e.stopPropagation();\n        }\n        if (e.key === 'Tab') {\n          if (e.target === focusableChildren[0] && e.shiftKey) {\n            focusableChildren[focusableChildren.length - 1]?.focus();\n            e.preventDefault();\n          } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n            focusableChildren[0]?.focus();\n            e.preventDefault();\n          }\n\n          e.stopPropagation();\n        }\n      } else if (e.key === 'Enter') {\n        this.lockedCell[1] = true;\n        focusableChildren[0]?.focus();\n      } else if (e.key === 'Tab') {\n        this.lockedCell[0]?.setAttribute('inert', '');\n      }\n    }\n  };\n\n  handleFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    const cellElement = e.currentTarget;\n    const target = e.target;\n\n    this.setState({ sortVisible: true }, () => {\n      if (target === cellElement) {\n        const focusableChildren = Array.from(cellElement.children).flatMap((node) =>\n          getFocusableIn(node as HTMLElement),\n        );\n\n        if (focusableChildren.length === 1) {\n          focusableChildren[0].focus();\n        } else if (focusableChildren.length > 1) {\n          this.lockedCell = [cellElement, false];\n        }\n      }\n    });\n  };\n\n  render() {\n    const SColumn = Root;\n    const SSortWrapper = 'div';\n    const SSortButton = ButtonLink;\n    const { styles, sortable, sort, uid, name, parent, sortableColumnDescribeId, Children } =\n      this.asProps;\n\n    const SSortIcon =\n      sort && sort[0] === name ? SORTING_ICON[sort[1]] : SORTING_ICON[this.defaultDirection];\n    const isSorted = sort?.[0] === name;\n    const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n    const ariaDescribedBy = [];\n    if (isSorted) {\n      ariaDescribedBy.push(sortableColumnDescribeId);\n    }\n    if (parent) {\n      ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n    }\n\n    const ariaSortValue = sort?.[1] ? ARIA_SORT[sort[1]] : undefined;\n\n    return sstyled(styles)(\n      <SColumn\n        render={Flex}\n        ref={this.columnRef}\n        role='columnheader'\n        tabIndex={-1}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onFocus={this.handleFocusCell}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleKeyDown}\n        visibleSort={visibleSort}\n        isSorted={isSorted}\n        innerOutline\n        aria-describedby={ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined}\n        aria-sort={ariaSortValue}\n        onClick={sortable ? this.handleSortClick : undefined}\n      >\n        <Children />\n\n        {sortable && (\n          <SSortWrapper ref={this.sortWrapperRef}>\n            <SSortButton\n              onClick={this.handleSortClick}\n              aria-label={ariaSortValue}\n              color='--intergalactic-icon-primary-neutral'\n            >\n              <SSortButton.Addon tag={SSortIcon} />\n            </SSortButton>\n          </SSortWrapper>\n        )}\n      </SColumn>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Head/Column.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import {\n  ColumnGroupConfig,\n  ColumnItemConfig,\n  DataTableData,\n  DataTableProps,\n  DTUse,\n  SortDirection,\n} from '../DataTable/DataTable.types';\nimport type { Property } from 'csstype';\n\nexport type CommonColumnType = {\n  /**\n   * Name of column for mapping with data\n   */\n  name: string;\n  /**\n   * Flag to define column as sortable\n   */\n  sortable?: boolean | SortDirection;\n  /**\n   * Fixes column to some side of table\n   */\n  fixed?: 'left' | 'right';\n  /**\n   * Adds vertical border(s)\n   */\n  borders?: 'both' | 'left' | 'right';\n  /**\n   * It manages the `flex-wrap` property\n   */\n  flexWrap?: boolean;\n  /**\n   * It manages the `align-items` property\n   */\n  alignItems?: Property.AlignItems;\n  /**\n   * It manages the `align-content` property\n   */\n  alignContent?: Property.AlignContent;\n  /**\n   * CSS `justify-content` property\n   */\n  justifyContent?: Property.JustifyContent;\n};\n\nexport type DTColumn = ColumnItemConfig &\n  CommonColumnType & {\n    /**\n     * Width for grid-template-columns\n     */\n    gtcWidth: string;\n\n    parent?: DTColumn | ColumnGroupConfig;\n\n    columns?: DTColumn[];\n    children?: React.ReactNode | React.FC;\n\n    gridArea?: string;\n  };\n\nexport type DataTableColumnProps = CommonColumnType & {\n  /**\n   * Value for grid-template-columns for current column\n   */\n  gtcWidth?: string;\n\n  /**\n   * Flag for change column size if sorted by it\n   */\n  changeSortSize?: boolean;\n};\n\nexport type ColumnPropsInner<D extends DataTableData> = {\n  use: DTUse;\n  borders?: 'both' | 'left' | 'right';\n  sort?: DataTableProps<D>['sort'];\n  onSortChange?: DataTableProps<D>['onSortChange'];\n  uid: string;\n  parent?: DTColumn;\n  sortableColumnDescribeId: string;\n  columnIndex: number;\n  tableRef: React.RefObject<HTMLElement>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sticky: boolean;\n};\n"],"mappings":""}
+{"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import type { Property } from 'csstype';\n\nimport type {\n  ColumnGroupConfig,\n  ColumnItemConfig,\n  DataTableData,\n  DataTableProps,\n  DTUse,\n  SortDirection,\n} from '../DataTable/DataTable.types';\n\nexport type CommonColumnType = {\n  /**\n   * Name of column for mapping with data\n   */\n  name: string;\n  /**\n   * Flag to define column as sortable\n   */\n  sortable?: boolean | SortDirection;\n  /**\n   * Fixes column to some side of table\n   */\n  fixed?: 'left' | 'right';\n  /**\n   * Adds vertical border(s)\n   */\n  borders?: 'both' | 'left' | 'right';\n  /**\n   * It manages the `flex-wrap` property\n   */\n  flexWrap?: boolean;\n  /**\n   * It manages the `align-items` property\n   */\n  alignItems?: Property.AlignItems;\n  /**\n   * It manages the `align-content` property\n   */\n  alignContent?: Property.AlignContent;\n  /**\n   * CSS `justify-content` property\n   */\n  justifyContent?: Property.JustifyContent;\n};\n\nexport type DTColumn = ColumnItemConfig &\n  CommonColumnType & {\n    /**\n     * Width for grid-template-columns\n     */\n    gtcWidth: string;\n\n    parent?: DTColumn | ColumnGroupConfig;\n\n    columns?: DTColumn[];\n    children?: React.ReactNode | React.FC;\n\n    gridArea?: string;\n  };\n\nexport type DataTableColumnProps = CommonColumnType & {\n  /**\n   * Value for grid-template-columns for current column\n   */\n  gtcWidth?: string;\n\n  /**\n   * Flag for change column size if sorted by it\n   */\n  changeSortSize?: boolean;\n};\n\nexport type ColumnPropsInner<D extends DataTableData> = {\n  use: DTUse;\n  borders?: 'both' | 'left' | 'right';\n  sort?: DataTableProps<D>['sort'];\n  onSortChange?: DataTableProps<D>['onSortChange'];\n  uid: string;\n  parent?: DTColumn;\n  sortableColumnDescribeId: string;\n  columnIndex: number;\n  tableRef: React.RefObject<HTMLElement>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sticky: boolean;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -2,51 +2,53 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import * as React from 'react';
-import { Component, Root, sstyled } from '@semcore/core';
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 import { Box } from '@semcore/base-components';
+import { Component, Root, sstyled } from '@semcore/core';
+import getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';
+import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
+import React from 'react';
 /*!__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}", /*__inner_css_end__*/"8ae7k_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___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__*/"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_"
 });
-import getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';
 import { DataTableInternal } from '../DataTable/DataTable';
-import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
 export var Group = /*#__PURE__*/function (_Component) {
-  _inherits(Group, _Component);
-  var _super = _createSuper(Group);
   function Group() {
     _classCallCheck(this, Group);
-    return _super.apply(this, arguments);
+    return _callSuper(this, Group, arguments);
   }
-  _createClass(Group, [{
+  _inherits(Group, _Component);
+  return _createClass(Group, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.forceUpdate();
@@ -92,7 +94,7 @@ export var Group = /*#__PURE__*/function (_Component) {
         "style": style,
         "__excludeProps": ['title'],
         "id": this.groupId
-      }, _ref))), withConfig ? children : title), withConfig ? groupColumns.map(function (column, i) {
+      }, _ref))), withConfig ? children : title), withConfig ? groupColumns.map(function (column, _i) {
         return /*#__PURE__*/React.createElement(DataTableInternal.Head.Column, _extends({
           key: column.name
         }, column, {
@@ -101,7 +103,6 @@ export var Group = /*#__PURE__*/function (_Component) {
       }) : /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
     }
   }]);
-  return Group;
 }(Component);
 _defineProperty(Group, "displayName", 'Group');
 _defineProperty(Group, "style", style);

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","names":["React","Component","Root","sstyled","Box","style","_sstyled","insert","getOriginChildren","DataTableInternal","uniqueIDEnhancement","Group","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","componentDidMount","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_groupColumns$","_children$","_groupColumns","_children","_this","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","fixedColumnsMap","columns","withConfig","groupColumns","children","firstName","name","props","lastName","length","left","right","createElement","cn","_objectSpread","_assignProps","groupId","map","column","i","Head","Column","_extends","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport { DataTableInternal } from '../DataTable/DataTable';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\n\nexport class Group extends Component<\n  DataTableGroupProps,\n  {},\n  {},\n  typeof Group.enhance,\n  GroupPropsInner\n> {\n  static displayName = 'Group';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()] as const;\n\n  componentDidMount() {\n    this.forceUpdate();\n  }\n\n  get groupId() {\n    const { uid } = this.asProps;\n\n    return `${uid}_columns_group`;\n  }\n\n  render() {\n    const SGroupContainer = Box;\n    const SGroup = Root;\n    const { styles, Children, title, fixed, fixedColumnsMap, columns, withConfig } = this.asProps;\n    const groupColumns = columns ?? [];\n    const children = getOriginChildren(Children);\n\n    const firstName = withConfig ? groupColumns[0]?.name : children[0]?.props.name;\n    const lastName = withConfig\n      ? groupColumns[groupColumns.length - 1]?.name\n      : children[children.length - 1]?.props.name;\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstName) {\n      style.left = fixedColumnsMap.get(firstName);\n    }\n    if (fixed === 'right') {\n      style.right = fixedColumnsMap.get(lastName);\n    }\n\n    return sstyled(styles)(\n      <SGroupContainer>\n        <SGroup render={Box} style={style} __excludeProps={['title']} id={this.groupId}>\n          {withConfig ? children : title}\n        </SGroup>\n        {withConfig ? (\n          groupColumns.map((column, i) => {\n            return (\n              <DataTableInternal.Head.Column\n                key={column.name}\n                {...column}\n                aria-describedby={this.groupId}\n              />\n            );\n          })\n        ) : (\n          <Children />\n        )}\n      </SGroupContainer>,\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Group.js","names":["Box","Component","Root","sstyled","getOriginChildren","uniqueIDEnhancement","React","style","_sstyled","insert","DataTableInternal","Group","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","componentDidMount","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_groupColumns$","_children$","_groupColumns","_children","_this","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","fixedColumnsMap","columns","withConfig","groupColumns","children","firstName","name","props","lastName","length","left","right","createElement","cn","_objectSpread","_assignProps","groupId","map","column","_i","Head","Column","_extends","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport React from 'react';\n\nimport type { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport style from './style.shadow.css';\nimport { DataTableInternal } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n  DataTableGroupProps,\n  {},\n  {},\n  typeof Group.enhance,\n  GroupPropsInner\n> {\n  static displayName = 'Group';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()] as const;\n\n  componentDidMount() {\n    this.forceUpdate();\n  }\n\n  get groupId() {\n    const { uid } = this.asProps;\n\n    return `${uid}_columns_group`;\n  }\n\n  render() {\n    const SGroupContainer = Box;\n    const SGroup = Root;\n    const { styles, Children, title, fixed, fixedColumnsMap, columns, withConfig } = this.asProps;\n    const groupColumns = columns ?? [];\n    const children = getOriginChildren(Children);\n\n    const firstName = withConfig ? groupColumns[0]?.name : children[0]?.props.name;\n    const lastName = withConfig\n      ? groupColumns[groupColumns.length - 1]?.name\n      : children[children.length - 1]?.props.name;\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstName) {\n      style.left = fixedColumnsMap.get(firstName);\n    }\n    if (fixed === 'right') {\n      style.right = fixedColumnsMap.get(lastName);\n    }\n\n    return sstyled(styles)(\n      <SGroupContainer>\n        <SGroup render={Box} style={style} __excludeProps={['title']} id={this.groupId}>\n          {withConfig ? children : title}\n        </SGroup>\n        {withConfig\n          ? (\n              groupColumns.map((column, _i) => {\n                return (\n                  <DataTableInternal.Head.Column\n                    key={column.name}\n                    {...column}\n                    aria-describedby={this.groupId}\n                  />\n                );\n              })\n            )\n          : (\n              <Children />\n            )}\n      </SGroupContainer>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Head/Group.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.type.js","names":[],"sources":["../../../../src/components/Head/Group.type.ts"],"sourcesContent":["import { DTUse } from '../DataTable/DataTable.types';\nimport { ReactElement } from 'react';\nimport { DataTableColumnProps, DTColumn } from './Column.types';\n\nexport type DataTableGroupProps = {\n  title: React.ReactNode;\n\n  borders?: 'both' | 'left' | 'right';\n\n  fixed?: 'left' | 'right';\n\n  children: Array<ReactElement<DataTableColumnProps>>;\n\n  name?: string;\n  columns?: DTColumn[];\n};\n\nexport type GroupPropsInner = {\n  use: DTUse;\n  fixedColumnsMap: Map<string, any>;\n  withConfig: boolean;\n};\n"],"mappings":""}
+{"version":3,"file":"Group.type.js","names":[],"sources":["../../../../src/components/Head/Group.type.ts"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { DataTableColumnProps, DTColumn } from './Column.types';\nimport type { DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableGroupProps = {\n  title: React.ReactNode;\n\n  borders?: 'both' | 'left' | 'right';\n\n  fixed?: 'left' | 'right';\n\n  children: Array<ReactElement<DataTableColumnProps>>;\n\n  name?: string;\n  columns?: DTColumn[];\n};\n\nexport type GroupPropsInner = {\n  use: DTUse;\n  fixedColumnsMap: Map<string, any>;\n  withConfig: boolean;\n};\n"],"mappings":"","ignoreList":[]}