@semcore/data-table 16.0.4 → 16.0.5

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

@@ -26,30 +26,30 @@ var _m2 = _interopRequireDefault(require("@semcore/icon/SortDesc/m"));
 var React = _interopRequireWildcard(require("react"));
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_gxx2v_gg_,.___SHead_gxx2v_gg_{display:contents}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SColumn_gxx2v_gg_{position:sticky;top:0;z-index:2}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroup_gxx2v_gg_{top:0}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroupContainer_gxx2v_gg_>.___SColumn_gxx2v_gg_{position:sticky;z-index:2}.___SHead_gxx2v_gg_.__compact_gxx2v_gg_ .___SColumn_gxx2v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_gxx2v_gg_,.___SGroup_gxx2v_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_gxx2v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_gxx2v_gg_._use_primary_gxx2v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_gxx2v_gg_._use_primary_gxx2v_gg_:has(~.___SColumn_gxx2v_gg_.__visibleSort_gxx2v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_gxx2v_gg_._use_secondary_gxx2v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_gxx2v_gg_._borders_both_gxx2v_gg_,.___SColumn_gxx2v_gg_._borders_left_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_both_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_left_gxx2v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gxx2v_gg_._borders_both_gxx2v_gg_,.___SColumn_gxx2v_gg_._borders_right_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_both_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_right_gxx2v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_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_gxx2v_gg_._use_primary_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortButton_gxx2v_gg_,.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before,.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{display:flex;opacity:1}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_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_gxx2v_gg_._use_secondary_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortButton_gxx2v_gg_{display:flex;opacity:1}.___SColumn_gxx2v_gg_.__gridArea_gxx2v_gg_,.___SGroupTitle_gxx2v_gg_.__gridArea_gxx2v_gg_,.___SGroup_gxx2v_gg_.__gridArea_gxx2v_gg_{grid-area:var(--gridArea_gxx2v)}.___SHead_gxx2v_gg_ .___SColumn_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_ .___SGroup_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SColumn_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroup_gxx2v_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_gxx2v_gg_.__sortable_gxx2v_gg_:hover{cursor:pointer}}.___SSortWrapper_gxx2v_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_gxx2v_gg_,.___SSortWrapper_gxx2v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_gxx2v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_gxx2v_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_gxx2v_gg_._sideIndents_wide_gxx2v_gg_ .___SColumn_gxx2v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_gxx2v_gg_._sideIndents_wide_gxx2v_gg_ .___SColumn_gxx2v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_gxx2v_gg_{cursor:pointer}", /*__inner_css_end__*/"gxx2v_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_qatbb_gg_,.___SHead_qatbb_gg_{display:contents}.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SColumn_qatbb_gg_,.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SGroup_qatbb_gg_{position:sticky;top:0;z-index:2}.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SGroupContainer_qatbb_gg_>.___SColumn_qatbb_gg_{position:sticky;z-index:2}.___SHead_qatbb_gg_.__compact_qatbb_gg_ .___SColumn_qatbb_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_qatbb_gg_,.___SGroup_qatbb_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_qatbb_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_qatbb_gg_._use_primary_qatbb_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_qatbb_gg_._use_primary_qatbb_gg_:has(~.___SColumn_qatbb_gg_.__visibleSort_qatbb_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_qatbb_gg_._use_secondary_qatbb_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_qatbb_gg_._borders_both_qatbb_gg_,.___SColumn_qatbb_gg_._borders_left_qatbb_gg_,.___SGroup_qatbb_gg_._borders_both_qatbb_gg_,.___SGroup_qatbb_gg_._borders_left_qatbb_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_qatbb_gg_._borders_both_qatbb_gg_,.___SColumn_qatbb_gg_._borders_right_qatbb_gg_,.___SGroup_qatbb_gg_._borders_both_qatbb_gg_,.___SGroup_qatbb_gg_._borders_right_qatbb_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_qatbb_gg_._use_primary_qatbb_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_qatbb_gg_._use_primary_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortButton_qatbb_gg_,.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before,.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{display:flex;opacity:1}.___SColumn_qatbb_gg_._use_secondary_qatbb_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_qatbb_gg_._use_secondary_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortButton_qatbb_gg_{display:flex;opacity:1}.___SColumn_qatbb_gg_.__gridArea_qatbb_gg_,.___SGroupTitle_qatbb_gg_.__gridArea_qatbb_gg_,.___SGroup_qatbb_gg_.__gridArea_qatbb_gg_{grid-area:var(--gridArea_qatbb)}.___SHead_qatbb_gg_ .___SColumn_qatbb_gg_.__fixed_qatbb_gg_,.___SHead_qatbb_gg_ .___SGroup_qatbb_gg_.__fixed_qatbb_gg_,.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SColumn_qatbb_gg_.__fixed_qatbb_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_qatbb_gg_.__sortable_qatbb_gg_:hover{cursor:pointer}}.___SSortWrapper_qatbb_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_qatbb_gg_,.___SSortWrapper_qatbb_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_qatbb_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_qatbb_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_qatbb_gg_._sideIndents_wide_qatbb_gg_ .___SColumn_qatbb_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_qatbb_gg_._sideIndents_wide_qatbb_gg_ .___SColumn_qatbb_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_qatbb_gg_{cursor:pointer}", /*__inner_css_end__*/"qatbb_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_gxx2v_gg_",
-  "__SGroupContainer": "___SGroupContainer_gxx2v_gg_",
-  "_sticky": "__sticky_gxx2v_gg_",
-  "__SColumn": "___SColumn_gxx2v_gg_",
-  "__SGroup": "___SGroup_gxx2v_gg_",
-  "_compact": "__compact_gxx2v_gg_",
-  "_use_secondary": "_use_secondary_gxx2v_gg_",
-  "_borders_both": "_borders_both_gxx2v_gg_",
-  "_borders_left": "_borders_left_gxx2v_gg_",
-  "_borders_right": "_borders_right_gxx2v_gg_",
-  "_gridArea": "__gridArea_gxx2v_gg_",
-  "__SGroupTitle": "___SGroupTitle_gxx2v_gg_",
-  "--gridArea": "--gridArea_gxx2v",
-  "_fixed": "__fixed_gxx2v_gg_",
-  "_sortable": "__sortable_gxx2v_gg_",
-  "__SSortWrapper": "___SSortWrapper_gxx2v_gg_",
-  "__SSortButton": "___SSortButton_gxx2v_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_gxx2v_gg_",
-  "_use_primary": "_use_primary_gxx2v_gg_",
-  "_visibleSort": "__visibleSort_gxx2v_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_gxx2v_gg_"
+  "__SHead": "___SHead_qatbb_gg_",
+  "__SGroupContainer": "___SGroupContainer_qatbb_gg_",
+  "_sticky": "__sticky_qatbb_gg_",
+  "__SColumn": "___SColumn_qatbb_gg_",
+  "__SGroup": "___SGroup_qatbb_gg_",
+  "_compact": "__compact_qatbb_gg_",
+  "_use_secondary": "_use_secondary_qatbb_gg_",
+  "_borders_both": "_borders_both_qatbb_gg_",
+  "_borders_left": "_borders_left_qatbb_gg_",
+  "_borders_right": "_borders_right_qatbb_gg_",
+  "_gridArea": "__gridArea_qatbb_gg_",
+  "__SGroupTitle": "___SGroupTitle_qatbb_gg_",
+  "--gridArea": "--gridArea_qatbb",
+  "_fixed": "__fixed_qatbb_gg_",
+  "_sortable": "__sortable_qatbb_gg_",
+  "__SSortWrapper": "___SSortWrapper_qatbb_gg_",
+  "__SSortButton": "___SSortButton_qatbb_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_qatbb_gg_",
+  "_use_primary": "_use_primary_qatbb_gg_",
+  "_visibleSort": "__visibleSort_qatbb_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_qatbb_gg_"
 });
 var SORTING_ICON = {
   desc: _m2["default"],
@@ -133,10 +133,11 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
       var _this$asProps = _this.asProps,
         sort = _this$asProps.sort,
         onSortChange = _this$asProps.onSortChange,
-        name = _this$asProps.name;
+        name = _this$asProps.name,
+        sortable = _this$asProps.sortable;
       if (_core.lastInteraction.isMouse() || _core.lastInteraction.isKeyboard() && e.target === e.currentTarget) {
-        if (sort && onSortChange) {
-          var sortDirection = sort[0] === name ? reversedSortDirection[sort[1]] : _this.defaultDirection;
+        if (sortable && onSortChange) {
+          var sortDirection = (sort === null || sort === void 0 ? void 0 : sort[0]) === name ? reversedSortDirection[sort[1]] : _this.defaultDirection;
           onSortChange([name, sortDirection], e);
         }
       }
@@ -171,6 +172,8 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
           var _focusableChildren$2;
           _this.lockedCell[1] = true;
           (_focusableChildren$2 = focusableChildren[0]) === null || _focusableChildren$2 === void 0 || _focusableChildren$2.focus();
+          e.preventDefault();
+          e.stopPropagation();
         } else if (e.key === 'Tab') {
           var _this$lockedCell$2;
           (_this$lockedCell$2 = _this.lockedCell[0]) === null || _this$lockedCell$2 === void 0 || _this$lockedCell$2.setAttribute('inert', '');
@@ -180,19 +183,34 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])(_this, "handleFocusCell", function (e) {
       var cellElement = e.currentTarget;
       var target = e.target;
-      _this.setState({
-        sortVisible: true
-      }, function () {
-        if (target === cellElement) {
-          var focusableChildren = Array.from(cellElement.children).flatMap(function (node) {
-            return (0, _getFocusableIn.getFocusableIn)(node);
-          });
-          if (focusableChildren.length === 1) {
-            focusableChildren[0].focus();
-          } else if (focusableChildren.length > 1) {
-            _this.lockedCell = [cellElement, false];
+      if (_core.lastInteraction.isKeyboard()) {
+        _this.setState({
+          sortVisible: true
+        }, function () {
+          if (target === cellElement) {
+            var focusableChildren = Array.from(cellElement.children).flatMap(function (node) {
+              return (0, _getFocusableIn.getFocusableIn)(node);
+            });
+            if (focusableChildren.length === 1) {
+              focusableChildren[0].focus();
+            } else if (focusableChildren.length > 1) {
+              _this.lockedCell = [cellElement, false];
+            }
           }
-        }
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "handleClick", function (e) {
+      var _this$asProps2 = _this.asProps,
+        sortable = _this$asProps2.sortable,
+        onClick = _this$asProps2.onClick,
+        columnIndex = _this$asProps2.columnIndex;
+      if (sortable) {
+        _this.handleSortClick(e);
+      }
+      onClick === null || onClick === void 0 || onClick(e, {
+        rowIndex: -1,
+        colIndex: columnIndex
       });
     });
     return _this;
@@ -201,12 +219,12 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
   return (0, _createClass2["default"])(Column, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$asProps2 = this.asProps,
-        parent = _this$asProps2.parent,
-        sticky = _this$asProps2.sticky,
-        changeSortSize = _this$asProps2.changeSortSize,
-        name = _this$asProps2.name,
-        sort = _this$asProps2.sort;
+      var _this$asProps3 = this.asProps,
+        parent = _this$asProps3.parent,
+        sticky = _this$asProps3.sticky,
+        changeSortSize = _this$asProps3.changeSortSize,
+        name = _this$asProps3.name,
+        sort = _this$asProps3.sort;
       if (parent && sticky) {
         var _columnElement$parent;
         var columnElement = this.columnRef.current;
@@ -231,12 +249,12 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
   }, {
     key: "changeTemplateColumnBySort",
     value: function changeTemplateColumnBySort() {
-      var _this$asProps3 = this.asProps,
-        tableRef = _this$asProps3.tableRef,
-        gridTemplateColumns = _this$asProps3.gridTemplateColumns,
-        columnIndex = _this$asProps3.columnIndex,
-        sort = _this$asProps3.sort,
-        name = _this$asProps3.name;
+      var _this$asProps4 = this.asProps,
+        tableRef = _this$asProps4.tableRef,
+        gridTemplateColumns = _this$asProps4.gridTemplateColumns,
+        columnIndex = _this$asProps4.columnIndex,
+        sort = _this$asProps4.sort,
+        name = _this$asProps4.name;
       if ((sort === null || sort === void 0 ? void 0 : sort[0]) === name) {
         var newWidth = this.calculateActiveColumnMinWidth();
         setTimeout(function () {
@@ -274,15 +292,15 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
       var SColumn = _baseComponents.Flex;
       var SSortWrapper = 'div';
       var SSortButton = _button.ButtonLink;
-      var _this$asProps4 = this.asProps,
-        styles = _this$asProps4.styles,
-        sortable = _this$asProps4.sortable,
-        sort = _this$asProps4.sort,
-        uid = _this$asProps4.uid,
-        name = _this$asProps4.name,
-        parent = _this$asProps4.parent,
-        sortableColumnDescribeId = _this$asProps4.sortableColumnDescribeId,
-        Children = _this$asProps4.Children;
+      var _this$asProps5 = this.asProps,
+        styles = _this$asProps5.styles,
+        sortable = _this$asProps5.sortable,
+        sort = _this$asProps5.sort,
+        uid = _this$asProps5.uid,
+        name = _this$asProps5.name,
+        parent = _this$asProps5.parent,
+        sortableColumnDescribeId = _this$asProps5.sortableColumnDescribeId,
+        Children = _this$asProps5.Children;
       var _ref3 = sort !== null && sort !== void 0 ? sort : [undefined, undefined],
         _ref4 = (0, _slicedToArray2["default"])(_ref3, 2),
         sortBy = _ref4[0],
@@ -312,7 +330,7 @@ var Column = exports.Column = /*#__PURE__*/function (_Component) {
         "innerOutline": true,
         "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined,
         "aria-sort": ariaSortValue,
-        "onClick": sortable ? this.handleSortClick : undefined
+        "use:onClick": this.handleClick
       }, _ref))), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})), sortable && /*#__PURE__*/React.createElement(SSortWrapper, _ref2.cn("SSortWrapper", {
         "ref": this.sortWrapperRef
       }), /*#__PURE__*/React.createElement(SSortButton, _ref2.cn("SSortButton", {

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

@@ -1 +1 @@
-{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_getFocusableIn","_isFocusInside","_m","_m2","React","_interopRequireWildcard","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","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","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_inherits2","_createClass2","value","componentDidMount","_this$asProps2","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","canUseDOM","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","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps4","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleSortClick","Addon","tag","Component"],"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 [sortBy, sortDirection] = sort ?? [undefined, undefined];\n    const isSorted = sortBy === name && !!sortDirection;\n\n    const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n    const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n    const ariaDescribedBy = [];\n    if (sortable) {\n      ariaDescribedBy.push(sortableColumnDescribeId);\n    }\n    if (parent) {\n      ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n    }\n\n    const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : 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":[]}
+{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_getFocusableIn","_isFocusInside","_m","_m2","React","_interopRequireWildcard","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SORTING_ICON","desc","SortDesc","asc","SortAsc","ARIA_SORT","SORT_ICON_WIDTH","DEFAULT_DIRECTION","reversedSortDirection","Column","exports","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","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","relatedTarget","isFocusInside","currentTarget","lastInteraction","isKeyboard","_this$asProps","asProps","sort","onSortChange","name","sortable","isMouse","target","sortDirection","defaultDirection","lockedCell","focusableChildren","from","children","flatMap","getFocusableIn","_this$lockedCell$","focus","startsWith","stopPropagation","shiftKey","_focusableChildren","preventDefault","_focusableChildren$","_focusableChildren$2","_this$lockedCell$2","setAttribute","cellElement","_this$asProps2","onClick","columnIndex","handleSortClick","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","_columnElement$parent","columnElement","groupElement","parentElement","item","groupHeight","height","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","get","render","_ref","_ref2","SColumn","Flex","SSortWrapper","SSortButton","ButtonLink","_this$asProps5","uid","sortableColumnDescribeId","Children","_ref3","undefined","_ref4","_slicedToArray2","sortBy","isSorted","SSortIcon","visibleSort","Boolean","state","ariaDescribedBy","push","ariaSortValue","cn","_objectSpread2","assignProps","handleMouseEnter","handleMouseLeave","handleFocusCell","handleBlur","handleKeyDown","handleClick","Addon","tag","Component"],"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<HTMLElement>) => {\n    const { sort, onSortChange, name, sortable } = this.asProps;\n\n    if (\n      lastInteraction.isMouse() ||\n      (lastInteraction.isKeyboard() && e.target === e.currentTarget)\n    ) {\n      if (sortable && 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        e.preventDefault();\n        e.stopPropagation();\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    if (lastInteraction.isKeyboard()) {\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\n  handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sortable, onClick, columnIndex } = this.asProps;\n    if (sortable) {\n      this.handleSortClick(e);\n    }\n\n    onClick?.(e, { rowIndex: -1, colIndex: columnIndex });\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 [sortBy, sortDirection] = sort ?? [undefined, undefined];\n    const isSorted = sortBy === name && !!sortDirection;\n\n    const SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];\n\n    const visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);\n\n    const ariaDescribedBy = [];\n    if (sortable) {\n      ariaDescribedBy.push(sortableColumnDescribeId);\n    }\n    if (parent) {\n      ariaDescribedBy.push(`igc-table-${uid}-${parent.name}-group`);\n    }\n\n    const ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : 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        use:onClick={this.handleClick}\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/cjs/components/Head/Column.types.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import type { Property } from 'csstype';\n\nimport type { CellPropsInner } from '../Body/Cell.types';\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  onClick: CellPropsInner['onClick'];\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Group = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -22,30 +23,30 @@ var _react = _interopRequireDefault(require("react"));
 var _DataTable = require("../DataTable/DataTable");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_gxx2v_gg_,.___SHead_gxx2v_gg_{display:contents}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SColumn_gxx2v_gg_{position:sticky;top:0;z-index:2}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroup_gxx2v_gg_{top:0}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroupContainer_gxx2v_gg_>.___SColumn_gxx2v_gg_{position:sticky;z-index:2}.___SHead_gxx2v_gg_.__compact_gxx2v_gg_ .___SColumn_gxx2v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_gxx2v_gg_,.___SGroup_gxx2v_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_gxx2v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_gxx2v_gg_._use_primary_gxx2v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_gxx2v_gg_._use_primary_gxx2v_gg_:has(~.___SColumn_gxx2v_gg_.__visibleSort_gxx2v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_gxx2v_gg_._use_secondary_gxx2v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_gxx2v_gg_._borders_both_gxx2v_gg_,.___SColumn_gxx2v_gg_._borders_left_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_both_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_left_gxx2v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gxx2v_gg_._borders_both_gxx2v_gg_,.___SColumn_gxx2v_gg_._borders_right_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_both_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_right_gxx2v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_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_gxx2v_gg_._use_primary_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortButton_gxx2v_gg_,.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before,.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{display:flex;opacity:1}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_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_gxx2v_gg_._use_secondary_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortButton_gxx2v_gg_{display:flex;opacity:1}.___SColumn_gxx2v_gg_.__gridArea_gxx2v_gg_,.___SGroupTitle_gxx2v_gg_.__gridArea_gxx2v_gg_,.___SGroup_gxx2v_gg_.__gridArea_gxx2v_gg_{grid-area:var(--gridArea_gxx2v)}.___SHead_gxx2v_gg_ .___SColumn_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_ .___SGroup_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SColumn_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroup_gxx2v_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_gxx2v_gg_.__sortable_gxx2v_gg_:hover{cursor:pointer}}.___SSortWrapper_gxx2v_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_gxx2v_gg_,.___SSortWrapper_gxx2v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_gxx2v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_gxx2v_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_gxx2v_gg_._sideIndents_wide_gxx2v_gg_ .___SColumn_gxx2v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_gxx2v_gg_._sideIndents_wide_gxx2v_gg_ .___SColumn_gxx2v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_gxx2v_gg_{cursor:pointer}", /*__inner_css_end__*/"gxx2v_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_qatbb_gg_,.___SHead_qatbb_gg_{display:contents}.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SColumn_qatbb_gg_,.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SGroup_qatbb_gg_{position:sticky;top:0;z-index:2}.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SGroupContainer_qatbb_gg_>.___SColumn_qatbb_gg_{position:sticky;z-index:2}.___SHead_qatbb_gg_.__compact_qatbb_gg_ .___SColumn_qatbb_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_qatbb_gg_,.___SGroup_qatbb_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_qatbb_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_qatbb_gg_._use_primary_qatbb_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_qatbb_gg_._use_primary_qatbb_gg_:has(~.___SColumn_qatbb_gg_.__visibleSort_qatbb_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_qatbb_gg_._use_secondary_qatbb_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_qatbb_gg_._borders_both_qatbb_gg_,.___SColumn_qatbb_gg_._borders_left_qatbb_gg_,.___SGroup_qatbb_gg_._borders_both_qatbb_gg_,.___SGroup_qatbb_gg_._borders_left_qatbb_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_qatbb_gg_._borders_both_qatbb_gg_,.___SColumn_qatbb_gg_._borders_right_qatbb_gg_,.___SGroup_qatbb_gg_._borders_both_qatbb_gg_,.___SGroup_qatbb_gg_._borders_right_qatbb_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_qatbb_gg_._use_primary_qatbb_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_qatbb_gg_._use_primary_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortButton_qatbb_gg_,.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before,.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{display:flex;opacity:1}.___SColumn_qatbb_gg_._use_secondary_qatbb_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_qatbb_gg_._use_secondary_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortButton_qatbb_gg_{display:flex;opacity:1}.___SColumn_qatbb_gg_.__gridArea_qatbb_gg_,.___SGroupTitle_qatbb_gg_.__gridArea_qatbb_gg_,.___SGroup_qatbb_gg_.__gridArea_qatbb_gg_{grid-area:var(--gridArea_qatbb)}.___SHead_qatbb_gg_ .___SColumn_qatbb_gg_.__fixed_qatbb_gg_,.___SHead_qatbb_gg_ .___SGroup_qatbb_gg_.__fixed_qatbb_gg_,.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SColumn_qatbb_gg_.__fixed_qatbb_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_qatbb_gg_.__sortable_qatbb_gg_:hover{cursor:pointer}}.___SSortWrapper_qatbb_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_qatbb_gg_,.___SSortWrapper_qatbb_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_qatbb_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_qatbb_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_qatbb_gg_._sideIndents_wide_qatbb_gg_ .___SColumn_qatbb_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_qatbb_gg_._sideIndents_wide_qatbb_gg_ .___SColumn_qatbb_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_qatbb_gg_{cursor:pointer}", /*__inner_css_end__*/"qatbb_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_gxx2v_gg_",
-  "__SGroupContainer": "___SGroupContainer_gxx2v_gg_",
-  "_sticky": "__sticky_gxx2v_gg_",
-  "__SColumn": "___SColumn_gxx2v_gg_",
-  "__SGroup": "___SGroup_gxx2v_gg_",
-  "_compact": "__compact_gxx2v_gg_",
-  "_use_secondary": "_use_secondary_gxx2v_gg_",
-  "_borders_both": "_borders_both_gxx2v_gg_",
-  "_borders_left": "_borders_left_gxx2v_gg_",
-  "_borders_right": "_borders_right_gxx2v_gg_",
-  "_gridArea": "__gridArea_gxx2v_gg_",
-  "__SGroupTitle": "___SGroupTitle_gxx2v_gg_",
-  "--gridArea": "--gridArea_gxx2v",
-  "_fixed": "__fixed_gxx2v_gg_",
-  "_sortable": "__sortable_gxx2v_gg_",
-  "__SSortWrapper": "___SSortWrapper_gxx2v_gg_",
-  "__SSortButton": "___SSortButton_gxx2v_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_gxx2v_gg_",
-  "_use_primary": "_use_primary_gxx2v_gg_",
-  "_visibleSort": "__visibleSort_gxx2v_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_gxx2v_gg_"
+  "__SHead": "___SHead_qatbb_gg_",
+  "__SGroupContainer": "___SGroupContainer_qatbb_gg_",
+  "_sticky": "__sticky_qatbb_gg_",
+  "__SColumn": "___SColumn_qatbb_gg_",
+  "__SGroup": "___SGroup_qatbb_gg_",
+  "_compact": "__compact_qatbb_gg_",
+  "_use_secondary": "_use_secondary_qatbb_gg_",
+  "_borders_both": "_borders_both_qatbb_gg_",
+  "_borders_left": "_borders_left_qatbb_gg_",
+  "_borders_right": "_borders_right_qatbb_gg_",
+  "_gridArea": "__gridArea_qatbb_gg_",
+  "__SGroupTitle": "___SGroupTitle_qatbb_gg_",
+  "--gridArea": "--gridArea_qatbb",
+  "_fixed": "__fixed_qatbb_gg_",
+  "_sortable": "__sortable_qatbb_gg_",
+  "__SSortWrapper": "___SSortWrapper_qatbb_gg_",
+  "__SSortButton": "___SSortButton_qatbb_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_qatbb_gg_",
+  "_use_primary": "_use_primary_qatbb_gg_",
+  "_visibleSort": "__visibleSort_qatbb_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_qatbb_gg_"
 });
 var Group = exports.Group = /*#__PURE__*/function (_Component) {
   function Group() {
@@ -56,7 +57,10 @@ var Group = exports.Group = /*#__PURE__*/function (_Component) {
   return (0, _createClass2["default"])(Group, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this.forceUpdate();
+      var _this = this;
+      setTimeout(function () {
+        _this.forceUpdate();
+      }, 0);
     }
   }, {
     key: "groupId",
@@ -69,11 +73,7 @@ var Group = exports.Group = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps,
         _ref2,
-        _groupColumns$,
-        _children$,
-        _groupColumns,
-        _children,
-        _this = this;
+        _this2 = this;
       var SGroupContainer = _baseComponents.Box;
       var SGroup = _baseComponents.Box;
       var _this$asProps = this.asProps,
@@ -81,21 +81,35 @@ var Group = exports.Group = /*#__PURE__*/function (_Component) {
         Children = _this$asProps.Children,
         title = _this$asProps.title,
         fixed = _this$asProps.fixed,
-        fixedColumnsMap = _this$asProps.fixedColumnsMap,
         columns = _this$asProps.columns,
-        withConfig = _this$asProps.withConfig;
+        withConfig = _this$asProps.withConfig,
+        getFixedStyle = _this$asProps.getFixedStyle;
       var groupColumns = columns !== null && columns !== void 0 ? columns : [];
       var children = (0, _getOriginChildren["default"])(Children);
-      var firstName = withConfig ? (_groupColumns$ = groupColumns[0]) === null || _groupColumns$ === void 0 ? void 0 : _groupColumns$.name : (_children$ = children[0]) === null || _children$ === void 0 ? void 0 : _children$.props.name;
-      var lastName = withConfig ? (_groupColumns = groupColumns[groupColumns.length - 1]) === null || _groupColumns === void 0 ? void 0 : _groupColumns.name : (_children = children[children.length - 1]) === null || _children === void 0 ? void 0 : _children.props.name;
+      var firstColumn = groupColumns[0];
+      var lastColumn = groupColumns[groupColumns.length - 1];
       var style = {};
-      if (fixed === 'left' && firstName) {
-        style.left = fixedColumnsMap.get(firstName);
+      if (fixed === 'left' && firstColumn) {
+        var _getFixedStyle = getFixedStyle(firstColumn),
+          _getFixedStyle2 = (0, _slicedToArray2["default"])(_getFixedStyle, 2),
+          name = _getFixedStyle2[0],
+          value = _getFixedStyle2[1];
+        if (name !== undefined && value !== undefined) {
+          style[name] = value;
+        }
       }
-      if (fixed === 'right') {
-        style.right = fixedColumnsMap.get(lastName);
+      if (fixed === 'right' && lastColumn) {
+        var _getFixedStyle3 = getFixedStyle(lastColumn),
+          _getFixedStyle4 = (0, _slicedToArray2["default"])(_getFixedStyle3, 2),
+          _name = _getFixedStyle4[0],
+          _value = _getFixedStyle4[1];
+        if (_name !== undefined && _value !== undefined) {
+          style[_name] = _value;
+        }
       }
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SGroupContainer, _ref2.cn("SGroupContainer", {}), /*#__PURE__*/_react["default"].createElement(SGroup, _ref2.cn("SGroup", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SGroupContainer, _ref2.cn("SGroupContainer", {
+        "data-group-container": true
+      }), /*#__PURE__*/_react["default"].createElement(SGroup, _ref2.cn("SGroup", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "style": style,
         "__excludeProps": ['title'],
         "id": this.groupId
@@ -103,7 +117,7 @@ var Group = exports.Group = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/_react["default"].createElement(_DataTable.DataTableInternal.Head.Column, (0, _extends2["default"])({
           key: column.name
         }, column, {
-          "aria-describedby": _this.groupId
+          "aria-describedby": _this2.groupId
         }));
       }) : /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
     }

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","names":["_core","require","_baseComponents","_getOriginChildren","_interopRequireDefault","_uniqueID","_react","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","Group","exports","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","componentDidMount","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_groupColumns$","_children$","_groupColumns","_children","_this","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","fixed","fixedColumnsMap","columns","withConfig","groupColumns","children","getOriginChildren","firstName","name","props","lastName","length","left","right","createElement","cn","_objectSpread2","assignProps","groupId","map","column","_i","DataTableInternal","Head","Column","_extends2","Component","_defineProperty2","uniqueIDEnhancement"],"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":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAF,sBAAA,CAAAH,OAAA;AAIA,IAAAM,UAAA,GAAAN,OAAA;AAA2D,SAAAO,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,MAAAK,0BAAA,iBAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA;AAAA,IAAAQ,KAAA,8BAAAnB,KAAA,CAAAoB,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAE9CC,KAAK,GAAAC,OAAA,CAAAD,KAAA,0BAAAE,UAAA;EAAA,SAAAF,MAAA;IAAA,IAAAG,gBAAA,mBAAAH,KAAA;IAAA,OAAAd,UAAA,OAAAc,KAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,KAAA,EAAAE,UAAA;EAAA,WAAAI,aAAA,aAAAN,KAAA;IAAAO,GAAA;IAAAC,KAAA,EAWhB,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,IAAI,CAACC,WAAW,CAAC,CAAC;IACpB;EAAC;IAAAH,GAAA;IAAAI,GAAA,EAED,SAAAA,IAAA,EAAc;MACZ,IAAQC,GAAG,GAAK,IAAI,CAACC,OAAO,CAApBD,GAAG;MAEX,UAAAE,MAAA,CAAUF,GAAG;IACf;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAO,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAH,OAAA;QAAAI,KAAA;QAAAC,cAAA;QAAAC,UAAA;QAAAC,aAAA;QAAAC,SAAA;QAAAC,KAAA;MACP,IAAMC,eAAe,GAAGC,mBAAG;MAC3B,IAAMC,MAAM,GAqBQD,mBAAG;MApBvB,IAAAE,aAAA,GAAiF,IAAI,CAACb,OAAO;QAArFc,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,eAAe,GAAAL,aAAA,CAAfK,eAAe;QAAEC,OAAO,GAAAN,aAAA,CAAPM,OAAO;QAAEC,UAAU,GAAAP,aAAA,CAAVO,UAAU;MAC5E,IAAMC,YAAY,GAAGF,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;MAClC,IAAMG,QAAQ,GAAG,IAAAC,6BAAiB,EAACR,QAAQ,CAAC;MAE5C,IAAMS,SAAS,GAAGJ,UAAU,IAAAf,cAAA,GAAGgB,YAAY,CAAC,CAAC,CAAC,cAAAhB,cAAA,uBAAfA,cAAA,CAAiBoB,IAAI,IAAAnB,UAAA,GAAGgB,QAAQ,CAAC,CAAC,CAAC,cAAAhB,UAAA,uBAAXA,UAAA,CAAaoB,KAAK,CAACD,IAAI;MAC9E,IAAME,QAAQ,GAAGP,UAAU,IAAAb,aAAA,GACvBc,YAAY,CAACA,YAAY,CAACO,MAAM,GAAG,CAAC,CAAC,cAAArB,aAAA,uBAArCA,aAAA,CAAuCkB,IAAI,IAAAjB,SAAA,GAC3Cc,QAAQ,CAACA,QAAQ,CAACM,MAAM,GAAG,CAAC,CAAC,cAAApB,SAAA,uBAA7BA,SAAA,CAA+BkB,KAAK,CAACD,IAAI;MAE7C,IAAMzC,KAAU,GAAG,CAAC,CAAC;MAErB,IAAIiC,KAAK,KAAK,MAAM,IAAIO,SAAS,EAAE;QACjCxC,KAAK,CAAC6C,IAAI,GAAGX,eAAe,CAACpB,GAAG,CAAC0B,SAAS,CAAC;MAC7C;MACA,IAAIP,KAAK,KAAK,OAAO,EAAE;QACrBjC,KAAK,CAAC8C,KAAK,GAAGZ,eAAe,CAACpB,GAAG,CAAC6B,QAAQ,CAAC;MAC7C;MAEA,OAAAvB,KAAA,GAAO,IAAAnB,aAAO,EAAC6B,MAAM,CAAC,eACpB3C,MAAA,YAAA4D,aAAA,CAACrB,eAAe,EAAAN,KAAA,CAAA4B,EAAA,sCACd7D,MAAA,YAAA4D,aAAA,CAACnB,MAAM,EAAAR,KAAA,CAAA4B,EAAA,eAAAC,cAAA,qBAAApE,KAAA,CAAAqE,WAAA;QAAA,SAAqBlD,KAAK;QAAA,kBAAkB,CAAC,OAAO,CAAC;QAAA,MAAM,IAAI,CAACmD;MAAO,GAAAhC,IAAA,KAC3EiB,UAAU,GAAGE,QAAQ,GAAGN,KACnB,CAAC,EACRI,UAAU,GAELC,YAAY,CAACe,GAAG,CAAC,UAACC,MAAM,EAAEC,EAAE,EAAK;QAC/B,oBACEnE,MAAA,YAAA4D,aAAA,CAAC3D,UAAA,CAAAmE,iBAAiB,CAACC,IAAI,CAACC,MAAM,MAAAC,SAAA;UAC5BhD,GAAG,EAAE2C,MAAM,CAACZ;QAAK,GACbY,MAAM;UACV,oBAAkB5B,KAAI,CAAC0B;QAAQ,EAChC,CAAC;MAEN,CAAC,CAAC,gBAGFhE,MAAA,YAAA4D,aAAA,CAAChB,QAAQ,EAAAX,KAAA,CAAA4B,EAAA,gBAAE,CAEF,CAAC;IAEtB;EAAC;AAAA,EAhEwBW,eAAS;AAAA,IAAAC,gBAAA,aAAvBzD,KAAK,iBAOK,OAAO;AAAA,IAAAyD,gBAAA,aAPjBzD,KAAK,WAQDH,KAAK;AAAA,IAAA4D,gBAAA,aARTzD,KAAK,aASC,CAAC,IAAA0D,oBAAmB,EAAC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Group.js","names":["_core","require","_baseComponents","_getOriginChildren","_interopRequireDefault","_uniqueID","_react","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","Group","exports","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","componentDidMount","_this","setTimeout","forceUpdate","get","uid","asProps","concat","render","_ref","_ref2","_this2","SGroupContainer","Box","SGroup","_this$asProps","styles","Children","title","fixed","columns","withConfig","getFixedStyle","groupColumns","children","getOriginChildren","firstColumn","lastColumn","length","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","undefined","_getFixedStyle3","_getFixedStyle4","createElement","cn","_objectSpread2","assignProps","groupId","map","column","_i","DataTableInternal","Head","Column","_extends2","Component","_defineProperty2","uniqueIDEnhancement"],"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    setTimeout(() => {\n      this.forceUpdate();\n    }, 0);\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, columns, withConfig, getFixedStyle } = this.asProps;\n    const groupColumns = columns ?? [];\n    const children = getOriginChildren(Children);\n\n    const firstColumn = groupColumns[0];\n    const lastColumn = groupColumns[groupColumns.length - 1];\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstColumn) {\n      const [name, value] = getFixedStyle(firstColumn);\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (fixed === 'right' && lastColumn) {\n      const [name, value] = getFixedStyle(lastColumn);\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n\n    return sstyled(styles)(\n      <SGroupContainer data-group-container>\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/cjs/components/Head/Group.type.js.map

@@ -1 +1 @@
-{"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":[]}
+{"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  withConfig: boolean;\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"","ignoreList":[]}