@semcore/data-table 16.0.0-prerelease.16 → 16.0.0-prerelease.18

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

@@ -1,5 +1,5 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -13,40 +13,46 @@ import { Component, createComponent, Root, sstyled } from '@semcore/core';
 import { Box } from '@semcore/base-components';
 import { Row } from './Row';
 /*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBody_1q19z_gg_,.___SRow_1q19z_gg_{display:contents}.___SBody_1q19z_gg_.__compact_1q19z_gg_ .___SCell_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SCell_1q19z_gg_.__gridArea_1q19z_gg_,.___SCollapseRow_1q19z_gg_.__gridArea_1q19z_gg_,.___SRow_1q19z_gg_.__gridArea_1q19z_gg_{grid-area:var(--gridArea_1q19z)}.___SRow_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_._theme_muted_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_muted_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_muted_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_info_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1q19z_gg_._theme_info_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1q19z_gg_._theme_info_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1q19z_gg_._theme_success_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1q19z_gg_._theme_success_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_success_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1q19z_gg_._theme_warning_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1q19z_gg_._theme_danger_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SCell_1q19z_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_1q19z_gg_ .___SAccordionToggle_1q19z_gg_{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_.__expanded_1q19z_gg_{transform:rotate(90deg)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_left_1q19z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_right_1q19z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_.__fixed_1q19z_gg_{position:sticky;z-index:2}.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1q19z_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_1q19z_gg_.__headerHeight_1q19z_gg_{top:var(--headerHeight_1q19z)}" /*__inner_css_end__*/, "1q19z_gg_") /*__reshadow_css_end__*/, {
-  "__SBody": "___SBody_1q19z_gg_",
-  "__SRow": "___SRow_1q19z_gg_",
-  "_compact": "__compact_1q19z_gg_",
-  "__SCell": "___SCell_1q19z_gg_",
-  "_gridArea": "__gridArea_1q19z_gg_",
-  "__SCollapseRow": "___SCollapseRow_1q19z_gg_",
-  "--gridArea": "--gridArea_1q19z",
-  "_active": "__active_1q19z_gg_",
-  "_theme": "__theme_1q19z_gg_",
-  "_theme_muted": "_theme_muted_1q19z_gg_",
-  "_theme_info": "_theme_info_1q19z_gg_",
-  "_theme_success": "_theme_success_1q19z_gg_",
-  "_theme_warning": "_theme_warning_1q19z_gg_",
-  "_theme_danger": "_theme_danger_1q19z_gg_",
-  "_borders_both": "_borders_both_1q19z_gg_",
-  "_borders_left": "_borders_left_1q19z_gg_",
-  "_borders_right": "_borders_right_1q19z_gg_",
-  "_fixed": "__fixed_1q19z_gg_",
-  "__SSpinContainer": "___SSpinContainer_1q19z_gg_",
-  "_headerHeight": "__headerHeight_1q19z_gg_",
-  "--headerHeight": "--headerHeight_1q19z",
-  "__SAccordionToggle": "___SAccordionToggle_1q19z_gg_",
-  "_expanded": "__expanded_1q19z_gg_",
-  "_use_primary": "_use_primary_1q19z_gg_",
-  "--data-aria-level": "--data-aria-level_1q19z",
-  "_use_secondary": "_use_secondary_1q19z_gg_"
+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)}" /*__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_"
 });
 import { Cell } from './Cell';
 import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
