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

package/CHANGELOG.md

@@ -2,12 +2,24 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [16.0.0] - 2025-03-26
+## [16.0.0] - 2025-05-19
 
 ### Added
 
 - Major version.
 
+## [4.50.2] - 2025-05-13
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [4.48.4 ~> 4.48.5], `@semcore/core` [2.39.3 ~> 2.39.4]).
+
+## [4.50.1] - 2025-05-09
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [4.61.0 ~> 4.62.0], `@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/core` [2.39.2 ~> 2.39.3]).
+
 ## [4.50.0] - 2025-04-11
 
 ### Changed

package/lib/cjs/components/Body/Body.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Body = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -24,38 +23,44 @@ var _DataTable = require("../DataTable/DataTable");
 var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
 var _button = require("@semcore/button");
 var _spin = _interopRequireDefault(require("@semcore/spin"));
-/*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.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)}" /*__inner_css_end__*/, "1dql7_gg_") /*__reshadow_css_end__*/, {
-  "__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_"
+var _isInteractiveElement = require("@semcore/core/lib/utils/isInteractiveElement");
+/*!__reshadow-styles__:"./style.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___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;
 var APROX_ROWS_ON_PAGE = 20;
@@ -69,43 +74,46 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "columnsSplitter", '/');
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rows", []);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rowsHeightMap", new Map());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "indexForDownIterate", 0);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "indexForUpIterate", 0);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleRef", function (index) {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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);
+        }
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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); // we need to calculate after expanding animation
+
+      _this.asProps.onExpandRow(row);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickRow", function (row, index) {
+      return function (e) {
+        if (!(0, _isInteractiveElement.isInteractiveElement)(e.target)) {
+          _this.handleExpandRow(row, index);
+        }
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickCell", function (row, index) {
+      return function (e) {
+        if (!(0, _isInteractiveElement.isInteractiveElement)(e.target)) {
+          _this.handleExpandRow(row, index);
         }
       };
     });
     return _this;
   }
   (0, _createClass2["default"])(BodyRoot, [{
-    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;
+    value: function getRowProps(props) {
       var _this$asProps = this.asProps,
         use = _this$asProps.use,
         gridTemplateAreas = _this$asProps.gridTemplateAreas,
@@ -114,12 +122,26 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         columns = _this$asProps.columns,
         onExpandRow = _this$asProps.onExpandRow,
         loading = _this$asProps.loading,
-        hasGroups = _this$asProps.hasGroups;
+        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][_DataTable.ACCORDION];
+      var index = row[_DataTable.ROW_INDEX];
+      var rowIndex = Array.from(expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function (acc, item) {
+        var rowIndex = flatRows.findIndex(function (row) {
+          return row[_DataTable.UNIQ_ROW_KEY] === item;
+        });
+        if (rowIndex < index) {
+          var _flatRows$rowIndex;
+          var expandedRow = (_flatRows$rowIndex = flatRows[rowIndex]) === null || _flatRows$rowIndex === void 0 ? void 0 : _flatRows$rowIndex[_DataTable.ACCORDION];
           if (Array.isArray(expandedRow)) {
             acc = acc + expandedRow.length;
           } else {
@@ -132,34 +154,45 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       var ariaRowIndex = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1
 
       var accordionDataGridArea = Array.isArray(row[_DataTable.ACCORDION]) ? "".concat(gridRowIndex + 1, " / 1 / ").concat(gridRowIndex + 1 + row[_DataTable.ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(gridRowIndex + 1, " / 1 / ").concat(gridRowIndex + 1, " / ").concat(columns.length + 1);
-      return {
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+        onClick: row[_DataTable.ACCORDION] ? this.handleClickRow(row, index) : undefined
+      }, rowProps === null || rowProps === void 0 ? void 0 : rowProps(row, index)), {}, {
         use: use,
+        uid: uid,
         gridTemplateAreas: gridTemplateAreas,
         gridTemplateColumns: gridTemplateColumns,
-        expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(index),
+        expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(row[_DataTable.UNIQ_ROW_KEY]),
         accordionDataGridArea: accordionDataGridArea,
         columns: columns,
         rowIndex: index,
         ariaRowIndex: ariaRowIndex,
         gridRowIndex: gridRowIndex,
-        rows: this.rows,
+        rows: rows,
+        onBackFromAccordion: onBackFromAccordion,
         row: row,
         expandedRows: expandedRows,
         onExpandRow: onExpandRow,
-        inert: loading ? '' : undefined
-      };
+        selectedRows: selectedRows,
+        onSelectRow: onSelectRow,
+        inert: loading ? '' : undefined,
+        scrollAreaRef: scrollAreaRef,
+        sideIndents: sideIndents,
+        getFixedStyle: getFixedStyle
+      });
     }
   }, {
     key: "getCellProps",
     value: function getCellProps(props) {
-      var _props$children;
+      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,
-        onExpandRow = _this$asProps2.onExpandRow,
         virtualScroll = _this$asProps2.virtualScroll,
         tableRef = _this$asProps2.tableRef;
       var SAccordionToggle = _button.ButtonLink;
@@ -177,21 +210,8 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         value = cellValue;
       }
       var defaultRender = function defaultRender() {
-        var _value, _value3;
-        if (props.columnIndex === 0 && props.row[_DataTable.ACCORDION] || (_value = value) !== null && _value !== void 0 && _value[_DataTable.ACCORDION]) {
-          var _ref2, _value2;
-          return _ref2 = (0, _core.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: _m["default"]
-          })), (_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: use,
@@ -200,7 +220,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,
@@ -209,7 +229,7 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
           columnIndex: props.columnIndex,
           dataKey: dataKey,
           defaultRender: 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: isMergedRows,
           isMergedColumns: isMergedColumns
         });
@@ -221,6 +241,27 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
           }
         }
       }
+      if (props.columnIndex === 0 && props.row[_DataTable.ACCORDION] || (_value3 = value) !== null && _value3 !== void 0 && _value3[_DataTable.ACCORDION]) {
+        var _ref2;
+        var expanded = expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(props.row[_DataTable.UNIQ_ROW_KEY]);
+        extraProps.children = (_ref2 = (0, _core.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: _m["default"]
+        })), extraProps.children));
+      }
+      if ((_value4 = value) !== null && _value4 !== void 0 && _value4[_DataTable.ACCORDION]) {
+        extraProps.onClick = this.handleClickCell(props.row, props.rowIndex);
+      }
       return extraProps;
     }
   }, {
@@ -228,6 +269,7 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps,
         _ref3,
+        _this$rowsHeightMap$g5,
         _this3 = this;
       var SBody = _baseComponents.Box;
       var SRowGroup = _baseComponents.Box;
@@ -240,8 +282,12 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         virtualScroll = _this$asProps3.virtualScroll,
         scrollDirection = _this$asProps3.scrollDirection,
         tableContainerRef = _this$asProps3.tableContainerRef,
-        scrollTop = _this$asProps3.scrollTop;
-      var rowsToRender = this.rows;
+        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) {
@@ -265,7 +311,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;
@@ -276,14 +322,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);
@@ -293,53 +339,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 = {}, (0, _defineProperty2["default"])(_emptyRow, _DataTable.UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), (0, _defineProperty2["default"])(_emptyRow, _DataTable.ROW_INDEX, 0), (0, _defineProperty2["default"])(_emptyRow, columns[0].name, new _MergedCells.MergedColumnsCell(renderEmptyData(), {
+          dataKey: columns[0].name,
+          size: columns.length
+        })), _emptyRow);
+      }
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "__excludeProps": ['data']
-      }, _ref))), rowsToRender.map(function (row, index) {
-        var rowMarginTop = undefined;
-        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(_baseComponents.Box, _ref3.cn("Box", {
+        "h": rowMarginTop
+      })), rowsToRender.map(function (row, index) {
         if (Array.isArray(row)) {
           var _ref4;
           return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
             "role": 'rowgroup',
-            "key": index
+            "key": "gg_".concat(row[0][_DataTable.UNIQ_ROW_KEY]),
+            "ref": _this3.handleRef(startIndex + index, row[0])
           }), row.map(function (item, i) {
             return /*#__PURE__*/React.createElement(Body.Row, {
               key: item[_DataTable.UNIQ_ROW_KEY],
-              row: item,
-              offset: startIndex
+              row: item
             });
           }));
         }
         return /*#__PURE__*/React.createElement(Body.Row, {
           key: row[_DataTable.UNIQ_ROW_KEY],
           row: row,
-          offset: startIndex,
-          ref: _this3.handleRef(startIndex + index),
-          rowMarginTop: rowMarginTop
+          ref: virtualScroll ? _this3.handleRef(startIndex + index, row) : undefined
         });
       }), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
         "innerOutline": true,
