@semcore/data-table 16.2.2-prerelease.1 → 16.3.0-prerelease.4

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

@@ -5,9 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Row = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.RowRoot = exports.Row = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+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,68 +18,75 @@ 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 _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
+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 React = _interopRequireWildcard(require("react"));
-var _Body = require("./Body");
+var _Cell = require("./Cell");
 var _MergedCells = require("./MergedCells");
 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_bxcmw_gg_,.___SBody_bxcmw_gg_,.___SRowGroup_bxcmw_gg_,.___SRow_bxcmw_gg_{display:contents}.___SBody_bxcmw_gg_.__compact_bxcmw_gg_ .___SCell_bxcmw_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_bxcmw_gg_.__compact_bxcmw_gg_ .___SCell_bxcmw_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_bxcmw) - 1)))}.___SCellWrapper_bxcmw_gg_.__gridArea_bxcmw_gg_,.___SCollapseRow_bxcmw_gg_.__gridArea_bxcmw_gg_,.___SRow_bxcmw_gg_.__gridArea_bxcmw_gg_{grid-area:var(--gridArea_bxcmw)}.___SCellWrapper_bxcmw_gg_{height:100%;overflow:hidden}.___SCollapseRow_bxcmw_gg_.__gridArea_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_,.___SRow_bxcmw_gg_.__isAccordionRow_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_{height:auto;overflow:auto}.___SAccordionRows_bxcmw_gg_>.___SRow_bxcmw_gg_.__isAccordionRow_bxcmw_gg_:last-child>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_,.___SCollapseRow_bxcmw_gg_.__gridArea_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_bxcmw_gg_ .___SCell_bxcmw_gg_{display:block}.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_).__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_,.___SRow_bxcmw_gg_.__active_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_),.___SRow_bxcmw_gg_._accordionType_row_bxcmw_gg_.__expanded_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_),.___SRow_bxcmw_gg_.__isAccordionRow_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_._theme_muted_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]._theme_muted_bxcmw_gg_,.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_._theme_muted_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_muted_bxcmw_gg_,.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_),.___SRow_bxcmw_gg_._theme_muted_bxcmw_gg_:hover:not(.__expanded_bxcmw_gg_.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_),.___SRow_bxcmw_gg_:hover:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_muted_bxcmw_gg_,.___SRow_bxcmw_gg_:not(._accordionType_row_bxcmw_gg_.__expanded_bxcmw_gg_):hover:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_._theme_info_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]._theme_info_bxcmw_gg_,.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_._theme_info_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_info_bxcmw_gg_,.___SRow_bxcmw_gg_._theme_info_bxcmw_gg_:hover:not(.__expanded_bxcmw_gg_.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_),.___SRow_bxcmw_gg_:hover:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_info_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_._theme_success_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]._theme_success_bxcmw_gg_,.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_._theme_success_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_success_bxcmw_gg_,.___SRow_bxcmw_gg_._theme_success_bxcmw_gg_:hover:not(.__expanded_bxcmw_gg_.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_),.___SRow_bxcmw_gg_:hover:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_success_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_._theme_warning_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]._theme_warning_bxcmw_gg_,.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_._theme_warning_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_warning_bxcmw_gg_,.___SRow_bxcmw_gg_._theme_warning_bxcmw_gg_:hover:not(.__expanded_bxcmw_gg_.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_),.___SRow_bxcmw_gg_:hover:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_warning_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_._theme_danger_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]._theme_danger_bxcmw_gg_,.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_._theme_danger_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_),.___SRowGroup_bxcmw_gg_:has(.___SCell_bxcmw_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_bxcmw_gg_:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_danger_bxcmw_gg_,.___SRow_bxcmw_gg_._theme_danger_bxcmw_gg_:hover:not(.__expanded_bxcmw_gg_.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_):not(.__expanded_bxcmw_gg_.__withAccordion_bxcmw_gg_),.___SRow_bxcmw_gg_:hover:not(.__isNonInteractive_bxcmw_gg_)>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_._theme_danger_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_bxcmw_gg_._theme_muted_bxcmw_gg_ .___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_bxcmw_gg_._theme_muted_bxcmw_gg_.__active_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_bxcmw_gg_._theme_info_bxcmw_gg_ .___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_bxcmw_gg_._theme_info_bxcmw_gg_.__active_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_bxcmw_gg_._theme_success_bxcmw_gg_ .___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_bxcmw_gg_._theme_success_bxcmw_gg_.__active_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_bxcmw_gg_._theme_warning_bxcmw_gg_ .___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_bxcmw_gg_._theme_warning_bxcmw_gg_.__active_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_bxcmw_gg_._theme_danger_bxcmw_gg_ .___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_bxcmw_gg_._theme_danger_bxcmw_gg_.__active_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_:not(.__theme_bxcmw_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_bxcmw_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_bxcmw_gg_ .___SAccordionToggle_bxcmw_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_bxcmw_gg_ .___SAccordionToggle_bxcmw_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_bxcmw_gg_ .___SAccordionToggle_bxcmw_gg_.__expanded_bxcmw_gg_ svg{transform:rotate(90deg)}.___SCell_bxcmw_gg_.__withAccordion_bxcmw_gg_,.___SCheckboxCell_bxcmw_gg_,.___SRow_bxcmw_gg_._accordionType_row_bxcmw_gg_>.___SCellWrapper_bxcmw_gg_>.___SCell_bxcmw_gg_{cursor:pointer}.___SCell_bxcmw_gg_._use_primary_bxcmw_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_bxcmw_gg_._use_primary_bxcmw_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_bxcmw) - 1)))}.___SCell_bxcmw_gg_._use_secondary_bxcmw_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_bxcmw_gg_._use_secondary_bxcmw_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_bxcmw) - 1)))}.___SCell_bxcmw_gg_._borders_both_bxcmw_gg_,.___SCell_bxcmw_gg_._borders_left_bxcmw_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_bxcmw_gg_._borders_both_bxcmw_gg_,.___SCell_bxcmw_gg_._borders_right_bxcmw_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_bxcmw_gg_.__fixed_bxcmw_gg_{position:sticky;z-index:2}.___SCell_bxcmw_gg_._theme_muted_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_bxcmw_gg_._theme_info_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_bxcmw_gg_._theme_success_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_bxcmw_gg_._theme_warning_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_bxcmw_gg_._theme_danger_bxcmw_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_bxcmw_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_bxcmw_gg_:focus-visible{z-index:15}.___SSpinContainer_bxcmw_gg_.__headerHeight_bxcmw_gg_{top:var(--headerHeight_bxcmw)}.___SEmptyData_bxcmw_gg_{grid-column:1/-1}.___SRow_bxcmw_gg_._sideIndents_wide_bxcmw_gg_ .___SCellWrapper_bxcmw_gg_:first-child .___SCell_bxcmw_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_bxcmw_gg_._sideIndents_wide_bxcmw_gg_ .___SCellWrapper_bxcmw_gg_:last-child .___SCell_bxcmw_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_bxcmw_gg_.__fixed_bxcmw_gg_.__shadowVertical_bxcmw_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_bxcmw_gg_._fixed_left_bxcmw_gg_._shadowVertical_median_bxcmw_gg_,.___SCellWrapper_bxcmw_gg_._fixed_left_bxcmw_gg_._shadowVertical_start_bxcmw_gg_{margin-right:-5px}.___SCellWrapper_bxcmw_gg_._fixed_left_bxcmw_gg_._shadowVertical_median_bxcmw_gg_:after,.___SCellWrapper_bxcmw_gg_._fixed_left_bxcmw_gg_._shadowVertical_start_bxcmw_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_bxcmw_gg_._fixed_left_bxcmw_gg_._shadowVertical_median_bxcmw_gg_ .___SCell_bxcmw_gg_,.___SCellWrapper_bxcmw_gg_._fixed_left_bxcmw_gg_._shadowVertical_start_bxcmw_gg_ .___SCell_bxcmw_gg_{margin-right:5px}.___SCellWrapper_bxcmw_gg_._fixed_right_bxcmw_gg_._shadowVertical_end_bxcmw_gg_,.___SCellWrapper_bxcmw_gg_._fixed_right_bxcmw_gg_._shadowVertical_median_bxcmw_gg_{margin-left:-5px}.___SCellWrapper_bxcmw_gg_._fixed_right_bxcmw_gg_._shadowVertical_end_bxcmw_gg_:after,.___SCellWrapper_bxcmw_gg_._fixed_right_bxcmw_gg_._shadowVertical_median_bxcmw_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_bxcmw_gg_._fixed_right_bxcmw_gg_._shadowVertical_end_bxcmw_gg_ .___SCell_bxcmw_gg_,.___SCellWrapper_bxcmw_gg_._fixed_right_bxcmw_gg_._shadowVertical_median_bxcmw_gg_ .___SCell_bxcmw_gg_{margin-left:5px}", /*__inner_css_end__*/"bxcmw_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_15x9w_gg_,.___SBody_15x9w_gg_,.___SRowGroup_15x9w_gg_,.___SRow_15x9w_gg_{display:contents}.___SBody_15x9w_gg_.__compact_15x9w_gg_ .___SCell_15x9w_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_15x9w_gg_.__compact_15x9w_gg_ .___SCell_15x9w_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_15x9w) - 1)))}.___SCellWrapper_15x9w_gg_.__gridArea_15x9w_gg_,.___SCollapseRow_15x9w_gg_.__gridArea_15x9w_gg_,.___SRow_15x9w_gg_.__gridArea_15x9w_gg_{grid-area:var(--gridArea_15x9w)}.___SCellWrapper_15x9w_gg_{height:100%;overflow:hidden}.___SCollapseRow_15x9w_gg_.__gridArea_15x9w_gg_>.___SCellWrapper_15x9w_gg_,.___SRow_15x9w_gg_.__isAccordionRow_15x9w_gg_>.___SCellWrapper_15x9w_gg_{height:auto;overflow:auto}.___SAccordionRows_15x9w_gg_>.___SRow_15x9w_gg_.__isAccordionRow_15x9w_gg_:last-child>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__withoutBorder_15x9w_gg_),.___SCollapseRow_15x9w_gg_.__gridArea_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__withoutBorder_15x9w_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_15x9w_gg_ .___SCell_15x9w_gg_{display:block}.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_).__expanded_15x9w_gg_.__withAccordion_15x9w_gg_,.___SRow_15x9w_gg_.__active_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_),.___SRow_15x9w_gg_._accordionType_row_15x9w_gg_.__expanded_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_),.___SRow_15x9w_gg_.__isAccordionRow_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_._theme_muted_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]._theme_muted_15x9w_gg_,.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_._theme_muted_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_muted_15x9w_gg_,.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_),.___SRow_15x9w_gg_._theme_muted_15x9w_gg_:hover:not(.__expanded_15x9w_gg_.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_),.___SRow_15x9w_gg_:hover:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_muted_15x9w_gg_,.___SRow_15x9w_gg_:not(._accordionType_row_15x9w_gg_.__expanded_15x9w_gg_):hover:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_._theme_info_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]._theme_info_15x9w_gg_,.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_._theme_info_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_info_15x9w_gg_,.___SRow_15x9w_gg_._theme_info_15x9w_gg_:hover:not(.__expanded_15x9w_gg_.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_),.___SRow_15x9w_gg_:hover:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_info_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_._theme_success_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]._theme_success_15x9w_gg_,.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_._theme_success_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_success_15x9w_gg_,.___SRow_15x9w_gg_._theme_success_15x9w_gg_:hover:not(.__expanded_15x9w_gg_.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_),.___SRow_15x9w_gg_:hover:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_success_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_._theme_warning_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]._theme_warning_15x9w_gg_,.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_._theme_warning_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_warning_15x9w_gg_,.___SRow_15x9w_gg_._theme_warning_15x9w_gg_:hover:not(.__expanded_15x9w_gg_.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_),.___SRow_15x9w_gg_:hover:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_warning_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_._theme_danger_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_[data-grouped-by=rowgroup]._theme_danger_15x9w_gg_,.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_._theme_danger_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_),.___SRowGroup_15x9w_gg_:has(.___SCell_15x9w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_15x9w_gg_:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_danger_15x9w_gg_,.___SRow_15x9w_gg_._theme_danger_15x9w_gg_:hover:not(.__expanded_15x9w_gg_.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_):not(.__expanded_15x9w_gg_.__withAccordion_15x9w_gg_),.___SRow_15x9w_gg_:hover:not(.__isNonInteractive_15x9w_gg_)>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_._theme_danger_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_15x9w_gg_._theme_muted_15x9w_gg_ .___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_15x9w_gg_._theme_muted_15x9w_gg_.__active_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_15x9w_gg_._theme_info_15x9w_gg_ .___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_15x9w_gg_._theme_info_15x9w_gg_.__active_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_15x9w_gg_._theme_success_15x9w_gg_ .___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_15x9w_gg_._theme_success_15x9w_gg_.__active_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_15x9w_gg_._theme_warning_15x9w_gg_ .___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_15x9w_gg_._theme_warning_15x9w_gg_.__active_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_15x9w_gg_._theme_danger_15x9w_gg_ .___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_15x9w_gg_._theme_danger_15x9w_gg_.__active_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_:not(.__theme_15x9w_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_15x9w_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_15x9w_gg_ .___SAccordionToggle_15x9w_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_15x9w_gg_ .___SAccordionToggle_15x9w_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_15x9w_gg_ .___SAccordionToggle_15x9w_gg_.__expanded_15x9w_gg_ svg{transform:rotate(90deg)}.___SCell_15x9w_gg_.__withoutBorder_15x9w_gg_{border-bottom:none}.___SCell_15x9w_gg_.__withAccordion_15x9w_gg_,.___SCheckboxCell_15x9w_gg_,.___SRow_15x9w_gg_._accordionType_row_15x9w_gg_>.___SCellWrapper_15x9w_gg_>.___SCell_15x9w_gg_{cursor:pointer}.___SCell_15x9w_gg_._use_primary_15x9w_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_15x9w_gg_._use_primary_15x9w_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_15x9w) - 1)))}.___SCell_15x9w_gg_._use_secondary_15x9w_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_15x9w_gg_._use_secondary_15x9w_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_15x9w) - 1)))}.___SCell_15x9w_gg_._borders_both_15x9w_gg_,.___SCell_15x9w_gg_._borders_left_15x9w_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_15x9w_gg_._borders_both_15x9w_gg_,.___SCell_15x9w_gg_._borders_right_15x9w_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_15x9w_gg_.__fixed_15x9w_gg_{position:sticky;z-index:2}.___SCell_15x9w_gg_._theme_muted_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_15x9w_gg_._theme_info_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_15x9w_gg_._theme_success_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_15x9w_gg_._theme_warning_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_15x9w_gg_._theme_danger_15x9w_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_15x9w_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_15x9w_gg_:focus-visible{z-index:15}.___SSpinContainer_15x9w_gg_.__headerHeight_15x9w_gg_{top:var(--headerHeight_15x9w)}.___SEmptyData_15x9w_gg_{grid-column:1/-1}.___SRow_15x9w_gg_._sideIndents_wide_15x9w_gg_ .___SCellWrapper_15x9w_gg_:first-child .___SCell_15x9w_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_15x9w_gg_._sideIndents_wide_15x9w_gg_ .___SCellWrapper_15x9w_gg_:last-child .___SCell_15x9w_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_15x9w_gg_.__fixed_15x9w_gg_.__shadowVertical_15x9w_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_15x9w_gg_._fixed_left_15x9w_gg_._shadowVertical_median_15x9w_gg_,.___SCellWrapper_15x9w_gg_._fixed_left_15x9w_gg_._shadowVertical_start_15x9w_gg_{margin-right:-5px}.___SCellWrapper_15x9w_gg_._fixed_left_15x9w_gg_._shadowVertical_median_15x9w_gg_:after,.___SCellWrapper_15x9w_gg_._fixed_left_15x9w_gg_._shadowVertical_start_15x9w_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_15x9w_gg_._fixed_left_15x9w_gg_._shadowVertical_median_15x9w_gg_ .___SCell_15x9w_gg_,.___SCellWrapper_15x9w_gg_._fixed_left_15x9w_gg_._shadowVertical_start_15x9w_gg_ .___SCell_15x9w_gg_{margin-right:5px}.___SCellWrapper_15x9w_gg_._fixed_right_15x9w_gg_._shadowVertical_end_15x9w_gg_,.___SCellWrapper_15x9w_gg_._fixed_right_15x9w_gg_._shadowVertical_median_15x9w_gg_{margin-left:-5px}.___SCellWrapper_15x9w_gg_._fixed_right_15x9w_gg_._shadowVertical_end_15x9w_gg_:after,.___SCellWrapper_15x9w_gg_._fixed_right_15x9w_gg_._shadowVertical_median_15x9w_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_15x9w_gg_._fixed_right_15x9w_gg_._shadowVertical_end_15x9w_gg_ .___SCell_15x9w_gg_,.___SCellWrapper_15x9w_gg_._fixed_right_15x9w_gg_._shadowVertical_median_15x9w_gg_ .___SCell_15x9w_gg_{margin-left:5px}", /*__inner_css_end__*/"15x9w_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_bxcmw_gg_",
