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

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

@@ -1,9 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
@@ -12,80 +10,75 @@ import * as React from "react";
 import { Box, Collapse } from "@semcore/base-components";
 import { Body } from "./Body.mjs";
 import { getFixedStyle } from "../../utils.mjs";
-import { MergedColumnsCell, MergedRowsCell } from "./MergedCells.mjs";
 import { ACCORDION } from "../DataTable/DataTable.mjs";
+import { MergedRowsCell, MergedColumnsCell } from "./MergedCells.mjs";
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SBody_1q19z_gg_,.___SRow_1q19z_gg_{display:contents}.___SBody_1q19z_gg_.__compact_1q19z_gg_ .___SCell_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SCell_1q19z_gg_.__gridArea_1q19z_gg_,.___SCollapseRow_1q19z_gg_.__gridArea_1q19z_gg_,.___SRow_1q19z_gg_.__gridArea_1q19z_gg_{grid-area:var(--gridArea_1q19z)}.___SRow_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_._theme_muted_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_muted_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_muted_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_info_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1q19z_gg_._theme_info_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1q19z_gg_._theme_info_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1q19z_gg_._theme_success_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1q19z_gg_._theme_success_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_success_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1q19z_gg_._theme_warning_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1q19z_gg_._theme_danger_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SCell_1q19z_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_.__expanded_1q19z_gg_{transform:rotate(90deg)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_left_1q19z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_right_1q19z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_.__fixed_1q19z_gg_{position:sticky;z-index:2}.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1q19z_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1q19z_gg_.__headerHeight_1q19z_gg_{top:var(--headerHeight_1q19z)}',
-    "1q19z_gg_"
+    '.___SBody_1emri_gg_,.___SRowGroup_1emri_gg_,.___SRow_1emri_gg_{display:contents}.___SBody_1emri_gg_.__compact_1emri_gg_ .___SCell_1emri_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1emri_gg_.__compact_1emri_gg_ .___SCell_1emri_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1emri) - 1)))}.___SCell_1emri_gg_.__gridArea_1emri_gg_,.___SCollapseRow_1emri_gg_.__gridArea_1emri_gg_,.___SRow_1emri_gg_.__gridArea_1emri_gg_{grid-area:var(--gridArea_1emri)}.___SCollapseRow_1emri_gg_ .___SCell_1emri_gg_{display:block}.___SRow_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_muted_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_muted_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_muted_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_muted_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_._theme_muted_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_muted_1emri_gg_,.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_info_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_info_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_info_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_info_1emri_gg_,.___SRow_1emri_gg_._theme_info_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_info_1emri_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_success_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_success_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_success_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_success_1emri_gg_,.___SRow_1emri_gg_._theme_success_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_success_1emri_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_warning_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_warning_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_warning_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_warning_1emri_gg_,.___SRow_1emri_gg_._theme_warning_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_warning_1emri_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_danger_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_danger_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_danger_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_danger_1emri_gg_,.___SRow_1emri_gg_._theme_danger_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_danger_1emri_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1emri_gg_._theme_muted_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1emri_gg_._theme_muted_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1emri_gg_._theme_info_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1emri_gg_._theme_info_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1emri_gg_._theme_success_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1emri_gg_._theme_success_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1emri_gg_._theme_warning_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1emri_gg_._theme_warning_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1emri_gg_._theme_danger_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1emri_gg_._theme_danger_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1emri_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1emri_gg_ .___SAccordionToggle_1emri_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1emri_gg_ .___SAccordionToggle_1emri_gg_.__expanded_1emri_gg_{transform:rotate(90deg)}.___SCell_1emri_gg_._use_primary_1emri_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1emri_gg_._use_primary_1emri_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_1emri) - 1)))}.___SCell_1emri_gg_._use_secondary_1emri_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1emri_gg_._use_secondary_1emri_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_1emri) - 1)))}.___SCell_1emri_gg_._borders_both_1emri_gg_,.___SCell_1emri_gg_._borders_left_1emri_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1emri_gg_._borders_both_1emri_gg_,.___SCell_1emri_gg_._borders_right_1emri_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1emri_gg_.__fixed_1emri_gg_{position:sticky;z-index:2}.___SCell_1emri_gg_._theme_muted_1emri_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1emri_gg_._theme_info_1emri_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1emri_gg_._theme_success_1emri_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1emri_gg_._theme_warning_1emri_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1emri_gg_._theme_danger_1emri_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1emri_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1emri_gg_.__headerHeight_1emri_gg_{top:var(--headerHeight_1emri)}',
+    "1emri_gg_"
   ), {
-    "__SBody": "___SBody_1q19z_gg_",
-    "__SRow": "___SRow_1q19z_gg_",
-    "_compact": "__compact_1q19z_gg_",
-    "__SCell": "___SCell_1q19z_gg_",
-    "_gridArea": "__gridArea_1q19z_gg_",
-    "__SCollapseRow": "___SCollapseRow_1q19z_gg_",
-    "--gridArea": "--gridArea_1q19z",
-    "_active": "__active_1q19z_gg_",
-    "_theme": "__theme_1q19z_gg_",
-    "_theme_muted": "_theme_muted_1q19z_gg_",
-    "_theme_info": "_theme_info_1q19z_gg_",
-    "_theme_success": "_theme_success_1q19z_gg_",
-    "_theme_warning": "_theme_warning_1q19z_gg_",
-    "_theme_danger": "_theme_danger_1q19z_gg_",
-    "_borders_both": "_borders_both_1q19z_gg_",
-    "_borders_left": "_borders_left_1q19z_gg_",
-    "_borders_right": "_borders_right_1q19z_gg_",
-    "_fixed": "__fixed_1q19z_gg_",
-    "__SSpinContainer": "___SSpinContainer_1q19z_gg_",
-    "_headerHeight": "__headerHeight_1q19z_gg_",
-    "--headerHeight": "--headerHeight_1q19z",
-    "__SAccordionToggle": "___SAccordionToggle_1q19z_gg_",
-    "_expanded": "__expanded_1q19z_gg_",
-    "_use_primary": "_use_primary_1q19z_gg_",
-    "--data-aria-level": "--data-aria-level_1q19z",
-    "_use_secondary": "_use_secondary_1q19z_gg_"
+    "__SBody": "___SBody_1emri_gg_",
+    "__SRow": "___SRow_1emri_gg_",
+    "__SRowGroup": "___SRowGroup_1emri_gg_",
+    "_gridArea": "__gridArea_1emri_gg_",
+    "__SCell": "___SCell_1emri_gg_",
+    "__SCollapseRow": "___SCollapseRow_1emri_gg_",
+    "--gridArea": "--gridArea_1emri",
+    "_active": "__active_1emri_gg_",
+    "_theme": "__theme_1emri_gg_",
+    "_theme_muted": "_theme_muted_1emri_gg_",
+    "_theme_info": "_theme_info_1emri_gg_",
+    "_theme_success": "_theme_success_1emri_gg_",
+    "_theme_warning": "_theme_warning_1emri_gg_",
+    "_theme_danger": "_theme_danger_1emri_gg_",
+    "_borders_both": "_borders_both_1emri_gg_",
+    "_borders_left": "_borders_left_1emri_gg_",
+    "_borders_right": "_borders_right_1emri_gg_",
+    "_fixed": "__fixed_1emri_gg_",
+    "__SSpinContainer": "___SSpinContainer_1emri_gg_",
+    "_headerHeight": "__headerHeight_1emri_gg_",
+    "--headerHeight": "--headerHeight_1emri",
+    "_compact": "__compact_1emri_gg_",
+    "--data-aria-level": "--data-aria-level_1emri",
+    "__SAccordionToggle": "___SAccordionToggle_1emri_gg_",
+    "_expanded": "__expanded_1emri_gg_",
+    "_use_primary": "_use_primary_1emri_gg_",
+    "_use_secondary": "_use_secondary_1emri_gg_"
   })
 );
 var RowRoot = /* @__PURE__ */ function(_Component) {
   _inherits(RowRoot2, _Component);
   var _super = _createSuper(RowRoot2);
   function RowRoot2() {
-    var _this;
     _classCallCheck(this, RowRoot2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "onExpandRow", function(expandedRowIndex) {
-      var expandedRows = _this.asProps.expandedRows;
-      if (expandedRows !== null && expandedRows !== void 0 && expandedRows.includes(expandedRowIndex)) {
-        _this.handlers.expandedRows(expandedRows.filter(function(row) {
-          return row !== expandedRowIndex;
-        }));
-      } else {
-        _this.handlers.expandedRows([].concat(_toConsumableArray(expandedRows), [expandedRowIndex]));
-      }
-    });
-    return _this;
+    return _super.apply(this, arguments);
   }
   _createClass(RowRoot2, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        expandedRows: []
-      };
+    key: "cellHasAccordion",
+    value: function cellHasAccordion(cellValue) {
+      return !(cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) && Boolean(cellValue[ACCORDION]);
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref = this.asProps, _ref2, _row$ACCORDION, _this2 = this;
+      var _ref = this.asProps, _ref2, _this = this, _row$ACCORDION;
       var SRow = Box;
       var SCollapseRow = Collapse;
-      var _this$asProps = this.asProps, columns = _this$asProps.columns, row = _this$asProps.row, styles = _this$asProps.styles, rowIndex = _this$asProps.rowIndex, headerRows = _this$asProps.headerRows, expanded = _this$asProps.expanded, accordionDataGridArea = _this$asProps.accordionDataGridArea, _this$asProps$ariaLe = _this$asProps["aria-level"], ariaLevel = _this$asProps$ariaLe === void 0 ? 1 : _this$asProps$ariaLe;
-      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SRow, _ref2.cn("SRow", _objectSpread({}, assignProps({}, _ref))), columns.map(function(column, i) {
+      var SCell = Body.Cell;
+      var _this$asProps = this.asProps, columns = _this$asProps.columns, row = _this$asProps.row, styles = _this$asProps.styles, rowIndex = _this$asProps.rowIndex, ariaRowIndex = _this$asProps.ariaRowIndex, expanded = _this$asProps.expanded, accordionDataGridArea = _this$asProps.accordionDataGridArea, expandedRows = _this$asProps.expandedRows, onExpandRow = _this$asProps.onExpandRow, _this$asProps$ariaLe = _this$asProps["aria-level"], ariaLevel = _this$asProps$ariaLe === void 0 ? 1 : _this$asProps$ariaLe;
+      var accordion = row[ACCORDION];
+      if (!accordion) {
+        var cellWithAccordion = Object.values(row).find(function(value) {
+          return _this.cellHasAccordion(value);
+        });
+        accordion = cellWithAccordion === null || cellWithAccordion === void 0 ? void 0 : cellWithAccordion[ACCORDION];
+      }
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SRow, _ref2.cn("SRow", _objectSpread({}, assignProps({
+        "role": "row",
+        "aria-rowindex": ariaRowIndex
+      }, _ref))), columns.map(function(column, i) {
         var index = i;
         var cellValue = row[column.name];
         if (cellValue === void 0) {
@@ -98,81 +91,47 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
             style2[name] = value;
           }
         }
-        var groupedBy = null;
-        var gridArea = void 0;
-        if (cellValue instanceof MergedColumnsCell) {
-          gridArea = "".concat(rowIndex + headerRows + 1, " / ").concat(index + 1, " / ").concat(rowIndex + headerRows + 2, " / ").concat(index + 1 + cellValue.columnsCount);
-          groupedBy = "columns";
-        } else if (cellValue instanceof MergedRowsCell) {
-          gridArea = "".concat(rowIndex + headerRows + 1, " / ").concat(index + 1, " / ").concat(rowIndex + headerRows + 1 + cellValue.rowsCount, " / ").concat(index + 2);
-          groupedBy = "rows";
-        }
         return /* @__PURE__ */ React.createElement(Body.Cell, {
           key: index,
-          role: "gridcell",
-          "aria-colindex": index + 1,
+          "aria-expanded": row[ACCORDION] && index === 0 || _this.cellHasAccordion(cellValue) ? expanded : void 0,
           "data-aria-level": index === 0 ? ariaLevel : void 0,
-          "data-grouped-by": groupedBy,
           row,
           rowIndex,
           columnIndex: index,
-          fixed: column.fixed,
           style: style2,
-          name: column.name,
-          column,
-          borders: column.borders,
-          flexWrap: column.flexWrap,
-          alignItems: column.alignItems,
-          alignContent: column.alignContent,
-          justifyContent: column.justifyContent,
-          gridArea
+          column
         });
-      })), row[ACCORDION] && /* @__PURE__ */ React.isValidElement(row[ACCORDION]) && /* @__PURE__ */ React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
+      })), /* @__PURE__ */ React.isValidElement(accordion) && /* @__PURE__ */ React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
         "key": rowIndex,
         "role": "row",