@@ -358,89 +411,20 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       return typeof obj === 'string' || typeof obj === 'number' || /*#__PURE__*/React.isValidElement(obj) || typeof obj === 'boolean' || obj === undefined || 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 = 100000000; // need this for gen keys by toString(36)
-
-      var makeDtRow = function makeDtRow(row, excludeColumns) {
-        var columns = new Set(columnNames);
-        var dtRow = Object.entries(row).reduce(function (acc, _ref5) {
-          var _ref6 = (0, _slicedToArray2["default"])(_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 : '';
-            columns["delete"](key);
-          } else {
-            acc[columnsToRow[0]] = new _MergedCells.MergedColumnsCell(value, {
-              dataKey: key,
-              size: columnsToRow.length
-            });
-            columnsToRow.forEach(function (value) {
-              columns["delete"](value);
-            });
-          }
-          if (row[_DataTable.ACCORDION]) {
-            acc[_DataTable.ACCORDION] = row[_DataTable.ACCORDION];
-          }
-          return acc;
-        }, (0, _defineProperty2["default"])({}, _DataTable.UNIQ_ROW_KEY, "".concat(uid, "_").concat((rowIndex + id).toString(36))));
-        excludeColumns === null || excludeColumns === void 0 ? void 0 : excludeColumns.forEach(function (value) {
-          columns["delete"](value);
-        });
-        if (columns.size > 0) {
-          columns.forEach(function (value) {
-            dtRow[value] = '';
-          });
+    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[_DataTable.UNIQ_ROW_KEY]) && node.nextSibling instanceof HTMLElement) {
+          height = height + node.nextSibling.getBoundingClientRect().height;
         }
