@semcore/data-table 16.0.4 → 16.0.5

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

@@ -24,30 +24,30 @@ var _Group = require("./Group");
 var _DataTable = require("../DataTable/DataTable");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_gxx2v_gg_,.___SHead_gxx2v_gg_{display:contents}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SColumn_gxx2v_gg_{position:sticky;top:0;z-index:2}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroup_gxx2v_gg_{top:0}.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroupContainer_gxx2v_gg_>.___SColumn_gxx2v_gg_{position:sticky;z-index:2}.___SHead_gxx2v_gg_.__compact_gxx2v_gg_ .___SColumn_gxx2v_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_gxx2v_gg_,.___SGroup_gxx2v_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_gxx2v_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_gxx2v_gg_._use_primary_gxx2v_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_gxx2v_gg_._use_primary_gxx2v_gg_:has(~.___SColumn_gxx2v_gg_.__visibleSort_gxx2v_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_gxx2v_gg_._use_secondary_gxx2v_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_gxx2v_gg_._borders_both_gxx2v_gg_,.___SColumn_gxx2v_gg_._borders_left_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_both_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_left_gxx2v_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gxx2v_gg_._borders_both_gxx2v_gg_,.___SColumn_gxx2v_gg_._borders_right_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_both_gxx2v_gg_,.___SGroup_gxx2v_gg_._borders_right_gxx2v_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortButton_gxx2v_gg_,.___SColumn_gxx2v_gg_._use_primary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before,.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{display:flex;opacity:1}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortWrapper_gxx2v_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_gxx2v_gg_._use_secondary_gxx2v_gg_.__visibleSort_gxx2v_gg_ .___SSortButton_gxx2v_gg_{display:flex;opacity:1}.___SColumn_gxx2v_gg_.__gridArea_gxx2v_gg_,.___SGroupTitle_gxx2v_gg_.__gridArea_gxx2v_gg_,.___SGroup_gxx2v_gg_.__gridArea_gxx2v_gg_{grid-area:var(--gridArea_gxx2v)}.___SHead_gxx2v_gg_ .___SColumn_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_ .___SGroup_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SColumn_gxx2v_gg_.__fixed_gxx2v_gg_,.___SHead_gxx2v_gg_.__sticky_gxx2v_gg_ .___SGroup_gxx2v_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_gxx2v_gg_.__sortable_gxx2v_gg_:hover{cursor:pointer}}.___SSortWrapper_gxx2v_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_gxx2v_gg_,.___SSortWrapper_gxx2v_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_gxx2v_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_gxx2v_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_gxx2v_gg_._sideIndents_wide_gxx2v_gg_ .___SColumn_gxx2v_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_gxx2v_gg_._sideIndents_wide_gxx2v_gg_ .___SColumn_gxx2v_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_gxx2v_gg_{cursor:pointer}", /*__inner_css_end__*/"gxx2v_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SGroupContainer_qatbb_gg_,.___SHead_qatbb_gg_{display:contents}.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SColumn_qatbb_gg_,.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SGroup_qatbb_gg_{position:sticky;top:0;z-index:2}.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SGroupContainer_qatbb_gg_>.___SColumn_qatbb_gg_{position:sticky;z-index:2}.___SHead_qatbb_gg_.__compact_qatbb_gg_ .___SColumn_qatbb_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SColumn_qatbb_gg_,.___SGroup_qatbb_gg_{display:flex;align-items:flex-start;font-size:var(--intergalactic-fs-100, 12px);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;height:100%;position:relative;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,min-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out,max-width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;overflow:hidden}.___SGroup_qatbb_gg_{justify-content:center;text-align:center;background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SGroup_qatbb_gg_._use_primary_qatbb_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SGroup_qatbb_gg_._use_primary_qatbb_gg_:has(~.___SColumn_qatbb_gg_.__visibleSort_qatbb_gg_){background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SGroup_qatbb_gg_._use_secondary_qatbb_gg_{padding:var(--intergalactic-spacing-2x, 8px)}.___SColumn_qatbb_gg_._borders_both_qatbb_gg_,.___SColumn_qatbb_gg_._borders_left_qatbb_gg_,.___SGroup_qatbb_gg_._borders_both_qatbb_gg_,.___SGroup_qatbb_gg_._borders_left_qatbb_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_qatbb_gg_._borders_both_qatbb_gg_,.___SColumn_qatbb_gg_._borders_right_qatbb_gg_,.___SGroup_qatbb_gg_._borders_both_qatbb_gg_,.___SGroup_qatbb_gg_._borders_right_qatbb_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortButton_qatbb_gg_,.___SColumn_qatbb_gg_._use_primary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before,.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{display:flex;opacity:1}.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_ .___SSortWrapper_qatbb_gg_::before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortWrapper_qatbb_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_qatbb_gg_._use_secondary_qatbb_gg_.__visibleSort_qatbb_gg_ .___SSortButton_qatbb_gg_{display:flex;opacity:1}.___SColumn_qatbb_gg_.__gridArea_qatbb_gg_,.___SGroupTitle_qatbb_gg_.__gridArea_qatbb_gg_,.___SGroup_qatbb_gg_.__gridArea_qatbb_gg_{grid-area:var(--gridArea_qatbb)}.___SHead_qatbb_gg_ .___SColumn_qatbb_gg_.__fixed_qatbb_gg_,.___SHead_qatbb_gg_ .___SGroup_qatbb_gg_.__fixed_qatbb_gg_,.___SHead_qatbb_gg_.__sticky_qatbb_gg_ .___SColumn_qatbb_gg_.__fixed_qatbb_gg_{position:sticky;z-index:3}@media (hover:hover){.___SColumn_qatbb_gg_.__sortable_qatbb_gg_:hover{cursor:pointer}}.___SSortWrapper_qatbb_gg_{align-items:center;display:flex;flex-shrink:1;position:relative;flex-basis:0;min-height:16px;opacity:0;transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SSortButton_qatbb_gg_,.___SSortWrapper_qatbb_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_qatbb_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortButton_qatbb_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #878992);top:calc(-1*(1em*1.25 - 16px));margin-left:var(--intergalactic-spacing-1x, 4px)}.___SHead_qatbb_gg_._sideIndents_wide_qatbb_gg_ .___SColumn_qatbb_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SHead_qatbb_gg_._sideIndents_wide_qatbb_gg_ .___SColumn_qatbb_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeadCheckboxCol_qatbb_gg_{cursor:pointer}", /*__inner_css_end__*/"qatbb_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SHead": "___SHead_gxx2v_gg_",
-  "__SGroupContainer": "___SGroupContainer_gxx2v_gg_",
-  "_sticky": "__sticky_gxx2v_gg_",
-  "__SColumn": "___SColumn_gxx2v_gg_",
-  "__SGroup": "___SGroup_gxx2v_gg_",
-  "_compact": "__compact_gxx2v_gg_",
-  "_use_secondary": "_use_secondary_gxx2v_gg_",
-  "_borders_both": "_borders_both_gxx2v_gg_",
-  "_borders_left": "_borders_left_gxx2v_gg_",
-  "_borders_right": "_borders_right_gxx2v_gg_",
-  "_gridArea": "__gridArea_gxx2v_gg_",
-  "__SGroupTitle": "___SGroupTitle_gxx2v_gg_",
-  "--gridArea": "--gridArea_gxx2v",
-  "_fixed": "__fixed_gxx2v_gg_",
-  "_sortable": "__sortable_gxx2v_gg_",
-  "__SSortWrapper": "___SSortWrapper_gxx2v_gg_",
-  "__SSortButton": "___SSortButton_gxx2v_gg_",
-  "__SHeadCheckboxCol": "___SHeadCheckboxCol_gxx2v_gg_",
-  "_use_primary": "_use_primary_gxx2v_gg_",
-  "_visibleSort": "__visibleSort_gxx2v_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_gxx2v_gg_"
+  "__SHead": "___SHead_qatbb_gg_",
+  "__SGroupContainer": "___SGroupContainer_qatbb_gg_",
+  "_sticky": "__sticky_qatbb_gg_",
+  "__SColumn": "___SColumn_qatbb_gg_",
+  "__SGroup": "___SGroup_qatbb_gg_",
+  "_compact": "__compact_qatbb_gg_",
+  "_use_secondary": "_use_secondary_qatbb_gg_",
+  "_borders_both": "_borders_both_qatbb_gg_",
+  "_borders_left": "_borders_left_qatbb_gg_",
+  "_borders_right": "_borders_right_qatbb_gg_",
+  "_gridArea": "__gridArea_qatbb_gg_",
+  "__SGroupTitle": "___SGroupTitle_qatbb_gg_",
+  "--gridArea": "--gridArea_qatbb",
+  "_fixed": "__fixed_qatbb_gg_",
+  "_sortable": "__sortable_qatbb_gg_",
+  "__SSortWrapper": "___SSortWrapper_qatbb_gg_",
+  "__SSortButton": "___SSortButton_qatbb_gg_",
+  "__SHeadCheckboxCol": "___SHeadCheckboxCol_qatbb_gg_",
+  "_use_primary": "_use_primary_qatbb_gg_",
+  "_visibleSort": "__visibleSort_qatbb_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_qatbb_gg_"
 });
 var HeadRoot = /*#__PURE__*/function (_Component) {
   function HeadRoot() {
@@ -57,7 +57,6 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, HeadRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "fixedColumnsMap", new Map());
     (0, _defineProperty2["default"])(_this, "handleSelectAll", function (value, event) {
       var _this$asProps$onChang, _this$asProps;
       (_this$asProps$onChang = (_this$asProps = _this.asProps).onChangeSelectAll) === null || _this$asProps$onChang === void 0 || _this$asProps$onChang.call(_this$asProps, value, event);
@@ -85,12 +84,13 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps3 = this.asProps,
         use = _this$asProps3.use,
         gridAreaGroupMap = _this$asProps3.gridAreaGroupMap,
-        children = _this$asProps3.children;
+        children = _this$asProps3.children,
+        getFixedStyle = _this$asProps3.getFixedStyle;
       return {
         use: use,
         gridArea: gridAreaGroupMap.get(index),
-        fixedColumnsMap: this.fixedColumnsMap,
-        withConfig: children === undefined
+        withConfig: children === undefined,
+        getFixedStyle: getFixedStyle
       };
     }
   }, {
@@ -108,7 +108,8 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         top = _this$asProps4.top,
         selectedRows = _this$asProps4.selectedRows,
         h = _this$asProps4.h,
-        getFixedStyle = _this$asProps4.getFixedStyle;
+        getFixedStyle = _this$asProps4.getFixedStyle,
+        onCellClick = _this$asProps4.onCellClick;
       var column = columns[index];
       if (index === 0 && selectedRows && columns[index + 1].fixed) {
         column.fixed = 'left';
@@ -123,7 +124,6 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
       }
       if (name !== undefined && value !== undefined) {
         style[name] = value;
-        this.fixedColumnsMap.set(column.name, value);
       }
       return {
         use: use,
@@ -141,7 +141,8 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         tableRef: tableRef,
         gridTemplateColumns: gridTemplateColumns,
         gridTemplateAreas: gridTemplateAreas,
-        h: h
+        h: h,
+        'onClick': onCellClick
       };
     }
   }, {

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","_Column","_Group","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","HeadRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","Map","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits2","_createClass2","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","gridArea","get","fixedColumnsMap","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","getFixedStyle","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","set","borders","parent","render","_ref","_ref2","SHead","Box","SHeadCheckboxCol","Head","Column","_this$asProps5","Children","styles","getI18nText","treeColumns","totalRows","checked","indeterminate","createElement","Fragment","cn","_objectSpread2","assignProps","SELECT_ALL","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","DataTableInternal","Group","_extends2","c","join","title","ScreenReaderOnly","Component","exports","createComponent"],"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 { DataTableInternal, SELECT_ALL } from '../DataTable/DataTable';\nimport type { 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, children } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      fixedColumnsMap: this.fixedColumnsMap,\n      withConfig: children === undefined,\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    } = 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) {\n      style.top = `${top}px`;\n    }\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      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    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, totalRows } =\n      this.asProps;\n\n    const checked = selectedRows && selectedRows.length === totalRows && totalRows > 0;\n    const indeterminate = selectedRows && selectedRows.length > 0 && !checked;\n\n    return sstyled(styles)(\n      <>\n        <SHead render={Box} role='row' aria-rowindex={1}>\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL.toString()}\n              onClick={this.handleClickSelectAll(!checked)}\n            >\n              <Checkbox\n                checked={checked}\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                      return (\n                        <DataTableInternal.Head.Group\n                          key={column.name}\n                          {...column}\n                          name={column.columns?.map((c) => c.name).join('/')}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTableInternal.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":[]}
+{"version":3,"file":"Head.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","_react","_Column","_Group","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","HeadRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits2","_createClass2","key","sortableColumnDescribeId","uid","getGroupProps","_","index","_this$asProps3","use","gridAreaGroupMap","children","getFixedStyle","gridArea","get","withConfig","undefined","getColumnProps","_this$asProps4","columns","sort","onSortChange","tableRef","gridTemplateColumns","gridTemplateAreas","sticky","top","selectedRows","h","onCellClick","column","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","name","borders","parent","render","_ref","_ref2","SHead","Box","SHeadCheckboxCol","Head","Column","_this$asProps5","Children","styles","getI18nText","treeColumns","totalRows","checked","indeterminate","createElement","Fragment","cn","_objectSpread2","assignProps","SELECT_ALL","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","DataTableInternal","Group","_extends2","c","join","title","ScreenReaderOnly","Component","exports","createComponent"],"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 { DataTableInternal, SELECT_ALL } from '../DataTable/DataTable';\nimport type { 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  sortableColumnDescribeId() {\n    const { uid } = this.asProps;\n    return `${uid}-column-sortable-describer`;\n  }\n\n  getGroupProps(_: any, index: number) {\n    const { use, gridAreaGroupMap, children, getFixedStyle } = this.asProps;\n\n    return {\n      use,\n      gridArea: gridAreaGroupMap.get(index),\n      withConfig: children === undefined,\n      getFixedStyle,\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    } = 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) {\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    };\n  }\n\n  handleSelectAll = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  handleClickSelectAll = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    this.asProps.onChangeSelectAll?.(value, event);\n  };\n\n  render() {\n    const SHead = Root;\n    const SHeadCheckboxCol = Head.Column;\n    const { Children, styles, getI18nText, children, treeColumns, selectedRows, totalRows } =\n      this.asProps;\n\n    const checked = selectedRows && selectedRows.length === totalRows && totalRows > 0;\n    const indeterminate = selectedRows && selectedRows.length > 0 && !checked;\n\n    return sstyled(styles)(\n      <>\n        <SHead render={Box} role='row' aria-rowindex={1}>\n          {selectedRows && (\n            <SHeadCheckboxCol\n              name={SELECT_ALL.toString()}\n              onClick={this.handleClickSelectAll(!checked)}\n            >\n              <Checkbox\n                checked={checked}\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                      return (\n                        <DataTableInternal.Head.Group\n                          key={column.name}\n                          {...column}\n                          name={column.columns?.map((c) => c.name).join('/')}\n                          title=''\n                        />\n                      );\n                    }\n\n                    return <DataTableInternal.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/cjs/components/Head/Head.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { DTColumn } from './Column.types';\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\nexport type HeadPropsInner<D extends DataTableData> = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  treeColumns: 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  sideIndents?: 'wide';\n\n  totalRows: number;\n  selectedRows?: number[];\n  onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Head.types.js","names":[],"sources":["../../../../src/components/Head/Head.types.ts"],"sourcesContent":["import type { DTColumn } from './Column.types';\nimport type { CellPropsInner } from '../Body/Cell.types';\nimport type { UniqRowKey } from '../Body/Row.types';\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\nexport type HeadPropsInner<D extends DataTableData> = {\n  use: DTUse;\n  tableRef: React.RefObject<HTMLElement>;\n  columns: DTColumn[];\n  treeColumns: 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  sideIndents?: 'wide';\n\n  totalRows: number;\n  selectedRows?: UniqRowKey[];\n  onChangeSelectAll?: (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => void;\n\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  onCellClick: CellPropsInner['onClick'];\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -122,7 +122,7 @@ SColumn[gridArea], SGroup[gridArea], SGroupTitle[gridArea] {
   grid-area: var(--gridArea);
 }
 
-SHead[sticky] SColumn[fixed], SHead SColumn[fixed], SHead[sticky] SGroup, SHead SGroup[fixed] {
+SHead[sticky] SColumn[fixed], SHead SColumn[fixed], SHead SGroup[fixed] {
   position: sticky;
   /* because up resizable */
   z-index: 3;

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_DataTable","require","wrapDataTable","exports","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';\nimport type {\n  DataTableSort,\n  DataTableType,\n  DataTableData,\n} from './components/DataTable/DataTable.types';\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, UNIQ_ROW_KEY, wrapDataTable };\nexport type { DataTableSort, DataTableData };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,UAAA,GAAAC,OAAA;AAOA,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CACjBE,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_DataTable","require","wrapDataTable","exports","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type React from 'react';\n\nimport { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';\nimport type {\n  DataTableSort,\n  DataTableType,\n  DataTableData,\n  DataTableProps,\n  DataTableChangeSort,\n} from './components/DataTable/DataTable.types';\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 {\n  DataTable,\n  ACCORDION,\n  ROW_GROUP,\n  /**\n   * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.\n   */\n  UNIQ_ROW_KEY,\n  wrapDataTable,\n};\nexport type {\n  DataTableSort,\n  DataTableData,\n  DataTableProps,\n  DataTableChangeSort,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAAA,UAAA,GAAAC,OAAA;AASA,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CACjBE,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO","ignoreList":[]}

package/lib/es6/components/Body/Body.js

@@ -22,44 +22,44 @@ import { Cell } from './Cell';
 import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
 import { Row } from './Row';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1aohy_gg_,.___SBody_1aohy_gg_,.___SRowGroup_1aohy_gg_,.___SRow_1aohy_gg_{display:contents}.___SBody_1aohy_gg_.__compact_1aohy_gg_ .___SCell_1aohy_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1aohy_gg_.__compact_1aohy_gg_ .___SCell_1aohy_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1aohy) - 1)))}.___SCellWrapper_1aohy_gg_.__gridArea_1aohy_gg_,.___SCollapseRow_1aohy_gg_.__gridArea_1aohy_gg_,.___SRow_1aohy_gg_.__gridArea_1aohy_gg_{grid-area:var(--gridArea_1aohy)}.___SCellWrapper_1aohy_gg_{height:100%}.___SAccordionRows_1aohy_gg_>.___SRow_1aohy_gg_.__isAccordionRow_1aohy_gg_:last-child>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_,.___SCollapseRow_1aohy_gg_.__gridArea_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1aohy_gg_ .___SCell_1aohy_gg_{display:block}.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_).__expanded_1aohy_gg_.__withAccordion_1aohy_gg_,.___SRow_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_._accordionType_row_1aohy_gg_.__expanded_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_.__isAccordionRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_muted_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_muted_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_):not(.__expanded_1aohy_gg_.__withAccordion_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_muted_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_muted_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_):not(.__expanded_1aohy_gg_.__withAccordion_1aohy_gg_),.___SRow_1aohy_gg_._theme_muted_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_muted_1aohy_gg_,.___SRow_1aohy_gg_:not(._accordionType_row_1aohy_gg_.__expanded_1aohy_gg_):hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_):not(.__expanded_1aohy_gg_.__withAccordion_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_info_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_info_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_info_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_info_1aohy_gg_,.___SRow_1aohy_gg_._theme_info_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_info_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_success_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_success_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_success_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_success_1aohy_gg_,.___SRow_1aohy_gg_._theme_success_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_success_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_warning_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_warning_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_warning_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_warning_1aohy_gg_,.___SRow_1aohy_gg_._theme_warning_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_warning_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_danger_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_danger_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_danger_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_danger_1aohy_gg_,.___SRow_1aohy_gg_._theme_danger_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_danger_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1aohy_gg_._theme_muted_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1aohy_gg_._theme_muted_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1aohy_gg_._theme_info_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1aohy_gg_._theme_info_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1aohy_gg_._theme_success_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1aohy_gg_._theme_success_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1aohy_gg_._theme_warning_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1aohy_gg_._theme_warning_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1aohy_gg_._theme_danger_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1aohy_gg_._theme_danger_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1aohy_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1aohy_gg_ .___SAccordionToggle_1aohy_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1aohy_gg_ .___SAccordionToggle_1aohy_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1aohy_gg_ .___SAccordionToggle_1aohy_gg_.__expanded_1aohy_gg_ svg{transform:rotate(90deg)}.___SCell_1aohy_gg_.__withAccordion_1aohy_gg_,.___SCheckboxCell_1aohy_gg_,.___SRow_1aohy_gg_._accordionType_row_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_{cursor:pointer}.___SCell_1aohy_gg_._use_primary_1aohy_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1aohy_gg_._use_primary_1aohy_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1aohy) - 1)))}.___SCell_1aohy_gg_._use_secondary_1aohy_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1aohy_gg_._use_secondary_1aohy_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1aohy) - 1)))}.___SCell_1aohy_gg_._borders_both_1aohy_gg_,.___SCell_1aohy_gg_._borders_left_1aohy_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1aohy_gg_._borders_both_1aohy_gg_,.___SCell_1aohy_gg_._borders_right_1aohy_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1aohy_gg_.__fixed_1aohy_gg_{position:sticky;z-index:2}.___SCell_1aohy_gg_._theme_muted_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1aohy_gg_._theme_info_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1aohy_gg_._theme_success_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1aohy_gg_._theme_warning_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1aohy_gg_._theme_danger_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1aohy_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1aohy_gg_.__headerHeight_1aohy_gg_{top:var(--headerHeight_1aohy)}.___SEmptyData_1aohy_gg_{grid-column:1/-1}.___SRow_1aohy_gg_._sideIndents_wide_1aohy_gg_ .___SCellWrapper_1aohy_gg_:first-child .___SCell_1aohy_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1aohy_gg_._sideIndents_wide_1aohy_gg_ .___SCellWrapper_1aohy_gg_:last-child .___SCell_1aohy_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1aohy_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1maz2_gg_,.___SBody_1maz2_gg_,.___SRowGroup_1maz2_gg_,.___SRow_1maz2_gg_{display:contents}.___SBody_1maz2_gg_.__compact_1maz2_gg_ .___SCell_1maz2_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1maz2_gg_.__compact_1maz2_gg_ .___SCell_1maz2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1maz2) - 1)))}.___SCellWrapper_1maz2_gg_.__gridArea_1maz2_gg_,.___SCollapseRow_1maz2_gg_.__gridArea_1maz2_gg_,.___SRow_1maz2_gg_.__gridArea_1maz2_gg_{grid-area:var(--gridArea_1maz2)}.___SCellWrapper_1maz2_gg_{height:100%}.___SAccordionRows_1maz2_gg_>.___SRow_1maz2_gg_.__isAccordionRow_1maz2_gg_:last-child>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_,.___SCollapseRow_1maz2_gg_.__gridArea_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1maz2_gg_ .___SCell_1maz2_gg_{display:block}.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_).__expanded_1maz2_gg_.__withAccordion_1maz2_gg_,.___SRow_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_._accordionType_row_1maz2_gg_.__expanded_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_.__isAccordionRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_muted_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_muted_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_):not(.__expanded_1maz2_gg_.__withAccordion_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_muted_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_muted_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_):not(.__expanded_1maz2_gg_.__withAccordion_1maz2_gg_),.___SRow_1maz2_gg_._theme_muted_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_muted_1maz2_gg_,.___SRow_1maz2_gg_:not(._accordionType_row_1maz2_gg_.__expanded_1maz2_gg_):hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_):not(.__expanded_1maz2_gg_.__withAccordion_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_info_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_info_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_info_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_info_1maz2_gg_,.___SRow_1maz2_gg_._theme_info_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_info_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_success_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_success_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_success_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_success_1maz2_gg_,.___SRow_1maz2_gg_._theme_success_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_success_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_warning_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_warning_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_warning_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_warning_1maz2_gg_,.___SRow_1maz2_gg_._theme_warning_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_warning_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_danger_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_danger_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_danger_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_danger_1maz2_gg_,.___SRow_1maz2_gg_._theme_danger_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_danger_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1maz2_gg_._theme_muted_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1maz2_gg_._theme_muted_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1maz2_gg_._theme_info_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1maz2_gg_._theme_info_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1maz2_gg_._theme_success_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1maz2_gg_._theme_success_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1maz2_gg_._theme_warning_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1maz2_gg_._theme_warning_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1maz2_gg_._theme_danger_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1maz2_gg_._theme_danger_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1maz2_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1maz2_gg_ .___SAccordionToggle_1maz2_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1maz2_gg_ .___SAccordionToggle_1maz2_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1maz2_gg_ .___SAccordionToggle_1maz2_gg_.__expanded_1maz2_gg_ svg{transform:rotate(90deg)}.___SCell_1maz2_gg_.__withAccordion_1maz2_gg_,.___SCheckboxCell_1maz2_gg_,.___SRow_1maz2_gg_._accordionType_row_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_{cursor:pointer}.___SCell_1maz2_gg_._use_primary_1maz2_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1maz2_gg_._use_primary_1maz2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1maz2) - 1)))}.___SCell_1maz2_gg_._use_secondary_1maz2_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1maz2_gg_._use_secondary_1maz2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1maz2) - 1)))}.___SCell_1maz2_gg_._borders_both_1maz2_gg_,.___SCell_1maz2_gg_._borders_left_1maz2_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1maz2_gg_._borders_both_1maz2_gg_,.___SCell_1maz2_gg_._borders_right_1maz2_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1maz2_gg_.__fixed_1maz2_gg_{position:sticky;z-index:2}.___SCell_1maz2_gg_._theme_muted_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1maz2_gg_._theme_info_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1maz2_gg_._theme_success_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1maz2_gg_._theme_warning_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1maz2_gg_._theme_danger_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1maz2_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1maz2_gg_.__headerHeight_1maz2_gg_{top:var(--headerHeight_1maz2)}.___SEmptyData_1maz2_gg_{grid-column:1/-1}.___SRow_1maz2_gg_._sideIndents_wide_1maz2_gg_ .___SCellWrapper_1maz2_gg_:first-child .___SCell_1maz2_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1maz2_gg_._sideIndents_wide_1maz2_gg_ .___SCellWrapper_1maz2_gg_:last-child .___SCell_1maz2_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1maz2_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_1aohy_gg_",
