@semcore/data-table 16.3.0-prerelease.3 → 16.3.1-prerelease.5

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

@@ -5,9 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Body = void 0;
+exports.INDEX_OFFSET = exports.Body = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
@@ -17,80 +16,90 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _baseComponents = require("@semcore/base-components");
-var _button = require("@semcore/button");
-var _assignProps2 = require("@semcore/core/lib/utils/assignProps");
-var _isInteractiveElement = require("@semcore/core/lib/utils/isInteractiveElement");
-var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
+var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
 var _spin = _interopRequireDefault(require("@semcore/spin"));
 var React = _interopRequireWildcard(require("react"));
-var _Cell = require("./Cell");
 var _MergedCells = require("./MergedCells");
 var _Row = require("./Row");
 var _DataTable = require("../DataTable/DataTable");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_9f9f4_gg_,.___SBody_9f9f4_gg_,.___SRowGroup_9f9f4_gg_,.___SRow_9f9f4_gg_{display:contents}.___SBody_9f9f4_gg_.__compact_9f9f4_gg_ .___SCell_9f9f4_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_9f9f4_gg_.__compact_9f9f4_gg_ .___SCell_9f9f4_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_9f9f4) - 1)))}.___SCellWrapper_9f9f4_gg_.__gridArea_9f9f4_gg_,.___SCollapseRow_9f9f4_gg_.__gridArea_9f9f4_gg_,.___SRow_9f9f4_gg_.__gridArea_9f9f4_gg_{grid-area:var(--gridArea_9f9f4)}.___SCellWrapper_9f9f4_gg_{height:100%;overflow:hidden}.___SCollapseRow_9f9f4_gg_.__gridArea_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_,.___SRow_9f9f4_gg_.__isAccordionRow_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_{height:auto;overflow:auto}.___SAccordionRows_9f9f4_gg_>.___SRow_9f9f4_gg_.__isAccordionRow_9f9f4_gg_:last-child>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_,.___SCollapseRow_9f9f4_gg_.__gridArea_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SAccordionRows_9f9f4_gg_>.___SRow_9f9f4_gg_.__isAccordionRow_9f9f4_gg_:last-child>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_.__withoutBorder_9f9f4_gg_,.___SCollapseRow_9f9f4_gg_.__gridArea_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_.__withoutBorder_9f9f4_gg_{border-bottom:none}.___SCollapseRow_9f9f4_gg_ .___SCell_9f9f4_gg_{display:block}.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_).__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_,.___SRow_9f9f4_gg_.__active_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_),.___SRow_9f9f4_gg_._accordionType_row_9f9f4_gg_.__expanded_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_),.___SRow_9f9f4_gg_.__isAccordionRow_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_._theme_muted_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]._theme_muted_9f9f4_gg_,.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_._theme_muted_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_muted_9f9f4_gg_,.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_),.___SRow_9f9f4_gg_._theme_muted_9f9f4_gg_:hover:not(.__expanded_9f9f4_gg_.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_),.___SRow_9f9f4_gg_:hover:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_muted_9f9f4_gg_,.___SRow_9f9f4_gg_:not(._accordionType_row_9f9f4_gg_.__expanded_9f9f4_gg_):hover:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_._theme_info_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]._theme_info_9f9f4_gg_,.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_._theme_info_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_info_9f9f4_gg_,.___SRow_9f9f4_gg_._theme_info_9f9f4_gg_:hover:not(.__expanded_9f9f4_gg_.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_),.___SRow_9f9f4_gg_:hover:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_info_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_._theme_success_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]._theme_success_9f9f4_gg_,.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_._theme_success_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_success_9f9f4_gg_,.___SRow_9f9f4_gg_._theme_success_9f9f4_gg_:hover:not(.__expanded_9f9f4_gg_.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_),.___SRow_9f9f4_gg_:hover:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_success_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_._theme_warning_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]._theme_warning_9f9f4_gg_,.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_._theme_warning_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_warning_9f9f4_gg_,.___SRow_9f9f4_gg_._theme_warning_9f9f4_gg_:hover:not(.__expanded_9f9f4_gg_.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_),.___SRow_9f9f4_gg_:hover:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_warning_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_._theme_danger_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]._theme_danger_9f9f4_gg_,.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_._theme_danger_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_),.___SRowGroup_9f9f4_gg_:has(.___SCell_9f9f4_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_9f9f4_gg_:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_danger_9f9f4_gg_,.___SRow_9f9f4_gg_._theme_danger_9f9f4_gg_:hover:not(.__expanded_9f9f4_gg_.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_):not(.__expanded_9f9f4_gg_.__withAccordion_9f9f4_gg_),.___SRow_9f9f4_gg_:hover:not(.__isNonInteractive_9f9f4_gg_)>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_._theme_danger_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_9f9f4_gg_._theme_muted_9f9f4_gg_ .___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_9f9f4_gg_._theme_muted_9f9f4_gg_.__active_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_9f9f4_gg_._theme_info_9f9f4_gg_ .___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_9f9f4_gg_._theme_info_9f9f4_gg_.__active_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_9f9f4_gg_._theme_success_9f9f4_gg_ .___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_9f9f4_gg_._theme_success_9f9f4_gg_.__active_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_9f9f4_gg_._theme_warning_9f9f4_gg_ .___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_9f9f4_gg_._theme_warning_9f9f4_gg_.__active_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_9f9f4_gg_._theme_danger_9f9f4_gg_ .___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_9f9f4_gg_._theme_danger_9f9f4_gg_.__active_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_:not(.__theme_9f9f4_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_9f9f4_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);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;overflow:hidden}.___SCell_9f9f4_gg_ .___SAccordionToggle_9f9f4_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_9f9f4_gg_ .___SAccordionToggle_9f9f4_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_9f9f4_gg_ .___SAccordionToggle_9f9f4_gg_.__expanded_9f9f4_gg_ svg{transform:rotate(90deg)}.___SCell_9f9f4_gg_.__withoutBorder_9f9f4_gg_{border-bottom:none}.___SCell_9f9f4_gg_.__withAccordion_9f9f4_gg_,.___SCheckboxCell_9f9f4_gg_,.___SRow_9f9f4_gg_._accordionType_row_9f9f4_gg_>.___SCellWrapper_9f9f4_gg_>.___SCell_9f9f4_gg_{cursor:pointer}.___SCell_9f9f4_gg_._use_primary_9f9f4_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_9f9f4_gg_._use_primary_9f9f4_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_9f9f4) - 1)))}.___SCell_9f9f4_gg_._use_secondary_9f9f4_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_9f9f4_gg_._use_secondary_9f9f4_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_9f9f4) - 1)))}.___SCell_9f9f4_gg_._borders_both_9f9f4_gg_,.___SCell_9f9f4_gg_._borders_left_9f9f4_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_9f9f4_gg_._borders_both_9f9f4_gg_,.___SCell_9f9f4_gg_._borders_right_9f9f4_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_9f9f4_gg_.__fixed_9f9f4_gg_{position:sticky;z-index:2}.___SCell_9f9f4_gg_._theme_muted_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_9f9f4_gg_._theme_info_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_9f9f4_gg_._theme_success_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_9f9f4_gg_._theme_warning_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_9f9f4_gg_._theme_danger_9f9f4_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_9f9f4_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));z-index:15}.___SSpinContainer_9f9f4_gg_:focus-visible{z-index:15}.___SSpinContainer_9f9f4_gg_.__headerHeight_9f9f4_gg_{top:var(--headerHeight_9f9f4)}.___SEmptyData_9f9f4_gg_{grid-column:1/-1}.___SRow_9f9f4_gg_._sideIndents_wide_9f9f4_gg_ .___SCellWrapper_9f9f4_gg_:first-child .___SCell_9f9f4_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_9f9f4_gg_._sideIndents_wide_9f9f4_gg_ .___SCellWrapper_9f9f4_gg_:last-child .___SCell_9f9f4_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_9f9f4_gg_.__fixed_9f9f4_gg_.__shadowVertical_9f9f4_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_9f9f4_gg_._fixed_left_9f9f4_gg_._shadowVertical_median_9f9f4_gg_,.___SCellWrapper_9f9f4_gg_._fixed_left_9f9f4_gg_._shadowVertical_start_9f9f4_gg_{margin-right:-5px}.___SCellWrapper_9f9f4_gg_._fixed_left_9f9f4_gg_._shadowVertical_median_9f9f4_gg_:after,.___SCellWrapper_9f9f4_gg_._fixed_left_9f9f4_gg_._shadowVertical_start_9f9f4_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_9f9f4_gg_._fixed_left_9f9f4_gg_._shadowVertical_median_9f9f4_gg_ .___SCell_9f9f4_gg_,.___SCellWrapper_9f9f4_gg_._fixed_left_9f9f4_gg_._shadowVertical_start_9f9f4_gg_ .___SCell_9f9f4_gg_{margin-right:5px}.___SCellWrapper_9f9f4_gg_._fixed_right_9f9f4_gg_._shadowVertical_end_9f9f4_gg_,.___SCellWrapper_9f9f4_gg_._fixed_right_9f9f4_gg_._shadowVertical_median_9f9f4_gg_{margin-left:-5px}.___SCellWrapper_9f9f4_gg_._fixed_right_9f9f4_gg_._shadowVertical_end_9f9f4_gg_:after,.___SCellWrapper_9f9f4_gg_._fixed_right_9f9f4_gg_._shadowVertical_median_9f9f4_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_9f9f4_gg_._fixed_right_9f9f4_gg_._shadowVertical_end_9f9f4_gg_ .___SCell_9f9f4_gg_,.___SCellWrapper_9f9f4_gg_._fixed_right_9f9f4_gg_._shadowVertical_median_9f9f4_gg_ .___SCell_9f9f4_gg_{margin-left:5px}", /*__inner_css_end__*/"9f9f4_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_52u23_gg_,.___SBody_52u23_gg_,.___SRowGroup_52u23_gg_,.___SRow_52u23_gg_{display:contents}.___SBody_52u23_gg_.__compact_52u23_gg_ .___SCell_52u23_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_52u23_gg_.__compact_52u23_gg_ .___SCell_52u23_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_52u23) - 1)))}.___SCellWrapper_52u23_gg_.__gridArea_52u23_gg_,.___SCollapseRow_52u23_gg_.__gridArea_52u23_gg_,.___SRow_52u23_gg_.__gridArea_52u23_gg_{grid-area:var(--gridArea_52u23)}.___SCellWrapper_52u23_gg_{height:100%;overflow:hidden}.___SCollapseRow_52u23_gg_.__gridArea_52u23_gg_>.___SCellWrapper_52u23_gg_,.___SRow_52u23_gg_.__isAccordionRow_52u23_gg_>.___SCellWrapper_52u23_gg_{height:auto;overflow:auto}.___SAccordionRows_52u23_gg_>.___SRow_52u23_gg_.__isAccordionRow_52u23_gg_:last-child>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__withoutBorder_52u23_gg_),.___SCollapseRow_52u23_gg_.__gridArea_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__withoutBorder_52u23_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_52u23_gg_ .___SCell_52u23_gg_{display:block}.___SCell_52u23_gg_:not(.__theme_52u23_gg_).__expanded_52u23_gg_.__withAccordion_52u23_gg_,.___SRow_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRow_52u23_gg_._accordionType_row_52u23_gg_.__expanded_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRow_52u23_gg_.__isAccordionRow_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_muted_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_muted_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_muted_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_muted_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_._theme_muted_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_muted_52u23_gg_,.___SRow_52u23_gg_:not(._accordionType_row_52u23_gg_.__expanded_52u23_gg_):hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_info_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_info_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_info_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_info_52u23_gg_,.___SRow_52u23_gg_._theme_info_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_info_52u23_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_success_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_success_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_success_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_success_52u23_gg_,.___SRow_52u23_gg_._theme_success_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_success_52u23_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_warning_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_warning_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_warning_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_warning_52u23_gg_,.___SRow_52u23_gg_._theme_warning_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_warning_52u23_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_danger_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_danger_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_danger_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_danger_52u23_gg_,.___SRow_52u23_gg_._theme_danger_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_danger_52u23_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_52u23_gg_._theme_muted_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_52u23_gg_._theme_muted_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_52u23_gg_._theme_info_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_52u23_gg_._theme_info_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_52u23_gg_._theme_success_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_52u23_gg_._theme_success_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_52u23_gg_._theme_warning_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_52u23_gg_._theme_warning_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_52u23_gg_._theme_danger_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_52u23_gg_._theme_danger_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_52u23_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);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;overflow:hidden}.___SCell_52u23_gg_ .___SAccordionToggle_52u23_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_52u23_gg_ .___SAccordionToggle_52u23_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_52u23_gg_ .___SAccordionToggle_52u23_gg_.__expanded_52u23_gg_ svg{transform:rotate(90deg)}.___SCell_52u23_gg_.__withoutBorder_52u23_gg_{border-bottom:none}.___SCell_52u23_gg_.__withAccordion_52u23_gg_,.___SCheckboxCell_52u23_gg_,.___SRow_52u23_gg_._accordionType_row_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_{cursor:pointer}.___SCell_52u23_gg_._use_primary_52u23_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_52u23_gg_._use_primary_52u23_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_52u23) - 1)))}.___SCell_52u23_gg_._use_secondary_52u23_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_52u23_gg_._use_secondary_52u23_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_52u23) - 1)))}.___SCell_52u23_gg_._borders_both_52u23_gg_,.___SCell_52u23_gg_._borders_left_52u23_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_52u23_gg_._borders_both_52u23_gg_,.___SCell_52u23_gg_._borders_right_52u23_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_52u23_gg_.__fixed_52u23_gg_{position:sticky;z-index:2}.___SCell_52u23_gg_._theme_muted_52u23_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_52u23_gg_._theme_info_52u23_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_52u23_gg_._theme_success_52u23_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_52u23_gg_._theme_warning_52u23_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_52u23_gg_._theme_danger_52u23_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_52u23_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));z-index:15}.___SSpinContainer_52u23_gg_:focus-visible{z-index:15}.___SSpinContainer_52u23_gg_.__headerHeight_52u23_gg_{top:var(--headerHeight_52u23)}.___SEmptyData_52u23_gg_{grid-column:1/-1}.___SRow_52u23_gg_._sideIndents_wide_52u23_gg_ .___SCellWrapper_52u23_gg_:first-child .___SCell_52u23_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_52u23_gg_._sideIndents_wide_52u23_gg_ .___SCellWrapper_52u23_gg_:last-child .___SCell_52u23_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_52u23_gg_.__fixed_52u23_gg_.__shadowVertical_52u23_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_median_52u23_gg_,.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_start_52u23_gg_{margin-right:-5px}.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_median_52u23_gg_:after,.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_start_52u23_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_median_52u23_gg_ .___SCell_52u23_gg_,.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_start_52u23_gg_ .___SCell_52u23_gg_{margin-right:5px}.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_end_52u23_gg_,.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_median_52u23_gg_{margin-left:-5px}.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_end_52u23_gg_:after,.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_median_52u23_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_end_52u23_gg_ .___SCell_52u23_gg_,.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_median_52u23_gg_ .___SCell_52u23_gg_{margin-left:5px}", /*__inner_css_end__*/"52u23_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_9f9f4_gg_",
