@semcore/data-table 16.0.0-prerelease.19 → 16.0.0-prerelease.20

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

@@ -165,3 +165,16 @@ SSortButton {
   opacity: 0;
   transition: opacity 0.3s ease;
 }
+
+SHead[sideIndents='wide'] {
+  SColumn:first-child {
+    padding-left: var(--intergalactic-spacing-5x, 20px);
+  }
+  SColumn:last-child {
+    padding-right: var(--intergalactic-spacing-5x, 20px);
+  }
+}
+
+SHeadCheckboxCol {
+  cursor: pointer;
+}

package/lib/es6/index.js

@@ -1,6 +1,6 @@
-import { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';
+import { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from './components/DataTable/DataTable';
 var wrapDataTable = function wrapDataTable(wrapper) {
   return wrapper;
 };
-export { DataTable, ACCORDION, ROW_GROUP, wrapDataTable };
+export { DataTable, ACCORDION, ROW_GROUP, 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","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import { DataTable, ACCORDION, ROW_GROUP } from './components/DataTable/DataTable';\nimport type {\n  DataTableSort,\n  DataTableType,\n  DataTableData,\n} from './components/DataTable/DataTable.types';\nimport { Intergalactic } from '@semcore/core';\nimport React from 'react';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport { DataTable, ACCORDION, ROW_GROUP, wrapDataTable };\nexport type { DataTableSort, DataTableData };\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,SAAS,EAAEC,SAAS,QAAQ,kCAAkC;AASlF,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SAASJ,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,aAAa"}
+{"version":3,"file":"index.js","names":["DataTable","ACCORDION","ROW_GROUP","UNIQ_ROW_KEY","wrapDataTable","wrapper"],"sources":["../../src/index.ts"],"sourcesContent":["import { 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';\nimport { Intergalactic } from '@semcore/core';\nimport React from 'react';\n\nconst wrapDataTable = <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<DataTableType>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n): DataTableType => wrapper as any;\n\nexport { DataTable, ACCORDION, ROW_GROUP, UNIQ_ROW_KEY, wrapDataTable };\nexport type { DataTableSort, DataTableData };\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,QAAQ,kCAAkC;AAShG,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACjBC,OAKoB;EAAA,OACFA,OAAO;AAAA,CAAO;AAElC,SAASL,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAEC,YAAY,EAAEC,aAAa"}

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

@@ -15,7 +15,19 @@ SScrollArea {
       overflow-x: unset;
       overflow-y: auto;
     }
+    &[loading] {
+      overflow: hidden;
+    }
 
+    &[headerHeight] {
+      scroll-padding-top: var(--headerHeight);
+    }
+    &[leftScrollPadding] {
+      scroll-padding-left: var(--leftScrollPadding);
+    }
+    &[rightScrollPadding] {
+      scroll-padding-right: var(--rightScrollPadding);
+    }
   }
 
   SShadowVertical {

package/lib/es6/translations/en.json

@@ -1,5 +1,8 @@
 {
   "sortableColumn": "Sortable",
   "DataTable.Cell.AccordionToggle.expand:aria-label": "Show details",
-  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Hide details"
+  "DataTable.Cell.AccordionToggle.collapse:aria-label": "Hide details",
+  "DataTable.Header.selectAllCheckbox:aria-label": "All items",
+  "DataTable.allItemsSelected:aria-live": "All items selected",
+  "DataTable.allItemsDeselected:aria-live": "All items deselected"
 }

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

@@ -1,4 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
@@ -11,48 +10,55 @@ import * as React from "react";
 import { Box } from "@semcore/base-components";
 import { Row } from "./Row.mjs";
 import { Cell } from "./Cell.mjs";
-import { MergedRowsCell, MergedColumnsCell } from "./MergedCells.mjs";
-import { ACCORDION, UNIQ_ROW_KEY, ROW_GROUP } from "../DataTable/DataTable.mjs";
+import { MergedColumnsCell, MergedRowsCell } from "./MergedCells.mjs";
+import { ROW_INDEX, UNIQ_ROW_KEY, ACCORDION } from "../DataTable/DataTable.mjs";
 import ChevronRightM from "@semcore/icon/ChevronRight/m";
 import { ButtonLink } from "@semcore/button";
 import Spin from "@semcore/spin";
+import { isInteractiveElement } from "@semcore/core/lib/utils/isInteractiveElement";
+/*!__reshadow-styles__:"./style.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SBody_1dql7_gg_,.___SRowGroup_1dql7_gg_,.___SRow_1dql7_gg_{display:contents}.___SBody_1dql7_gg_.__compact_1dql7_gg_ .___SCell_1dql7_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1dql7_gg_.__compact_1dql7_gg_ .___SCell_1dql7_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1dql7) - 1)))}.___SCell_1dql7_gg_.__gridArea_1dql7_gg_,.___SCollapseRow_1dql7_gg_.__gridArea_1dql7_gg_,.___SRow_1dql7_gg_.__gridArea_1dql7_gg_{grid-area:var(--gridArea_1dql7)}.___SCollapseRow_1dql7_gg_ .___SCell_1dql7_gg_{display:block}.___SRow_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_.__expanded_1dql7_gg_._accordionType_cell_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_).__withAccordion_1dql7_gg_,.___SRow_1dql7_gg_.__expanded_1dql7_gg_._accordionType_row_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-actions-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_muted_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_muted_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_muted_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_muted_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_._theme_muted_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_muted_1dql7_gg_,.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_info_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_info_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_info_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_info_1dql7_gg_,.___SRow_1dql7_gg_._theme_info_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_info_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_success_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_success_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_success_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_success_1dql7_gg_,.___SRow_1dql7_gg_._theme_success_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_success_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_warning_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_warning_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_warning_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_warning_1dql7_gg_,.___SRow_1dql7_gg_._theme_warning_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_warning_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_danger_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_danger_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_danger_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_danger_1dql7_gg_,.___SRow_1dql7_gg_._theme_danger_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_danger_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1dql7_gg_._theme_muted_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1dql7_gg_._theme_muted_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1dql7_gg_._theme_info_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1dql7_gg_._theme_info_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1dql7_gg_._theme_success_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1dql7_gg_._theme_success_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1dql7_gg_._theme_warning_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1dql7_gg_._theme_warning_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1dql7_gg_._theme_danger_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1dql7_gg_._theme_danger_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1dql7_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_1dql7_gg_ .___SAccordionToggle_1dql7_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1dql7_gg_ .___SAccordionToggle_1dql7_gg_.__expanded_1dql7_gg_{transform:rotate(90deg)}.___SCell_1dql7_gg_._use_primary_1dql7_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1dql7_gg_._use_primary_1dql7_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_1dql7) - 1)))}.___SCell_1dql7_gg_._use_secondary_1dql7_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1dql7_gg_._use_secondary_1dql7_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_1dql7) - 1)))}.___SCell_1dql7_gg_._borders_both_1dql7_gg_,.___SCell_1dql7_gg_._borders_left_1dql7_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1dql7_gg_._borders_both_1dql7_gg_,.___SCell_1dql7_gg_._borders_right_1dql7_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1dql7_gg_.__fixed_1dql7_gg_{position:sticky;z-index:2}.___SCell_1dql7_gg_._theme_muted_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1dql7_gg_._theme_info_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1dql7_gg_._theme_success_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1dql7_gg_._theme_warning_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1dql7_gg_._theme_danger_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1dql7_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_1dql7_gg_.__headerHeight_1dql7_gg_{top:var(--headerHeight_1dql7)}',
-    "1dql7_gg_"
-  ), {
-    "__SBody": "___SBody_1dql7_gg_",
-    "__SRow": "___SRow_1dql7_gg_",
-    "__SRowGroup": "___SRowGroup_1dql7_gg_",
-    "_gridArea": "__gridArea_1dql7_gg_",
-    "__SCell": "___SCell_1dql7_gg_",
-    "__SCollapseRow": "___SCollapseRow_1dql7_gg_",
-    "--gridArea": "--gridArea_1dql7",
-    "_active": "__active_1dql7_gg_",
-    "_theme": "__theme_1dql7_gg_",
-    "_expanded": "__expanded_1dql7_gg_",
-    "_accordionType_row": "_accordionType_row_1dql7_gg_",
-    "_accordionType_cell": "_accordionType_cell_1dql7_gg_",
-    "_withAccordion": "__withAccordion_1dql7_gg_",
-    "_theme_muted": "_theme_muted_1dql7_gg_",
-    "_theme_info": "_theme_info_1dql7_gg_",
-    "_theme_success": "_theme_success_1dql7_gg_",
-    "_theme_warning": "_theme_warning_1dql7_gg_",
-    "_theme_danger": "_theme_danger_1dql7_gg_",
-    "_borders_both": "_borders_both_1dql7_gg_",
-    "_borders_left": "_borders_left_1dql7_gg_",
-    "_borders_right": "_borders_right_1dql7_gg_",
-    "_fixed": "__fixed_1dql7_gg_",
-    "__SSpinContainer": "___SSpinContainer_1dql7_gg_",
-    "_headerHeight": "__headerHeight_1dql7_gg_",
-    "--headerHeight": "--headerHeight_1dql7",
-    "_compact": "__compact_1dql7_gg_",
-    "--data-aria-level": "--data-aria-level_1dql7",
-    "__SAccordionToggle": "___SAccordionToggle_1dql7_gg_",
-    "_use_primary": "_use_primary_1dql7_gg_",
-    "_use_secondary": "_use_secondary_1dql7_gg_"
+    '.___SBody_1sflu_gg_,.___SRowGroup_1sflu_gg_,.___SRow_1sflu_gg_{display:contents}.___SBody_1sflu_gg_.__compact_1sflu_gg_ .___SCell_1sflu_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1sflu_gg_.__compact_1sflu_gg_ .___SCell_1sflu_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1sflu) - 1)))}.___SCell_1sflu_gg_.__gridArea_1sflu_gg_,.___SCollapseRow_1sflu_gg_.__gridArea_1sflu_gg_,.___SRow_1sflu_gg_.__gridArea_1sflu_gg_{grid-area:var(--gridArea_1sflu)}.___SCollapseRow_1sflu_gg_ .___SCell_1sflu_gg_{display:block}.___SRow_1sflu_gg_.__active_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRow_1sflu_gg_.__expanded_1sflu_gg_._accordionType_cell_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_).__withAccordion_1sflu_gg_,.___SRow_1sflu_gg_.__expanded_1sflu_gg_._accordionType_row_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRow_1sflu_gg_.__expanded_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_._theme_muted_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]._theme_muted_1sflu_gg_,.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_._theme_muted_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_._theme_muted_1sflu_gg_,.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRow_1sflu_gg_._theme_muted_1sflu_gg_:hover>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRow_1sflu_gg_:hover>.___SCell_1sflu_gg_._theme_muted_1sflu_gg_,.___SRow_1sflu_gg_:hover>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_._theme_info_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]._theme_info_1sflu_gg_,.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_._theme_info_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_._theme_info_1sflu_gg_,.___SRow_1sflu_gg_._theme_info_1sflu_gg_:hover>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRow_1sflu_gg_:hover>.___SCell_1sflu_gg_._theme_info_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_._theme_success_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]._theme_success_1sflu_gg_,.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_._theme_success_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_._theme_success_1sflu_gg_,.___SRow_1sflu_gg_._theme_success_1sflu_gg_:hover>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRow_1sflu_gg_:hover>.___SCell_1sflu_gg_._theme_success_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_._theme_warning_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]._theme_warning_1sflu_gg_,.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_._theme_warning_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_._theme_warning_1sflu_gg_,.___SRow_1sflu_gg_._theme_warning_1sflu_gg_:hover>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRow_1sflu_gg_:hover>.___SCell_1sflu_gg_._theme_warning_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_._theme_danger_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_[data-grouped-by=rowgroup]._theme_danger_1sflu_gg_,.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_._theme_danger_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRowGroup_1sflu_gg_:has(.___SCell_1sflu_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1sflu_gg_>.___SCell_1sflu_gg_._theme_danger_1sflu_gg_,.___SRow_1sflu_gg_._theme_danger_1sflu_gg_:hover>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_),.___SRow_1sflu_gg_:hover>.___SCell_1sflu_gg_._theme_danger_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1sflu_gg_._theme_muted_1sflu_gg_ .___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1sflu_gg_._theme_muted_1sflu_gg_.__active_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1sflu_gg_._theme_info_1sflu_gg_ .___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1sflu_gg_._theme_info_1sflu_gg_.__active_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1sflu_gg_._theme_success_1sflu_gg_ .___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1sflu_gg_._theme_success_1sflu_gg_.__active_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1sflu_gg_._theme_warning_1sflu_gg_ .___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1sflu_gg_._theme_warning_1sflu_gg_.__active_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1sflu_gg_._theme_danger_1sflu_gg_ .___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1sflu_gg_._theme_danger_1sflu_gg_.__active_1sflu_gg_>.___SCell_1sflu_gg_:not(.__theme_1sflu_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1sflu_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_1sflu_gg_ .___SAccordionToggle_1sflu_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1sflu_gg_ .___SAccordionToggle_1sflu_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1sflu_gg_ .___SAccordionToggle_1sflu_gg_.__expanded_1sflu_gg_ svg{transform:rotate(90deg)}.___SCheckboxCell_1sflu_gg_,.___SRow_1sflu_gg_._accordionType_cell_1sflu_gg_>.___SCell_1sflu_gg_.__withAccordion_1sflu_gg_,.___SRow_1sflu_gg_._accordionType_row_1sflu_gg_>.___SCell_1sflu_gg_{cursor:pointer}.___SCell_1sflu_gg_._use_primary_1sflu_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1sflu_gg_._use_primary_1sflu_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_1sflu) - 1)))}.___SCell_1sflu_gg_._use_secondary_1sflu_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1sflu_gg_._use_secondary_1sflu_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_1sflu) - 1)))}.___SCell_1sflu_gg_._borders_both_1sflu_gg_,.___SCell_1sflu_gg_._borders_left_1sflu_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1sflu_gg_._borders_both_1sflu_gg_,.___SCell_1sflu_gg_._borders_right_1sflu_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1sflu_gg_.__fixed_1sflu_gg_{position:sticky;z-index:2}.___SCell_1sflu_gg_._theme_muted_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1sflu_gg_._theme_info_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1sflu_gg_._theme_success_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1sflu_gg_._theme_warning_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1sflu_gg_._theme_danger_1sflu_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1sflu_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_1sflu_gg_.__headerHeight_1sflu_gg_{top:var(--headerHeight_1sflu)}.___SEmptyData_1sflu_gg_{grid-column:1/-1}.___SRow_1sflu_gg_._sideIndents_wide_1sflu_gg_ .___SCell_1sflu_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1sflu_gg_._sideIndents_wide_1sflu_gg_ .___SCell_1sflu_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}',
+    /*__inner_css_end__*/
+    "1sflu_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SBody": "___SBody_1sflu_gg_",
+    "__SRow": "___SRow_1sflu_gg_",
+    "__SRowGroup": "___SRowGroup_1sflu_gg_",
+    "_gridArea": "__gridArea_1sflu_gg_",
+    "__SCell": "___SCell_1sflu_gg_",
+    "__SCollapseRow": "___SCollapseRow_1sflu_gg_",
+    "--gridArea": "--gridArea_1sflu",
+    "_active": "__active_1sflu_gg_",
+    "_theme": "__theme_1sflu_gg_",
+    "_expanded": "__expanded_1sflu_gg_",
+    "_accordionType_row": "_accordionType_row_1sflu_gg_",
+    "_accordionType_cell": "_accordionType_cell_1sflu_gg_",
+    "_withAccordion": "__withAccordion_1sflu_gg_",
+    "_theme_muted": "_theme_muted_1sflu_gg_",
+    "_theme_info": "_theme_info_1sflu_gg_",
+    "_theme_success": "_theme_success_1sflu_gg_",
+    "_theme_warning": "_theme_warning_1sflu_gg_",
+    "_theme_danger": "_theme_danger_1sflu_gg_",
+    "__SCheckboxCell": "___SCheckboxCell_1sflu_gg_",
+    "_borders_both": "_borders_both_1sflu_gg_",
+    "_borders_left": "_borders_left_1sflu_gg_",
+    "_borders_right": "_borders_right_1sflu_gg_",
+    "_fixed": "__fixed_1sflu_gg_",
+    "__SSpinContainer": "___SSpinContainer_1sflu_gg_",
+    "_headerHeight": "__headerHeight_1sflu_gg_",
+    "--headerHeight": "--headerHeight_1sflu",
+    "__SEmptyData": "___SEmptyData_1sflu_gg_",
+    "_compact": "__compact_1sflu_gg_",
+    "--data-aria-level": "--data-aria-level_1sflu",
+    "__SAccordionToggle": "___SAccordionToggle_1sflu_gg_",
+    "_use_primary": "_use_primary_1sflu_gg_",
+    "_use_secondary": "_use_secondary_1sflu_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_1sflu_gg_"
   })
 );
 var ROWS_BUFFER = 20;
@@ -67,49 +73,55 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "columnsSplitter", "/");
-    _defineProperty(_assertThisInitialized(_this), "rows", []);
     _defineProperty(_assertThisInitialized(_this), "rowsHeightMap", /* @__PURE__ */ new Map());
     _defineProperty(_assertThisInitialized(_this), "indexForDownIterate", 0);
     _defineProperty(_assertThisInitialized(_this), "indexForUpIterate", 0);