-import { ACCORDION } from '../DataTable/DataTable';
+import { ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from '../DataTable/DataTable';
 import ChevronRightM from '@semcore/icon/ChevronRight/m';
 import { ButtonLink } from '@semcore/button';
 import Spin from '@semcore/spin';
+var ROWS_BUFFER = 20;
+var APROX_ROWS_ON_PAGE = 20;
 var BodyRoot = /*#__PURE__*/function (_Component) {
   _inherits(BodyRoot, _Component);
   var _super = _createSuper(BodyRoot);
@@ -57,44 +63,69 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "onExpandRow", function (expandedRowIndex) {
-      var expandedRows = _this.asProps.expandedRows;
-      if (expandedRows !== null && expandedRows !== void 0 && expandedRows.includes(expandedRowIndex)) {
-        _this.handlers.expandedRows(expandedRows.filter(function (row) {
-          return row !== expandedRowIndex;
-        }));
-      } else {
-        _this.handlers.expandedRows([].concat(_toConsumableArray(expandedRows), [expandedRowIndex]));
-      }
+    _defineProperty(_assertThisInitialized(_this), "columnsSplitter", '/');
+    _defineProperty(_assertThisInitialized(_this), "rows", []);
+    _defineProperty(_assertThisInitialized(_this), "rowsHeightMap", new Map());
+    _defineProperty(_assertThisInitialized(_this), "indexForDownIterate", 0);
+    _defineProperty(_assertThisInitialized(_this), "indexForUpIterate", 0);
+    _defineProperty(_assertThisInitialized(_this), "handleRef", function (index) {
+      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]);
+          }
+        }
+      };
     });
     return _this;
   }
   _createClass(BodyRoot, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        expandedRows: []
-      };
+    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(_, index) {
+    value: function getRowProps(props, i) {
+      var _this2 = this;
       var _this$asProps = this.asProps,
-        rows = _this$asProps.rows,
         use = _this$asProps.use,
         gridTemplateAreas = _this$asProps.gridTemplateAreas,
         gridTemplateColumns = _this$asProps.gridTemplateColumns,
         expandedRows = _this$asProps.expandedRows,
         columns = _this$asProps.columns,
-        headerRows = _this$asProps.headerRows;
-      var row = rows[index];
+        onExpandRow = _this$asProps.onExpandRow,
+        loading = _this$asProps.loading,
+        hasGroups = _this$asProps.hasGroups;
+      var row = props.row;
+      var index = props.offset + i;
       var rowIndex = (expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function (acc, item) {
         if (item < index) {
-          acc = acc + 1;
+          var expandedRow = _this2.rows.flat()[item][ACCORDION];
+          if (Array.isArray(expandedRow)) {
+            acc = acc + expandedRow.length;
+          } else {
+            acc = acc + 1;
+          }
         }
         return acc;
       }, index);
-      var accordionDataGridArea = Array.isArray(row[ACCORDION]) ? "".concat(rowIndex + headerRows + 2, " / 1 / ").concat(rowIndex + headerRows + 2 + row[ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(rowIndex + headerRows + 2, " / 1 / ").concat(rowIndex + headerRows + 2, " / ").concat(columns.length + 1);
+      var gridRowIndex = rowIndex + (hasGroups ? 3 : 2); // 1 - for header, 1 - because start not from 0, but from 1
+      var ariaRowIndex = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1
+
+      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 {
         use: use,
         gridTemplateAreas: gridTemplateAreas,
@@ -102,106 +133,314 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(index),
         accordionDataGridArea: accordionDataGridArea,
         columns: columns,
-        headerRows: headerRows,
         rowIndex: index,
-        rows: rows
+        ariaRowIndex: ariaRowIndex,
+        gridRowIndex: gridRowIndex,
+        rows: this.rows,
+        row: row,
+        expandedRows: expandedRows,
+        onExpandRow: onExpandRow,
+        inert: loading ? '' : undefined
       };
     }
   }, {
     key: "getCellProps",
     value: function getCellProps(props) {
-      var _this2 = this;
+      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;
+        getI18nText = _this$asProps2.getI18nText,
+        onExpandRow = _this$asProps2.onExpandRow,
+        virtualScroll = _this$asProps2.virtualScroll,
+        tableRef = _this$asProps2.tableRef;
       var SAccordionToggle = ButtonLink;
-      var cellValue = props.row[props.name];
-      var value = '';
-      if (cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) {
+      var dataKey = props.column.name;
+      var cellValue = props.row[dataKey];
+      var value = undefined;
+      var isMergedRows = cellValue instanceof MergedRowsCell;
+      var isMergedColumns = cellValue instanceof MergedColumnsCell;
+      if (isMergedColumns || isMergedRows) {
         value = cellValue.value;
+        if (isMergedColumns) {
+          dataKey = cellValue.dataKey;
+        }
       } else {
         value = cellValue;
       }
       var defaultRender = function defaultRender() {
-        if (props.columnIndex === 0 && props.row[ACCORDION]) {
-          var _ref2;
+        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 _this2.onExpandRow(props.rowIndex);
+              return onExpandRow(props.rowIndex);
             },
             "color": '--intergalactic-icon-primary-neutral'
           }), /*#__PURE__*/React.createElement(SAccordionToggle.Addon, {
             tag: ChevronRightM
-          })), value);
+          })), (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.toString());
         }