-  "__SRow": "___SRow_9f9f4_gg_",
-  "__SRowGroup": "___SRowGroup_9f9f4_gg_",
-  "__SAccordionRows": "___SAccordionRows_9f9f4_gg_",
-  "_gridArea": "__gridArea_9f9f4_gg_",
-  "__SCellWrapper": "___SCellWrapper_9f9f4_gg_",
-  "__SCollapseRow": "___SCollapseRow_9f9f4_gg_",
-  "--gridArea": "--gridArea_9f9f4",
-  "_isAccordionRow": "__isAccordionRow_9f9f4_gg_",
-  "__SCell": "___SCell_9f9f4_gg_",
-  "_withoutBorder": "__withoutBorder_9f9f4_gg_",
-  "_active": "__active_9f9f4_gg_",
-  "_theme": "__theme_9f9f4_gg_",
-  "_accordionType_row": "_accordionType_row_9f9f4_gg_",
-  "_expanded": "__expanded_9f9f4_gg_",
-  "_withAccordion": "__withAccordion_9f9f4_gg_",
-  "_isNonInteractive": "__isNonInteractive_9f9f4_gg_",
-  "_theme_muted": "_theme_muted_9f9f4_gg_",
-  "_theme_info": "_theme_info_9f9f4_gg_",
-  "_theme_success": "_theme_success_9f9f4_gg_",
-  "_theme_warning": "_theme_warning_9f9f4_gg_",
-  "_theme_danger": "_theme_danger_9f9f4_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_9f9f4_gg_",
-  "_borders_both": "_borders_both_9f9f4_gg_",
-  "_borders_left": "_borders_left_9f9f4_gg_",
-  "_borders_right": "_borders_right_9f9f4_gg_",
-  "_fixed": "__fixed_9f9f4_gg_",
-  "__SSpinContainer": "___SSpinContainer_9f9f4_gg_",
-  "_headerHeight": "__headerHeight_9f9f4_gg_",
-  "--headerHeight": "--headerHeight_9f9f4",
-  "__SEmptyData": "___SEmptyData_9f9f4_gg_",
-  "_compact": "__compact_9f9f4_gg_",
-  "--data-aria-level": "--data-aria-level_9f9f4",
-  "__SAccordionToggle": "___SAccordionToggle_9f9f4_gg_",
-  "_use_primary": "_use_primary_9f9f4_gg_",
-  "_use_secondary": "_use_secondary_9f9f4_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_9f9f4_gg_",
-  "_shadowVertical": "__shadowVertical_9f9f4_gg_",
-  "_fixed_left": "_fixed_left_9f9f4_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_9f9f4_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_9f9f4_gg_",
-  "_fixed_right": "_fixed_right_9f9f4_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_9f9f4_gg_"
+  "__SBody": "___SBody_52u23_gg_",
+  "__SRow": "___SRow_52u23_gg_",
+  "__SRowGroup": "___SRowGroup_52u23_gg_",
+  "__SAccordionRows": "___SAccordionRows_52u23_gg_",
+  "_gridArea": "__gridArea_52u23_gg_",
+  "__SCellWrapper": "___SCellWrapper_52u23_gg_",
+  "__SCollapseRow": "___SCollapseRow_52u23_gg_",
+  "--gridArea": "--gridArea_52u23",
+  "_isAccordionRow": "__isAccordionRow_52u23_gg_",
+  "__SCell": "___SCell_52u23_gg_",
+  "_withoutBorder": "__withoutBorder_52u23_gg_",
+  "_active": "__active_52u23_gg_",
+  "_theme": "__theme_52u23_gg_",
+  "_accordionType_row": "_accordionType_row_52u23_gg_",
+  "_expanded": "__expanded_52u23_gg_",
+  "_withAccordion": "__withAccordion_52u23_gg_",
+  "_isNonInteractive": "__isNonInteractive_52u23_gg_",
+  "_theme_muted": "_theme_muted_52u23_gg_",
+  "_theme_info": "_theme_info_52u23_gg_",
+  "_theme_success": "_theme_success_52u23_gg_",
+  "_theme_warning": "_theme_warning_52u23_gg_",
+  "_theme_danger": "_theme_danger_52u23_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_52u23_gg_",
+  "_borders_both": "_borders_both_52u23_gg_",
+  "_borders_left": "_borders_left_52u23_gg_",
+  "_borders_right": "_borders_right_52u23_gg_",
+  "_fixed": "__fixed_52u23_gg_",
+  "__SSpinContainer": "___SSpinContainer_52u23_gg_",
+  "_headerHeight": "__headerHeight_52u23_gg_",
+  "--headerHeight": "--headerHeight_52u23",
+  "__SEmptyData": "___SEmptyData_52u23_gg_",
+  "_compact": "__compact_52u23_gg_",
+  "--data-aria-level": "--data-aria-level_52u23",
+  "__SAccordionToggle": "___SAccordionToggle_52u23_gg_",
+  "_use_primary": "_use_primary_52u23_gg_",
+  "_use_secondary": "_use_secondary_52u23_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_52u23_gg_",
+  "_shadowVertical": "__shadowVertical_52u23_gg_",
+  "_fixed_left": "_fixed_left_52u23_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_52u23_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_52u23_gg_",
+  "_fixed_right": "_fixed_right_52u23_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_52u23_gg_"
 });
 var ROWS_BUFFER = 20;
 var APROX_ROWS_ON_PAGE = 20;