-    _defineProperty(_assertThisInitialized(_this), "handleRef", function(index) {
+    _defineProperty(_assertThisInitialized(_this), "handleRef", function(index, row) {
       return function(node) {
-        if (!_this.rowsHeightMap.has(index)) {
-          var firstChild = node === null || node === void 0 ? void 0 : node.children.item(0);
-          if (firstChild instanceof HTMLElement) {
-            var offset = firstChild.offsetTop - _this.asProps.headerHeight;
-            var height = firstChild.getBoundingClientRect().height;
-            _this.rowsHeightMap.set(index, [offset, offset + height]);
-          }
+        if (!_this.rowsHeightMap.has(index) && node) {
+          _this.rowsHeightMap.set(index, [0, 0, node]);
+          _this.setRowHeight(index, row);
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleExpandRow", function(row, index) {
+      setTimeout(function() {
+        _this.setRowHeight(index, row);
+        for (var i = index; i < _this.rowsHeightMap.size; i++) {
+          _this.setRowHeight(i, row);
+        }
+      }, 300);
+      _this.asProps.onExpandRow(row);
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClickRow", function(row, index) {
+      return function(e) {
+        if (!isInteractiveElement(e.target)) {
+          _this.handleExpandRow(row, index);
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClickCell", function(row, index) {
+      return function(e) {
+        if (!isInteractiveElement(e.target)) {
+          _this.handleExpandRow(row, index);
         }
       };
     });
     return _this;
   }
   _createClass(BodyRoot2, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.rows = this.calculateRows();
-      this.forceUpdate();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.data !== this.asProps.data) {
-        this.rows = this.calculateRows();
-        this.forceUpdate();
-      }
-    }
-  }, {
     key: "getRowProps",
-    value: function getRowProps(props, i) {
-      var _this2 = this;
-      var _this$asProps = this.asProps, use = _this$asProps.use, gridTemplateAreas = _this$asProps.gridTemplateAreas, gridTemplateColumns = _this$asProps.gridTemplateColumns, expandedRows = _this$asProps.expandedRows, columns = _this$asProps.columns, onExpandRow = _this$asProps.onExpandRow, loading = _this$asProps.loading, hasGroups = _this$asProps.hasGroups;
+    value: function getRowProps(props) {
+      var _this$asProps = this.asProps, use = _this$asProps.use, gridTemplateAreas = _this$asProps.gridTemplateAreas, gridTemplateColumns = _this$asProps.gridTemplateColumns, expandedRows = _this$asProps.expandedRows, columns = _this$asProps.columns, onExpandRow = _this$asProps.onExpandRow, loading = _this$asProps.loading, hasGroups = _this$asProps.hasGroups, scrollAreaRef = _this$asProps.scrollAreaRef, uid = _this$asProps.uid, onBackFromAccordion = _this$asProps.onBackFromAccordion, rowProps = _this$asProps.rowProps, rows = _this$asProps.rows, flatRows = _this$asProps.flatRows, sideIndents = _this$asProps.sideIndents, selectedRows = _this$asProps.selectedRows, onSelectRow = _this$asProps.onSelectRow, getFixedStyle = _this$asProps.getFixedStyle;
       var row = props.row;
-      var index = props.offset + i;
-      var rowIndex = (expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function(acc, item) {
-        if (item < index) {
-          var expandedRow = _this2.rows.flat()[item][ACCORDION];
+      var index = row[ROW_INDEX];
+      var rowIndex = Array.from(expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function(acc, item) {
+        var rowIndex2 = flatRows.findIndex(function(row2) {
+          return row2[UNIQ_ROW_KEY] === item;
+        });
+        if (rowIndex2 < index) {
+          var _flatRows$rowIndex;
+          var expandedRow = (_flatRows$rowIndex = flatRows[rowIndex2]) === null || _flatRows$rowIndex === void 0 ? void 0 : _flatRows$rowIndex[ACCORDION];
           if (Array.isArray(expandedRow)) {
             acc = acc + expandedRow.length;
           } else {
@@ -121,28 +133,37 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
       var gridRowIndex = rowIndex + (hasGroups ? 3 : 2);
       var ariaRowIndex = rowIndex + 2;
       var accordionDataGridArea = Array.isArray(row[ACCORDION]) ? "".concat(gridRowIndex + 1, " / 1 / ").concat(gridRowIndex + 1 + row[ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(gridRowIndex + 1, " / 1 / ").concat(gridRowIndex + 1, " / ").concat(columns.length + 1);
-      return {
+      return _objectSpread(_objectSpread({
+        onClick: row[ACCORDION] ? this.handleClickRow(row, index) : void 0
+      }, rowProps === null || rowProps === void 0 ? void 0 : rowProps(row, index)), {}, {
         use,
+        uid,
         gridTemplateAreas,
         gridTemplateColumns,
-        expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(index),
+        expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(row[UNIQ_ROW_KEY]),
         accordionDataGridArea,
         columns,
         rowIndex: index,
         ariaRowIndex,
         gridRowIndex,
-        rows: this.rows,
+        rows,
+        onBackFromAccordion,
         row,
         expandedRows,
         onExpandRow,
-        inert: loading ? "" : void 0
-      };
+        selectedRows,
+        onSelectRow,
+        inert: loading ? "" : void 0,
+        scrollAreaRef,
+        sideIndents,
+        getFixedStyle
+      });
     }
   }, {
     key: "getCellProps",
     value: function getCellProps(props) {
-      var _props$children;
-      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, onExpandRow = _this$asProps2.onExpandRow, virtualScroll = _this$asProps2.virtualScroll, tableRef = _this$asProps2.tableRef;
+      var _props$children, _value3, _this2 = this, _value4;
+      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;
       var SAccordionToggle = ButtonLink;
       var dataKey = props.column.name;
       var cellValue = props.row[dataKey];
@@ -158,21 +179,8 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
         value = cellValue;
       }
       var defaultRender = function defaultRender2() {
-        var _value, _value3;
-        if (props.columnIndex === 0 && props.row[ACCORDION] || (_value = value) !== null && _value !== void 0 && _value[ACCORDION]) {
-          var _ref2, _value2;
-          return _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"),
-            "expanded": expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(props.rowIndex),
-            "onClick": function onClick() {
-              return onExpandRow(props.rowIndex);
-            },
-            "color": "--intergalactic-icon-primary-neutral"
-          }), /* @__PURE__ */ React.createElement(SAccordionToggle.Addon, {
-            tag: ChevronRightM
-          })), (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.toString());
-        }
-        return (_value3 = value) === null || _value3 === void 0 ? void 0 : _value3.toString();
+        var _value;
+        return /* @__PURE__ */ React.isValidElement(value) ? value : (_value = value) === null || _value === void 0 ? void 0 : _value.toString();
       };
       var extraProps = {
         use,
@@ -181,7 +189,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
         children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender()
       };
       if (renderCell) {
-        var _value$toString, _value4;
+        var _value$toString, _value2;
         var external = renderCell({
           columnName: props.column.name,
           row: props.row,
@@ -190,7 +198,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
           columnIndex: props.columnIndex,
           dataKey,
           defaultRender,
-          value: (_value$toString = (_value4 = value) === null || _value4 === void 0 ? void 0 : _value4.toString()) !== null && _value$toString !== void 0 ? _value$toString : "",
+          value: /* @__PURE__ */ React.isValidElement(value) ? value : (_value$toString = (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.toString()) !== null && _value$toString !== void 0 ? _value$toString : "",
           isMergedRows,
           isMergedColumns
         });
@@ -202,17 +210,38 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
           }
         }
       }
+      if (props.columnIndex === 0 && props.row[ACCORDION] || (_value3 = value) !== null && _value3 !== void 0 && _value3[ACCORDION]) {
+        var _ref2;
+        var expanded = expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(props.row[UNIQ_ROW_KEY]);
+        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"),
+          "expanded": expanded,
+          "onClick": function onClick(e) {
+            e.stopPropagation();
+            _this2.handleExpandRow(props.row, props.rowIndex);
+          },
+          "color": "--intergalactic-icon-primary-neutral",
+          "aria-expanded": expanded,
+          "aria-describedby": props.id,
+          "aria-controls": props.accordionId
+        }), /* @__PURE__ */ React.createElement(SAccordionToggle.Addon, {
+          tag: ChevronRightM
+        })), extraProps.children));
+      }
+      if ((_value4 = value) !== null && _value4 !== void 0 && _value4[ACCORDION]) {
+        extraProps.onClick = this.handleClickCell(props.row, props.rowIndex);
+      }
       return extraProps;
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps, _ref3, _this3 = this;
+      var _ref = this.asProps, _ref3, _this$rowsHeightMap$g5, _this3 = this;
       var SBody = Box;
       var SRowGroup = Box;
       var SSpinContainer = Box;
-      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, loading = _this$asProps3.loading, headerHeight = _this$asProps3.headerHeight, spinnerRef = _this$asProps3.spinnerRef, virtualScroll = _this$asProps3.virtualScroll, scrollDirection = _this$asProps3.scrollDirection, tableContainerRef = _this$asProps3.tableContainerRef, scrollTop = _this$asProps3.scrollTop;
-      var rowsToRender = this.rows;
+      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, loading = _this$asProps3.loading, headerHeight = _this$asProps3.headerHeight, spinnerRef = _this$asProps3.spinnerRef, virtualScroll = _this$asProps3.virtualScroll, scrollDirection = _this$asProps3.scrollDirection, tableContainerRef = _this$asProps3.tableContainerRef, scrollTop = _this$asProps3.scrollTop, renderEmptyData = _this$asProps3.renderEmptyData, columns = _this$asProps3.columns, uid = _this$asProps3.uid, rows = _this$asProps3.rows;
+      var rowsToRender = rows;
       var startIndex = -1;
       var lastIndex = -1;
       if (virtualScroll) {
@@ -236,7 +265,7 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
                 startIndex = Math.max(key - prevPrepared, 0);
               }
               if (startIndex !== -1 && scrollTop + offsetHeight < valueToToCompare) {
-                lastIndex = Math.min(key + nextPrepared, this.rows.length);
+                lastIndex = Math.min(key + nextPrepared, rows.length);
               }
               if (startIndex !== -1 && lastIndex !== -1) {
                 break;
@@ -247,14 +276,14 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
             }
           } else if (scrollDirection === "up") {
             var _this$rowsHeightMap$g3, _this$rowsHeightMap$g4, _startIndex;
-            for (var _i = this.indexForUpIterate; _i > 0; _i--) {
+            for (var _i = this.indexForUpIterate; _i >= 0; _i--) {
               var _value5 = this.rowsHeightMap.get(_i);
               if (!_value5) continue;
               var _key2 = _i;
               var _valueFromToCompare = _value5[1];
               var _valueToToCompare = _value5[0];
               if (lastIndex === -1 && scrollTop + offsetHeight > _valueToToCompare) {
-                lastIndex = Math.min(_key2 + nextPrepared, this.rows.length);
+                lastIndex = Math.min(_key2 + nextPrepared, rows.length);
               }
               if (lastIndex !== -1 && scrollTop < _valueFromToCompare) {
                 startIndex = Math.max(_key2 - prevPrepared, 0);
@@ -264,53 +293,60 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
               }
             }
             if (scrollTop < ((_this$rowsHeightMap$g3 = (_this$rowsHeightMap$g4 = this.rowsHeightMap.get((_startIndex = startIndex) !== null && _startIndex !== void 0 ? _startIndex : 0)) === null || _this$rowsHeightMap$g4 === void 0 ? void 0 : _this$rowsHeightMap$g4[0]) !== null && _this$rowsHeightMap$g3 !== void 0 ? _this$rowsHeightMap$g3 : 0)) {
-              startIndex = startIndex - aproxRowsOnPage;
+              startIndex = Math.max(startIndex - aproxRowsOnPage, 0);
             }
           }
           if (startIndex === -1) {
-            startIndex = scrollTop === 0 ? 0 : Math.max(this.rows.length - aproxRowsOnPage, 0);
+            startIndex = scrollTop === 0 ? 0 : Math.max(rows.length - aproxRowsOnPage, 0);
           }
           if (lastIndex === -1) {
-            lastIndex = scrollTop === 0 ? aproxRowsOnPage : this.rows.length;
+            lastIndex = scrollTop === 0 ? aproxRowsOnPage : rows.length;
           }
           this.indexForDownIterate = startIndex;
           this.indexForUpIterate = lastIndex;
-          rowsToRender = this.rows.slice(startIndex, lastIndex);
+          rowsToRender = rows.slice(startIndex, lastIndex);
         } else if ("rowHeight" in virtualScroll) {
           var rowHeight = virtualScroll.rowHeight;
           startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
-          var _lastIndex2 = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, this.rows.length);
-          rowsToRender = this.rows.slice(startIndex, _lastIndex2);
+          var _lastIndex2 = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
+          rowsToRender = rows.slice(startIndex, _lastIndex2);
         }
       }
       startIndex = startIndex === -1 ? 0 : startIndex;
+      var rowMarginTop = (_this$rowsHeightMap$g5 = this.rowsHeightMap.get(startIndex - 1)) === null || _this$rowsHeightMap$g5 === void 0 ? void 0 : _this$rowsHeightMap$g5[1];
+      var emptyRow = null;
+      if (rowsToRender.length === 0) {
+        var _emptyRow;
+        emptyRow = (_emptyRow = {}, _defineProperty(_emptyRow, UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), _defineProperty(_emptyRow, ROW_INDEX, 0), _defineProperty(_emptyRow, columns[0].name, new MergedColumnsCell(renderEmptyData(), {
+          dataKey: columns[0].name,
+          size: columns.length
+        })), _emptyRow);
+      }
       return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SBody, _ref3.cn("SBody", _objectSpread({}, assignProps({
         "__excludeProps": ["data"]
-      }, _ref))), rowsToRender.map(function(row, index) {
-        var rowMarginTop = void 0;
-        if (index === 0 && typeof virtualScroll === "boolean") {
-          var _this3$rowsHeightMap$;
-          rowMarginTop = (_this3$rowsHeightMap$ = _this3.rowsHeightMap.get(startIndex - 1)) === null || _this3$rowsHeightMap$ === void 0 ? void 0 : _this3$rowsHeightMap$[1];
-        }
+      }, _ref))), emptyRow && /* @__PURE__ */ React.createElement(Body.Row, {
+        row: emptyRow,
+        offset: 0
+      }), typeof virtualScroll === "boolean" && rowMarginTop && /* @__PURE__ */ React.createElement(Box, _ref3.cn("Box", {
+        "h": rowMarginTop
+      })), rowsToRender.map(function(row, index) {
         if (Array.isArray(row)) {
           var _ref4;
           return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
             "role": "rowgroup",
-            "key": index
+            "key": "gg_".concat(row[0][UNIQ_ROW_KEY]),
+            "ref": _this3.handleRef(startIndex + index, row[0])
           }), row.map(function(item, i2) {
             return /* @__PURE__ */ React.createElement(Body.Row, {
               key: item[UNIQ_ROW_KEY],
-              row: item,
-              offset: startIndex
+              row: item
             });
           }));
         }
         return /* @__PURE__ */ React.createElement(Body.Row, {
           key: row[UNIQ_ROW_KEY],
           row,
-          offset: startIndex,
-          ref: _this3.handleRef(startIndex + index),
-          rowMarginTop
+          ref: virtualScroll ? _this3.handleRef(startIndex + index, row) : void 0
         });
       }), loading && /* @__PURE__ */ React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
         "innerOutline": true,