-        return value;
+        return (_value3 = value) === null || _value3 === void 0 ? void 0 : _value3.toString();
       };
-      return {
+      var extraProps = {
         use: use,
-        children: renderCell ? renderCell({
-          name: props.name,
+        virtualScroll: Boolean(virtualScroll),
+        tableRef: tableRef,
+        children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender()
+      };
+      if (renderCell) {
+        var _value$toString, _value4;
+        var external = renderCell({
+          columnName: props.column.name,
           row: props.row,
           column: props.column,
           rowIndex: props.rowIndex,
           columnIndex: props.columnIndex,
+          dataKey: dataKey,
           defaultRender: defaultRender,
-          value: value
-        }) : defaultRender()
-      };
+          value: (_value$toString = (_value4 = value) === null || _value4 === void 0 ? void 0 : _value4.toString()) !== null && _value$toString !== void 0 ? _value$toString : '',
+          isMergedRows: isMergedRows,
+          isMergedColumns: isMergedColumns
+        });
+        if (this.isReactNode(external) || Array.isArray(external)) {
+          extraProps.children = external;
+        } else {
+          for (var key in external) {
+            extraProps[key] = external[key];
+          }
+        }
+      }
+      return extraProps;
     }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref3;
+        _ref3,
+        _this3 = this;
       var SBody = Box;
+      var SRowGroup = Box;
       var SSpinContainer = Box;
       var _this$asProps3 = this.asProps,
-        rows = _this$asProps3.rows,
-        columns = _this$asProps3.columns,
         styles = _this$asProps3.styles,
-        headerRows = _this$asProps3.headerRows,
         loading = _this$asProps3.loading,