+var INDEX_OFFSET = exports.INDEX_OFFSET = 2; // 1 - for header, 1 - because start not from 0, but from 1
 var BodyRoot = /*#__PURE__*/function (_Component) {
-  function BodyRoot() {
+  function BodyRoot(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, BodyRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, BodyRoot, [].concat(args));
+    _this = _callSuper(this, BodyRoot, [props]);
     (0, _defineProperty2["default"])(_this, "rowsHeightMap", new Map());
+    (0, _defineProperty2["default"])(_this, "rowsComponentsMap", new Map());
     (0, _defineProperty2["default"])(_this, "indexForDownIterate", 0);
     (0, _defineProperty2["default"])(_this, "indexForUpIterate", 0);
-    (0, _defineProperty2["default"])(_this, "state", {
-      expandedForAnimation: new Set()
+    (0, _defineProperty2["default"])(_this, "startIndex", -1);
+    (0, _defineProperty2["default"])(_this, "lastIndex", -1);
+    (0, _defineProperty2["default"])(_this, "bodyRef", /*#__PURE__*/React.createRef());
+    (0, _defineProperty2["default"])(_this, "calculateAriaRowIndex", function () {
+      requestAnimationFrame(function () {
+        var _this$bodyRef$current;
+        var visibleRows = (_this$bodyRef$current = _this.bodyRef.current) === null || _this$bodyRef$current === void 0 ? void 0 : _this$bodyRef$current.querySelectorAll('[role=row]:not([aria-hidden=true]):not(:scope [data-ui-name="DataTable"] [role=row]:not([aria-hidden=true]))');
+        visibleRows === null || visibleRows === void 0 || visibleRows.forEach(function (row, index) {
+          if (row instanceof HTMLElement) {
+            row.setAttribute('aria-rowindex', (index + 2 + _this.startIndex).toString());
+          }
+        });
+        if (!_this.asProps.totalRows) {
+          var _this$asProps$tableRe, _visibleRows$length;
+          (_this$asProps$tableRe = _this.asProps.tableRef.current) === null || _this$asProps$tableRe === void 0 || _this$asProps$tableRe.setAttribute('aria-rowcount', ((_visibleRows$length = visibleRows === null || visibleRows === void 0 ? void 0 : visibleRows.length) !== null && _visibleRows$length !== void 0 ? _visibleRows$length : 0).toString());
+        }
+      });
     });
     (0, _defineProperty2["default"])(_this, "handleRef", function (index, row) {
       return function (node) {
@@ -100,137 +109,63 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         }
       };
     });
-    (0, _defineProperty2["default"])(_this, "handleExpandRow", function (row, index) {
-      var _this$asProps = _this.asProps,
-        accordionDuration = _this$asProps.accordionDuration,
-        accordionMode = _this$asProps.accordionMode,
-        expandedRows = _this$asProps.expandedRows,
-        onExpandRow = _this$asProps.onExpandRow;
-      var openDuration = Array.isArray(accordionDuration) ? accordionDuration[0] : accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : Array.isArray(row[_DataTable.ACCORDION]) ? Math.min(50 * row[_DataTable.ACCORDION].length, 200) : 200;
-      var closeDuration = Array.isArray(accordionDuration) ? accordionDuration[1] : accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : Array.isArray(row[_DataTable.ACCORDION]) ? Math.min(50 * row[_DataTable.ACCORDION].length, 200) : 200;
-      setTimeout(function () {
-        _this.setRowHeight(index, row);
-        for (var i = index; i < _this.rowsHeightMap.size; i++) {
-          _this.setRowHeight(i, row);
-        }
-      }, openDuration + 100); // we need to calculate after expanding animation
-
-      if (expandedRows.has(row[_DataTable.UNIQ_ROW_KEY])) {
-        _this.closeAccordion(row, closeDuration);
-      } else {
-        if (accordionMode === 'toggle' && expandedRows.size > 0) {
-          var previousRows = _this.asProps.flatRows.filter(function (r) {
-            return expandedRows.has(r[_DataTable.UNIQ_ROW_KEY]);
-          });
-          if (previousRows.length > 0) {
-            previousRows.forEach(function (previousRow) {
-              if (!_this.state.expandedForAnimation.has(previousRow[_DataTable.UNIQ_ROW_KEY])) {
-                setTimeout(function () {
-                  _this.closeAccordion(previousRow, closeDuration);
-                }, openDuration / 3);
-              }
-            });
-          }
-        }
-        onExpandRow(row);
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "closeAccordion", function (row, closeDuration) {
-      var onExpandRow = _this.asProps.onExpandRow;
-      _this.setState(function (prevState) {
-        prevState.expandedForAnimation.add(row[_DataTable.UNIQ_ROW_KEY]);
-        return {
-          expandedForAnimation: new Set((0, _toConsumableArray2["default"])(prevState.expandedForAnimation))
-        };
-      });
-      setTimeout(function () {
-        onExpandRow(row);
-        _this.setState(function (prevState) {
-          prevState.expandedForAnimation["delete"](row[_DataTable.UNIQ_ROW_KEY]);
-          return {
-            expandedForAnimation: new Set((0, _toConsumableArray2["default"])(prevState.expandedForAnimation))
-          };
-        });
-      }, closeDuration + 100); // we need to remove it from list of grid calculations after expanding animation
-    });
-    (0, _defineProperty2["default"])(_this, "handleClickRow", function (row, index) {
-      return function (e) {
-        if (!(0, _isInteractiveElement.isInteractiveElement)(e.target)) {
-          _this.handleExpandRow(row, index);
-        }
-      };
-    });
-    (0, _defineProperty2["default"])(_this, "handleClickCell", function (e, opt) {
-      if (!(0, _isInteractiveElement.isInteractiveElement)(e.target)) {
-        _this.handleExpandRow(opt.row, opt.rowIndex);
-      }
-    });
+    _this.setRowHeight = _this.setRowHeight.bind(_this);
     return _this;
   }
   (0, _inherits2["default"])(BodyRoot, _Component);
   return (0, _createClass2["default"])(BodyRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.calculateAriaRowIndex();
+    }
+  }, {
     key: "getRowProps",
     value: function getRowProps(props) {
-      var _this$asProps2 = this.asProps,
-        use = _this$asProps2.use,
-        gridTemplateAreas = _this$asProps2.gridTemplateAreas,
-        gridTemplateColumns = _this$asProps2.gridTemplateColumns,
-        expandedRows = _this$asProps2.expandedRows,
-        columns = _this$asProps2.columns,
-        onExpandRow = _this$asProps2.onExpandRow,
-        loading = _this$asProps2.loading,
-        hasGroups = _this$asProps2.hasGroups,
-        scrollAreaRef = _this$asProps2.scrollAreaRef,
-        uid = _this$asProps2.uid,
-        onBackFromAccordion = _this$asProps2.onBackFromAccordion,
-        rowProps = _this$asProps2.rowProps,
-        rows = _this$asProps2.rows,
-        flatRows = _this$asProps2.flatRows,
-        sideIndents = _this$asProps2.sideIndents,
-        selectedRows = _this$asProps2.selectedRows,
-        onSelectRow = _this$asProps2.onSelectRow,
-        getFixedStyle = _this$asProps2.getFixedStyle,
-        accordionDuration = _this$asProps2.accordionDuration,
-        variant = _this$asProps2.variant;
+      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,
+        accordionDuration = _this$asProps.accordionDuration,
+        getI18nText = _this$asProps.getI18nText,
+        renderCell = _this$asProps.renderCell,
+        tableRef = _this$asProps.tableRef,
+        onCellClick = _this$asProps.onCellClick,
+        rawData = _this$asProps.rawData,
+        shadowVertical = _this$asProps.shadowVertical,
+        accordionMode = _this$asProps.accordionMode,
+        virtualScroll = _this$asProps.virtualScroll,
+        variant = _this$asProps.variant;
       var row = props.row;
       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 {
-            acc = acc + 1;
-          }
-        }
-        return acc;
-      }, index);
-      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 gridRowIndex = row[_DataTable.GRID_ROW_INDEX] + (hasGroups ? INDEX_OFFSET + 1 : INDEX_OFFSET); // 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);
       var sideIndentsValue = variant === 'card' ? 'wide' : sideIndents;
-      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-        onClick: row[_DataTable.ACCORDION] && !props.mergedRow ? this.handleClickRow(row, index) : undefined
-      }, rowProps === null || rowProps === void 0 ? void 0 : rowProps(row, index)), {}, {
+      return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, 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.has(row[_DataTable.UNIQ_ROW_KEY])) && !this.state.expandedForAnimation.has(row[_DataTable.UNIQ_ROW_KEY]),
-        accordionDataGridArea: accordionDataGridArea,
         columns: columns,
         rowIndex: index,