-        return dtRow;
-      };
-      data.forEach(function (row) {
-        var groupedRows = row[_DataTable.ROW_GROUP];
-        var fromRow = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1
-
-        if (groupedRows) {
-          var toRow = fromRow + groupedRows.length;
-          var innerRows = [];
-          var groupedKeys = [];
-          var groupedRowData = Object.entries(row).reduce(function (acc, _ref7) {
-            var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
-              key = _ref8[0],
-              value = _ref8[1];
-            acc[key] = new _MergedCells.MergedRowsCell(value, [fromRow, toRow]);
-            groupedKeys.push(key);
-            return acc;
-          }, (0, _defineProperty2["default"])({}, _DataTable.UNIQ_ROW_KEY, ''));
-          groupedRows.forEach(function (childRow, index) {
-            var dtRow;
-            if (index === 0) {
-              var rowData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, childRow), groupedRowData);
-              dtRow = makeDtRow(rowData);
-            } else {
-              dtRow = makeDtRow(childRow, groupedKeys);
-            }
-            innerRows.push(dtRow);
-            rowIndex++;
-          });
-          rows.push(innerRows);
-        } else {
-          var dtRow = makeDtRow(row);
-          rows.push(dtRow);
-          rowIndex++;
-        }
-      });
-      return rows;
+        this.rowsHeightMap.set(index, [offset, offset + height, node]);
+      }
     }
   }]);
   return BodyRoot;