@@ -329,80 +365,20 @@ var BodyRoot = /* @__PURE__ */ function(_Component) {
       return typeof obj === "string" || typeof obj === "number" || /* @__PURE__ */ React.isValidElement(obj) || typeof obj === "boolean" || obj === void 0 || obj === null;
     }
   }, {
-    key: "calculateRows",
-    value: function calculateRows() {
-      var _this4 = this;
-      var _this$asProps4 = this.asProps, data = _this$asProps4.data, uid = _this$asProps4.uid, columns = _this$asProps4.columns;
-      var rows = [];
-      var columnNames = columns.map(function(column) {
-        return column.name;
-      });
-      var rowIndex = 0;
-      var id = 1e8;
-      var makeDtRow = function makeDtRow2(row, excludeColumns) {
-        var columns2 = new Set(columnNames);
-        var dtRow = Object.entries(row).reduce(function(acc, _ref5) {
-          var _ref6 = _slicedToArray(_ref5, 2), key = _ref6[0], value = _ref6[1];
-          var columnsToRow = key.split(_this4.columnsSplitter);
-          if (columnsToRow.length === 1) {
-            acc[key] = value !== null && value !== void 0 ? value : "";
-            columns2["delete"](key);
-          } else {
-            acc[columnsToRow[0]] = new MergedColumnsCell(value, {
-              dataKey: key,
-              size: columnsToRow.length
-            });
-            columnsToRow.forEach(function(value2) {
-              columns2["delete"](value2);
-            });
-          }
-          if (row[ACCORDION]) {
-            acc[ACCORDION] = row[ACCORDION];
-          }
-          return acc;
-        }, _defineProperty({}, UNIQ_ROW_KEY, "".concat(uid, "_").concat((rowIndex + id).toString(36))));
-        excludeColumns === null || excludeColumns === void 0 ? void 0 : excludeColumns.forEach(function(value) {
-          columns2["delete"](value);
-        });
-        if (columns2.size > 0) {
-          columns2.forEach(function(value) {
-            dtRow[value] = "";
-          });
-        }
-        return dtRow;
-      };
-      data.forEach(function(row) {
-        var groupedRows = row[ROW_GROUP];
-        var fromRow = rowIndex + 2;
-        if (groupedRows) {
-          var toRow = fromRow + groupedRows.length;
-          var innerRows = [];
-          var groupedKeys = [];
-          var groupedRowData = Object.entries(row).reduce(function(acc, _ref7) {
-            var _ref8 = _slicedToArray(_ref7, 2), key = _ref8[0], value = _ref8[1];
-            acc[key] = new MergedRowsCell(value, [fromRow, toRow]);
-            groupedKeys.push(key);
-            return acc;
-          }, _defineProperty({}, UNIQ_ROW_KEY, ""));
-          groupedRows.forEach(function(childRow, index) {
-            var dtRow2;
-            if (index === 0) {
-              var rowData = _objectSpread(_objectSpread({}, childRow), groupedRowData);
-              dtRow2 = makeDtRow(rowData);
-            } else {
-              dtRow2 = makeDtRow(childRow, groupedKeys);
-            }
-            innerRows.push(dtRow2);
-            rowIndex++;
-          });
-          rows.push(innerRows);
-        } else {
-          var dtRow = makeDtRow(row);
-          rows.push(dtRow);
-          rowIndex++;
+    key: "setRowHeight",
+    value: function setRowHeight(index, row) {
+      var _this$rowsHeightMap$g6, _node$children$item;
+      var expandedRows = this.asProps.expandedRows;
+      var node = (_this$rowsHeightMap$g6 = this.rowsHeightMap.get(index)) === null || _this$rowsHeightMap$g6 === void 0 ? void 0 : _this$rowsHeightMap$g6[2];
+      var firstChild = (node === null || node === void 0 ? void 0 : node.role) === "rowgroup" ? node === null || node === void 0 ? void 0 : (_node$children$item = node.children.item(0)) === null || _node$children$item === void 0 ? void 0 : _node$children$item.children.item(0) : node === null || node === void 0 ? void 0 : node.children.item(0);
+      if (node && firstChild instanceof HTMLElement) {
+        var offset = firstChild.offsetTop - this.asProps.headerHeight;
+        var height = firstChild.getBoundingClientRect().height;
+        if (expandedRows.has(row[UNIQ_ROW_KEY]) && node.nextSibling instanceof HTMLElement) {
+          height = height + node.nextSibling.getBoundingClientRect().height;
         }
-      });
-      return rows;
+        this.rowsHeightMap.set(index, [offset, offset + height, node]);
+      }
     }
   }]);
   return BodyRoot2;