-        ariaRowIndex: ariaRowIndex,
         gridRowIndex: gridRowIndex,
         rows: rows,
         onBackFromAccordion: onBackFromAccordion,
         row: row,
-        expandedRows: expandedRows,
         onExpandRow: onExpandRow,
         selectedRows: selectedRows,
         onSelectRow: onSelectRow,
@@ -239,162 +174,52 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         sideIndents: sideIndentsValue,
         getFixedStyle: getFixedStyle,
         mergedRow: props.mergedRow,
-        accordionDuration: accordionDuration
-      });
-    }
-  }, {
-    key: "getCellProps",
-    value: function getCellProps(props) {
-      var _props$children,
-        _value3,
-        _this2 = this;
-      var _this$asProps3 = this.asProps,
-        use = _this$asProps3.use,
-        renderCell = _this$asProps3.renderCell,
-        expandedRows = _this$asProps3.expandedRows,
-        styles = _this$asProps3.styles,
-        getI18nText = _this$asProps3.getI18nText,
-        virtualScroll = _this$asProps3.virtualScroll,
-        tableRef = _this$asProps3.tableRef,
-        flatRows = _this$asProps3.flatRows,
-        accordionDuration = _this$asProps3.accordionDuration,
-        onCellClick = _this$asProps3.onCellClick,
-        rawData = _this$asProps3.rawData,
-        shadowVertical = _this$asProps3.shadowVertical,
-        variant = _this$asProps3.variant;
-      var SAccordionToggle = _button.ButtonLink;
-      var dataKey = props.column.name;
-      var cellValue = props.row[dataKey];
-      var value = undefined;
-      var isMergedRows = cellValue instanceof _MergedCells.MergedRowsCell;
-      var isMergedColumns = cellValue instanceof _MergedCells.MergedColumnsCell;
-      if (isMergedColumns || isMergedRows) {
-        value = cellValue.value;
-        if (isMergedColumns) {
-          dataKey = cellValue.dataKey;
-        }
-      } else {
-        value = cellValue;
-      }
-      var defaultRender = function defaultRender() {
-        var _value;
-        return /*#__PURE__*/React.isValidElement(value) ? value : (_value = value) === null || _value === void 0 ? void 0 : _value.toString();
-      };
-      var withoutBorder = props.row[_DataTable.IS_EMPTY_DATA_ROW];
-      if (variant === 'card') {
-        withoutBorder = props.accordionRowIndex !== undefined ? props.accordionRowIndex + 1 === props.rows.length : flatRows.length === props.rowIndex + 1;
-      }
-      var extraProps = {
-        use: use,
-        virtualScroll: Boolean(virtualScroll),
-        tableRef: tableRef,
-        children: (_props$children = props === null || props === void 0 ? void 0 : props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender(),
         accordionDuration: accordionDuration,
-        onClick: onCellClick,
         flatRows: flatRows,
+        getI18nText: getI18nText,
+        renderCell: renderCell,
+        tableRef: tableRef,
+        onCellClick: onCellClick,
+        rawData: rawData,
+        expandedRows: expandedRows,
+        rowsHeightMap: this.rowsHeightMap,
+        setRowHeight: this.setRowHeight,
         shadowVertical: shadowVertical,
-        withoutBorder: withoutBorder
-      };
-      if (renderCell) {
-        var _value$toString, _value2;
-        var rowRawData = rawData[props.rowIndex];
-        if (props.accordionRowIndex && rowRawData[_DataTable.ACCORDION] && Array.isArray(rowRawData[_DataTable.ACCORDION])) {
-          rowRawData = rowRawData[_DataTable.ACCORDION][props.accordionRowIndex];
-        }
-        var external = renderCell({
-          columnName: props.column.name,
-          row: props.row,
-          column: props.column,
-          rowIndex: props.rowIndex,
-          columnIndex: props.columnIndex,
-          dataKey: dataKey,
-          defaultRender: defaultRender,
-          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,
-          rawData: rowRawData
-        });
-        if (this.isReactNode(external) || Array.isArray(external)) {
-          extraProps.children = external;
-        } else {
-          for (var key in external) {
-            if (key === 'onClick') {
-              extraProps[key] = (0, _assignProps2.callAllEventHandlers)(external[key], extraProps[key]);
-            } else {
-              extraProps[key] = external[key];
-            }
-          }
-        }
-      }
-      if (props.columnIndex === 0 && props.row[_DataTable.ACCORDION] || (_value3 = value) !== null && _value3 !== void 0 && _value3[_DataTable.ACCORDION] || cellValue instanceof _MergedCells.MergedRowsCell && cellValue.accordion) {
-        var _ref2, _value4;
-        var expanded = (expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(props.row[_DataTable.UNIQ_ROW_KEY])) && !this.state.expandedForAnimation.has(props.row[_DataTable.UNIQ_ROW_KEY]);
-        if (cellValue instanceof _MergedCells.MergedRowsCell && cellValue.accordion && props.row[_DataTable.ROW_GROUP]) {
-          var mergedKeysSet = props.row[_DataTable.ROW_GROUP];
-          expanded = (0, _toConsumableArray2["default"])(mergedKeysSet).some(function (key) {
-            return expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(key);
-          });
-        }
-        extraProps.expanded = expanded;
-        var row = props.row;
-        var rowIndex = props.rowIndex;
-        if (cellValue instanceof _MergedCells.MergedRowsCell && cellValue.accordion) {
-          row = flatRows[props.rowIndex + cellValue.rowsCount - 1];
-          rowIndex = props.rowIndex + cellValue.rowsCount - 1;
-        }
-        var handleClick = function handleClick(e) {
-          e.stopPropagation();
-          onCellClick(e, {
-            colIndex: props.columnIndex,
-            rowIndex: rowIndex,
-            row: row
-          });
-          _this2.handleExpandRow(row, rowIndex);
-        };
-        if ((_value4 = value) !== null && _value4 !== void 0 && _value4[_DataTable.ACCORDION] || cellValue instanceof _MergedCells.MergedRowsCell && cellValue.accordion) {
-          extraProps.onClick = (0, _assignProps2.callAllEventHandlers)(extraProps.onClick, this.handleClickCell);
-        }
-        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": handleClick,
-          "color": '--intergalactic-icon-primary-neutral',
-          "aria-expanded": expanded,
-          "aria-describedby": props.id,
-          "aria-controls": expanded ? props.accordionId : undefined
-        }), /*#__PURE__*/React.createElement(SAccordionToggle.Addon, {
-          tag: _m["default"]
-        })), extraProps.children));
-      }
-      return extraProps;
+        accordionMode: accordionMode,
+        componentsMap: this.rowsComponentsMap,
+        calculateAriaRowIndex: this.calculateAriaRowIndex,
+        virtualScroll: virtualScroll,
+        variant: variant
+      });
     }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref3,