-        headerHeight = _this$asProps3.headerHeight;
-      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", _objectSpread({}, _assignProps({}, _ref))), rows.map(function (row, index) {
-        return (
-          /*#__PURE__*/
-          // @ts-ignore
-          React.createElement(Body.Row, {
-            key: index,
-            role: 'row',
-            "aria-rowindex": index + 2
-            // columns={columns}
-            ,
-            row: row
-            // rows={rows}
-            // rowIndex={index}
-            // headerRows={headerRows}
-          })
-        );
-      }), loading &&
-      /*#__PURE__*/
-      // @ts-ignore
-      React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
-        "aria-hidden": true,
-        "headerHeight": "".concat(headerHeight, "px")
+        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 startIndex = -1;
+      var lastIndex = -1;
+      if (virtualScroll) {
+        var _virtualScroll$rowsBu, _tableContainerRef$cu, _tableContainerRef$cu2;
+        var rowsBuffer = typeof virtualScroll !== 'boolean' && 'rowsBuffer' in virtualScroll ? (_virtualScroll$rowsBu = virtualScroll.rowsBuffer) !== null && _virtualScroll$rowsBu !== void 0 ? _virtualScroll$rowsBu : ROWS_BUFFER : ROWS_BUFFER;
+        var offsetHeight = (_tableContainerRef$cu = (_tableContainerRef$cu2 = tableContainerRef.current) === null || _tableContainerRef$cu2 === void 0 ? void 0 : _tableContainerRef$cu2.offsetHeight) !== null && _tableContainerRef$cu !== void 0 ? _tableContainerRef$cu : 0;
+        var prevPrepared = scrollDirection === 'up' ? rowsBuffer : 4;
+        var nextPrepared = scrollDirection === 'up' ? 4 : rowsBuffer;
+        if (typeof virtualScroll === 'boolean' || 'aproxRowsOnPage' in virtualScroll) {
+          var _virtualScroll$aproxR;
+          var aproxRowsOnPage = typeof virtualScroll !== 'boolean' ? (_virtualScroll$aproxR = virtualScroll.aproxRowsOnPage) !== null && _virtualScroll$aproxR !== void 0 ? _virtualScroll$aproxR : APROX_ROWS_ON_PAGE : APROX_ROWS_ON_PAGE;
+          if (scrollDirection === 'down') {
+            var _this$rowsHeightMap$g, _this$rowsHeightMap$g2, _lastIndex;
+            for (var i = this.indexForDownIterate; i < this.rowsHeightMap.size - 1; i++) {
+              var value = this.rowsHeightMap.get(i);
+              if (!value) continue;
+              var key = i;
+              var valueFromToCompare = value[1];
+              var valueToToCompare = value[0];
+              if (startIndex === -1 && scrollTop < valueFromToCompare) {
+                startIndex = Math.max(key - prevPrepared, 0);
+              }
+              if (startIndex !== -1 && scrollTop + offsetHeight < valueToToCompare) {
+                lastIndex = Math.min(key + nextPrepared, this.rows.length);
+              }
+              if (startIndex !== -1 && lastIndex !== -1) {
+                break;
+              }
+            }
+            if (scrollTop + offsetHeight < ((_this$rowsHeightMap$g = (_this$rowsHeightMap$g2 = this.rowsHeightMap.get((_lastIndex = lastIndex) !== null && _lastIndex !== void 0 ? _lastIndex : 0)) === null || _this$rowsHeightMap$g2 === void 0 ? void 0 : _this$rowsHeightMap$g2[1]) !== null && _this$rowsHeightMap$g !== void 0 ? _this$rowsHeightMap$g : 0)) {
+              lastIndex = lastIndex + aproxRowsOnPage;
+            }
+          } else if (scrollDirection === 'up') {
+            var _this$rowsHeightMap$g3, _this$rowsHeightMap$g4, _startIndex;
+            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);
+              }
+              if (lastIndex !== -1 && scrollTop < _valueFromToCompare) {
+                startIndex = Math.max(_key2 - prevPrepared, 0);
+              }
+              if (startIndex !== -1 && lastIndex !== -1) {
+                break;
+              }
+            }
+            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;
+            }
+          }
+          if (startIndex === -1) {
+            startIndex = scrollTop === 0 ? 0 : Math.max(this.rows.length - aproxRowsOnPage, 0);
+          }
+          if (lastIndex === -1) {
+            lastIndex = scrollTop === 0 ? aproxRowsOnPage : this.rows.length;
+          }
+          this.indexForDownIterate = startIndex;
+          this.indexForUpIterate = lastIndex;
+          rowsToRender = this.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);
+        }
+      }
+      startIndex = startIndex === -1 ? 0 : startIndex;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", _objectSpread({}, _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];
+        }
+        if (Array.isArray(row)) {
+          var _ref4;
+          return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
+            "role": 'rowgroup',
+            "key": index
+          }), row.map(function (item, i) {
+            return /*#__PURE__*/React.createElement(Body.Row, {
+              key: item[UNIQ_ROW_KEY],
+              row: item,
+              offset: startIndex
+            });
+          }));
+        }
+        return /*#__PURE__*/React.createElement(Body.Row, {
+          key: row[UNIQ_ROW_KEY],
+          row: row,
+          offset: startIndex,
+          ref: _this3.handleRef(startIndex + index),
+          rowMarginTop: rowMarginTop
+        });
+      }), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
+        "innerOutline": true,
+        "headerHeight": "".concat(headerHeight, "px"),
+        "tabIndex": -1,
+        "ref": spinnerRef,
+        "role": 'row'
       }), /*#__PURE__*/React.createElement(Spin, _ref3.cn("Spin", {
-        "size": 'xxl'
+        "size": 'xxl',
+        "role": 'gridcell'
       }))));
     }
+  }, {
+    key: "isReactNode",
+    value: function isReactNode(obj) {
+      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 = _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 : '';
+            columns["delete"](key);
+          } else {
+            acc[columnsToRow[0]] = new MergedColumnsCell(value, {
+              dataKey: key,
+              size: columnsToRow.length
+            });
+            columnsToRow.forEach(function (value) {
+              columns["delete"](value);
+            });
+          }
+          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) {
+          columns["delete"](value);
+        });
+        if (columns.size > 0) {
+          columns.forEach(function (value) {
+            dtRow[value] = '';
+          });
+        }
+        return dtRow;
+      };
+      data.forEach(function (row) {
+        var groupedRows = row[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 = _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 dtRow;
+            if (index === 0) {
+              var rowData = _objectSpread(_objectSpread({}, 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;
+    }
   }]);
   return BodyRoot;
 }(Component);
 _defineProperty(BodyRoot, "displayName", 'Body');
 _defineProperty(BodyRoot, "style", style);
-_defineProperty(BodyRoot, "defaultProps", {
-  defaultExpandedRows: []
-});
 export var Body = createComponent(BodyRoot, {
   Row: Row,
   Cell: Cell