@semcore/data-table 4.51.0-prerelease.4 → 4.51.0-prerelease.5

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

@@ -0,0 +1,345 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _callSuper from "@babel/runtime/helpers/callSuper";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import { Box, ScreenReaderOnly } from '@semcore/base-components';
+import Checkbox from '@semcore/checkbox';
+import { Component, createComponent, Root, sstyled } from '@semcore/core';
+import React from 'react';
+import { Column } from './Column';
+import { Group } from './Group';
+/*!__reshadow-styles__:"./style.shadow.css"*/
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@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_"
+});
+import { SelectableRows } from '../../store/SelectableRows';
+import { DataTable, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+var HeadRoot = /*#__PURE__*/function (_Component) {
+  function HeadRoot() {
+    var _this;
+    _classCallCheck(this, HeadRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, HeadRoot, [].concat(args));
+    _defineProperty(_this, "unsubscribeSelectAll", undefined);
+    _defineProperty(_this, "unsubscribeSetIndeterminate", undefined);
+    _defineProperty(_this, "handleSelectAll", function (value, event) {
+      var selectedRows = _this.asProps.selectedRows;
+      if (Array.isArray(selectedRows)) {
+        var _this$asProps$onChang, _this$asProps;
+        var idsSet = new Set(selectedRows);
+        if (value) {
+          _this.selectableRows.forEach(function (row) {
+            idsSet.add(row[UNIQ_ROW_KEY]);
+          });
+        } else {
+          _this.selectableRows.forEach(function (row) {
+            idsSet["delete"](row[UNIQ_ROW_KEY]);
+          });
+        }
+        (_this$asProps$onChang = (_this$asProps = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang === void 0 || _this$asProps$onChang.call(_this$asProps, Array.from(idsSet), event);
+      } else if (selectedRows) {
+        if (value) {
+          selectedRows.selectAll();
+        } else {
+          selectedRows.clearAllAvailable();
+        }
+      }
+    });
+    _defineProperty(_this, "handleClickSelectAll", function (value) {
+      return function (event) {
+        event === null || event === void 0 || event.preventDefault();
+        event === null || event === void 0 || event.stopPropagation();
+        _this.handleSelectAll(value, event);
+      };
+    });
+    return _this;
+  }
+  _inherits(HeadRoot, _Component);
+  return _createClass(HeadRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var selectedRows = this.asProps.selectedRows;
+      if (selectedRows && !Array.isArray(selectedRows)) {
+        this.unsubscribeSelectAll = selectedRows.on(SelectableRows.SELECT_ALL_EVENT, function () {
+          _this2.forceUpdate();
+        });
+        this.unsubscribeSetIndeterminate = selectedRows.on(SelectableRows.SET_INDETERMINATE_EVENT, function () {
+          _this2.forceUpdate();
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$unsubscribeSele, _this$unsubscribeSetI;
+      (_this$unsubscribeSele = this.unsubscribeSelectAll) === null || _this$unsubscribeSele === void 0 || _this$unsubscribeSele.call(this);
+      (_this$unsubscribeSetI = this.unsubscribeSetIndeterminate) === null || _this$unsubscribeSetI === void 0 || _this$unsubscribeSetI.call(this);
+    }
+  }, {
+    key: "sortableColumnDescribeId",
+    value: function sortableColumnDescribeId() {
+      var uid = this.asProps.uid;
+      return "".concat(uid, "-column-sortable-describer");
+    }
+  }, {
+    key: "getGroupProps",
+    value: function getGroupProps(props, index) {
+      var fixed = props.fixed,
+        columns = props.columns;
+      var _this$asProps2 = this.asProps,
+        use = _this$asProps2.use,
+        gridAreaGroupMap = _this$asProps2.gridAreaGroupMap,
+        children = _this$asProps2.children,
+        getFixedStyle = _this$asProps2.getFixedStyle,
+        shadowVertical = _this$asProps2.shadowVertical,
+        top = _this$asProps2.top,
+        scrollDirection = _this$asProps2.scrollDirection;
+      var groupColumns = columns !== null && columns !== void 0 ? columns : [];
+      var firstColumn = groupColumns[0];
+      var lastColumn = groupColumns[groupColumns.length - 1];
+      var style = {};
+      if (fixed === 'left' && firstColumn) {
+        var _getFixedStyle = getFixedStyle({
+            name: firstColumn.name,
+            fixed: 'left'
+          }),
+          _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2),
+          name = _getFixedStyle2[0],
+          value = _getFixedStyle2[1];
+        if (name !== undefined && value !== undefined) {
+          style[name] = value;
+        }
+      }
+      if (fixed === 'right' && lastColumn) {
+        var _getFixedStyle3 = getFixedStyle({
+            name: lastColumn.name,
+            fixed: 'right'
+          }),
+          _getFixedStyle4 = _slicedToArray(_getFixedStyle3, 2),
+          _name = _getFixedStyle4[0],
+          _value = _getFixedStyle4[1];
+        if (_name !== undefined && _value !== undefined) {
+          style[_name] = _value;
+        }
+      }
+      if (top && scrollDirection !== 'horizontal') {
+        style.top = "".concat(top, "px");
+      }
+      return {
+        use: use,
+        gridArea: gridAreaGroupMap.get(index),
+        withConfig: children === undefined,
+        getFixedStyle: getFixedStyle,
+        shadowVertical: firstColumn.showShadowVertical || lastColumn.showShadowVertical ? shadowVertical : undefined,
+        style: style,
+        scrollDirection: scrollDirection
+      };
+    }
+  }, {
+    key: "getColumnProps",
+    value: function getColumnProps(_, index) {
+      var _this$asProps3 = this.asProps,
+        use = _this$asProps3.use,
+        columns = _this$asProps3.columns,
+        sort = _this$asProps3.sort,
+        onSortChange = _this$asProps3.onSortChange,
+        tableRef = _this$asProps3.tableRef,
+        gridTemplateColumns = _this$asProps3.gridTemplateColumns,
+        gridTemplateAreas = _this$asProps3.gridTemplateAreas,
+        sticky = _this$asProps3.sticky,
+        top = _this$asProps3.top,
+        selectedRows = _this$asProps3.selectedRows,
+        h = _this$asProps3.h,
+        getFixedStyle = _this$asProps3.getFixedStyle,
+        onCellClick = _this$asProps3.onCellClick,
+        shadowVertical = _this$asProps3.shadowVertical,
+        scrollDirection = _this$asProps3.scrollDirection;
+      var column = columns[index];
+      if (index === 0 && selectedRows && columns[index + 1].fixed) {
+        column.fixed = 'left';
+      }
+      var _getFixedStyle5 = getFixedStyle(column),
+        _getFixedStyle6 = _slicedToArray(_getFixedStyle5, 2),
+        name = _getFixedStyle6[0],
+        value = _getFixedStyle6[1];
+      var style = {};
+      if (top && scrollDirection !== 'horizontal') {
+        style.top = "".concat(top, "px");
+      }
+      if (name !== undefined && value !== undefined) {
+        style[name] = value;
+      }
+      return {
+        use: use,
+        'aria-colindex': index + 1,
+        style: style,
+        'gridArea': column.gridArea,
+        'fixed': column.fixed,
+        sticky: sticky,
+        'borders': column.borders,
+        sort: sort,
+        onSortChange: onSortChange,
+        'parent': column.parent,
+        'sortableColumnDescribeId': this.sortableColumnDescribeId(),
+        'columnIndex': index,
+        tableRef: tableRef,
+        gridTemplateColumns: gridTemplateColumns,
+        gridTemplateAreas: gridTemplateAreas,
+        h: h,
+        'onClick': onCellClick,
+        'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,
+        scrollDirection: scrollDirection
+      };
+    }
+  }, {
+    key: "areAllRowsSelected",
+    get: function get() {
+      var selectedRows = this.asProps.selectedRows;
+      if (Array.isArray(selectedRows)) {
+        return selectedRows.length > 0 && this.selectableRows.every(function (row) {
+          return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
+        });
+      } else if (selectedRows) {
+        return selectedRows.isAllSelected();
+      }
+    }
+  }, {
+    key: "isIndeterminate",
+    get: function get() {
+      var selectedRows = this.asProps.selectedRows;
+      if (Array.isArray(selectedRows)) {
+        return this.selectableRows.some(function (row) {
+          return selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.includes(row[UNIQ_ROW_KEY]);
+        });
+      } else if (selectedRows) {
+        return selectedRows.isIndeterminate();
+      }
+    }
+  }, {
+    key: "selectableRows",
+    get: function get() {
+      var _this$asProps4 = this.asProps,
+        columns = _this$asProps4.columns,
+        flatRows = _this$asProps4.flatRows;
+      var mappedFlatRows = flatRows.filter(function (r) {
+        var _columns$;
+        var nextColumnName = (_columns$ = columns[1]) === null || _columns$ === void 0 ? void 0 : _columns$.name;
+        return r[nextColumnName] !== undefined;
+      });
+      return mappedFlatRows;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SHead = Box;
+      var SHeadCheckboxCol = Head.Column;
+      var _this$asProps5 = this.asProps,
+        Children = _this$asProps5.Children,
+        styles = _this$asProps5.styles,
+        getI18nText = _this$asProps5.getI18nText,
+        children = _this$asProps5.children,
+        treeColumns = _this$asProps5.treeColumns,
+        selectedRows = _this$asProps5.selectedRows,
+        sticky = _this$asProps5.sticky,
+        animationDuration = _this$asProps5.animationDuration,
+        isDataEmpty = _this$asProps5.isDataEmpty,
+        gridTemplateColumns = _this$asProps5.gridTemplateColumns;
+      var areAllRowsSelected = this.areAllRowsSelected;
+      var indeterminate = this.isIndeterminate && !areAllRowsSelected;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, _assignProps({
+        "role": 'row',
+        "aria-rowindex": 1,
+        "sticky": sticky,
+        "use:animationDuration": animationDuration ? "".concat(animationDuration, "ms") : undefined,
+        "isDataEmpty": isDataEmpty,
+        "use:gridTemplateColumns": gridTemplateColumns.join(' '),
+        "tabIndex": isDataEmpty ? 0 : undefined
+      }, _ref))), selectedRows && /*#__PURE__*/React.createElement(SHeadCheckboxCol, _ref2.cn("SHeadCheckboxCol", {
+        "name": SELECT_ALL,
+        "onClick": this.handleClickSelectAll(!areAllRowsSelected)
+      }), /*#__PURE__*/React.createElement(Checkbox, _ref2.cn("Checkbox", {
+        "checked": areAllRowsSelected,
+        "indeterminate": indeterminate,
+        "aria-label": getI18nText('DataTable.Header.selectAllCheckbox:aria-label'),
+        "onChange": this.handleSelectAll
+      }), /*#__PURE__*/React.createElement(Checkbox.Value, null, /*#__PURE__*/React.createElement(Checkbox.Value.Control, null), /*#__PURE__*/React.createElement(Checkbox.Value.CheckMark, {
+        mt: 0
+      })))), children ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, treeColumns.map(function (column, _i) {
+        if ('columns' in column) {
+          var _column$columns;
+          var columnsName = (_column$columns = column.columns) === null || _column$columns === void 0 ? void 0 : _column$columns.map(function (c) {
+            return c.name;
+          }).join('/');
+          return /*#__PURE__*/React.createElement(DataTable.Head.Group, _extends({
+            key: columnsName
+          }, column, {
+            name: columnsName,
+            title: ""
+          }));
+        }
+        return /*#__PURE__*/React.createElement(DataTable.Head.Column, _extends({
+          key: column.name
+        }, column));
+      }))), /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref2.cn("ScreenReaderOnly", {
+        "aria-hidden": true,
+        "id": this.sortableColumnDescribeId()
+      }), getI18nText('sortableColumn')));
+    }
+  }]);
+}(Component);
+_defineProperty(HeadRoot, "displayName", 'Head');
+_defineProperty(HeadRoot, "style", style);
+export var Head = createComponent(HeadRoot, {
+  Column: Column,
+  Group: Group
+});
+//# sourceMappingURL=Head.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","SelectableRows","DataTable","SELECT_ALL","UNIQ_ROW_KEY","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","undefined","value","event","selectedRows","asProps","isArray","_this$asProps$onChang","_this$asProps","idsSet","Set","selectableRows","forEach","row","add","onChangeSelectAll","call","from","selectAll","clearAllAvailable","preventDefault","stopPropagation","handleSelectAll","_inherits","_createClass","key","componentDidMount","_this2","unsubscribeSelectAll","on","SELECT_ALL_EVENT","forceUpdate","unsubscribeSetIndeterminate","SET_INDETERMINATE_EVENT","componentWillUnmount","_this$unsubscribeSele","_this$unsubscribeSetI","sortableColumnDescribeId","uid","getGroupProps","props","index","fixed","columns","_this$asProps2","use","gridAreaGroupMap","children","getFixedStyle","shadowVertical","top","scrollDirection","groupColumns","firstColumn","lastColumn","_getFixedStyle","name","_getFixedStyle2","_slicedToArray","_getFixedStyle3","_getFixedStyle4","gridArea","get","withConfig","showShadowVertical","getColumnProps","_","_this$asProps3","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","h","onCellClick","column","_getFixedStyle5","_getFixedStyle6","borders","parent","every","includes","isAllSelected","some","isIndeterminate","_this$asProps4","flatRows","mappedFlatRows","filter","r","_columns$","nextColumnName","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps5","Children","styles","getI18nText","treeColumns","animationDuration","isDataEmpty","areAllRowsSelected","indeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","join","handleClickSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","columnsName","c","_extends","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport type { DTRow } from '../Body/Row.types';\nimport { DataTable, type ROW_GROUP, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<\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    DataTableHeadProps,\n    [],\n    {},\n    HeadPropsInner<Data, UniqKey, UniqKeyType>\n  > {\n  static displayName = 'Head';\n  static style = style;\n\n  private unsubscribeSelectAll: undefined | (() => void) = undefined;\n  private unsubscribeSetIndeterminate: undefined | (() => void) = undefined;\n\n  componentDidMount() {\n    const { selectedRows } = this.asProps;\n\n    if (selectedRows && !Array.isArray(selectedRows)) {\n      this.unsubscribeSelectAll = selectedRows.on(SelectableRows.SELECT_ALL_EVENT, () => {\n        this.forceUpdate();\n      });\n\n      this.unsubscribeSetIndeterminate = selectedRows.on(SelectableRows.SET_INDETERMINATE_EVENT, () => {\n        this.forceUpdate();\n      });\n    }\n  }\n\n  componentWillUnmount() {\n    this.unsubscribeSelectAll?.();\n    this.unsubscribeSetIndeterminate?.();\n  }\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(props: any, index: number) {\n    const { fixed, columns } = props;\n    const { use, gridAreaGroupMap, children, getFixedStyle, shadowVertical, top, scrollDirection } = this.asProps;\n    const groupColumns = columns ?? [];\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({ name: firstColumn.name, fixed: 'left' });\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (fixed === 'right' && lastColumn) {\n      const [name, value] = getFixedStyle({ name: lastColumn.name, fixed: 'right' });\n      if (name !== undefined && value !== undefined) {\n        style[name] = value;\n      }\n    }\n    if (top && scrollDirection !== 'horizontal') {\n      style.top = `${top}px`;\n    }\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\n      shadowVertical: (firstColumn.showShadowVertical || lastColumn.showShadowVertical) ? shadowVertical : undefined,\n      style,\n      scrollDirection,\n    };\n  }\n\n  getColumnProps(_: any, index: number) {\n    const {\n      use,\n      columns,\n      sort,\n      onSortChange,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      sticky,\n      top,\n      selectedRows,\n      h,\n      getFixedStyle,\n      onCellClick,\n      shadowVertical,\n      scrollDirection,\n    } = this.asProps;\n    const column = columns[index];\n\n    if (index === 0 && selectedRows && columns[index + 1].fixed) {\n      column.fixed = 'left';\n    }\n\n    const [name, value] = getFixedStyle(column);\n    const style: any = {};\n\n    if (top && scrollDirection !== 'horizontal') {\n      style.top = `${top}px`;\n    }\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      style,\n      'gridArea': column.gridArea,\n      'fixed': column.fixed,\n      sticky,\n      'borders': column.borders,\n      sort,\n      onSortChange,\n      'parent': column.parent,\n      'sortableColumnDescribeId': this.sortableColumnDescribeId(),\n      'columnIndex': index,\n      tableRef,\n      gridTemplateColumns,\n      gridTemplateAreas,\n      h,\n      'onClick': onCellClick,\n      'shadowVertical': column.showShadowVertical ? shadowVertical : undefined,\n      scrollDirection,\n    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      const idsSet = new Set<UniqKeyType>(selectedRows);\n\n      if (value) {\n        this.selectableRows.forEach((row) => {\n          idsSet.add(row[UNIQ_ROW_KEY]);\n        });\n      } else {\n        this.selectableRows.forEach((row) => {\n          idsSet.delete(row[UNIQ_ROW_KEY]);\n        });\n      }\n\n      this.asProps.onChangeSelectAll?.(Array.from(idsSet), event);\n    } else if (selectedRows) {\n      if (value) {\n        selectedRows.selectAll();\n      } else {\n        selectedRows.clearAllAvailable();\n      }\n    }\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n\n    this.handleSelectAll(value, event);\n  };\n\n  get areAllRowsSelected() {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      return selectedRows.length > 0 && this.selectableRows.every((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n    } else if (selectedRows) {\n      return selectedRows.isAllSelected();\n    }\n  }\n\n  get isIndeterminate() {\n    const { selectedRows } = this.asProps;\n\n    if (Array.isArray(selectedRows)) {\n      return this.selectableRows.some((row) => selectedRows?.includes(row[UNIQ_ROW_KEY]));\n    } else if (selectedRows) {\n      return selectedRows.isIndeterminate();\n    }\n  }\n\n  get selectableRows(): DTRow<UniqKeyType>[] {\n    const { columns, flatRows } = this.asProps;\n    const mappedFlatRows = flatRows\n      .filter((r) => {\n        const nextColumnName = columns[1]?.name;\n        return r[nextColumnName] !== undefined;\n      });\n\n    return mappedFlatRows;\n  }\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, sticky, animationDuration, isDataEmpty, gridTemplateColumns } = this.asProps;\n\n    const areAllRowsSelected = this.areAllRowsSelected;\n    const indeterminate = this.isIndeterminate && !areAllRowsSelected;\n\n    return sstyled(styles)(\n      <>\n        <SHead\n          render={Box}\n          role='row'\n          aria-rowindex={1}\n          sticky={sticky}\n          use:animationDuration={animationDuration ? `${animationDuration}ms` : undefined}\n          isDataEmpty={isDataEmpty}\n          use:gridTemplateColumns={gridTemplateColumns.join(' ')}\n          tabIndex={isDataEmpty ? 0 : undefined}\n        >\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL}\n              onClick={this.handleClickSelectAll(!areAllRowsSelected)}\n            >\n              <Checkbox\n                checked={areAllRowsSelected}\n                indeterminate={indeterminate}\n                aria-label={getI18nText('DataTable.Header.selectAllCheckbox:aria-label')}\n                onChange={this.handleSelectAll}\n              >\n                <Checkbox.Value>\n                  <Checkbox.Value.Control />\n                  <Checkbox.Value.CheckMark mt={0} />\n                </Checkbox.Value>\n              </Checkbox>\n            </SHeadCheckboxCol>\n          )}\n\n          {children\n            ? (\n                <Children />\n              )\n            : (\n                <>\n                  {treeColumns.map((column, _i) => {\n                    if ('columns' in column) {\n                      const columnsName = column.columns?.map((c) => c.name).join('/');\n                      return (\n                        <DataTable.Head.Group\n                          key={columnsName}\n                          {...column}\n                          name={columnsName}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTable.Head.Column key={column.name} {...column} />;\n                  })}\n                </>\n              )}\n        </SHead>\n\n        <ScreenReaderOnly aria-hidden={true} id={this.sortableColumnDescribeId()}>\n          {getI18nText('sortableColumn')}\n        </ScreenReaderOnly>\n      </>,\n    );\n  }\n}\n\nexport const Head = createComponent(HeadRoot, { Column, Group }) as Intergalactic.Component<\n  'div',\n  DataTableHeadProps\n> & {\n  Column: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableColumnProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n  Group: <Tag extends 'div' | typeof Tooltip = 'div'>(\n    props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableGroupProps, {}, []>,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Head.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { ColumnPropsInner, DTColumn } from './Column.types';\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport type { BodyPropsInner } from '../Body/Body.types';\nimport type { DataTableCellProps } from '../Body/Cell.types';\nimport type { DTRow } from '../Body/Row.types';\nimport type { ROW_GROUP } from '../DataTable/DataTable';\nimport type { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\n\nexport type DataTableHeadProps = {\n  /**\n   * Sticky header\n   * @default false\n   */\n  sticky?: boolean;\n\n  /**\n   * offset for sticky header\n   */\n  top?: number;\n\n  /**\n   * Height of header in px\n   */\n  h?: number;\n\n  /** Enable scroll bar element in header */\n  withScrollBar?: boolean;\n\n  /** Animation duration for a top property. When it's set adds animation for top changes */\n  animationDuration?: number;\n\n  /** Outer ref for the header */\n  ref?: React.Ref<HTMLDivElement>;\n};\n\nexport type HeadPropsInner<\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  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  treeColumns: DTColumn[];\n  compact: boolean;\n  sort?: DataTableProps<Data, UniqKey, UniqKeyType>['sort'];\n  onSortChange?: DataTableProps<Data, UniqKey, UniqKeyType>['onSortChange'];\n  getI18nText: (key: string) => string;\n  uid: string;\n  ref: React.Ref<HTMLDivElement>;\n\n  gridAreaGroupMap: Map<number, string>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  sideIndents?: 'wide';\n\n  totalRows: number;\n  selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n  onChangeSelectAll?: (selectedRows: UniqKeyType[], event?: React.SyntheticEvent<HTMLElement>) => void;\n  flatRows: DTRow<UniqKeyType>[];\n\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  onCellClick: DataTableCellProps<Data, UniqKeyType>['onClick'];\n  shadowVertical?: BodyPropsInner<Data, UniqKeyType>['shadowVertical'];\n  scrollDirection?: ColumnPropsInner<Data, UniqKey, UniqKeyType>['scrollDirection'];\n  isDataEmpty: boolean;\n\n  withAnimation: boolean;\n};\n"],"mappings":"","ignoreList":[]}