-  "__SRow": "___SRow_1aohy_gg_",
-  "__SRowGroup": "___SRowGroup_1aohy_gg_",
-  "__SAccordionRows": "___SAccordionRows_1aohy_gg_",
-  "_gridArea": "__gridArea_1aohy_gg_",
-  "__SCellWrapper": "___SCellWrapper_1aohy_gg_",
-  "__SCollapseRow": "___SCollapseRow_1aohy_gg_",
-  "--gridArea": "--gridArea_1aohy",
-  "__SCell": "___SCell_1aohy_gg_",
-  "_isAccordionRow": "__isAccordionRow_1aohy_gg_",
-  "_active": "__active_1aohy_gg_",
-  "_theme": "__theme_1aohy_gg_",
-  "_accordionType_row": "_accordionType_row_1aohy_gg_",
-  "_expanded": "__expanded_1aohy_gg_",
-  "_withAccordion": "__withAccordion_1aohy_gg_",
-  "_theme_muted": "_theme_muted_1aohy_gg_",
-  "_theme_info": "_theme_info_1aohy_gg_",
-  "_theme_success": "_theme_success_1aohy_gg_",
-  "_theme_warning": "_theme_warning_1aohy_gg_",
-  "_theme_danger": "_theme_danger_1aohy_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_1aohy_gg_",
-  "_borders_both": "_borders_both_1aohy_gg_",
-  "_borders_left": "_borders_left_1aohy_gg_",
-  "_borders_right": "_borders_right_1aohy_gg_",
-  "_fixed": "__fixed_1aohy_gg_",
-  "__SSpinContainer": "___SSpinContainer_1aohy_gg_",
-  "_headerHeight": "__headerHeight_1aohy_gg_",
-  "--headerHeight": "--headerHeight_1aohy",
-  "__SEmptyData": "___SEmptyData_1aohy_gg_",
-  "_compact": "__compact_1aohy_gg_",
-  "--data-aria-level": "--data-aria-level_1aohy",
-  "__SAccordionToggle": "___SAccordionToggle_1aohy_gg_",
-  "_use_primary": "_use_primary_1aohy_gg_",
-  "_use_secondary": "_use_secondary_1aohy_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_1aohy_gg_"
+  "__SBody": "___SBody_1maz2_gg_",
+  "__SRow": "___SRow_1maz2_gg_",
+  "__SRowGroup": "___SRowGroup_1maz2_gg_",
+  "__SAccordionRows": "___SAccordionRows_1maz2_gg_",
+  "_gridArea": "__gridArea_1maz2_gg_",
+  "__SCellWrapper": "___SCellWrapper_1maz2_gg_",
+  "__SCollapseRow": "___SCollapseRow_1maz2_gg_",
+  "--gridArea": "--gridArea_1maz2",
+  "__SCell": "___SCell_1maz2_gg_",
+  "_isAccordionRow": "__isAccordionRow_1maz2_gg_",
+  "_active": "__active_1maz2_gg_",
+  "_theme": "__theme_1maz2_gg_",
+  "_accordionType_row": "_accordionType_row_1maz2_gg_",
+  "_expanded": "__expanded_1maz2_gg_",
+  "_withAccordion": "__withAccordion_1maz2_gg_",
+  "_theme_muted": "_theme_muted_1maz2_gg_",
+  "_theme_info": "_theme_info_1maz2_gg_",
+  "_theme_success": "_theme_success_1maz2_gg_",
+  "_theme_warning": "_theme_warning_1maz2_gg_",
+  "_theme_danger": "_theme_danger_1maz2_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_1maz2_gg_",
+  "_borders_both": "_borders_both_1maz2_gg_",
+  "_borders_left": "_borders_left_1maz2_gg_",
+  "_borders_right": "_borders_right_1maz2_gg_",
+  "_fixed": "__fixed_1maz2_gg_",
+  "__SSpinContainer": "___SSpinContainer_1maz2_gg_",
+  "_headerHeight": "__headerHeight_1maz2_gg_",
+  "--headerHeight": "--headerHeight_1maz2",
+  "__SEmptyData": "___SEmptyData_1maz2_gg_",
+  "_compact": "__compact_1maz2_gg_",
+  "--data-aria-level": "--data-aria-level_1maz2",
+  "__SAccordionToggle": "___SAccordionToggle_1maz2_gg_",
+  "_use_primary": "_use_primary_1maz2_gg_",
+  "_use_secondary": "_use_secondary_1maz2_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1maz2_gg_"
 });
 import { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
 var ROWS_BUFFER = 20;
@@ -124,12 +124,10 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         }
       };
     });
