@semcore/data-table 16.0.4 → 16.0.5

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

@@ -18,30 +18,30 @@ import React from 'react';
 import { Column } from './Column';
 import { Group } from './Group';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___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__*/_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_"
 });
 import { DataTableInternal, SELECT_ALL } from '../DataTable/DataTable';
 var HeadRoot = /*#__PURE__*/function (_Component) {
@@ -52,7 +52,6 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _callSuper(this, HeadRoot, [].concat(args));
-    _defineProperty(_this, "fixedColumnsMap", new Map());
     _defineProperty(_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);
@@ -80,12 +79,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
       };
     }
   }, {
@@ -103,7 +103,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';
@@ -118,7 +119,6 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
       }
       if (name !== undefined && value !== undefined) {
         style[name] = value;
-        this.fixedColumnsMap.set(column.name, value);
       }
       return {
         use: use,
@@ -136,7 +136,8 @@ var HeadRoot = /*#__PURE__*/function (_Component) {
         tableRef: tableRef,
         gridTemplateColumns: gridTemplateColumns,
         gridTemplateAreas: gridTemplateAreas,
-        h: h
+        h: h,
+        'onClick': onCellClick
       };
     }
   }, {

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","names":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTableInternal","SELECT_ALL","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","Map","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits","_createClass","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","_slicedToArray","name","set","borders","parent","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps5","Children","styles","getI18nText","treeColumns","totalRows","checked","indeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","_extends","c","join","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { 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":["Box","ScreenReaderOnly","Checkbox","Component","createComponent","Root","sstyled","React","Column","Group","style","_sstyled","insert","DataTableInternal","SELECT_ALL","HeadRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps$onChang","_this$asProps","asProps","onChangeSelectAll","call","_this$asProps$onChang2","_this$asProps2","preventDefault","stopPropagation","_inherits","_createClass","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","_slicedToArray","name","borders","parent","render","_ref","_ref2","SHead","SHeadCheckboxCol","Head","_this$asProps5","Children","styles","getI18nText","treeColumns","totalRows","checked","indeterminate","createElement","Fragment","cn","_objectSpread","_assignProps","toString","handleClickSelectAll","handleSelectAll","Value","Control","CheckMark","mt","map","_i","_column$columns","_extends","c","join","title"],"sources":["../../../../src/components/Head/Head.tsx"],"sourcesContent":["import { Box, ScreenReaderOnly } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, createComponent, type Intergalactic, Root, sstyled } from '@semcore/core';\nimport type Tooltip from '@semcore/tooltip';\nimport React from 'react';\n\nimport { Column } from './Column';\nimport type { DataTableColumnProps } from './Column.types';\nimport { Group } from './Group';\nimport type { DataTableGroupProps } from './Group.type';\nimport type { DataTableHeadProps, HeadPropsInner } from './Head.types';\nimport style from './style.shadow.css';\nimport { 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/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 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/es6/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/es6/index.js

@@ -2,5 +2,9 @@ import { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/Data
 var wrapDataTable = function wrapDataTable(wrapper) {
   return wrapper;
 };
-export { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY, wrapDataTable };
+export { DataTable, ACCORDION, ROW_GROUP,
+/**
+ * @deprecated use property `uniqueRowKey` in DataTableProps to set key of unique value in your data.
+ */
+UNIQ_ROW_KEY, wrapDataTable };
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DataTable","ACCORDION","ROW_GROUP","UNIQ_ROW_KEY","wrapDataTable","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,SAASA,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,kCAAkC;AAOhG,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SAASL,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,aAAa","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DataTable","ACCORDION","ROW_GROUP","UNIQ_ROW_KEY","wrapDataTable","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,SAASA,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,kCAAkC;AAShG,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SACEL,SAAS,EACTC,SAAS,EACTC,SAAS;AACT;AACF;AACA;AACEC,YAAY,EACZC,aAAa","ignoreList":[]}

package/lib/esm/components/Body/Body.mjs

@@ -27,46 +27,46 @@ 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)}',
+    '.___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__*/
-    "1aohy_gg_"
+    "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_"
   })
 );
 var ROWS_BUFFER = 20;
@@ -130,12 +130,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;
   }
@@ -196,7 +194,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
     key: "getCellProps",
     value: function getCellProps(props) {
       var _props$children, _value3, _this2 = this;
-      var _this$asProps2 = this.asProps, use = _this$asProps2.use, renderCell = _this$asProps2.renderCell, expandedRows = _this$asProps2.expandedRows, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, virtualScroll = _this$asProps2.virtualScroll, tableRef = _this$asProps2.tableRef, flatRows = _this$asProps2.flatRows, accordionDuration = _this$asProps2.accordionDuration;
+      var _this$asProps2 = this.asProps, use = _this$asProps2.use, renderCell = _this$asProps2.renderCell, expandedRows = _this$asProps2.expandedRows, styles = _this$asProps2.styles, getI18nText = _this$asProps2.getI18nText, virtualScroll = _this$asProps2.virtualScroll, tableRef = _this$asProps2.tableRef, flatRows = _this$asProps2.flatRows, accordionDuration = _this$asProps2.accordionDuration, onCellClick = _this$asProps2.onCellClick;
       var SAccordionToggle = ButtonLink;
       var dataKey = props.column.name;
       var cellValue = props.row[dataKey];
@@ -220,7 +218,8 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
         virtualScroll: Boolean(virtualScroll),
         tableRef,
         children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender(),
-        accordionDuration
+        accordionDuration,
+        onClick: onCellClick
       };
       if (renderCell) {
         var _value$toString, _value2;
@@ -240,7 +239,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];
+            }
           }
         }
       }
@@ -262,10 +265,15 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
         }
         var handleClick = function handleClick2(e) {
           e.stopPropagation();
+          onCellClick(e, {
+            colIndex: props.columnIndex,
+            rowIndex,
+            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"),