-        "aria-rowindex": rowIndex + 2,
+        "aria-rowindex": ariaRowIndex + 1,
         "visible": expanded,
         "interactive": true,
         "gridArea": accordionDataGridArea,
-        "duration": 200,
+        "duration": 200
+      }), /* @__PURE__ */ React.createElement(SCell, _ref2.cn("SCell", {
+        "aria-colindex": 1,
         "aria-level": ariaLevel + 1,
         "aria-setsize": 1,
-        "aria-posinset": 1
-      }), row[ACCORDION]), row[ACCORDION] && Array.isArray(row[ACCORDION]) && expanded && // <SCollapseRow
-      //     key={rowIndex}
-      //     visible={expanded}
-      //     interactive
-      //     gridArea={accordionDataGridArea}
-      //     gridTemplateAreas={gridTemplateAreas}
-      //     gridTemplateColumns={gridTemplateColumns}
-      //     duration={200}
-      //     // onAnimationStart={(e: React.AnimationEvent<HTMLDivElement>) => {
-      //     //   const target = e.target;
-      //     //   if (target instanceof HTMLElement && this.asProps.expanded) {
-      //     //     target.style.setProperty('display', 'grid');
-      //     //   }
-      //     // }}
-      //     // onAnimationEnd={(e: React.AnimationEvent<HTMLDivElement>) => {
-      //     //   const target = e.target;
-      //     //   if (target instanceof HTMLElement && this.asProps.expanded) {
-      //     //     target.style.setProperty('display', 'contents');
-      //     //   }
-      //     // }}
-      // >
-      ((_row$ACCORDION = row[ACCORDION]) === null || _row$ACCORDION === void 0 ? void 0 : _row$ACCORDION.map(function(subrow, i) {
-        var _this2$asProps$expand;
+        "aria-posinset": 1,
+        "row": row,
+        "rowIndex": rowIndex + 1,
+        "columnIndex": 1,
+        "column": {
+          name: ACCORDION
+        }
+      }), accordion)), row[ACCORDION] && Array.isArray(row[ACCORDION]) && expanded && ((_row$ACCORDION = row[ACCORDION]) === null || _row$ACCORDION === void 0 ? void 0 : _row$ACCORDION.map(function(subrow, i) {
         return /* @__PURE__ */ React.createElement(Row, {
           key: i,
           row: subrow,
           columns,
-          visible: expanded,
           rows: row[ACCORDION],
           rowIndex,
           "aria-posinset": i + 1,
           "aria-level": ariaLevel + 1,
-          headerRows,
-          expanded: (_this2$asProps$expand = _this2.asProps.expandedRows) === null || _this2$asProps$expand === void 0 ? void 0 : _this2$asProps$expand.includes(i),
-          onExpandRow: _this2.onExpandRow
+          ariaRowIndex: ariaRowIndex + 1 + i,
+          expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(rowIndex + i),
+          onExpandRow
         });
       })));
     }
@@ -182,8 +141,7 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
 _defineProperty(RowRoot, "displayName", "Row");
 _defineProperty(RowRoot, "style", style);
 _defineProperty(RowRoot, "defaultProps", {
-  "aria-level": void 0,
-  defaultExpandedRows: []
+  "aria-level": void 0
 });
 var Row = createComponent(RowRoot, {}, {
   parent: Body