-    _defineProperty(_this, "handleClickCell", function (row, index) {
-      return function (e) {
-        if (!isInteractiveElement(e.target)) {
-          _this.handleExpandRow(row, index);
-        }
-      };
+    _defineProperty(_this, "handleClickCell", function (e, opt) {
+      if (!isInteractiveElement(e.target)) {
+        _this.handleExpandRow(opt.row, opt.rowIndex);
+      }
     });
     return _this;
   }
@@ -221,7 +219,8 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         virtualScroll = _this$asProps2.virtualScroll,
         tableRef = _this$asProps2.tableRef,
         flatRows = _this$asProps2.flatRows,
-        accordionDuration = _this$asProps2.accordionDuration;
+        accordionDuration = _this$asProps2.accordionDuration,
+        onCellClick = _this$asProps2.onCellClick;
       var SAccordionToggle = ButtonLink;
       var dataKey = props.column.name;
       var cellValue = props.row[dataKey];
@@ -245,7 +244,8 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         virtualScroll: Boolean(virtualScroll),
         tableRef: tableRef,
         children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender(),
-        accordionDuration: accordionDuration
+        accordionDuration: accordionDuration,
+        onClick: onCellClick
       };
       if (renderCell) {
         var _value$toString, _value2;
@@ -265,7 +265,11 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
           extraProps.children = external;
         } else {
           for (var key in external) {
-            extraProps[key] = external[key];
+            if (key === 'onClick') {
+              extraProps[key] = callAllEventHandlers(external[key], extraProps[key]);
+            } else {
+              extraProps[key] = external[key];
+            }
           }
         }
       }
@@ -287,10 +291,15 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         }
         var handleClick = function handleClick(e) {
           e.stopPropagation();
+          onCellClick(e, {
+            colIndex: props.columnIndex,
+            rowIndex: rowIndex,
+            row: row
+          });
           _this2.handleExpandRow(row, rowIndex);
         };
         if ((_value4 = value) !== null && _value4 !== void 0 && _value4[ACCORDION] || cellValue instanceof MergedRowsCell && cellValue.accordion) {
-          extraProps.onClick = callAllEventHandlers(extraProps.onClick, this.handleClickCell(row, rowIndex));
+          extraProps.onClick = callAllEventHandlers(extraProps.onClick, this.handleClickCell);
         }
         extraProps.children = (_ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SAccordionToggle, _ref2.cn("SAccordionToggle", {
           "aria-label": getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label'),