-  "__SRow": "___SRow_bxcmw_gg_",
-  "__SRowGroup": "___SRowGroup_bxcmw_gg_",
-  "__SAccordionRows": "___SAccordionRows_bxcmw_gg_",
-  "_gridArea": "__gridArea_bxcmw_gg_",
-  "__SCellWrapper": "___SCellWrapper_bxcmw_gg_",
-  "__SCollapseRow": "___SCollapseRow_bxcmw_gg_",
-  "--gridArea": "--gridArea_bxcmw",
-  "_isAccordionRow": "__isAccordionRow_bxcmw_gg_",
-  "__SCell": "___SCell_bxcmw_gg_",
-  "_active": "__active_bxcmw_gg_",
-  "_theme": "__theme_bxcmw_gg_",
-  "_accordionType_row": "_accordionType_row_bxcmw_gg_",
-  "_expanded": "__expanded_bxcmw_gg_",
-  "_withAccordion": "__withAccordion_bxcmw_gg_",
-  "_isNonInteractive": "__isNonInteractive_bxcmw_gg_",
-  "_theme_muted": "_theme_muted_bxcmw_gg_",
-  "_theme_info": "_theme_info_bxcmw_gg_",
-  "_theme_success": "_theme_success_bxcmw_gg_",
-  "_theme_warning": "_theme_warning_bxcmw_gg_",
-  "_theme_danger": "_theme_danger_bxcmw_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_bxcmw_gg_",
-  "_borders_both": "_borders_both_bxcmw_gg_",
-  "_borders_left": "_borders_left_bxcmw_gg_",
-  "_borders_right": "_borders_right_bxcmw_gg_",
-  "_fixed": "__fixed_bxcmw_gg_",
-  "__SSpinContainer": "___SSpinContainer_bxcmw_gg_",
-  "_headerHeight": "__headerHeight_bxcmw_gg_",
-  "--headerHeight": "--headerHeight_bxcmw",
-  "__SEmptyData": "___SEmptyData_bxcmw_gg_",
-  "_compact": "__compact_bxcmw_gg_",
-  "--data-aria-level": "--data-aria-level_bxcmw",
-  "__SAccordionToggle": "___SAccordionToggle_bxcmw_gg_",
-  "_use_primary": "_use_primary_bxcmw_gg_",
-  "_use_secondary": "_use_secondary_bxcmw_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_bxcmw_gg_",
-  "_shadowVertical": "__shadowVertical_bxcmw_gg_",
-  "_fixed_left": "_fixed_left_bxcmw_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_bxcmw_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_bxcmw_gg_",
-  "_fixed_right": "_fixed_right_bxcmw_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_bxcmw_gg_"
+  "__SBody": "___SBody_15x9w_gg_",
+  "__SRow": "___SRow_15x9w_gg_",
+  "__SRowGroup": "___SRowGroup_15x9w_gg_",
+  "__SAccordionRows": "___SAccordionRows_15x9w_gg_",
+  "_gridArea": "__gridArea_15x9w_gg_",
+  "__SCellWrapper": "___SCellWrapper_15x9w_gg_",
+  "__SCollapseRow": "___SCollapseRow_15x9w_gg_",
+  "--gridArea": "--gridArea_15x9w",
+  "_isAccordionRow": "__isAccordionRow_15x9w_gg_",
+  "__SCell": "___SCell_15x9w_gg_",
+  "_withoutBorder": "__withoutBorder_15x9w_gg_",
+  "_active": "__active_15x9w_gg_",
+  "_theme": "__theme_15x9w_gg_",
+  "_accordionType_row": "_accordionType_row_15x9w_gg_",
+  "_expanded": "__expanded_15x9w_gg_",
+  "_withAccordion": "__withAccordion_15x9w_gg_",
+  "_isNonInteractive": "__isNonInteractive_15x9w_gg_",
+  "_theme_muted": "_theme_muted_15x9w_gg_",
+  "_theme_info": "_theme_info_15x9w_gg_",
+  "_theme_success": "_theme_success_15x9w_gg_",
+  "_theme_warning": "_theme_warning_15x9w_gg_",
+  "_theme_danger": "_theme_danger_15x9w_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_15x9w_gg_",
+  "_borders_both": "_borders_both_15x9w_gg_",
+  "_borders_left": "_borders_left_15x9w_gg_",
+  "_borders_right": "_borders_right_15x9w_gg_",
+  "_fixed": "__fixed_15x9w_gg_",
+  "__SSpinContainer": "___SSpinContainer_15x9w_gg_",
+  "_headerHeight": "__headerHeight_15x9w_gg_",
+  "--headerHeight": "--headerHeight_15x9w",
+  "__SEmptyData": "___SEmptyData_15x9w_gg_",
+  "_compact": "__compact_15x9w_gg_",
+  "--data-aria-level": "--data-aria-level_15x9w",
+  "__SAccordionToggle": "___SAccordionToggle_15x9w_gg_",
+  "_use_primary": "_use_primary_15x9w_gg_",
+  "_use_secondary": "_use_secondary_15x9w_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_15x9w_gg_",
+  "_shadowVertical": "__shadowVertical_15x9w_gg_",
+  "_fixed_left": "_fixed_left_15x9w_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_15x9w_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_15x9w_gg_",
+  "_fixed_right": "_fixed_right_15x9w_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_15x9w_gg_"
 });