+        _ref2,
         _this$rowsHeightMap$g5,
-        _this3 = this;
+        _this2 = this;
       var SBody = _baseComponents.Box;
       var SRowGroup = _baseComponents.Box;
       var SSpinContainer = _baseComponents.Box;
-      var _this$asProps4 = this.asProps,
-        styles = _this$asProps4.styles,
-        loading = _this$asProps4.loading,
-        headerHeight = _this$asProps4.headerHeight,
-        spinnerRef = _this$asProps4.spinnerRef,
-        virtualScroll = _this$asProps4.virtualScroll,
-        scrollDirection = _this$asProps4.scrollDirection,
-        tableContainerRef = _this$asProps4.tableContainerRef,
-        scrollTop = _this$asProps4.scrollTop,
-        renderEmptyData = _this$asProps4.renderEmptyData,
-        columns = _this$asProps4.columns,
-        uid = _this$asProps4.uid,
-        rows = _this$asProps4.rows,
-        renderCellOverlay = _this$asProps4.renderCellOverlay;
+      var _this$asProps2 = this.asProps,
+        styles = _this$asProps2.styles,
+        loading = _this$asProps2.loading,
+        headerHeight = _this$asProps2.headerHeight,
+        spinnerRef = _this$asProps2.spinnerRef,
+        virtualScroll = _this$asProps2.virtualScroll,
+        scrollDirection = _this$asProps2.scrollDirection,
+        tableContainerRef = _this$asProps2.tableContainerRef,
+        scrollTop = _this$asProps2.scrollTop,
+        renderEmptyData = _this$asProps2.renderEmptyData,
+        columns = _this$asProps2.columns,
+        uid = _this$asProps2.uid,
+        rows = _this$asProps2.rows,
+        renderCellOverlay = _this$asProps2.renderCellOverlay;
       var rowsToRender = rows;
