@semcore/data-table 16.0.0-prerelease.15 → 16.0.0-prerelease.17

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

@@ -1,7 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
@@ -11,45 +10,38 @@ import * as React from 'react';
 import { Component, Root, sstyled } from '@semcore/core';
 import { Box } from '@semcore/base-components';
 /*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHead_182z1_gg_{display:contents}.___SHead_182z1_gg_.__sticky_182z1_gg_>.___SColumn_182z1_gg_{position:sticky;top:0;z-index:1}.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroup_182z1_gg_{top:0}.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroupContainer_182z1_gg_>.___SColumn_182z1_gg_{position:sticky;top:40px;z-index:1}.___SHead_182z1_gg_.__compact_182z1_gg_ .___SColumn_182z1_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_182z1_gg_,.___SGroup_182z1_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SGroup_182z1_gg_._use_primary_182z1_gg_{justify-content:center;padding:var(--intergalactic-spacing-3x, 12px);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_182z1_gg_._use_secondary_182z1_gg_{justify-content:center;padding:var(--intergalactic-spacing-2x, 8px);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SGroup_182z1_gg_:has(.___SColumn_182z1_gg_.__visibleSort_182z1_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_182z1_gg_._borders_both_182z1_gg_,.___SColumn_182z1_gg_._borders_left_182z1_gg_,.___SGroup_182z1_gg_._borders_both_182z1_gg_,.___SGroup_182z1_gg_._borders_left_182z1_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_182z1_gg_._borders_both_182z1_gg_,.___SColumn_182z1_gg_._borders_right_182z1_gg_,.___SGroup_182z1_gg_._borders_both_182z1_gg_,.___SGroup_182z1_gg_._borders_right_182z1_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_182z1_gg_._use_primary_182z1_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_182z1_gg_._use_primary_182z1_gg_ .___SSortWrapper_182z1_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortButton_182z1_gg_,.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_::before,.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_::before{display:flex;opacity:1}.___SColumn_182z1_gg_._use_secondary_182z1_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_182z1_gg_._use_secondary_182z1_gg_ .___SSortWrapper_182z1_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortButton_182z1_gg_{display:flex;opacity:1}.___SColumn_182z1_gg_.__gridArea_182z1_gg_,.___SGroupTitle_182z1_gg_.__gridArea_182z1_gg_,.___SGroup_182z1_gg_.__gridArea_182z1_gg_{grid-area:var(--gridArea_182z1)}.___SHead_182z1_gg_ .___SColumn_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_ .___SGroup_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SColumn_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroup_182z1_gg_{position:sticky;z-index:2}@media (hover:hover){.___SColumn_182z1_gg_.__sortable_182z1_gg_:hover{cursor:pointer}}.___SSortWrapper_182z1_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_182z1_gg_,.___SSortWrapper_182z1_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_182z1_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_182z1_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "182z1_gg_") /*__reshadow_css_end__*/, {
-  "__SHead": "___SHead_182z1_gg_",
-  "_sticky": "__sticky_182z1_gg_",
-  "__SColumn": "___SColumn_182z1_gg_",
-  "__SGroup": "___SGroup_182z1_gg_",
-  "__SGroupContainer": "___SGroupContainer_182z1_gg_",
-  "_compact": "__compact_182z1_gg_",
-  "_use_primary": "_use_primary_182z1_gg_",
-  "_use_secondary": "_use_secondary_182z1_gg_",
-  "_visibleSort": "__visibleSort_182z1_gg_",
-  "_borders_both": "_borders_both_182z1_gg_",
-  "_borders_left": "_borders_left_182z1_gg_",
-  "_borders_right": "_borders_right_182z1_gg_",
-  "_gridArea": "__gridArea_182z1_gg_",
-  "__SGroupTitle": "___SGroupTitle_182z1_gg_",
-  "--gridArea": "--gridArea_182z1",
-  "_fixed": "__fixed_182z1_gg_",
-  "_sortable": "__sortable_182z1_gg_",
-  "__SSortWrapper": "___SSortWrapper_182z1_gg_",
-  "__SSortButton": "___SSortButton_182z1_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SGroupContainer_1yovy_gg_,.___SHead_1yovy_gg_{display:contents}.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SColumn_1yovy_gg_{position:sticky;top:0;z-index:2}.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SGroup_1yovy_gg_{top:0}.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SGroupContainer_1yovy_gg_>.___SColumn_1yovy_gg_{position:sticky;z-index:2}.___SHead_1yovy_gg_.__compact_1yovy_gg_ .___SColumn_1yovy_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1yovy_gg_,.___SGroup_1yovy_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1yovy_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1yovy_gg_._use_primary_1yovy_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1yovy_gg_._use_primary_1yovy_gg_:has(~.___SColumn_1yovy_gg_.__visibleSort_1yovy_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1yovy_gg_._use_secondary_1yovy_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1yovy_gg_._borders_both_1yovy_gg_,.___SColumn_1yovy_gg_._borders_left_1yovy_gg_,.___SGroup_1yovy_gg_._borders_both_1yovy_gg_,.___SGroup_1yovy_gg_._borders_left_1yovy_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1yovy_gg_._borders_both_1yovy_gg_,.___SColumn_1yovy_gg_._borders_right_1yovy_gg_,.___SGroup_1yovy_gg_._borders_both_1yovy_gg_,.___SGroup_1yovy_gg_._borders_right_1yovy_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_ .___SSortWrapper_1yovy_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_.__visibleSort_1yovy_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortWrapper_1yovy_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortButton_1yovy_gg_,.___SColumn_1yovy_gg_._use_primary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortWrapper_1yovy_gg_::before,.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortWrapper_1yovy_gg_::before{display:flex;opacity:1}.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_ .___SSortWrapper_1yovy_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortWrapper_1yovy_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortButton_1yovy_gg_{display:flex;opacity:1}.___SColumn_1yovy_gg_.__gridArea_1yovy_gg_,.___SGroupTitle_1yovy_gg_.__gridArea_1yovy_gg_,.___SGroup_1yovy_gg_.__gridArea_1yovy_gg_{grid-area:var(--gridArea_1yovy)}.___SHead_1yovy_gg_ .___SColumn_1yovy_gg_.__fixed_1yovy_gg_,.___SHead_1yovy_gg_ .___SGroup_1yovy_gg_.__fixed_1yovy_gg_,.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SColumn_1yovy_gg_.__fixed_1yovy_gg_,.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SGroup_1yovy_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1yovy_gg_.__sortable_1yovy_gg_:hover{cursor:pointer}}.___SSortWrapper_1yovy_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_1yovy_gg_,.___SSortWrapper_1yovy_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1yovy_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1yovy_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "1yovy_gg_") /*__reshadow_css_end__*/, {
+  "__SHead": "___SHead_1yovy_gg_",
+  "__SGroupContainer": "___SGroupContainer_1yovy_gg_",
+  "_sticky": "__sticky_1yovy_gg_",
+  "__SColumn": "___SColumn_1yovy_gg_",
+  "__SGroup": "___SGroup_1yovy_gg_",
+  "_compact": "__compact_1yovy_gg_",
+  "_use_secondary": "_use_secondary_1yovy_gg_",
+  "_borders_both": "_borders_both_1yovy_gg_",
+  "_borders_left": "_borders_left_1yovy_gg_",
+  "_borders_right": "_borders_right_1yovy_gg_",
+  "_gridArea": "__gridArea_1yovy_gg_",
+  "__SGroupTitle": "___SGroupTitle_1yovy_gg_",
+  "--gridArea": "--gridArea_1yovy",
+  "_fixed": "__fixed_1yovy_gg_",
+  "_sortable": "__sortable_1yovy_gg_",
+  "__SSortWrapper": "___SSortWrapper_1yovy_gg_",
+  "__SSortButton": "___SSortButton_1yovy_gg_",
+  "_use_primary": "_use_primary_1yovy_gg_",
+  "_visibleSort": "__visibleSort_1yovy_gg_"
 });
 import getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';
 export var Group = /*#__PURE__*/function (_Component) {
   _inherits(Group, _Component);
   var _super = _createSuper(Group);
   function Group() {
-    var _this;
     _classCallCheck(this, Group);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "mounted", false);
-    return _this;
+    return _super.apply(this, arguments);
   }
   _createClass(Group, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this.mounted = true;
       this.forceUpdate();
     }
   }, {
@@ -77,10 +69,9 @@ export var Group = /*#__PURE__*/function (_Component) {
       if (fixed === 'right') {
         style.right = fixedColumnsMap.get(lastName);
       }
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SGroupContainer, _ref2.cn("SGroupContainer", {
-        "display": 'contents'
-      }), this.mounted && /*#__PURE__*/React.createElement(SGroup, _ref2.cn("SGroup", _objectSpread({}, _assignProps({
-        "style": style
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SGroupContainer, _ref2.cn("SGroupContainer", {}), /*#__PURE__*/React.createElement(SGroup, _ref2.cn("SGroup", _objectSpread({}, _assignProps({
+        "style": style,
+        "__excludeProps": ['title']
       }, _ref))), title), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
     }
   }]);

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

@@ -1 +1 @@
-{"version":3,"file":"Group.js","names":["React","Component","Root","sstyled","Box","style","_sstyled","insert","getOriginChildren","Group","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","componentDidMount","mounted","forceUpdate","render","_ref","asProps","_ref2","_children$","_children","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","fixedColumnsMap","children","firstName","props","name","lastName","left","get","right","createElement","cn","_objectSpread","_assignProps"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\n\nexport class Group extends Component<DataTableGroupProps, {}, {}, [], GroupPropsInner> {\n  static displayName = 'Group';\n  static style = style;\n\n  mounted = false;\n\n  componentDidMount() {\n    this.mounted = true;\n    this.forceUpdate();\n  }\n\n  render() {\n    const SGroupContainer = Box;\n    const SGroup = Root;\n    const { styles, Children, title, fixed, fixedColumnsMap } = this.asProps;\n    const children = getOriginChildren(Children);\n    const firstName = children[0]?.props.name;\n    const lastName = children[children.length - 1]?.props.name;\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstName) {\n      style.left = fixedColumnsMap.get(firstName);\n    }\n    if (fixed === 'right') {\n      style.right = fixedColumnsMap.get(lastName);\n    }\n\n    return sstyled(styles)(\n      <SGroupContainer display={'contents'}>\n        {this.mounted && (\n          <SGroup render={Box} style={style}>\n            {title}\n          </SGroup>\n        )}\n        <Children />\n      </SGroupContainer>,\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Group.js","names":["React","Component","Root","sstyled","Box","style","_sstyled","insert","getOriginChildren","Group","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","componentDidMount","forceUpdate","render","_ref","asProps","_ref2","_children$","_children","SGroupContainer","SGroup","_this$asProps","styles","Children","title","fixed","fixedColumnsMap","children","firstName","props","name","lastName","length","left","get","right","createElement","cn","_objectSpread","_assignProps","_defineProperty"],"sources":["../../../../src/components/Head/Group.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { DataTableGroupProps, GroupPropsInner } from './Group.type';\nimport getOriginChildren from '@semcore/core/lib/utils/getOriginChildren';\n\nexport class Group extends Component<DataTableGroupProps, {}, {}, [], GroupPropsInner> {\n  static displayName = 'Group';\n  static style = style;\n\n  componentDidMount() {\n    this.forceUpdate();\n  }\n\n  render() {\n    const SGroupContainer = Box;\n    const SGroup = Root;\n    const { styles, Children, title, fixed, fixedColumnsMap } = this.asProps;\n    const children = getOriginChildren(Children);\n    const firstName = children[0]?.props.name;\n    const lastName = children[children.length - 1]?.props.name;\n\n    const style: any = {};\n\n    if (fixed === 'left' && firstName) {\n      style.left = fixedColumnsMap.get(firstName);\n    }\n    if (fixed === 'right') {\n      style.right = fixedColumnsMap.get(lastName);\n    }\n\n    return sstyled(styles)(\n      <SGroupContainer>\n        <SGroup render={Box} style={style} __excludeProps={['title']}>\n          {title}\n        </SGroup>\n        <Children />\n      </SGroupContainer>,\n    );\n  }\n}\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACxD,SAASC,GAAG,QAAQ,0BAA0B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI/C,OAAOC,iBAAiB,MAAM,2CAA2C;AAEzE,WAAaC,KAAK,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,KAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,KAAA;EAAA,SAAAA,MAAA;IAAAK,eAAA,OAAAL,KAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,KAAA;IAAAS,GAAA;IAAAC,KAAA,EAIhB,SAAAC,kBAAA,EAAoB;MAClB,IAAI,CAACC,WAAW,EAAE;IACpB;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAG,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;QAAAC,UAAA;QAAAC,SAAA;MACP,IAAMC,eAAe,GAAGxB,GAAG;MAC3B,IAAMyB,MAAM,GAiBQzB,GAAG;MAhBvB,IAAA0B,aAAA,GAA4D,IAAI,CAACN,OAAO;QAAhEO,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,eAAe,GAAAL,aAAA,CAAfK,eAAe;MACvD,IAAMC,QAAQ,GAAG5B,iBAAiB,CAACwB,QAAQ,CAAC;MAC5C,IAAMK,SAAS,IAAAX,UAAA,GAAGU,QAAQ,CAAC,CAAC,CAAC,cAAAV,UAAA,uBAAXA,UAAA,CAAaY,KAAK,CAACC,IAAI;MACzC,IAAMC,QAAQ,IAAAb,SAAA,GAAGS,QAAQ,CAACA,QAAQ,CAACK,MAAM,GAAG,CAAC,CAAC,cAAAd,SAAA,uBAA7BA,SAAA,CAA+BW,KAAK,CAACC,IAAI;MAE1D,IAAMlC,KAAU,GAAG,CAAC,CAAC;MAErB,IAAI6B,KAAK,KAAK,MAAM,IAAIG,SAAS,EAAE;QACjChC,KAAK,CAACqC,IAAI,GAAGP,eAAe,CAACQ,GAAG,CAACN,SAAS,CAAC;MAC7C;MACA,IAAIH,KAAK,KAAK,OAAO,EAAE;QACrB7B,KAAK,CAACuC,KAAK,GAAGT,eAAe,CAACQ,GAAG,CAACH,QAAQ,CAAC;MAC7C;MAEA,OAAAf,KAAA,GAAOtB,OAAO,CAAC4B,MAAM,CAAC,eACpB/B,KAAA,CAAA6C,aAAA,CAACjB,eAAe,EAAAH,KAAA,CAAAqB,EAAA,sCACd9C,KAAA,CAAA6C,aAAA,CAAChB,MAAM,EAAAJ,KAAA,CAAAqB,EAAA,WAAAC,aAAA,KAAAC,YAAA;QAAA,SAAqB3C,KAAK;QAAA,kBAAkB,CAAC,OAAO;MAAC,GAAAkB,IAAA,KACzDU,KAAK,CACC,eACTjC,KAAA,CAAA6C,aAAA,CAACb,QAAQ,EAAAP,KAAA,CAAAqB,EAAA,iBAAG,CACI;IAEtB;EAAC;EAAA,OAAArC,KAAA;AAAA,EAjCwBR,SAAS;AAkCnCgD,eAAA,CAlCYxC,KAAK,iBACK,OAAO;AAAAwC,eAAA,CADjBxC,KAAK,WAEDJ,KAAK"}

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

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

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

@@ -12,30 +12,30 @@ import * as React from 'react';
 import { Component, createComponent, Root, sstyled } from '@semcore/core';
 import { Box, ScreenReaderOnly } from '@semcore/base-components';
 /*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHead_182z1_gg_{display:contents}.___SHead_182z1_gg_.__sticky_182z1_gg_>.___SColumn_182z1_gg_{position:sticky;top:0;z-index:1}.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroup_182z1_gg_{top:0}.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroupContainer_182z1_gg_>.___SColumn_182z1_gg_{position:sticky;top:40px;z-index:1}.___SHead_182z1_gg_.__compact_182z1_gg_ .___SColumn_182z1_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_182z1_gg_,.___SGroup_182z1_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SGroup_182z1_gg_._use_primary_182z1_gg_{justify-content:center;padding:var(--intergalactic-spacing-3x, 12px);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_182z1_gg_._use_secondary_182z1_gg_{justify-content:center;padding:var(--intergalactic-spacing-2x, 8px);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SGroup_182z1_gg_:has(.___SColumn_182z1_gg_.__visibleSort_182z1_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_182z1_gg_._borders_both_182z1_gg_,.___SColumn_182z1_gg_._borders_left_182z1_gg_,.___SGroup_182z1_gg_._borders_both_182z1_gg_,.___SGroup_182z1_gg_._borders_left_182z1_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_182z1_gg_._borders_both_182z1_gg_,.___SColumn_182z1_gg_._borders_right_182z1_gg_,.___SGroup_182z1_gg_._borders_both_182z1_gg_,.___SGroup_182z1_gg_._borders_right_182z1_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_182z1_gg_._use_primary_182z1_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_182z1_gg_._use_primary_182z1_gg_ .___SSortWrapper_182z1_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortButton_182z1_gg_,.___SColumn_182z1_gg_._use_primary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_::before,.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_::before{display:flex;opacity:1}.___SColumn_182z1_gg_._use_secondary_182z1_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_182z1_gg_._use_secondary_182z1_gg_ .___SSortWrapper_182z1_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortWrapper_182z1_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_182z1_gg_._use_secondary_182z1_gg_.__visibleSort_182z1_gg_ .___SSortButton_182z1_gg_{display:flex;opacity:1}.___SColumn_182z1_gg_.__gridArea_182z1_gg_,.___SGroupTitle_182z1_gg_.__gridArea_182z1_gg_,.___SGroup_182z1_gg_.__gridArea_182z1_gg_{grid-area:var(--gridArea_182z1)}.___SHead_182z1_gg_ .___SColumn_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_ .___SGroup_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SColumn_182z1_gg_.__fixed_182z1_gg_,.___SHead_182z1_gg_.__sticky_182z1_gg_ .___SGroup_182z1_gg_{position:sticky;z-index:2}@media (hover:hover){.___SColumn_182z1_gg_.__sortable_182z1_gg_:hover{cursor:pointer}}.___SSortWrapper_182z1_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_182z1_gg_,.___SSortWrapper_182z1_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_182z1_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_182z1_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "182z1_gg_") /*__reshadow_css_end__*/, {
-  "__SHead": "___SHead_182z1_gg_",
-  "_sticky": "__sticky_182z1_gg_",
-  "__SColumn": "___SColumn_182z1_gg_",
-  "__SGroup": "___SGroup_182z1_gg_",
-  "__SGroupContainer": "___SGroupContainer_182z1_gg_",
-  "_compact": "__compact_182z1_gg_",
-  "_use_primary": "_use_primary_182z1_gg_",
-  "_use_secondary": "_use_secondary_182z1_gg_",
-  "_visibleSort": "__visibleSort_182z1_gg_",
-  "_borders_both": "_borders_both_182z1_gg_",
-  "_borders_left": "_borders_left_182z1_gg_",
-  "_borders_right": "_borders_right_182z1_gg_",
-  "_gridArea": "__gridArea_182z1_gg_",
-  "__SGroupTitle": "___SGroupTitle_182z1_gg_",
-  "--gridArea": "--gridArea_182z1",
-  "_fixed": "__fixed_182z1_gg_",
-  "_sortable": "__sortable_182z1_gg_",
-  "__SSortWrapper": "___SSortWrapper_182z1_gg_",
-  "__SSortButton": "___SSortButton_182z1_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SGroupContainer_1yovy_gg_,.___SHead_1yovy_gg_{display:contents}.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SColumn_1yovy_gg_{position:sticky;top:0;z-index:2}.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SGroup_1yovy_gg_{top:0}.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SGroupContainer_1yovy_gg_>.___SColumn_1yovy_gg_{position:sticky;z-index:2}.___SHead_1yovy_gg_.__compact_1yovy_gg_ .___SColumn_1yovy_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_1yovy_gg_,.___SGroup_1yovy_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_1yovy_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_1yovy_gg_._use_primary_1yovy_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_1yovy_gg_._use_primary_1yovy_gg_:has(~.___SColumn_1yovy_gg_.__visibleSort_1yovy_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_1yovy_gg_._use_secondary_1yovy_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_1yovy_gg_._borders_both_1yovy_gg_,.___SColumn_1yovy_gg_._borders_left_1yovy_gg_,.___SGroup_1yovy_gg_._borders_both_1yovy_gg_,.___SGroup_1yovy_gg_._borders_left_1yovy_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1yovy_gg_._borders_both_1yovy_gg_,.___SColumn_1yovy_gg_._borders_right_1yovy_gg_,.___SGroup_1yovy_gg_._borders_both_1yovy_gg_,.___SGroup_1yovy_gg_._borders_right_1yovy_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_ .___SSortWrapper_1yovy_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_.__visibleSort_1yovy_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortWrapper_1yovy_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1yovy_gg_._use_primary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortButton_1yovy_gg_,.___SColumn_1yovy_gg_._use_primary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortWrapper_1yovy_gg_::before,.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortWrapper_1yovy_gg_::before{display:flex;opacity:1}.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_ .___SSortWrapper_1yovy_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortWrapper_1yovy_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_1yovy_gg_._use_secondary_1yovy_gg_.__visibleSort_1yovy_gg_ .___SSortButton_1yovy_gg_{display:flex;opacity:1}.___SColumn_1yovy_gg_.__gridArea_1yovy_gg_,.___SGroupTitle_1yovy_gg_.__gridArea_1yovy_gg_,.___SGroup_1yovy_gg_.__gridArea_1yovy_gg_{grid-area:var(--gridArea_1yovy)}.___SHead_1yovy_gg_ .___SColumn_1yovy_gg_.__fixed_1yovy_gg_,.___SHead_1yovy_gg_ .___SGroup_1yovy_gg_.__fixed_1yovy_gg_,.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SColumn_1yovy_gg_.__fixed_1yovy_gg_,.___SHead_1yovy_gg_.__sticky_1yovy_gg_ .___SGroup_1yovy_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_1yovy_gg_.__sortable_1yovy_gg_:hover{cursor:pointer}}.___SSortWrapper_1yovy_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_1yovy_gg_,.___SSortWrapper_1yovy_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_1yovy_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_1yovy_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "1yovy_gg_") /*__reshadow_css_end__*/, {
+  "__SHead": "___SHead_1yovy_gg_",
+  "__SGroupContainer": "___SGroupContainer_1yovy_gg_",
+  "_sticky": "__sticky_1yovy_gg_",
+  "__SColumn": "___SColumn_1yovy_gg_",
+  "__SGroup": "___SGroup_1yovy_gg_",
+  "_compact": "__compact_1yovy_gg_",
+  "_use_secondary": "_use_secondary_1yovy_gg_",
+  "_borders_both": "_borders_both_1yovy_gg_",
+  "_borders_left": "_borders_left_1yovy_gg_",
+  "_borders_right": "_borders_right_1yovy_gg_",
+  "_gridArea": "__gridArea_1yovy_gg_",
+  "__SGroupTitle": "___SGroupTitle_1yovy_gg_",
+  "--gridArea": "--gridArea_1yovy",
+  "_fixed": "__fixed_1yovy_gg_",
+  "_sortable": "__sortable_1yovy_gg_",
+  "__SSortWrapper": "___SSortWrapper_1yovy_gg_",
+  "__SSortButton": "___SSortButton_1yovy_gg_",
+  "_use_primary": "_use_primary_1yovy_gg_",
+  "_visibleSort": "__visibleSort_1yovy_gg_"
 });
 import { Column } from './Column';
 import { Group } from './Group';
-import { getFixedStyle, getScrollOffsetValue } from '../../utils';
+import { getFixedStyle } from '../../utils';
 var HeadRoot = /*#__PURE__*/function (_Component) {
   _inherits(HeadRoot, _Component);
   var _super = _createSuper(HeadRoot);
@@ -77,7 +77,8 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         onSortChange = _this$asProps2.onSortChange,
         tableRef = _this$asProps2.tableRef,
         gridTemplateColumns = _this$asProps2.gridTemplateColumns,
-        gridTemplateAreas = _this$asProps2.gridTemplateAreas;
+        gridTemplateAreas = _this$asProps2.gridTemplateAreas,
+        sticky = _this$asProps2.sticky;
       var column = columns[index];
       var _getFixedStyle = getFixedStyle(column, columns),
         _getFixedStyle2 = _slicedToArray(_getFixedStyle, 2),
@@ -97,6 +98,7 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         style: style,
         gridArea: column.gridArea,
         fixed: column.fixed,
+        sticky: sticky,
         borders: column.borders,
         sort: sort,
         onSortChange: onSortChange,
@@ -117,14 +119,7 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps3 = this.asProps,
         Children = _this$asProps3.Children,
         styles = _this$asProps3.styles,
-        columns = _this$asProps3.columns,
-        tableRef = _this$asProps3.tableRef,
-        withScrollBar = _this$asProps3.withScrollBar,
         getI18nText = _this$asProps3.getI18nText;
-      var _getScrollOffsetValue = getScrollOffsetValue(columns),
-        _getScrollOffsetValue2 = _slicedToArray(_getScrollOffsetValue, 2),
-        offsetLeftSum = _getScrollOffsetValue2[0],
-        offsetRightSum = _getScrollOffsetValue2[1];
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SHead, _ref2.cn("SHead", _objectSpread({}, _assignProps({
         "role": 'row',
         "aria-rowindex": 1

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["React","Component","createComponent","Root","sstyled","Box","ScreenReaderOnly","style","_sstyled","insert","Column","Group","getFixedStyle","getScrollOffsetValue","HeadRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","_createClass","key","value","sortableColumnDescribeId","uid","asProps","getGroupProps","_","index","_this$asProps","use","gridAreaGroupMap","gridArea","get","fixedColumnsMap","getColumnProps","_this$asProps2","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","column","_getFixedStyle","_getFixedStyle2","_slicedToArray","name","undefined","set","ref","node","fixed","borders","parent","columnIndex","render","_ref","_ref2","SHead","_this$asProps3","Children","styles","withScrollBar","getI18nText","_getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","createElement","Fragment","cn","_objectSpread","_assignProps","Head"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, createComponent, Intergalactic, Root, sstyled } from '@semcore/core';\nimport { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport { Box, ScreenReaderOnly, ScrollArea } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { Column } from './Column';\nimport { Group } from './Group';\nimport { DataTableColumnProps } from './Column.types';\nimport { getFixedStyle, getScrollOffsetValue } from '../../utils';\nimport { DataTableGroupProps } from './Group.type';\n\nclass HeadRoot extends Component<DataTableHeadProps, {}, {}, [], HeadPropsInner> {\n  static displayName = 'Head';\n  static style = style;\n\n  fixedColumnsMap = new Map<string, any>();\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(_: any, index: number) {\n    const { use, gridAreaGroupMap } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      fixedColumnsMap: this.fixedColumnsMap,\n    };\n  }\n\n  getColumnProps(_: any, index: number) {\n    const { use, columns, sort, onSortChange, tableRef, gridTemplateColumns, gridTemplateAreas } =\n      this.asProps;\n    const column = columns[index];\n    const [name, value] = getFixedStyle(column, columns);\n    const style: any = {};\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n\n      this.fixedColumnsMap.set(column.name, value);\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      ref: (node: HTMLElement | null) => column.ref(node),\n      style,\n      gridArea: column.gridArea,\n      fixed: column.fixed,\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    };\n  }\n\n  render() {\n    const SHead = Root;\n    const { Children, styles, columns, tableRef, withScrollBar, getI18nText } = this.asProps;\n    const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(columns);\n\n    return sstyled(styles)(\n      <>\n        <SHead render={Box} role='row' aria-rowindex={1}>\n          <Children />\n        </SHead>\n\n        {/*{Boolean(withScrollBar) && tableRef.current && (*/}\n        {/*  <Box display={'contents'}>*/}\n        {/*    <ScrollArea.Bar*/}\n        {/*      orientation='horizontal'*/}\n        {/*      container={tableRef}*/}\n        {/*      top={'25px'}*/}\n        {/*      leftOffset={offsetLeftSum}*/}\n        {/*      rightOffset={offsetRightSum}*/}\n        {/*    />*/}\n        {/*  </Box>*/}\n        {/*)}*/}\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: Intergalactic.Component<'div', DataTableColumnProps>;\n  Group: Intergalactic.Component<'div', DataTableGroupProps>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"Head.js","names":["React","Component","createComponent","Root","sstyled","Box","ScreenReaderOnly","style","_sstyled","insert","Column","Group","getFixedStyle","HeadRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","_createClass","key","value","sortableColumnDescribeId","uid","asProps","getGroupProps","_","index","_this$asProps","use","gridAreaGroupMap","gridArea","get","fixedColumnsMap","getColumnProps","_this$asProps2","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","column","_getFixedStyle","_getFixedStyle2","_slicedToArray","name","undefined","set","ref","node","fixed","borders","parent","columnIndex","render","_ref","_ref2","SHead","_this$asProps3","Children","styles","getI18nText","createElement","Fragment","cn","_objectSpread","_assignProps","Head"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, createComponent, Intergalactic, Root, sstyled } from '@semcore/core';\nimport { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Tooltip from '@semcore/tooltip';\n\nimport style from './style.shadow.css';\nimport { Column } from './Column';\nimport { Group } from './Group';\nimport { DataTableColumnProps } from './Column.types';\nimport { getFixedStyle } from '../../utils';\nimport { DataTableGroupProps } from './Group.type';\nimport { DataTableData } from '../DataTable/DataTable.types';\n\nclass HeadRoot<D extends DataTableData> extends Component<\n  DataTableHeadProps,\n  {},\n  {},\n  [],\n  HeadPropsInner<D>\n> {\n  static displayName = 'Head';\n  static style = style;\n\n  fixedColumnsMap = new Map<string, any>();\n\n  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(_: any, index: number) {\n    const { use, gridAreaGroupMap } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      fixedColumnsMap: this.fixedColumnsMap,\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    } = this.asProps;\n    const column = columns[index];\n    const [name, value] = getFixedStyle(column, columns);\n    const style: any = {};\n\n    if (name !== undefined && value !== undefined) {\n      style[name] = value;\n\n      this.fixedColumnsMap.set(column.name, value);\n    }\n\n    return {\n      use,\n      'aria-colindex': index + 1,\n      ref: (node: HTMLElement | null) => column.ref(node),\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    };\n  }\n\n  render() {\n    const SHead = Root;\n    const { Children, styles, getI18nText } = this.asProps;\n\n    return sstyled(styles)(\n      <>\n        <SHead render={Box} role='row' aria-rowindex={1}>\n          <Children />\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: (\n    props: Intergalactic.InternalTypings.ComponentProps<\n      'div' | typeof Tooltip,\n      'div',\n      DataTableColumnProps,\n      {},\n      []\n    >,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n  Group: (\n    props: Intergalactic.InternalTypings.ComponentProps<\n      'div' | typeof Tooltip,\n      'div',\n      DataTableGroupProps,\n      {},\n      []\n    >,\n  ) => Intergalactic.InternalTypings.ComponentRenderingResults;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\nimport { DTColumn } from './Column.types';\n\nexport type DataTableHeadProps = {\n  /**\n   * Sticky header\n   * @default false\n   */\n  sticky?: boolean;\n\n  /** Enable scroll bar element in header */\n  withScrollBar?: boolean;\n};\n\nexport type HeadPropsInner = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  compact: boolean;\n  sort?: DataTableProps['sort'];\n  onSortChange?: DataTableProps['onSortChange'];\n  getI18nText: (key: string) => string;\n  uid: string;\n  ref: React.RefObject<HTMLDivElement>;\n\n  gridAreaGroupMap: Map<number, string>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n};\n"],"mappings":""}
+{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import { DataTableData, DataTableProps, DTUse } from '../DataTable/DataTable.types';\nimport { DTColumn } from './Column.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  /** Enable scroll bar element in header */\n  withScrollBar?: boolean;\n};\n\nexport type HeadPropsInner<D extends DataTableData> = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  compact: boolean;\n  sort?: DataTableProps<D>['sort'];\n  onSortChange?: DataTableProps<D>['onSortChange'];\n  getI18nText: (key: string) => string;\n  uid: string;\n  ref: React.RefObject<HTMLDivElement>;\n\n  gridAreaGroupMap: Map<number, string>;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n};\n"],"mappings":""}

package/lib/es6/components/Head/style.shadow.css

@@ -1,17 +1,16 @@
-SHead {
+SHead, SGroupContainer {
   display: contents;
 }
 
-SHead[sticky] > SColumn, SHead[sticky] SGroup {
+SHead[sticky] SColumn, SHead[sticky] SGroup {
   position: sticky;
   top: 0;
-  z-index: 1;
+  z-index: 2;
 }
 
 SHead[sticky] SGroupContainer > SColumn {
   position: sticky;
-  top: 40px;
-  z-index: 1;
+  z-index: 2;
 }
 
 SHead[compact] SColumn {
@@ -27,21 +26,24 @@ SGroup, SColumn {
   height: 100%;
   position: relative;
   transition: width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out, min-width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out, max-width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
+  overflow: hidden;
 }
 
-SGroup[use='primary'] {
+SGroup {
   justify-content: center;
-  padding: var(--intergalactic-spacing-3x, 12px);
+  text-align: center;
   background-color: var(--intergalactic-table-th-primary-cell, #f4f5f9);
 }
+
+SGroup[use='primary'] {
+  padding: var(--intergalactic-spacing-3x, 12px);
+
+  &:has(~ SColumn[visibleSort]) {
+    background-color: var(--intergalactic-table-th-primary-cell-hover, #e0e1e9);
+  }
+}
 SGroup[use='secondary'] {
-  justify-content: center;
   padding: var(--intergalactic-spacing-2x, 8px);
-  background-color: var(--intergalactic-table-th-secondary-cell, #ffffff);
-}
-
-SGroup:has(SColumn[visibleSort]) {
-  background-color: var(--intergalactic-table-th-primary-cell-hover, #e0e1e9);
 }
 
 SGroup[borders='both'], SColumn[borders='both'], SGroup[borders='left'], SColumn[borders='left'] {
@@ -123,7 +125,7 @@ SColumn[gridArea], SGroup[gridArea], SGroupTitle[gridArea] {
 SHead[sticky] SColumn[fixed], SHead SColumn[fixed], SHead[sticky] SGroup, SHead SGroup[fixed] {
   position: sticky;
   /* because up resizable */
-  z-index: 2;
+  z-index: 3;
 }
 
 SColumn[sortable]:hover {

package/lib/es6/index.js

@@ -1,5 +1,6 @@
-import { DataTable, ACCORDION } from './components/DataTable/DataTable';
-export { default } from './DataTable';
-export * from './DataTable';
-export { DataTable, ACCORDION };
+import { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';
+var wrapDataTable = function wrapDataTable(wrapper) {
+  return wrapper;
+};
+export { DataTable, ACCORDION, ROW_GROUP, wrapDataTable };
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DataTable","ACCORDION","default"],"sources":["../../src/index.ts"],"sourcesContent":["import { DataTable, ACCORDION } from './components/DataTable/DataTable';\n\nexport { default } from './DataTable';\nexport * from './DataTable';\n\nexport { DataTable, ACCORDION };\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,SAAS,QAAQ,kCAAkC;AAEvE,SAASC,OAAO,QAAQ,aAAa;AACrC,cAAc,aAAa;AAE3B,SAASF,SAAS,EAAEC,SAAS"}
+{"version":3,"file":"index.js","names":["DataTable","ACCORDION","ROW_GROUP","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';\nimport type {\n  DataTableSort,\n  DataTableType,\n  DataTableData,\n} from './components/DataTable/DataTable.types';\nimport { Intergalactic } from '@semcore/core';\nimport React from 'react';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport { DataTable, ACCORDION, ROW_GROUP, wrapDataTable };\nexport type { DataTableSort, DataTableData };\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,SAAS,EAAEC,SAAS,QAAQ,kCAAkC;AASlF,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SAASJ,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,aAAa"}

package/lib/es6/style/scroll-shadows.shadow.css

@@ -1,11 +1,18 @@
 SScrollArea {
   width: fit-content;
-}
 
-SShadowHorizontal,
-SShadowVertical {
-  &:before,
-  &:after {
-    z-index: 1;
+  SShadowVertical {
+    &:before {
+      display: none;
+    }
+    &:after {
+      z-index: 2;
+    }
+  }
+  SShadowHorizontal {
+    &:before,
+    &:after {
+      z-index: 2;
+    }
   }
 }