@semcore/data-table 4.50.2-prerelease.0 → 4.51.0-prerelease.0

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

@@ -0,0 +1,350 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Column = void 0;
+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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _button = require("@semcore/button");
+var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
+var _cssToIntDefault = _interopRequireDefault(require("@semcore/core/lib/utils/cssToIntDefault"));
+var _getFocusableIn = require("@semcore/core/lib/utils/focus-lock/getFocusableIn");
+var _isFocusInside = require("@semcore/core/lib/utils/focus-lock/isFocusInside");
+var _isInteractiveElement = require("@semcore/core/lib/utils/isInteractiveElement");
+var _m = _interopRequireDefault(require("@semcore/icon/SortAsc/m"));
+var _m2 = _interopRequireDefault(require("@semcore/icon/SortDesc/m"));
+var React = _interopRequireWildcard(require("react"));
+var _focusableCell = require("../../enhancers/focusableCell");
+/*!__reshadow-styles__:"./style.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes moveWithScroll_1qgdc{0%{transform:translateY(0)}to{transform:translateY(var(--global-scroll-to))}}.___SGroupContainer_1qgdc_gg_,.___SHead_1qgdc_gg_{display:contents}.___SHead_1qgdc_gg_.__isDataEmpty_1qgdc_gg_.__gridTemplateColumns_1qgdc_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1qgdc);overflow:auto;scrollbar-width:thin}.___SHead_1qgdc_gg_.__animationDuration_1qgdc_gg_>.___SColumn_1qgdc_gg_{transition:top var(--animationDuration_1qgdc) ease-out}.___SHead_1qgdc_gg_.__withAnimation_1qgdc_gg_.__sticky_1qgdc_gg_ .___SColumn_1qgdc_gg_,.___SHead_1qgdc_gg_.__withAnimation_1qgdc_gg_.__sticky_1qgdc_gg_ .___SGroup_1qgdc_gg_{animation-name:moveWithScroll_1qgdc;animation-timeline:--table-sticky-timeline;animation-range-start:exit-crossing calc(-1*var(--global-header-top));animation-range-end:exit-crossing calc(100% - var(--global-header-top));animation-timing-function:linear;animation-fill-mode:both;transform:none}.___SHead_1qgdc_gg_.__sticky_1qgdc_gg_ .___SColumn_1qgdc_gg_,.___SHead_1qgdc_gg_.__sticky_1qgdc_gg_ .___SGroup_1qgdc_gg_{position:sticky;top:0;z-index:18;transform:translateY(var(--global-scroll-translate));will-change:scroll-position}.___SHead_1qgdc_gg_.__compact_1qgdc_gg_ .___SColumn_1qgdc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1qgdc_gg_,.___SGroup_1qgdc_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1qgdc_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, rgb(248, 249, 248))}.___SGroup_1qgdc_gg_._use_primary_1qgdc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1qgdc_gg_._use_primary_1qgdc_gg_:has(~.___SColumn_1qgdc_gg_.__visibleSort_1qgdc_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, rgb(234, 235, 235))}.___SGroup_1qgdc_gg_._use_secondary_1qgdc_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_left_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_left_1qgdc_gg_{border-left:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_left_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_left_1qgdc_gg_{border-left:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_left_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_left_1qgdc_gg_{border-left:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_right_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_right_1qgdc_gg_{border-right:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_right_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_right_1qgdc_gg_{border-right:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_right_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_right_1qgdc_gg_{border-right:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));background-color:var(--intergalactic-table-th-primary-cell, rgb(248, 249, 248))}@supports (color:color(display-p3 0 0 0%)){.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_{border-bottom:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_{border-bottom:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, rgb(234, 235, 235)) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_.__visibleSort_1qgdc_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, rgb(234, 235, 235))}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortButton_1qgdc_gg_,.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_::before,.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_::before{display:flex;opacity:1}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_._justifyContent_right_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{position:absolute}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_._justifyContent_right_1qgdc_gg_.__changeSortSize_1qgdc_gg_.__isSorted_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_,.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_._justifyContent_right_1qgdc_gg_.__changeSortSize_1qgdc_gg_.__isSorted_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{position:relative}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-table-th-secondary-cell, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0%)){.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, rgb(255, 255, 255)) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortButton_1qgdc_gg_{display:flex;opacity:1}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_._justifyContent_right_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{position:absolute}.___SColumn_1qgdc_gg_.__gridArea_1qgdc_gg_,.___SGroupTitle_1qgdc_gg_.__gridArea_1qgdc_gg_,.___SGroup_1qgdc_gg_.__gridArea_1qgdc_gg_{grid-area:var(--gridArea_1qgdc)}.___SHead_1qgdc_gg_ .___SColumn_1qgdc_gg_.__fixed_1qgdc_gg_,.___SHead_1qgdc_gg_ .___SGroup_1qgdc_gg_.__fixed_1qgdc_gg_,.___SHead_1qgdc_gg_.__sticky_1qgdc_gg_ .___SColumn_1qgdc_gg_.__fixed_1qgdc_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1qgdc_gg_.__sortable_1qgdc_gg_:hover{cursor:pointer}}.___SSortWrapper_1qgdc_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_1qgdc_gg_,.___SSortWrapper_1qgdc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1qgdc_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1qgdc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433));margin-left:var(--intergalactic-spacing-1x, 4px)}@supports (color:color(display-p3 0 0 0%)){.___SSortButton_1qgdc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@media (color-gamut:p3){.___SSortButton_1qgdc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, color(display-p3 0.00333 0.01824 0.00791 / 0.433))}}}.___SHead_1qgdc_gg_._sideIndents_wide_1qgdc_gg_ .___SColumn_1qgdc_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1qgdc_gg_._sideIndents_wide_1qgdc_gg_ .___SColumn_1qgdc_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1qgdc_gg_{cursor:pointer}.___SColumn_1qgdc_gg_.__fixed_1qgdc_gg_.__shadowVertical_1qgdc_gg_:after,.___SGroup_1qgdc_gg_.__fixed_1qgdc_gg_.__shadowVertical_1qgdc_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_primary_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_._use_primary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_primary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_._use_primary_1qgdc_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_._use_secondary_1qgdc_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_:after,.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_:after,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_:after,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(26, 30, 26, 0.08) 20.55%, transparent 100%))}.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_._use_primary_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_primary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_._use_primary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_primary_1qgdc_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_secondary_1qgdc_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_:after,.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_:after,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_:after,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(26, 30, 26, 0.08) 20.55%, transparent 100%))}", /*__inner_css_end__*/"1qgdc_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SHead": "___SHead_1qgdc_gg_",
+  "__SGroupContainer": "___SGroupContainer_1qgdc_gg_",
+  "_isDataEmpty": "__isDataEmpty_1qgdc_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1qgdc_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1qgdc",
+  "_animationDuration": "__animationDuration_1qgdc_gg_",
+  "__SColumn": "___SColumn_1qgdc_gg_",
+  "--animationDuration": "--animationDuration_1qgdc",
+  "@moveWithScroll": "moveWithScroll_1qgdc",
+  "_withAnimation": "__withAnimation_1qgdc_gg_",
+  "_sticky": "__sticky_1qgdc_gg_",
+  "__SGroup": "___SGroup_1qgdc_gg_",
+  "_compact": "__compact_1qgdc_gg_",
+  "_use_secondary": "_use_secondary_1qgdc_gg_",
+  "_borders_both": "_borders_both_1qgdc_gg_",
+  "_borders_left": "_borders_left_1qgdc_gg_",
+  "_borders_right": "_borders_right_1qgdc_gg_",
+  "_gridArea": "__gridArea_1qgdc_gg_",
+  "__SGroupTitle": "___SGroupTitle_1qgdc_gg_",
+  "--gridArea": "--gridArea_1qgdc",
+  "_fixed": "__fixed_1qgdc_gg_",
+  "_sortable": "__sortable_1qgdc_gg_",
+  "__SSortWrapper": "___SSortWrapper_1qgdc_gg_",
+  "__SSortButton": "___SSortButton_1qgdc_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1qgdc_gg_",
+  "_use_primary": "_use_primary_1qgdc_gg_",
+  "_visibleSort": "__visibleSort_1qgdc_gg_",
+  "_justifyContent_right": "_justifyContent_right_1qgdc_gg_",
+  "_changeSortSize": "__changeSortSize_1qgdc_gg_",
+  "_isSorted": "__isSorted_1qgdc_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1qgdc_gg_",
+  "_shadowVertical": "__shadowVertical_1qgdc_gg_",
+  "_fixed_left": "_fixed_left_1qgdc_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1qgdc_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1qgdc_gg_",
+  "_fixed_right": "_fixed_right_1qgdc_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1qgdc_gg_"
+});
+var SORTING_ICON = {
+  desc: _m2["default"],
+  asc: _m["default"]
+};
+var ARIA_SORT = {
+  desc: 'descending',
+  asc: 'ascending'
+};
+var SORT_ICON_WIDTH = 20;
+var DEFAULT_DIRECTION = 'desc';
+var reversedSortDirection = {
+  desc: 'asc',
+  asc: 'desc'
+};
+var Column = exports.Column = /*#__PURE__*/function (_Component) {
+  function Column() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Column);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, Column, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "lockedCell", [null, false]);
+    (0, _defineProperty2["default"])(_this, "columnRef", /*#__PURE__*/React.createRef());
+    (0, _defineProperty2["default"])(_this, "sortWrapperRef", /*#__PURE__*/React.createRef());
+    (0, _defineProperty2["default"])(_this, "state", {
+      sortVisible: false
+    });
+    (0, _defineProperty2["default"])(_this, "calculateActiveColumnMinWidth", function () {
+      var node = _this.columnRef.current;
+      if (node) {
+        var _this$columnRef$curre, _this$columnRef$curre2;
+        var clonedColumn = document.createElement('div');
+        var computedStyle = window.getComputedStyle(node);
+        node.childNodes.forEach(function (node) {
+          if (_this.sortWrapperRef.current !== node) {
+            clonedColumn.append(node.cloneNode(true));
+          }
+        });
+        clonedColumn.style.setProperty('visibility', 'hidden', 'important');
+        var styles = ['display', 'flex', 'margin', 'padding', 'background', 'font-style', 'font-width', 'font-size', 'font-weight'];
+        styles.forEach(function (key) {
+          clonedColumn.style.setProperty(key, computedStyle.getPropertyValue(key), computedStyle.getPropertyPriority(key));
+        });
+        clonedColumn.style.setProperty('width', 'fit-content', 'important');
+        document.body.appendChild(clonedColumn);
+        var computedWidth = Math.ceil(clonedColumn.getBoundingClientRect().width);
+        document.body.removeChild(clonedColumn);
+        var defaultNodeWidth = (_this$columnRef$curre = (_this$columnRef$curre2 = _this.columnRef.current) === null || _this$columnRef$curre2 === void 0 ? void 0 : _this$columnRef$curre2.clientWidth) !== null && _this$columnRef$curre !== void 0 ? _this$columnRef$curre : 0;
+        if (computedWidth >= defaultNodeWidth) {
+          return defaultNodeWidth + SORT_ICON_WIDTH;
+        } else {
+          var freeSpace = defaultNodeWidth - computedWidth;
+          if (freeSpace < SORT_ICON_WIDTH) {
+            return computedWidth + SORT_ICON_WIDTH;
+          }
+        }
+      }
+      return null;
+    });
+    (0, _defineProperty2["default"])(_this, "handleMouseEnter", function () {
+      _this.setState({
+        sortVisible: true
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "handleMouseLeave", function () {
+      _this.setState({
+        sortVisible: false
+      });
+    });
+    (0, _defineProperty2["default"])(_this, "handleBlur", function (e) {
+      var relatedTarget = e.relatedTarget;
+      if (!(0, _isFocusInside.isFocusInside)(e.currentTarget, relatedTarget)) {
+        _this.setState({
+          sortVisible: false
+        });
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "handleSort", function (e) {
+      var _this$asProps = _this.asProps,
+        sort = _this$asProps.sort,
+        onSortChange = _this$asProps.onSortChange,
+        name = _this$asProps.name,
+        sortable = _this$asProps.sortable;
+      if (sortable && onSortChange) {
+        var sortDirection = (sort === null || sort === void 0 ? void 0 : sort[0]) === name ? reversedSortDirection[sort[1]] : _this.defaultDirection;
+        onSortChange([name, sortDirection], e);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "handleSortClick", function (e) {
+      if (_core.lastInteraction.isKeyboard()) {
+        e.stopPropagation();
+        _this.handleSort(e);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "handleFocusableCellKeyDown", function (e) {
+      (0, _focusableCell.handleKeydownFocusCell)(_this.lockedCell, e);
+    });
+    (0, _defineProperty2["default"])(_this, "handleFocusableCellFocus", function (e) {
+      var cellElement = e.currentTarget;
+      var target = e.target;
+      if (_core.lastInteraction.isKeyboard()) {
+        _this.setState({
+          sortVisible: true
+        }, function () {
+          (0, _focusableCell.handleFocusCell)(_this.lockedCell, target, cellElement);
+        });
+      } else {
+        var _this$columnRef$curre3, _this$columnRef$curre4;
+        var focusableChildren = Array.from((_this$columnRef$curre3 = (_this$columnRef$curre4 = _this.columnRef.current) === null || _this$columnRef$curre4 === void 0 ? void 0 : _this$columnRef$curre4.children) !== null && _this$columnRef$curre3 !== void 0 ? _this$columnRef$curre3 : []).flatMap(function (node) {
+          return (0, _getFocusableIn.getFocusableIn)(node);
+        });
+        if ((0, _isInteractiveElement.isInteractiveElement)(e.target) && _this.columnRef.current && focusableChildren.length > 1) {
+          _this.lockedCell[0] = _this.columnRef.current;
+          _this.lockedCell[1] = true;
+        }
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "handleClick", function (e) {
+      var _this$columnRef$curre5, _this$columnRef$curre6;
+      var _this$asProps2 = _this.asProps,
+        sortable = _this$asProps2.sortable,
+        onClick = _this$asProps2.onClick,
+        columnIndex = _this$asProps2.columnIndex;
+      if (sortable) {
+        _this.handleSort(e);
+      }
+      var focusableChildren = Array.from((_this$columnRef$curre5 = (_this$columnRef$curre6 = _this.columnRef.current) === null || _this$columnRef$curre6 === void 0 ? void 0 : _this$columnRef$curre6.children) !== null && _this$columnRef$curre5 !== void 0 ? _this$columnRef$curre5 : []).flatMap(function (node) {
+        return (0, _getFocusableIn.getFocusableIn)(node);
+      });
+      if ((0, _isInteractiveElement.isInteractiveElement)(e.target) && _this.columnRef.current && focusableChildren.length > 1) {
+        _this.lockedCell[0] = _this.columnRef.current;
+        _this.lockedCell[1] = true;
+      }
+      onClick === null || onClick === void 0 || onClick(e, {
+        rowIndex: -1,
+        colIndex: columnIndex
+      });
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(Column, _Component);
+  return (0, _createClass2["default"])(Column, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      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,
+        scrollDirection = _this$asProps3.scrollDirection;
+      if (parent && sticky && scrollDirection !== 'horizontal') {
+        var _columnElement$parent, _groupElement$getBoun;
+        var columnElement = this.columnRef.current;
+        var groupElement = columnElement === null || columnElement === void 0 || (_columnElement$parent = columnElement.parentElement) === null || _columnElement$parent === void 0 ? void 0 : _columnElement$parent.children.item(0);
+        var groupRectHeight = (_groupElement$getBoun = groupElement === null || groupElement === void 0 ? void 0 : groupElement.getBoundingClientRect().height) !== null && _groupElement$getBoun !== void 0 ? _groupElement$getBoun : 0;
+        var topOffset = groupElement instanceof HTMLElement ? (0, _cssToIntDefault["default"])(groupElement.style.top) : 0;
+        columnElement === null || columnElement === void 0 || columnElement.style.setProperty('top', "".concat(groupRectHeight + topOffset, "px"));
+      }
+      if ((0, _canUseDOM["default"])() && changeSortSize && (sort === null || sort === void 0 ? void 0 : sort[0]) === name) {
+        this.changeTemplateColumnBySort();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _prevProps$sort, _this$asProps$sort;
+      if (this.asProps.changeSortSize && (0, _canUseDOM["default"])() && ((_prevProps$sort = prevProps.sort) === null || _prevProps$sort === void 0 ? void 0 : _prevProps$sort[0]) !== ((_this$asProps$sort = this.asProps.sort) === null || _this$asProps$sort === void 0 ? void 0 : _this$asProps$sort[0])) {
+        this.changeTemplateColumnBySort();
+      }
+    }
+  }, {
+    key: "changeTemplateColumnBySort",
+    value: function changeTemplateColumnBySort() {
+      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 () {
+          if (tableRef.current && newWidth !== null) {
+            tableRef.current.style.setProperty('grid-template-columns', gridTemplateColumns.map(function (gtcWidth, index) {
+              if (index === columnIndex) {
+                return "".concat(newWidth, "px");
+              }
+              return gtcWidth;
+            }).join(' '));
+          }
+        });
+      } else if ((sort === null || sort === void 0 ? void 0 : sort[0]) !== name) {
+        setTimeout(function () {
+          if (tableRef.current) {
+            var currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');
+            if (currentGridTemplateColumns) {
+              tableRef.current.style.setProperty('grid-template-columns', currentGridTemplateColumns.split(' ').map(function (gtcWidth, index) {
+                if (index === columnIndex) {
+                  return gridTemplateColumns[index];
+                }
+                return gtcWidth;
+              }).join(' '));
+            }
+          }
+        });
+      }
+    }
+  }, {
+    key: "defaultDirection",
+    get: function get() {
+      var sortable = this.asProps.sortable;
+      if (typeof sortable === 'string') {
+        return sortable;
+      }
+      return DEFAULT_DIRECTION;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SColumn = _baseComponents.Flex;
+      var SSortWrapper = 'div';
+      var SSortButton = _button.ButtonLink;
+      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],
+        sortDirection = _ref4[1];
+      var isSorted = sortBy === name && !!sortDirection;
+      var SSortIcon = isSorted ? SORTING_ICON[sortDirection] : SORTING_ICON[this.defaultDirection];
+      var visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);
+      var ariaDescribedBy = [];
+      if (sortable) {
+        ariaDescribedBy.push(sortableColumnDescribeId);
+      }
+      if (parent) {
+        ariaDescribedBy.push("igc-table-".concat(uid, "-").concat(parent.name, "-group"));
+      }
+      var ariaSortValue = isSorted ? ARIA_SORT[sortDirection] : undefined;
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SColumn, _ref2.cn("SColumn", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "ref": this.columnRef,
+        "role": 'columnheader',
+        "tabIndex": -1,
+        "onMouseEnter": this.handleMouseEnter,
+        "onMouseLeave": this.handleMouseLeave,
+        "onFocus": this.handleFocusableCellFocus,
+        "onBlur": this.handleBlur,
+        "onKeyDown": this.handleFocusableCellKeyDown,
+        "visibleSort": visibleSort,
+        "isSorted": isSorted,
+        "innerOutline": true,
+        "aria-describedby": ariaDescribedBy.length > 0 ? ariaDescribedBy.join(' ') : undefined,
+        "aria-sort": ariaSortValue,
+        "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", {
+        "aria-label": ariaSortValue,
+        "size": 100,
+        "color": '--intergalactic-icon-primary-neutral',
+        "onClick": this.handleSortClick
+      }), /*#__PURE__*/React.createElement(SSortButton.Addon, {
+        tag: SSortIcon
+      }))));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(Column, "displayName", 'Column');
+(0, _defineProperty2["default"])(Column, "style", style);
+//# sourceMappingURL=Column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","names":["_core","require","_baseComponents","_button","_canUseDOM","_interopRequireDefault","_cssToIntDefault","_getFocusableIn","_isFocusInside","_isInteractiveElement","_m","_m2","React","_interopRequireWildcard","_focusableCell","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","_callSuper2","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","e","relatedTarget","isFocusInside","currentTarget","_this$asProps","asProps","sort","onSortChange","name","sortable","sortDirection","defaultDirection","lastInteraction","isKeyboard","stopPropagation","handleSort","handleKeydownFocusCell","lockedCell","cellElement","target","handleFocusCell","_this$columnRef$curre3","_this$columnRef$curre4","focusableChildren","from","children","flatMap","getFocusableIn","isInteractiveElement","_this$columnRef$curre5","_this$columnRef$curre6","_this$asProps2","onClick","columnIndex","rowIndex","colIndex","_inherits2","_createClass2","value","componentDidMount","_this$asProps3","parent","sticky","changeSortSize","scrollDirection","_columnElement$parent","_groupElement$getBoun","columnElement","groupElement","parentElement","item","groupRectHeight","height","topOffset","HTMLElement","cssToIntDefault","top","canUseDOM","changeTemplateColumnBySort","componentDidUpdate","prevProps","_prevProps$sort","_this$asProps$sort","_this$asProps4","tableRef","gridTemplateColumns","newWidth","calculateActiveColumnMinWidth","setTimeout","map","gtcWidth","index","join","currentGridTemplateColumns","split","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","handleFocusableCellFocus","handleBlur","handleFocusableCellKeyDown","handleClick","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 cssToIntDefault from '@semcore/core/lib/utils/cssToIntDefault';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\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 { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, SortDirection } from '../DataTable/DataTable.types';\n\nconst SORTING_ICON: { [key in SortDirection]: React.FC<React.SVGProps<SVGSVGElement>> } = {\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<\n  Data extends DataTableData,\n  UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n  UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> extends Component<\n    DataTableColumnProps,\n    [],\n    {},\n    ColumnPropsInner<Data, UniqKey, UniqKeyType>,\n    State\n  > implements IFocusableCell {\n  lockedCell: LockedCell = [null, false];\n\n  static displayName = 'Column';\n  static style = style;\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, scrollDirection } = this.asProps;\n\n    if (parent && sticky && scrollDirection !== 'horizontal') {\n      const columnElement = this.columnRef.current;\n      const groupElement = columnElement?.parentElement?.children.item(0);\n\n      const groupRectHeight = groupElement?.getBoundingClientRect().height ?? 0;\n      const topOffset = (groupElement instanceof HTMLElement) ? cssToIntDefault(groupElement.style.top) : 0;\n\n      columnElement?.style.setProperty('top', `${groupRectHeight + topOffset}px`);\n    }\n\n    if (canUseDOM() && changeSortSize && sort?.[0] === name) {\n      this.changeTemplateColumnBySort();\n    }\n  }\n\n  componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<Data, UniqKey, UniqKeyType>): 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          const currentGridTemplateColumns = tableRef.current.style.getPropertyValue('grid-template-columns');\n\n          if (currentGridTemplateColumns) {\n            tableRef.current.style.setProperty(\n              'grid-template-columns',\n              currentGridTemplateColumns.split(' ')\n                .map((gtcWidth, index) => {\n                  if (index === columnIndex) {\n                    return gridTemplateColumns[index];\n                  }\n                  return gtcWidth;\n                })\n                .join(' '),\n            );\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)) {\n      this.setState({ sortVisible: false });\n    }\n  };\n\n  handleSort = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sort, onSortChange, name, sortable } = this.asProps;\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  handleSortClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    if (lastInteraction.isKeyboard()) {\n      e.stopPropagation();\n      this.handleSort(e);\n    }\n  };\n\n  handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n    handleKeydownFocusCell(this.lockedCell, e);\n  };\n\n  handleFocusableCellFocus = (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        handleFocusCell(this.lockedCell, target, cellElement);\n      });\n    } else {\n      const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n        this.lockedCell[0] = this.columnRef.current;\n        this.lockedCell[1] = true;\n      }\n    }\n  };\n\n  handleClick = (e: React.SyntheticEvent<HTMLElement>) => {\n    const { sortable, onClick, columnIndex } = this.asProps;\n    if (sortable) {\n      this.handleSort(e);\n    }\n\n    const focusableChildren = Array.from(this.columnRef.current?.children ?? []).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n\n    if (isInteractiveElement(e.target) && this.columnRef.current && focusableChildren.length > 1) {\n      this.lockedCell[0] = this.columnRef.current;\n      this.lockedCell[1] = true;\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.handleFocusableCellFocus}\n        onBlur={this.handleBlur}\n        onKeyDown={this.handleFocusableCellKeyDown}\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              aria-label={ariaSortValue}\n              size={100}\n              color='--intergalactic-icon-primary-neutral'\n              onClick={this.handleSortClick}\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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Column.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Column.types.js","names":[],"sources":["../../../../src/components/Head/Column.types.ts"],"sourcesContent":["import type { Property } from 'csstype';\n\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\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   * CSS `text-align` property\n   */\n  textAlign?: Property.TextAlign;\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    showShadowVertical?: boolean;\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<\n  Data extends DataTableData,\n  UniqKey extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? keyof Data[number][typeof ROW_GROUP][number] : keyof Data[number]),\n  UniqKeyType extends (Data[number] extends { [ROW_GROUP]: DataTableData } ? Data[number][typeof ROW_GROUP][number][UniqKey] : Data[number][UniqKey]),\n> = {\n  use: DTUse;\n  borders?: 'both' | 'left' | 'right';\n  sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n  onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['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: DataTableCellProps<Data, UniqKeyType>['onClick'];\n  shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n  scrollDirection?: 'horizontal' | 'vertical' | 'both';\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Group = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
+var _react = _interopRequireDefault(require("react"));
+var _DataTable = require("../DataTable/DataTable");
+/*!__reshadow-styles__:"./style.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes moveWithScroll_1qgdc{0%{transform:translateY(0)}to{transform:translateY(var(--global-scroll-to))}}.___SGroupContainer_1qgdc_gg_,.___SHead_1qgdc_gg_{display:contents}.___SHead_1qgdc_gg_.__isDataEmpty_1qgdc_gg_.__gridTemplateColumns_1qgdc_gg_{display:grid;grid-template-columns:var(--gridTemplateColumns_1qgdc);overflow:auto;scrollbar-width:thin}.___SHead_1qgdc_gg_.__animationDuration_1qgdc_gg_>.___SColumn_1qgdc_gg_{transition:top var(--animationDuration_1qgdc) ease-out}.___SHead_1qgdc_gg_.__withAnimation_1qgdc_gg_.__sticky_1qgdc_gg_ .___SColumn_1qgdc_gg_,.___SHead_1qgdc_gg_.__withAnimation_1qgdc_gg_.__sticky_1qgdc_gg_ .___SGroup_1qgdc_gg_{animation-name:moveWithScroll_1qgdc;animation-timeline:--table-sticky-timeline;animation-range-start:exit-crossing calc(-1*var(--global-header-top));animation-range-end:exit-crossing calc(100% - var(--global-header-top));animation-timing-function:linear;animation-fill-mode:both;transform:none}.___SHead_1qgdc_gg_.__sticky_1qgdc_gg_ .___SColumn_1qgdc_gg_,.___SHead_1qgdc_gg_.__sticky_1qgdc_gg_ .___SGroup_1qgdc_gg_{position:sticky;top:0;z-index:18;transform:translateY(var(--global-scroll-translate));will-change:scroll-position}.___SHead_1qgdc_gg_.__compact_1qgdc_gg_ .___SColumn_1qgdc_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1qgdc_gg_,.___SGroup_1qgdc_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden;line-height:var(--intergalactic-lh-100, 133%)}.___SGroup_1qgdc_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, rgb(248, 249, 248))}.___SGroup_1qgdc_gg_._use_primary_1qgdc_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1qgdc_gg_._use_primary_1qgdc_gg_:has(~.___SColumn_1qgdc_gg_.__visibleSort_1qgdc_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, rgb(234, 235, 235))}.___SGroup_1qgdc_gg_._use_secondary_1qgdc_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_left_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_left_1qgdc_gg_{border-left:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_left_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_left_1qgdc_gg_{border-left:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_left_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_left_1qgdc_gg_{border-left:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_right_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_right_1qgdc_gg_{border-right:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@supports (color:color(display-p3 0 0 0%)){.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_right_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_right_1qgdc_gg_{border-right:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SColumn_1qgdc_gg_._borders_both_1qgdc_gg_,.___SColumn_1qgdc_gg_._borders_right_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_both_1qgdc_gg_,.___SGroup_1qgdc_gg_._borders_right_1qgdc_gg_{border-right:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));background-color:var(--intergalactic-table-th-primary-cell, rgb(248, 249, 248))}@supports (color:color(display-p3 0 0 0%)){.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_{border-bottom:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_{border-bottom:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, rgb(234, 235, 235)) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_.__visibleSort_1qgdc_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, rgb(234, 235, 235))}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortButton_1qgdc_gg_,.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_::before,.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_::before{display:flex;opacity:1}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_._justifyContent_right_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{position:absolute}.___SColumn_1qgdc_gg_._use_primary_1qgdc_gg_._justifyContent_right_1qgdc_gg_.__changeSortSize_1qgdc_gg_.__isSorted_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_,.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_._justifyContent_right_1qgdc_gg_.__changeSortSize_1qgdc_gg_.__isSorted_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{position:relative}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, rgba(0, 12, 8, 0.161));background-color:var(--intergalactic-table-th-secondary-cell, rgb(255, 255, 255))}@supports (color:color(display-p3 0 0 0%)){.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, rgb(255, 255, 255)) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_.__visibleSort_1qgdc_gg_ .___SSortButton_1qgdc_gg_{display:flex;opacity:1}.___SColumn_1qgdc_gg_._use_secondary_1qgdc_gg_._justifyContent_right_1qgdc_gg_ .___SSortWrapper_1qgdc_gg_{position:absolute}.___SColumn_1qgdc_gg_.__gridArea_1qgdc_gg_,.___SGroupTitle_1qgdc_gg_.__gridArea_1qgdc_gg_,.___SGroup_1qgdc_gg_.__gridArea_1qgdc_gg_{grid-area:var(--gridArea_1qgdc)}.___SHead_1qgdc_gg_ .___SColumn_1qgdc_gg_.__fixed_1qgdc_gg_,.___SHead_1qgdc_gg_ .___SGroup_1qgdc_gg_.__fixed_1qgdc_gg_,.___SHead_1qgdc_gg_.__sticky_1qgdc_gg_ .___SColumn_1qgdc_gg_.__fixed_1qgdc_gg_{position:sticky;z-index:19}@media (hover:hover){.___SColumn_1qgdc_gg_.__sortable_1qgdc_gg_:hover{cursor:pointer}}.___SSortWrapper_1qgdc_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_1qgdc_gg_,.___SSortWrapper_1qgdc_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1qgdc_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1qgdc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433));margin-left:var(--intergalactic-spacing-1x, 4px)}@supports (color:color(display-p3 0 0 0%)){.___SSortButton_1qgdc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@media (color-gamut:p3){.___SSortButton_1qgdc_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, color(display-p3 0.00333 0.01824 0.00791 / 0.433))}}}.___SHead_1qgdc_gg_._sideIndents_wide_1qgdc_gg_ .___SColumn_1qgdc_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_1qgdc_gg_._sideIndents_wide_1qgdc_gg_ .___SColumn_1qgdc_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_1qgdc_gg_{cursor:pointer}.___SColumn_1qgdc_gg_.__fixed_1qgdc_gg_.__shadowVertical_1qgdc_gg_:after,.___SGroup_1qgdc_gg_.__fixed_1qgdc_gg_.__shadowVertical_1qgdc_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_{margin-right:-5px;border-right-color:transparent}.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_primary_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_._use_primary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_primary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_._use_primary_1qgdc_gg_{padding-right:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_._use_secondary_1qgdc_gg_{padding-right:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_:after,.___SColumn_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_:after,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_median_1qgdc_gg_:after,.___SGroup_1qgdc_gg_._fixed_left_1qgdc_gg_._shadowVertical_start_1qgdc_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(26, 30, 26, 0.08) 20.55%, transparent 100%))}.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_{margin-left:-5px;border-left-color:transparent}.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_._use_primary_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_primary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_._use_primary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_primary_1qgdc_gg_{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + 5px)}.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_._use_secondary_1qgdc_gg_,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_._use_secondary_1qgdc_gg_{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + 5px)}.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_:after,.___SColumn_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_:after,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_end_1qgdc_gg_:after,.___SGroup_1qgdc_gg_._fixed_right_1qgdc_gg_._shadowVertical_median_1qgdc_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(26, 30, 26, 0.08) 20.55%, transparent 100%))}", /*__inner_css_end__*/"1qgdc_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SHead": "___SHead_1qgdc_gg_",
+  "__SGroupContainer": "___SGroupContainer_1qgdc_gg_",
+  "_isDataEmpty": "__isDataEmpty_1qgdc_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1qgdc_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1qgdc",
+  "_animationDuration": "__animationDuration_1qgdc_gg_",
+  "__SColumn": "___SColumn_1qgdc_gg_",
+  "--animationDuration": "--animationDuration_1qgdc",
+  "@moveWithScroll": "moveWithScroll_1qgdc",
+  "_withAnimation": "__withAnimation_1qgdc_gg_",
+  "_sticky": "__sticky_1qgdc_gg_",
+  "__SGroup": "___SGroup_1qgdc_gg_",
+  "_compact": "__compact_1qgdc_gg_",
+  "_use_secondary": "_use_secondary_1qgdc_gg_",
+  "_borders_both": "_borders_both_1qgdc_gg_",
+  "_borders_left": "_borders_left_1qgdc_gg_",
+  "_borders_right": "_borders_right_1qgdc_gg_",
+  "_gridArea": "__gridArea_1qgdc_gg_",
+  "__SGroupTitle": "___SGroupTitle_1qgdc_gg_",
+  "--gridArea": "--gridArea_1qgdc",
+  "_fixed": "__fixed_1qgdc_gg_",
+  "_sortable": "__sortable_1qgdc_gg_",
+  "__SSortWrapper": "___SSortWrapper_1qgdc_gg_",
+  "__SSortButton": "___SSortButton_1qgdc_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_1qgdc_gg_",
+  "_use_primary": "_use_primary_1qgdc_gg_",
+  "_visibleSort": "__visibleSort_1qgdc_gg_",
+  "_justifyContent_right": "_justifyContent_right_1qgdc_gg_",
+  "_changeSortSize": "__changeSortSize_1qgdc_gg_",
+  "_isSorted": "__isSorted_1qgdc_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1qgdc_gg_",
+  "_shadowVertical": "__shadowVertical_1qgdc_gg_",
+  "_fixed_left": "_fixed_left_1qgdc_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1qgdc_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1qgdc_gg_",
+  "_fixed_right": "_fixed_right_1qgdc_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1qgdc_gg_"
+});
+var Group = exports.Group = /*#__PURE__*/function (_Component) {
+  function Group() {
+    (0, _classCallCheck2["default"])(this, Group);
+    return (0, _callSuper2["default"])(this, Group, arguments);
+  }
+  (0, _inherits2["default"])(Group, _Component);
+  return (0, _createClass2["default"])(Group, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this = this;
+      setTimeout(function () {
+        _this.forceUpdate();
+      }, 0);
+    }
+  }, {
+    key: "groupId",
+    get: function get() {
+      var uid = this.asProps.uid;
+      return "".concat(uid, "_columns_group");
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2,
+        _this2 = this;
+      var SGroupContainer = _baseComponents.Box;
+      var SGroup = _baseComponents.Box;
+      var _this$asProps = this.asProps,
+        styles = _this$asProps.styles,
+        Children = _this$asProps.Children,
+        title = _this$asProps.title,
+        columns = _this$asProps.columns,
+        withConfig = _this$asProps.withConfig;
+      var groupColumns = columns !== null && columns !== void 0 ? columns : [];
+      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
+      }, _ref))), withConfig ? /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})) : title), withConfig ? groupColumns.map(function (column, _i) {
+        return /*#__PURE__*/_react["default"].createElement(_DataTable.DataTable.Head.Column, (0, _extends2["default"])({
+          key: column.name
+        }, column, {
+          "aria-describedby": _this2.groupId
+        }));
+      }) : /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
+    }
+  }]);
+}(_core.Component);
+(0, _defineProperty2["default"])(Group, "displayName", 'Group');
+(0, _defineProperty2["default"])(Group, "style", style);
+(0, _defineProperty2["default"])(Group, "enhance", [(0, _uniqueID["default"])()]);
+//# sourceMappingURL=Group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","names":["_core","require","_baseComponents","_uniqueID","_interopRequireDefault","_react","_DataTable","style","sstyled","insert","Group","exports","_Component","_classCallCheck2","_callSuper2","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","columns","withConfig","groupColumns","createElement","cn","_objectSpread2","assignProps","groupId","map","column","_i","DataTable","Head","Column","_extends2","name","Component","_defineProperty2","uniqueIDEnhancement"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\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 { DataTable } from '../DataTable/DataTable';\n\nexport class Group extends Component<\n  DataTableGroupProps,\n  typeof Group.enhance,\n  {},\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, columns, withConfig } = this.asProps;\n    const groupColumns = columns ?? [];\n\n    return sstyled(styles)(\n      <SGroupContainer data-group-container>\n        <SGroup\n          render={Box}\n          style={style}\n          __excludeProps={['title']}\n          id={this.groupId}\n        >\n          {withConfig ? <Children /> : title}\n        </SGroup>\n        {withConfig\n          ? (\n              groupColumns.map((column, _i) => {\n                return (\n                  <DataTable.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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Group.type.js.map

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

@@ -0,0 +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 { BodyPropsInner } from '../Body/Body.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  shadowVertical?: BodyPropsInner<any, any>['shadowVertical'];\n};\n"],"mappings":"","ignoreList":[]}