-      var startIndex = -1;
-      var lastIndex = -1;
+      // let startIndex = -1;
+      // let 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;
@@ -405,118 +230,131 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
           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;
+            var _this$rowsHeightMap$g, _this$rowsHeightMap$g2, _this$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 (this.startIndex === -1 && scrollTop < valueFromToCompare) {
+                this.startIndex = Math.max(key - prevPrepared, 0);
               }
-              if (startIndex !== -1 && scrollTop + offsetHeight < valueToToCompare) {
-                lastIndex = Math.min(key + nextPrepared, rows.length);
+              if (this.startIndex !== -1 && scrollTop + offsetHeight < valueToToCompare) {
+                this.lastIndex = Math.min(key + nextPrepared, rows.length);
               }
-              if (startIndex !== -1 && lastIndex !== -1) {
+              if (this.startIndex !== -1 && this.lastIndex !== -1) {
                 break;
               }
             }
-            if (scrollTop + offsetHeight < ((_this$rowsHeightMap$g = (_this$rowsHeightMap$g2 = this.rowsHeightMap.get(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;
+            if (scrollTop + offsetHeight < ((_this$rowsHeightMap$g = (_this$rowsHeightMap$g2 = this.rowsHeightMap.get((_this$lastIndex = this.lastIndex) !== null && _this$lastIndex !== void 0 ? _this$lastIndex : 0)) === null || _this$rowsHeightMap$g2 === void 0 ? void 0 : _this$rowsHeightMap$g2[1]) !== null && _this$rowsHeightMap$g !== void 0 ? _this$rowsHeightMap$g : 0)) {
+              this.lastIndex = this.lastIndex + aproxRowsOnPage;
             }
           } else if (scrollDirection === 'up') {
-            var _this$rowsHeightMap$g3, _this$rowsHeightMap$g4;
+            var _this$rowsHeightMap$g3, _this$rowsHeightMap$g4, _this$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, rows.length);
+              var _value = this.rowsHeightMap.get(_i);
+              if (!_value) continue;
+              var _key = _i;
+              var _valueFromToCompare = _value[1];
+              var _valueToToCompare = _value[0];
+              if (this.lastIndex === -1 && scrollTop + offsetHeight > _valueToToCompare) {
+                this.lastIndex = Math.min(_key + nextPrepared, rows.length);
               }
-              if (lastIndex !== -1 && scrollTop < _valueFromToCompare) {
-                startIndex = Math.max(_key2 - prevPrepared, 0);
+              if (this.lastIndex !== -1 && scrollTop < _valueFromToCompare) {
+                this.startIndex = Math.max(_key - prevPrepared, 0);
               }
-              if (startIndex !== -1 && lastIndex !== -1) {
+              if (this.startIndex !== -1 && this.lastIndex !== -1) {
                 break;
               }
             }
-            if (scrollTop < ((_this$rowsHeightMap$g3 = (_this$rowsHeightMap$g4 = this.rowsHeightMap.get(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 = Math.max(startIndex - aproxRowsOnPage, 0);
+            if (scrollTop < ((_this$rowsHeightMap$g3 = (_this$rowsHeightMap$g4 = this.rowsHeightMap.get((_this$startIndex = this.startIndex) !== null && _this$startIndex !== void 0 ? _this$startIndex : 0)) === null || _this$rowsHeightMap$g4 === void 0 ? void 0 : _this$rowsHeightMap$g4[0]) !== null && _this$rowsHeightMap$g3 !== void 0 ? _this$rowsHeightMap$g3 : 0)) {
+              this.startIndex = Math.max(this.startIndex - aproxRowsOnPage, 0);
             }
           }
-          if (startIndex === -1) {
-            startIndex = scrollTop === 0 ? 0 : Math.max(rows.length - aproxRowsOnPage, 0);
+          if (this.startIndex === -1) {
+            this.startIndex = scrollTop === 0 ? 0 : Math.max(rows.length - aproxRowsOnPage, 0);
           }
-          if (lastIndex === -1) {
-            lastIndex = scrollTop === 0 ? aproxRowsOnPage : rows.length;
+          if (this.lastIndex === -1) {
+            this.lastIndex = scrollTop === 0 ? aproxRowsOnPage : rows.length;
           }
-          this.indexForDownIterate = startIndex;
-          this.indexForUpIterate = lastIndex;
-          rowsToRender = rows.slice(startIndex, lastIndex);
+          this.indexForDownIterate = this.startIndex;
+          this.indexForUpIterate = this.lastIndex;
+          rowsToRender = rows.slice(this.startIndex, this.lastIndex);
         } else if ('rowHeight' in virtualScroll) {
           var rowHeight = virtualScroll.rowHeight;
-          startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
-          var _lastIndex = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
-          rowsToRender = rows.slice(startIndex, _lastIndex);
+          this.startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);
+          var lastIndex = Math.min(Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared, rows.length);
+          rowsToRender = rows.slice(this.startIndex, lastIndex);
         }
       }
-      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];
+      this.startIndex = this.startIndex === -1 ? 0 : this.startIndex;
+      var rowMarginTop = (_this$rowsHeightMap$g5 = this.rowsHeightMap.get(this.startIndex - 1)) === null || _this$rowsHeightMap$g5 === void 0 ? void 0 : _this$rowsHeightMap$g5[1];
       var emptyRow = null;
       if (rowsToRender.length === 0) {
-        emptyRow = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _DataTable.UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), _DataTable.IS_EMPTY_DATA_ROW, true), _DataTable.ROW_INDEX, 0), columns[0].name, new _MergedCells.MergedColumnsCell(renderEmptyData(), {
+        emptyRow = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _DataTable.UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), _DataTable.IS_EMPTY_DATA_ROW, true), _DataTable.ROW_INDEX, 0), _DataTable.GRID_ROW_INDEX, 0), columns[0].name, new _MergedCells.MergedColumnsCell(renderEmptyData(), {
           dataKey: columns[0].name,
           size: columns.length
         }));
       }
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "__excludeProps": ['data']
+      if ((0, _canUseDOM["default"])()) {
+        this.calculateAriaRowIndex();
+      }
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SBody, _ref2.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "__excludeProps": ['data'],
+        "ref": this.bodyRef
       }, _ref))), emptyRow && /*#__PURE__*/React.createElement(Body.Row, {
         row: emptyRow,
         isNonInteractive: true
-      }), typeof virtualScroll === 'boolean' && rowMarginTop && /*#__PURE__*/React.createElement(_baseComponents.Box, _ref3.cn("Box", {
+      }), typeof virtualScroll === 'boolean' && rowMarginTop && /*#__PURE__*/React.createElement(_baseComponents.Box, _ref2.cn("Box", {
         "h": rowMarginTop
       })), rowsToRender.map(function (row, index) {
         var _row$UNIQ_ROW_KEY;
         if (Array.isArray(row)) {
-          var _ref4;
-          return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
+          var _ref3;
+          return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SRowGroup, _ref3.cn("SRowGroup", {
             "role": 'rowgroup',
             "key": "gg_".concat(row[0][_DataTable.UNIQ_ROW_KEY]),
-            "ref": _this3.handleRef(startIndex + index, row[0])
+            "ref": _this2.handleRef(_this2.startIndex + index, row[0])
           }), row.map(function (item, i) {
             var _item$UNIQ_ROW_KEY;
             return /*#__PURE__*/React.createElement(Body.Row, {
               key: (_item$UNIQ_ROW_KEY = item[_DataTable.UNIQ_ROW_KEY]) === null || _item$UNIQ_ROW_KEY === void 0 ? void 0 : _item$UNIQ_ROW_KEY.toString(),
               row: item,
-              mergedRow: i > 0 ? true : false
+              mergedRow: i > 0 ? true : false,
+              componentRef: function componentRef(component) {
+                if (component) {
+                  _this2.rowsComponentsMap.set(item[_DataTable.UNIQ_ROW_KEY], component);
+                } else {
+                  _this2.rowsComponentsMap["delete"](item[_DataTable.UNIQ_ROW_KEY]);
+                }
+              }
             });
           }));
         }
         return /*#__PURE__*/React.createElement(Body.Row, {
           key: (_row$UNIQ_ROW_KEY = row[_DataTable.UNIQ_ROW_KEY]) === null || _row$UNIQ_ROW_KEY === void 0 ? void 0 : _row$UNIQ_ROW_KEY.toString(),
           row: row,
-          ref: virtualScroll ? _this3.handleRef(startIndex + index, row) : undefined
+          ref: virtualScroll ? _this2.handleRef(_this2.startIndex + index, row) : undefined,
+          componentRef: function componentRef(component) {
+            if (component) {
+              _this2.rowsComponentsMap.set(row[_DataTable.UNIQ_ROW_KEY], component);
+            } else {
+              _this2.rowsComponentsMap["delete"](row[_DataTable.UNIQ_ROW_KEY]);
+            }
+          }
         });
-      }), renderCellOverlay === null || renderCellOverlay === void 0 ? void 0 : renderCellOverlay(), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
+      }), renderCellOverlay === null || renderCellOverlay === void 0 ? void 0 : renderCellOverlay(), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref2.cn("SSpinContainer", {
         "innerOutline": true,
         "headerHeight": "".concat(headerHeight, "px"),
         "tabIndex": -1,
         "ref": spinnerRef,
         "role": 'row'
-      }), /*#__PURE__*/React.createElement(_spin["default"], _ref3.cn("Spin", {
+      }), /*#__PURE__*/React.createElement(_spin["default"], _ref2.cn("Spin", {
         "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: "setRowHeight",
     value: function setRowHeight(index, row) {
@@ -538,7 +376,6 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(BodyRoot, "displayName", 'Body');
 (0, _defineProperty2["default"])(BodyRoot, "style", style);
 var Body = exports.Body = (0, _core.createComponent)(BodyRoot, {
-  Row: _Row.Row,
-  Cell: _Cell.Cell
+  Row: _Row.Row
 });
 //# sourceMappingURL=Body.js.map