-var RowRoot = /*#__PURE__*/function (_Component) {
-  function RowRoot() {
+var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
+  function RowRoot(props) {
     var _this;
     (0, _classCallCheck2["default"])(this, RowRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, RowRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "cellIndex", -1);
+    _this = _callSuper(this, RowRoot, [props]);
+    (0, _defineProperty2["default"])(_this, "cellName", '');
+    (0, _defineProperty2["default"])(_this, "closeAccordionTimeout", 0);
+    (0, _defineProperty2["default"])(_this, "rowElementRef", /*#__PURE__*/React.createRef());
+    (0, _defineProperty2["default"])(_this, "state", {
+      expandedForAnimation: false
+    });
     (0, _defineProperty2["default"])(_this, "handleSelectRow", function (value, event) {
       var _this$asProps = _this.asProps,
         row = _this$asProps.row,
@@ -99,73 +107,305 @@ var RowRoot = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])(_this, "handleBackFromAccordion", function (e) {
       if (e.key === 'Escape') {
-        _this.asProps.onBackFromAccordion(_this.cellIndex);
+        _this.asProps.onBackFromAccordion(_this.cellName);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "handleExpandRow", function (row, index) {
+      var _this$asProps3 = _this.asProps,
+        accordionDuration = _this$asProps3.accordionDuration,
+        accordionMode = _this$asProps3.accordionMode,
+        expandedRows = _this$asProps3.expandedRows,
+        onExpandRow = _this$asProps3.onExpandRow,
+        setRowHeight = _this$asProps3.setRowHeight,
+        rowsHeightMap = _this$asProps3.rowsHeightMap,
+        calculateAriaRowIndex = _this$asProps3.calculateAriaRowIndex;
+      var expandedForAnimation = _this.state.expandedForAnimation;
+      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 () {
+        setRowHeight(index, row);
+        for (var i = index; i < rowsHeightMap.size; i++) {
+          setRowHeight(i, row);
+        }
+      }, openDuration + 100); // we need to calculate after expanding animation
+
+      if (expandedRows.has(row[_DataTable.UNIQ_ROW_KEY]) && expandedForAnimation === false) {
+        _this.closeAccordion(row, closeDuration);
+      } else {
+        if (expandedForAnimation === true && _this.closeAccordionTimeout) {
+          clearTimeout(_this.closeAccordionTimeout);
+          onExpandRow(row);
+          _this.setState({
+            expandedForAnimation: false
+          }, calculateAriaRowIndex);
+        }
+        if (accordionMode === 'toggle' && expandedRows.size > 0) {
+          var previousRows = new Map();
+          _this.asProps.flatRows.forEach(function (row, index) {
+            if (expandedRows.has(row[_DataTable.UNIQ_ROW_KEY])) {
+              previousRows.set(row[_DataTable.UNIQ_ROW_KEY], row);
+            }
+          });
+          if (previousRows.size > 0) {
+            (0, _toConsumableArray2["default"])(previousRows.entries()).forEach(function (_ref5) {
+              var _ref6 = (0, _slicedToArray2["default"])(_ref5, 2),
+                uniqKey = _ref6[0],
+                previousRow = _ref6[1];
+              if (!_this.state.expandedForAnimation) {
+                setTimeout(function () {
+                  var _this$asProps$compone;
+                  (_this$asProps$compone = _this.asProps.componentsMap.get(uniqKey)) === null || _this$asProps$compone === void 0 || _this$asProps$compone.closeAccordion(previousRow, closeDuration);
+                }, openDuration / 3);
+              }
+            });
+          }
+        }
+        onExpandRow(row);
+        _this.forceUpdate(_this.asProps.calculateAriaRowIndex);
       }
     });
+    (0, _defineProperty2["default"])(_this, "closeAccordion", function (row, closeDuration) {
+      var _this$asProps4 = _this.asProps,
+        onExpandRow = _this$asProps4.onExpandRow,
+        calculateAriaRowIndex = _this$asProps4.calculateAriaRowIndex;
+      _this.setState({
+        expandedForAnimation: true
+      }, calculateAriaRowIndex);
+      _this.closeAccordionTimeout = window.setTimeout(function () {
+        onExpandRow(row);
+        _this.setState({
+          expandedForAnimation: false
+        }, calculateAriaRowIndex);
+      }, closeDuration + 100); // we need to remove it from list of grid calculations after expanding animation
+    });
+    (0, _defineProperty2["default"])(_this, "handleClickCell", function (e, opt) {
+      if (!(0, _isInteractiveElement.isInteractiveElement)(e.target)) {
+        _this.handleExpandRow(opt.row, opt.rowIndex);
+      }
+    });
+    _this.handleClickRow = _this.handleClickRow.bind(_this);
     return _this;
   }
   (0, _inherits2["default"])(RowRoot, _Component);
   return (0, _createClass2["default"])(RowRoot, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$asProps$compone2, _this$asProps5;
+      (_this$asProps$compone2 = (_this$asProps5 = this.asProps).componentRef) === null || _this$asProps$compone2 === void 0 || _this$asProps$compone2.call(_this$asProps5, this);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$asProps$compone3, _this$asProps6;
+      (_this$asProps$compone3 = (_this$asProps6 = this.asProps).componentRef) === null || _this$asProps$compone3 === void 0 || _this$asProps$compone3.call(_this$asProps6, null);
+    }
+  }, {
     key: "cellHasAccordion",
     value: function cellHasAccordion(cellValue) {
       return !(cellValue instanceof _MergedCells.MergedRowsCell || cellValue instanceof _MergedCells.MergedColumnsCell) && Boolean(cellValue === null || cellValue === void 0 ? void 0 : cellValue[_DataTable.ACCORDION]);
     }
+  }, {
+    key: "handleClickRow",
+    value: function handleClickRow(row) {
+      var _this2 = this;
+      return function (e) {
+        var index = row[_DataTable.ROW_INDEX];
+        if (!(0, _isInteractiveElement.isInteractiveElement)(e.target) && row[_DataTable.ACCORDION] && !_this2.asProps.mergedRow) {
+          _this2.handleExpandRow(row, index);
+        }
+      };
+    }
+  }, {
+    key: "getCellProps",
+    value: function getCellProps(props) {
+      var _props$children,
+        _value3,
+        _this3 = this;
+      var _this$asProps7 = this.asProps,
+        use = _this$asProps7.use,
+        renderCell = _this$asProps7.renderCell,
+        expandedRows = _this$asProps7.expandedRows,
+        styles = _this$asProps7.styles,
+        getI18nText = _this$asProps7.getI18nText,
+        virtualScroll = _this$asProps7.virtualScroll,
+        tableRef = _this$asProps7.tableRef,
+        accordionDuration = _this$asProps7.accordionDuration,
+        onCellClick = _this$asProps7.onCellClick,
+        rawData = _this$asProps7.rawData,
+        shadowVertical = _this$asProps7.shadowVertical,
+        flatRows = _this$asProps7.flatRows,
+        variant = _this$asProps7.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') {
+        var isLastRow = flatRows.length === props.rowIndex + 1;
+        var isLastAccordionRow = props.accordionRowIndex !== undefined ? props.accordionRowIndex + 1 === props.rows.length : true;
+        withoutBorder = isLastRow && isLastAccordionRow;
+      }
+      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: this.asProps.flatRows,
+        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;
+        extraProps.expanded = expanded;
+        if (expanded) {
+          extraProps.withoutBorder = false;
+        }
+        var row = props.row;
+        var rowIndex = props.rowIndex;
+        var handleClick = function handleClick(e) {
+          e.stopPropagation();
+          onCellClick(e, {
+            colIndex: props.columnIndex,
+            rowIndex: rowIndex,
+            row: row
+          });
+          _this3.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 && !this.state.expandedForAnimation,
+          "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;
+    }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-        _ref2,
-        _this2 = this;
+        _ref3,
+        _this4 = this;
       var SRow = _baseComponents.Box;
       var SCollapseRow = _baseComponents.Collapse;
       var SAccordionRows = _baseComponents.Box;
-      var SCell = _Body.Body.Cell;
-      var SCheckboxCell = _Body.Body.Cell;
-      var _this$asProps3 = this.asProps,
-        columns = _this$asProps3.columns,
-        row = _this$asProps3.row,
-        rows = _this$asProps3.rows,
-        styles = _this$asProps3.styles,
-        rowIndex = _this$asProps3.rowIndex,
-        ariaRowIndex = _this$asProps3.ariaRowIndex,
-        gridRowIndex = _this$asProps3.gridRowIndex,
-        expanded = _this$asProps3.expanded,
-        accordionDataGridArea = _this$asProps3.accordionDataGridArea,
-        _this$asProps3$ariaL = _this$asProps3['aria-level'],
-        ariaLevel = _this$asProps3$ariaL === void 0 ? 1 : _this$asProps3$ariaL,
-        scrollAreaRef = _this$asProps3.scrollAreaRef,
-        selectedRows = _this$asProps3.selectedRows,
-        uid = _this$asProps3.uid,
-        getFixedStyle = _this$asProps3.getFixedStyle,
-        mergedRow = _this$asProps3.mergedRow,
-        isAccordionRow = _this$asProps3.isAccordionRow,
-        animationExpand = _this$asProps3.animationExpand,
-        accordionRowIndex = _this$asProps3.accordionRowIndex,
-        accordionDuration = _this$asProps3.accordionDuration;
+      var SCell = Row.Cell;
+      var SCheckboxCell = Row.Cell;
+      var _this$asProps8 = this.asProps,
+        columns = _this$asProps8.columns,
+        row = _this$asProps8.row,
+        rows = _this$asProps8.rows,
+        styles = _this$asProps8.styles,
+        rowIndex = _this$asProps8.rowIndex,
+        gridRowIndex = _this$asProps8.gridRowIndex,
+        _this$asProps8$ariaL = _this$asProps8['aria-level'],
+        ariaLevel = _this$asProps8$ariaL === void 0 ? 1 : _this$asProps8$ariaL,
+        selectedRows = _this$asProps8.selectedRows,
+        expandedRows = _this$asProps8.expandedRows,
+        uid = _this$asProps8.uid,
+        getFixedStyle = _this$asProps8.getFixedStyle,
+        mergedRow = _this$asProps8.mergedRow,
+        isAccordionRow = _this$asProps8.isAccordionRow,
+        animationExpand = _this$asProps8.animationExpand,
+        accordionRowIndex = _this$asProps8.accordionRowIndex,
+        accordionDuration = _this$asProps8.accordionDuration,
+        use = _this$asProps8.use,
+        shadowVertical = _this$asProps8.shadowVertical,
+        variant = _this$asProps8.variant,
+        flatRows = _this$asProps8.flatRows;
+      var expanded = (expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(row[_DataTable.UNIQ_ROW_KEY])) && !this.state.expandedForAnimation;
       var accordion = row[_DataTable.ACCORDION];
       var accordionType = accordion && !mergedRow ? 'row' : undefined;
       if (!accordion) {
-        var cells = Object.values(row);
-        var cellWithAccordionIndex = cells.findIndex(function (value) {
-          return _this2.cellHasAccordion(value);
+        var cells = Object.entries(row);
+        var foundCell = cells.find(function (_ref7) {
+          var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
+            key = _ref8[0],
+            value = _ref8[1];
+          return _this4.cellHasAccordion(value) || value instanceof _MergedCells.MergedRowsCell && value.accordion;
         });
-        this.cellIndex = cellWithAccordionIndex;
-        var cellWithAccordion = cells[cellWithAccordionIndex];
-        accordion = cellWithAccordion === null || cellWithAccordion === void 0 ? void 0 : cellWithAccordion[_DataTable.ACCORDION];
+        if (foundCell) {
+          this.cellName = foundCell[0];
+          var value = foundCell[1];
+          accordion = value instanceof _MergedCells.MergedRowsCell ? value.accordion : this.cellHasAccordion(value) ? value[_DataTable.ACCORDION] : null;
+        }
+      }
+      var accordionDataGridArea = '';
+      if (accordion) {
+        var _row$ROW_GROUP;
+        var rowIncrement = (_row$ROW_GROUP = row[_DataTable.ROW_GROUP]) !== null && _row$ROW_GROUP !== void 0 && _row$ROW_GROUP.size ? row[_DataTable.ROW_GROUP].size + 1 : 1;
+        accordionDataGridArea = Array.isArray(accordion) ? "".concat(gridRowIndex + rowIncrement, " / 1 / ").concat(gridRowIndex + rowIncrement + accordion.length, " / ").concat(columns.length + 1) : "".concat(gridRowIndex + rowIncrement, " / 1 / ").concat(gridRowIndex + rowIncrement, " / ").concat(columns.length + 1);
       }
-      var accordionId = "".concat(uid, "_").concat(ariaRowIndex + 1);
       var rowUniqKey = row[_DataTable.UNIQ_ROW_KEY];
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SRow, _ref2.cn("SRow", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      var accordionId = "".concat(uid, "_").concat(rowUniqKey);
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SRow, _ref3.cn("SRow", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "ref": this.rowElementRef,
         "role": 'row',
-        "aria-rowindex": ariaRowIndex,
         "accordionType": accordionType,
         "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowUniqKey) ? 'info' : undefined,
-        "use:expanded": expanded && !mergedRow
+        "use:expanded": expanded && !mergedRow,
+        "onClick": this.handleClickRow(row)
       }, _ref))), columns.map(function (column, i) {
         if (selectedRows && i === 0 && row[_DataTable.IS_EMPTY_DATA_ROW] !== true) {
-          var _ref3;
+          var _ref4;
           var checked = selectedRows.includes(rowUniqKey);
-          return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SCheckboxCell, _ref3.cn("SCheckboxCell", {
+          return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SCheckboxCell, _ref4.cn("SCheckboxCell", {
             "key": i,
             "row": row,
             "rowIndex": rowIndex,
@@ -174,11 +414,11 @@ var RowRoot = /*#__PURE__*/function (_Component) {
             },
             "columnIndex": 0,
             "gridRowIndex": gridRowIndex,
-            "onClick": _this2.handleClickCheckbox(!checked)
-          }), /*#__PURE__*/React.createElement(_checkbox["default"], _ref3.cn("Checkbox", {
+            "onClick": _this4.handleClickCheckbox(!checked)
+          }), /*#__PURE__*/React.createElement(_checkbox["default"], _ref4.cn("Checkbox", {
             "checked": checked,
-            "aria-labelledby": "".concat(uid, "_").concat(ariaRowIndex, "_1"),
-            "onChange": _this2.handleSelectRow
+            "aria-labelledby": "".concat(uid, "_").concat(rowUniqKey, "_1"),
+            "onChange": _this4.handleSelectRow
           }), /*#__PURE__*/React.createElement(_checkbox["default"].Value, null)));
         }
         var index = i;
@@ -191,14 +431,14 @@ var RowRoot = /*#__PURE__*/function (_Component) {
           var _getFixedStyle = getFixedStyle(column),
             _getFixedStyle2 = (0, _slicedToArray2["default"])(_getFixedStyle, 2),
             name = _getFixedStyle2[0],
-            value = _getFixedStyle2[1];
-          if (name !== undefined && value !== undefined) {
-            style[name] = value;
+            _value5 = _getFixedStyle2[1];
+          if (name !== undefined && _value5 !== undefined) {
+            style[name] = _value5;
           }
         }
-        return /*#__PURE__*/React.createElement(_Body.Body.Cell, {
+        return /*#__PURE__*/React.createElement(Row.Cell, {
           key: index,
-          id: "".concat(uid, "_").concat(ariaRowIndex, "_").concat(index),
+          id: "".concat(uid, "_").concat(rowUniqKey, "_").concat(index),
           accordionId: accordionId,
           "data-aria-level": index === 0 ? ariaLevel : undefined,
           row: row,
@@ -207,40 +447,45 @@ var RowRoot = /*#__PURE__*/function (_Component) {
           columnIndex: index,
           style: style,
           column: column,
-          withAccordion: Boolean(cellValue instanceof _MergedCells.MergedRowsCell && cellValue.accordion) || _this2.cellHasAccordion(cellValue),
+          withAccordion: Boolean(cellValue instanceof _MergedCells.MergedRowsCell && cellValue.accordion) || _this4.cellHasAccordion(cellValue),
           isAccordionRow: isAccordionRow,
           animationExpand: animationExpand,
           accordionRowIndex: accordionRowIndex,
           rows: rows
         });
-      })), /*#__PURE__*/React.isValidElement(accordion) && /*#__PURE__*/React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
+      })), /*#__PURE__*/React.isValidElement(accordion) && /*#__PURE__*/React.createElement(SCollapseRow, _ref3.cn("SCollapseRow", {
         "key": rowIndex,
         "role": 'row',
-        "aria-rowindex": ariaRowIndex + 1,
         "id": accordionId,
         "visible": expanded,
+        "aria-hidden": !expanded,
         "interactive": true,
         "gridArea": accordionDataGridArea,
         "duration": accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : 200
-      }), /*#__PURE__*/React.createElement(SCell, _ref2.cn("SCell", {
+      }), /*#__PURE__*/React.createElement(SCell, _ref3.cn("SCell", {
         "aria-colindex": 1,
         "aria-level": ariaLevel + 1,
         "aria-setsize": 1,
         "aria-posinset": 1,
+        "accordionRowIndex": 0,
+        "rowIndex": rowIndex,
+        "rows": [row],
         "row": row,
-        "rowIndex": rowIndex + 1,
         "columnIndex": 1,
         "column": {
           name: _DataTable.ACCORDION
         },
         "w": '100%',
         "onKeyDown": this.handleBackFromAccordion
-      }), accordion)), row[_DataTable.ACCORDION] && Array.isArray(row[_DataTable.ACCORDION]) && /*#__PURE__*/React.createElement(SAccordionRows, _ref2.cn("SAccordionRows", {
+      }), accordion)), row[_DataTable.ACCORDION] && Array.isArray(row[_DataTable.ACCORDION]) && /*#__PURE__*/React.createElement(SAccordionRows, _ref3.cn("SAccordionRows", {
         "id": accordionId,
-        "role": 'rowgroup'
+        "role": 'rowgroup',
+        "aria-hidden": !expanded
       }), row[_DataTable.ACCORDION].map(function (subrow, i) {
         return /*#__PURE__*/React.createElement(Row, {
-          key: i,
+          key: i
+          // @ts-ignore
+          ,
           row: subrow,
           columns: columns,
           rows: row[_DataTable.ACCORDION],
@@ -248,23 +493,32 @@ var RowRoot = /*#__PURE__*/function (_Component) {
           "aria-hidden": !expanded,
           "aria-posinset": i + 1,
           "aria-level": ariaLevel + 1,
-          ariaRowIndex: ariaRowIndex + 1 + i,
           gridRowIndex: gridRowIndex + 1 + i,
           isAccordionRow: true,
           getFixedStyle: getFixedStyle,
           animationExpand: expanded,
-          accordionRowIndex: i
+          accordionRowIndex: i,
+          use: use,
+          shadowVertical: shadowVertical,
+          accordionDuration: accordionDuration,
+          variant: variant,
+          flatRows: flatRows
         });
       })));
     }
+  }, {
+    key: "isReactNode",
+    value: function isReactNode(obj) {
+      return typeof obj === 'string' || typeof obj === 'number' || /*#__PURE__*/React.isValidElement(obj) || typeof obj === 'boolean' || obj === undefined || obj === null;
+    }
   }]);
-}(_core.Component); // @ts-ignore
+}(_core.Component);
 (0, _defineProperty2["default"])(RowRoot, "displayName", 'Row');
 (0, _defineProperty2["default"])(RowRoot, "style", style);
 (0, _defineProperty2["default"])(RowRoot, "defaultProps", {
   'aria-level': undefined
 });
-var Row = exports.Row = (0, _core.createComponent)(RowRoot, {}, {
-  parent: _Body.Body
+var Row = exports.Row = (0, _core.createComponent)(RowRoot, {
+  Cell: _Cell.Cell
 });
 //# sourceMappingURL=Row.js.map