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

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

@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Body = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -25,82 +23,70 @@ var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
 var _button = require("@semcore/button");
 var _spin = _interopRequireDefault(require("@semcore/spin"));
 /*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_1q19z_gg_,.___SRow_1q19z_gg_{display:contents}.___SBody_1q19z_gg_.__compact_1q19z_gg_ .___SCell_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SCell_1q19z_gg_.__gridArea_1q19z_gg_,.___SCollapseRow_1q19z_gg_.__gridArea_1q19z_gg_,.___SRow_1q19z_gg_.__gridArea_1q19z_gg_{grid-area:var(--gridArea_1q19z)}.___SRow_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_._theme_muted_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_muted_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_muted_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_info_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1q19z_gg_._theme_info_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1q19z_gg_._theme_info_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1q19z_gg_._theme_success_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1q19z_gg_._theme_success_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_success_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1q19z_gg_._theme_warning_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1q19z_gg_._theme_danger_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SCell_1q19z_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_.__expanded_1q19z_gg_{transform:rotate(90deg)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_left_1q19z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_right_1q19z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_.__fixed_1q19z_gg_{position:sticky;z-index:2}.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1q19z_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1q19z_gg_.__headerHeight_1q19z_gg_{top:var(--headerHeight_1q19z)}" /*__inner_css_end__*/, "1q19z_gg_") /*__reshadow_css_end__*/, {
-  "__SBody": "___SBody_1q19z_gg_",
-  "__SRow": "___SRow_1q19z_gg_",
-  "_compact": "__compact_1q19z_gg_",
-  "__SCell": "___SCell_1q19z_gg_",
-  "_gridArea": "__gridArea_1q19z_gg_",
-  "__SCollapseRow": "___SCollapseRow_1q19z_gg_",
-  "--gridArea": "--gridArea_1q19z",
-  "_active": "__active_1q19z_gg_",
-  "_theme": "__theme_1q19z_gg_",
-  "_theme_muted": "_theme_muted_1q19z_gg_",
-  "_theme_info": "_theme_info_1q19z_gg_",
-  "_theme_success": "_theme_success_1q19z_gg_",
-  "_theme_warning": "_theme_warning_1q19z_gg_",
-  "_theme_danger": "_theme_danger_1q19z_gg_",
-  "_borders_both": "_borders_both_1q19z_gg_",
-  "_borders_left": "_borders_left_1q19z_gg_",
-  "_borders_right": "_borders_right_1q19z_gg_",
-  "_fixed": "__fixed_1q19z_gg_",
-  "__SSpinContainer": "___SSpinContainer_1q19z_gg_",
-  "_headerHeight": "__headerHeight_1q19z_gg_",
-  "--headerHeight": "--headerHeight_1q19z",
-  "__SAccordionToggle": "___SAccordionToggle_1q19z_gg_",
-  "_expanded": "__expanded_1q19z_gg_",
-  "_use_primary": "_use_primary_1q19z_gg_",
-  "--data-aria-level": "--data-aria-level_1q19z",
-  "_use_secondary": "_use_secondary_1q19z_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___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)}" /*__inner_css_end__*/, "1emri_gg_") /*__reshadow_css_end__*/, {
+  "__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 BodyRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(BodyRoot, _Component);
   var _super = (0, _createSuper2["default"])(BodyRoot);
   function BodyRoot() {
-    var _this;
     (0, _classCallCheck2["default"])(this, BodyRoot);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_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((0, _toConsumableArray2["default"])(expandedRows), [expandedRowIndex]));
-      }
-    });
-    return _this;
+    return _super.apply(this, arguments);
   }
   (0, _createClass2["default"])(BodyRoot, [{
-    key: "uncontrolledProps",
-    value: function uncontrolledProps() {
-      return {
-        expandedRows: []
-      };
-    }
-  }, {
     key: "getRowProps",
-    value: function getRowProps(_, index) {
+    value: function getRowProps(props, index) {
       var _this$asProps = this.asProps,
         rows = _this$asProps.rows,
+        flatRows = _this$asProps.flatRows,
         use = _this$asProps.use,
         gridTemplateAreas = _this$asProps.gridTemplateAreas,
         gridTemplateColumns = _this$asProps.gridTemplateColumns,
         expandedRows = _this$asProps.expandedRows,
         columns = _this$asProps.columns,
-        headerRows = _this$asProps.headerRows;
-      var row = rows[index];
+        onExpandRow = _this$asProps.onExpandRow,
+        loading = _this$asProps.loading;
+      var row = props.row;
       var rowIndex = (expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function (acc, item) {
         if (item < index) {
-          acc = acc + 1;
+          var expandedRow = flatRows[item][_DataTable.ACCORDION];
+          if (Array.isArray(expandedRow)) {
+            acc = acc + expandedRow.length;
+          } else {
+            acc = acc + 1;
+          }
         }
         return acc;
       }, index);
-      var accordionDataGridArea = Array.isArray(row[_DataTable.ACCORDION]) ? "".concat(rowIndex + headerRows + 2, " / 1 / ").concat(rowIndex + headerRows + 2 + row[_DataTable.ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(rowIndex + headerRows + 2, " / 1 / ").concat(rowIndex + headerRows + 2, " / ").concat(columns.length + 1);
+      var ariaRowIndex = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1
+
+      var accordionDataGridArea = Array.isArray(row[_DataTable.ACCORDION]) ? "".concat(ariaRowIndex + 1, " / 1 / ").concat(ariaRowIndex + 1 + row[_DataTable.ACCORDION].length, " / ").concat(columns.length + 1) : "".concat(ariaRowIndex + 1, " / 1 / ").concat(ariaRowIndex + 1, " / ").concat(columns.length + 1);
       return {
         use: use,
         gridTemplateAreas: gridTemplateAreas,
@@ -108,57 +94,83 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(index),
         accordionDataGridArea: accordionDataGridArea,
         columns: columns,
-        headerRows: headerRows,
         rowIndex: index,
-        rows: rows
+        ariaRowIndex: ariaRowIndex,
+        rows: rows,
+        flatRows: flatRows,
+        row: row,
+        expandedRows: expandedRows,
+        onExpandRow: onExpandRow,
+        inert: loading ? '' : undefined
       };
     }
   }, {
     key: "getCellProps",
     value: function getCellProps(props) {
-      var _this2 = this;
+      var _props$children;
       var _this$asProps2 = this.asProps,
         use = _this$asProps2.use,
         renderCell = _this$asProps2.renderCell,
         expandedRows = _this$asProps2.expandedRows,
         styles = _this$asProps2.styles,
-        getI18nText = _this$asProps2.getI18nText;
+        getI18nText = _this$asProps2.getI18nText,
+        onExpandRow = _this$asProps2.onExpandRow;
       var SAccordionToggle = _button.ButtonLink;
-      var cellValue = props.row[props.name];
+      var dataKey = props.column.name;
+      var cellValue = props.row[dataKey];
       var value = '';
-      if (cellValue instanceof _MergedCells.MergedRowsCell || cellValue instanceof _MergedCells.MergedColumnsCell) {
+      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() {
-        if (props.columnIndex === 0 && props.row[_DataTable.ACCORDION]) {
+        if (props.columnIndex === 0 && props.row[_DataTable.ACCORDION] || value[_DataTable.ACCORDION]) {
           var _ref2;
           return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SAccordionToggle, _ref2.cn("SAccordionToggle", {
             "aria-label": getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label'),
             "expanded": expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(props.rowIndex),
             "onClick": function onClick() {
-              return _this2.onExpandRow(props.rowIndex);
+              return onExpandRow(props.rowIndex);
             },
             "color": '--intergalactic-icon-primary-neutral'
           }), /*#__PURE__*/React.createElement(SAccordionToggle.Addon, {
             tag: _m["default"]
-          })), value);
+          })), value.toString());
         }
-        return value;
+        return value.toString();
       };
-      return {
+      var extraProps = {
         use: use,
-        children: renderCell ? renderCell({
-          name: props.name,
+        children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender
+      };
+      if (renderCell) {
+        var external = renderCell({
+          columnName: props.column.name,
           row: props.row,
           column: props.column,
           rowIndex: props.rowIndex,
           columnIndex: props.columnIndex,
+          dataKey: dataKey,
           defaultRender: defaultRender,
-          value: value
-        }) : defaultRender()
-      };
+          value: value.toString(),
+          isMergedRows: isMergedRows,
+          isMergedColumns: isMergedColumns
+        });
+        if (this.isReactNode(external) || Array.isArray(external)) {
+          extraProps.children = external;
+        } else {
+          for (var key in external) {
+            extraProps[key] = external[key];
+          }
+        }
+      }
+      return extraProps;
     }
   }, {
     key: "render",
@@ -166,48 +178,50 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref3;
       var SBody = _baseComponents.Box;
+      var SRowGroup = _baseComponents.Box;
       var SSpinContainer = _baseComponents.Box;
       var _this$asProps3 = this.asProps,
         rows = _this$asProps3.rows,
-        columns = _this$asProps3.columns,
         styles = _this$asProps3.styles,
-        headerRows = _this$asProps3.headerRows,
         loading = _this$asProps3.loading,
-        headerHeight = _this$asProps3.headerHeight;
+        headerHeight = _this$asProps3.headerHeight,
+        spinnerRef = _this$asProps3.spinnerRef;
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SBody, _ref3.cn("SBody", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), rows.map(function (row, index) {
-        return (
-          /*#__PURE__*/
-          // @ts-ignore
-          React.createElement(Body.Row, {
-            key: index,
-            role: 'row',
-            "aria-rowindex": index + 2
-            // columns={columns}
-            ,
-            row: row
-            // rows={rows}
-            // rowIndex={index}
-            // headerRows={headerRows}
-          })
-        );
-      }), loading &&
-      /*#__PURE__*/
-      // @ts-ignore
-      React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
-        "aria-hidden": true,
-        "headerHeight": "".concat(headerHeight, "px")
+        if (Array.isArray(row)) {
+          var _ref4;
+          return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
+            "role": 'rowgroup',
+            "key": index
+          }), row.map(function (item, index) {
+            return /*#__PURE__*/React.createElement(Body.Row, {
+              key: index,
+              row: item
+            });
+          }));
+        }
+        return /*#__PURE__*/React.createElement(Body.Row, {
+          key: index,
+          row: row
+        });
+      }), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
+        "innerOutline": true,
+        "headerHeight": "".concat(headerHeight, "px"),
+        "tabIndex": -1,
+        "ref": spinnerRef
       }), /*#__PURE__*/React.createElement(_spin["default"], _ref3.cn("Spin", {
         "size": 'xxl'
       }))));
     }
+  }, {
+    key: "isReactNode",
+    value: function isReactNode(obj) {
+      return typeof obj === 'string' || typeof obj === 'number' || /*#__PURE__*/React.isValidElement(obj) || typeof obj === 'boolean' || obj === undefined || obj === null;
+    }
   }]);
   return BodyRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(BodyRoot, "displayName", 'Body');
 (0, _defineProperty2["default"])(BodyRoot, "style", style);
-(0, _defineProperty2["default"])(BodyRoot, "defaultProps", {
-  defaultExpandedRows: []
-});
 var Body = (0, _core.createComponent)(BodyRoot, {
   Row: _Row.Row,
   Cell: _Cell.Cell

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

@@ -1 +1 @@
-{"version":3,"file":"Body.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Row","_Cell","_MergedCells","_DataTable","_m","_interopRequireDefault","_button","_spin","style","sstyled","insert","BodyRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","expandedRowIndex","expandedRows","asProps","includes","handlers","filter","row","_toConsumableArray2","_createClass2","key","value","uncontrolledProps","getRowProps","_","index","_this$asProps","rows","use","gridTemplateAreas","gridTemplateColumns","columns","headerRows","rowIndex","reduce","acc","item","accordionDataGridArea","isArray","ACCORDION","expanded","getCellProps","props","_this2","_this$asProps2","renderCell","styles","getI18nText","SAccordionToggle","ButtonLink","cellValue","name","MergedRowsCell","MergedColumnsCell","defaultRender","columnIndex","_ref2","createElement","Fragment","cn","onClick","onExpandRow","Addon","tag","ChevronRightM","children","column","render","_ref","_ref3","SBody","Box","SSpinContainer","_this$asProps3","loading","headerHeight","_objectSpread2","assignProps","map","Body","Row","role","Component","defaultExpandedRows","createComponent","Cell","exports"],"sources":["../../../../src/components/Body/Body.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, createComponent, Intergalactic, Root, sstyled } from '@semcore/core';\nimport { BodyPropsInner, DataTableBodyProps } from './Body.types';\nimport { Box } from '@semcore/base-components';\nimport { Row } from './Row';\n\nimport style from './style.shadow.css';\nimport { Cell } from './Cell';\nimport { DataTableRowProps } from './Row.types';\nimport { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION } from '../DataTable/DataTable';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { ButtonLink } from '@semcore/button';\nimport { DTValue } from '../DataTable/DataTable.types';\nimport Spin from '@semcore/spin';\n\nclass BodyRoot extends Component<DataTableBodyProps, {}, {}, [], BodyPropsInner> {\n  static displayName = 'Body';\n  static style = style;\n\n  static defaultProps = {\n    defaultExpandedRows: [],\n  };\n\n  uncontrolledProps() {\n    return {\n      expandedRows: [],\n    };\n  }\n\n  onExpandRow = (expandedRowIndex: number) => {\n    const { expandedRows } = this.asProps;\n    if (expandedRows?.includes(expandedRowIndex)) {\n      this.handlers.expandedRows(expandedRows.filter((row) => row !== expandedRowIndex));\n    } else {\n      this.handlers.expandedRows([...expandedRows!, expandedRowIndex]);\n    }\n  };\n\n  getRowProps(_: any, index: number) {\n    const { rows, use, gridTemplateAreas, gridTemplateColumns, expandedRows, columns, headerRows } =\n      this.asProps;\n    const row = rows[index];\n\n    const rowIndex = (expandedRows ?? []).reduce((acc, item) => {\n      if (item < index) {\n        acc = acc + 1;\n      }\n\n      return acc;\n    }, index);\n\n    const accordionDataGridArea = Array.isArray(row[ACCORDION])\n      ? `${rowIndex + headerRows + 2} / 1 / ${\n          rowIndex + headerRows + 2 + row[ACCORDION].length\n        } / ${columns.length + 1}`\n      : `${rowIndex + headerRows + 2} / 1 / ${rowIndex + headerRows + 2} / ${columns.length + 1}`;\n\n    return {\n      use,\n      gridTemplateAreas,\n      gridTemplateColumns,\n      expanded: expandedRows?.includes(index),\n      accordionDataGridArea,\n      columns,\n      headerRows,\n      rowIndex: index,\n      rows,\n    };\n  }\n\n  getCellProps(props: DataTableCellProps) {\n    const { use, renderCell, expandedRows, styles, getI18nText } = this.asProps;\n    const SAccordionToggle = ButtonLink;\n\n    const cellValue = props.row[props.name];\n\n    let value: DTValue = '';\n\n    if (cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) {\n      value = cellValue.value;\n    } else {\n      value = cellValue;\n    }\n\n    const defaultRender = () => {\n      if (props.columnIndex === 0 && props.row[ACCORDION]) {\n        return sstyled(styles)(\n          <>\n            <SAccordionToggle\n              aria-label={getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label')}\n              // @ts-ignore\n              expanded={expandedRows?.includes(props.rowIndex)}\n              onClick={() => this.onExpandRow(props.rowIndex)}\n              color={'--intergalactic-icon-primary-neutral'}\n            >\n              <SAccordionToggle.Addon tag={ChevronRightM} />\n            </SAccordionToggle>\n            {value}\n          </>,\n        );\n      }\n\n      return value;\n    };\n\n    return {\n      use,\n      children: renderCell\n        ? renderCell({\n            name: props.name,\n            row: props.row,\n            column: props.column,\n            rowIndex: props.rowIndex,\n            columnIndex: props.columnIndex,\n            defaultRender: defaultRender,\n            value,\n          })\n        : defaultRender(),\n    };\n  }\n\n  render() {\n    const SBody = Root;\n    const SSpinContainer = Box;\n    const { rows, columns, styles, headerRows, loading, headerHeight } = this.asProps;\n\n    return sstyled(styles)(\n      <SBody render={Box}>\n        {rows.map((row, index) => {\n          return (\n            // @ts-ignore\n            <Body.Row\n              key={index}\n              role={'row'}\n              aria-rowindex={index + 2}\n              // columns={columns}\n              row={row}\n              // rows={rows}\n              // rowIndex={index}\n              // headerRows={headerRows}\n            />\n          );\n        })}\n        {loading && (\n          // @ts-ignore\n          <SSpinContainer aria-hidden headerHeight={`${headerHeight}px`}>\n            <Spin size={'xxl'} />\n          </SSpinContainer>\n        )}\n      </SBody>,\n    );\n  }\n}\n\nexport const Body = createComponent(BodyRoot, {\n  Row,\n  Cell,\n}) as Intergalactic.Component<'div', DataTableBodyProps> & {\n  Row: Intergalactic.Component<'div', DataTableRowProps>;\n  Cell: Intergalactic.Component<'div', DataTableCellProps>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"Body.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Row","_Cell","_MergedCells","_DataTable","_m","_interopRequireDefault","_button","_spin","style","sstyled","insert","BodyRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getRowProps","props","index","_this$asProps","asProps","rows","flatRows","use","gridTemplateAreas","gridTemplateColumns","expandedRows","columns","onExpandRow","loading","row","rowIndex","reduce","acc","item","expandedRow","ACCORDION","Array","isArray","length","ariaRowIndex","accordionDataGridArea","concat","expanded","includes","inert","undefined","getCellProps","_props$children","_this$asProps2","renderCell","styles","getI18nText","SAccordionToggle","ButtonLink","dataKey","column","name","cellValue","isMergedRows","MergedRowsCell","isMergedColumns","MergedColumnsCell","defaultRender","columnIndex","_ref2","createElement","Fragment","cn","onClick","Addon","tag","ChevronRightM","toString","extraProps","children","external","columnName","isReactNode","render","_ref","_ref3","SBody","Box","SRowGroup","SSpinContainer","_this$asProps3","headerHeight","spinnerRef","_objectSpread2","assignProps","map","_ref4","Body","Row","obj","isValidElement","Component","_defineProperty2","createComponent","Cell","exports"],"sources":["../../../../src/components/Body/Body.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, createComponent, Intergalactic, Root, sstyled } from '@semcore/core';\nimport { BodyPropsInner, DataTableBodyProps } from './Body.types';\nimport { Box } from '@semcore/base-components';\nimport { Row } from './Row';\n\nimport style from './style.shadow.css';\nimport { Cell } from './Cell';\nimport { DataTableRowProps, DTRow, RowPropsInner } from './Row.types';\nimport { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION } from '../DataTable/DataTable';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { ButtonLink } from '@semcore/button';\nimport { DTValue } from '../DataTable/DataTable.types';\nimport Spin from '@semcore/spin';\n\nclass BodyRoot extends Component<DataTableBodyProps, {}, {}, [], BodyPropsInner> {\n  static displayName = 'Body';\n  static style = style;\n\n  getRowProps(props: { row: DTRow }, index: number): RowPropsInner {\n    const {\n      rows,\n      flatRows,\n      use,\n      gridTemplateAreas,\n      gridTemplateColumns,\n      expandedRows,\n      columns,\n      onExpandRow,\n      loading,\n    } = this.asProps;\n    const row = props.row;\n\n    const rowIndex = (expandedRows ?? []).reduce((acc, item) => {\n      if (item < index) {\n        const expandedRow = flatRows[item][ACCORDION];\n        if (Array.isArray(expandedRow)) {\n          acc = acc + expandedRow.length;\n        } else {\n          acc = acc + 1;\n        }\n      }\n\n      return acc;\n    }, index);\n    const ariaRowIndex = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1\n\n    const accordionDataGridArea = Array.isArray(row[ACCORDION])\n      ? `${ariaRowIndex + 1} / 1 / ${ariaRowIndex + 1 + row[ACCORDION].length} / ${\n          columns.length + 1\n        }`\n      : `${ariaRowIndex + 1} / 1 / ${ariaRowIndex + 1} / ${columns.length + 1}`;\n\n    return {\n      use,\n      gridTemplateAreas,\n      gridTemplateColumns,\n      expanded: expandedRows?.includes(index),\n      accordionDataGridArea,\n      columns,\n      rowIndex: index,\n      ariaRowIndex,\n      rows,\n      flatRows,\n      row,\n      expandedRows,\n      onExpandRow,\n      inert: loading ? '' : undefined,\n    };\n  }\n\n  getCellProps(props: DataTableCellProps) {\n    const { use, renderCell, expandedRows, styles, getI18nText, onExpandRow } = this.asProps;\n    const SAccordionToggle = ButtonLink;\n\n    let dataKey = props.column.name;\n    const cellValue = props.row[dataKey];\n\n    let value: DTValue = '';\n    const isMergedRows = cellValue instanceof MergedRowsCell;\n    const isMergedColumns = cellValue instanceof MergedColumnsCell;\n\n    if (isMergedColumns || isMergedRows) {\n      value = cellValue.value;\n      if (isMergedColumns) {\n        dataKey = cellValue.dataKey;\n      }\n    } else {\n      value = cellValue;\n    }\n\n    const defaultRender = () => {\n      if ((props.columnIndex === 0 && props.row[ACCORDION]) || value[ACCORDION]) {\n        return sstyled(styles)(\n          <>\n            <SAccordionToggle\n              aria-label={getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label')}\n              // @ts-ignore\n              expanded={expandedRows?.includes(props.rowIndex)}\n              onClick={() => onExpandRow(props.rowIndex)}\n              color={'--intergalactic-icon-primary-neutral'}\n            >\n              <SAccordionToggle.Addon tag={ChevronRightM} />\n            </SAccordionToggle>\n            {value.toString()}\n          </>,\n        );\n      }\n\n      return value.toString();\n    };\n\n    const extraProps: Record<string, any> = {\n      use,\n      children: props.children ?? defaultRender,\n    };\n\n    if (renderCell) {\n      const external = renderCell({\n        columnName: props.column.name,\n        row: props.row,\n        column: props.column,\n        rowIndex: props.rowIndex,\n        columnIndex: props.columnIndex,\n        dataKey,\n        defaultRender,\n        value: value.toString(),\n        isMergedRows,\n        isMergedColumns,\n      });\n\n      if (this.isReactNode(external) || Array.isArray(external)) {\n        extraProps.children = external;\n      } else {\n        for (const key in external) {\n          extraProps[key] = external[key];\n        }\n      }\n    }\n\n    return extraProps;\n  }\n\n  render() {\n    const SBody = Root;\n    const SRowGroup = Box;\n    const SSpinContainer = Box;\n    const { rows, styles, loading, headerHeight, spinnerRef } = this.asProps;\n\n    return sstyled(styles)(\n      <SBody render={Box}>\n        {rows.map((row, index) => {\n          if (Array.isArray(row)) {\n            return sstyled(styles)(\n              <SRowGroup role={'rowgroup'} key={index}>\n                {row.map((item, index) => {\n                  return <Body.Row key={index} row={item} />;\n                })}\n              </SRowGroup>,\n            );\n          }\n          return <Body.Row key={index} row={row} />;\n        })}\n        {loading && (\n          <SSpinContainer\n            innerOutline\n            // @ts-ignore\n            headerHeight={`${headerHeight}px`}\n            tabIndex={-1}\n            ref={spinnerRef}\n          >\n            <Spin size={'xxl'} />\n          </SSpinContainer>\n        )}\n      </SBody>,\n    );\n  }\n\n  private isReactNode(obj: React.ReactNode | Record<string, any>): obj is React.ReactNode {\n    return (\n      typeof obj === 'string' ||\n      typeof obj === 'number' ||\n      React.isValidElement(obj) ||\n      typeof obj === 'boolean' ||\n      obj === undefined ||\n      obj === null\n    );\n  }\n}\n\nexport const Body = createComponent(BodyRoot, {\n  Row,\n  Cell,\n}) as Intergalactic.Component<'div', DataTableBodyProps> & {\n  Row: Intergalactic.Component<'div', DataTableRowProps>;\n  Cell: Intergalactic.Component<'div', DataTableCellProps>;\n};\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Body.types.js","names":[],"sources":["../../../../src/components/Body/Body.types.ts"],"sourcesContent":["import { DTRow } from './Row.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { DTUse } from '../DataTable/DataTable.types';\n\ntype CellRenderProps = {\n  name: string;\n  row: DTRow;\n  column: DTColumn;\n  rowIndex: number;\n  columnIndex: number;\n  value: string | number | boolean;\n  defaultRender: () => React.ReactNode;\n};\n\nexport type DataTableBodyProps = {\n  // rows: DTRow[];\n  // columns: DTColumn[];\n\n  renderCell?: (props: CellRenderProps) => React.ReactNode;\n\n  expandedRows?: number[];\n\n  virtualScroll?: boolean;\n};\n\nexport type BodyPropsInner = {\n  rows: DTRow[];\n  columns: DTColumn[];\n  use: DTUse;\n  scrollRef: (ref: HTMLDivElement) => void;\n  headerRows: number;\n  compact: boolean;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  loading?: boolean;\n  headerHeight: number;\n  getI18nText: (key: string) => string;\n};\n"],"mappings":""}
+{"version":3,"file":"Body.types.js","names":[],"sources":["../../../../src/components/Body/Body.types.ts"],"sourcesContent":["import { DTRow, DTRows } from './Row.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { DTUse, DTValue } from '../DataTable/DataTable.types';\n\ntype CellRenderProps = {\n  dataKey: string;\n  row: DTRow;\n  column: DTColumn;\n  rowIndex: number;\n  columnIndex: number;\n  columnName: string;\n  value: string;\n  defaultRender: () => React.ReactNode;\n  isMergedRows: boolean;\n  isMergedColumns: boolean;\n};\n\nexport type DataTableBodyProps = {\n  renderCell?: (props: CellRenderProps) => React.ReactNode | Record<string, any>;\n\n  virtualScroll?: boolean;\n};\n\nexport type BodyPropsInner = {\n  rows: DTRows;\n  flatRows: DTRow[];\n  columns: DTColumn[];\n  use: DTUse;\n  compact: boolean;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  loading?: boolean;\n  headerHeight: number;\n  getI18nText: (key: string) => string;\n  expandedRows: number[];\n  onExpandRow: (rowIndex: number) => void;\n  spinnerRef: React.RefObject<HTMLDivElement>;\n};\n"],"mappings":""}

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

@@ -17,34 +17,36 @@ var _core = require("@semcore/core");
 var React = _interopRequireWildcard(require("react"));
 var _baseComponents = require("@semcore/base-components");
 var _getFocusableIn = require("@semcore/core/lib/utils/focus-lock/getFocusableIn");
+var _MergedCells = require("./MergedCells");
 /*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_1q19z_gg_,.___SRow_1q19z_gg_{display:contents}.___SBody_1q19z_gg_.__compact_1q19z_gg_ .___SCell_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SCell_1q19z_gg_.__gridArea_1q19z_gg_,.___SCollapseRow_1q19z_gg_.__gridArea_1q19z_gg_,.___SRow_1q19z_gg_.__gridArea_1q19z_gg_{grid-area:var(--gridArea_1q19z)}.___SRow_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_._theme_muted_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_muted_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_muted_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_1q19z_gg_._theme_info_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1q19z_gg_._theme_info_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}@media (hover:hover){.___SRow_1q19z_gg_._theme_info_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_1q19z_gg_._theme_success_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1q19z_gg_._theme_success_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}@media (hover:hover){.___SRow_1q19z_gg_._theme_success_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1q19z_gg_._theme_warning_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}@media (hover:hover){.___SRow_1q19z_gg_._theme_warning_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_ .___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1q19z_gg_._theme_danger_1q19z_gg_.__active_1q19z_gg_>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}@media (hover:hover){.___SRow_1q19z_gg_._theme_danger_1q19z_gg_:hover>.___SCell_1q19z_gg_:not(.__theme_1q19z_gg_),.___SRow_1q19z_gg_:hover>.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SCell_1q19z_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1q19z_gg_ .___SAccordionToggle_1q19z_gg_.__expanded_1q19z_gg_{transform:rotate(90deg)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_primary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1q19z_gg_._use_secondary_1q19z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1q19z) - 1)))}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_left_1q19z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_._borders_both_1q19z_gg_,.___SCell_1q19z_gg_._borders_right_1q19z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1q19z_gg_.__fixed_1q19z_gg_{position:sticky;z-index:2}.___SCell_1q19z_gg_._theme_muted_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1q19z_gg_._theme_info_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1q19z_gg_._theme_success_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1q19z_gg_._theme_warning_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1q19z_gg_._theme_danger_1q19z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1q19z_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1q19z_gg_.__headerHeight_1q19z_gg_{top:var(--headerHeight_1q19z)}" /*__inner_css_end__*/, "1q19z_gg_") /*__reshadow_css_end__*/, {
-  "__SBody": "___SBody_1q19z_gg_",
-  "__SRow": "___SRow_1q19z_gg_",
-  "_compact": "__compact_1q19z_gg_",
-  "__SCell": "___SCell_1q19z_gg_",
-  "_gridArea": "__gridArea_1q19z_gg_",
-  "__SCollapseRow": "___SCollapseRow_1q19z_gg_",
-  "--gridArea": "--gridArea_1q19z",
-  "_active": "__active_1q19z_gg_",
-  "_theme": "__theme_1q19z_gg_",
-  "_theme_muted": "_theme_muted_1q19z_gg_",
-  "_theme_info": "_theme_info_1q19z_gg_",
-  "_theme_success": "_theme_success_1q19z_gg_",
-  "_theme_warning": "_theme_warning_1q19z_gg_",
-  "_theme_danger": "_theme_danger_1q19z_gg_",
-  "_borders_both": "_borders_both_1q19z_gg_",
-  "_borders_left": "_borders_left_1q19z_gg_",
-  "_borders_right": "_borders_right_1q19z_gg_",
-  "_fixed": "__fixed_1q19z_gg_",
-  "__SSpinContainer": "___SSpinContainer_1q19z_gg_",
-  "_headerHeight": "__headerHeight_1q19z_gg_",
-  "--headerHeight": "--headerHeight_1q19z",
-  "__SAccordionToggle": "___SAccordionToggle_1q19z_gg_",
-  "_expanded": "__expanded_1q19z_gg_",
-  "_use_primary": "_use_primary_1q19z_gg_",
-  "--data-aria-level": "--data-aria-level_1q19z",
-  "_use_secondary": "_use_secondary_1q19z_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___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)}" /*__inner_css_end__*/, "1emri_gg_") /*__reshadow_css_end__*/, {
+  "__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 CellRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CellRoot, _Component);
@@ -95,6 +97,10 @@ var CellRoot = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocusCell", function (e) {
       if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {
+        e.target.scrollIntoView({
+          behavior: 'smooth',
+          block: 'center'
+        });
         var focusableChildren = Array.from(e.currentTarget.children).flatMap(function (node) {
           return (0, _getFocusableIn.getFocusableIn)(node);
         });
@@ -115,12 +121,43 @@ var CellRoot = /*#__PURE__*/function (_Component) {
       var SCell = _baseComponents.Flex;
       var _this$asProps = this.asProps,
         Children = _this$asProps.Children,
-        styles = _this$asProps.styles;
+        styles = _this$asProps.styles,
+        row = _this$asProps.row,
+        column = _this$asProps.column,
+        columnIndex = _this$asProps.columnIndex,
+        rowIndex = _this$asProps.rowIndex;
+      var cell = row[column.name];
+      var cellName = cell instanceof _MergedCells.MergedColumnsCell ? cell.dataKey : column.name;
+      var scope = null;
+      var gridArea = undefined;
+      var fromRow = rowIndex + 2;
+      var fromCol = columnIndex + 1;
+      if (cell instanceof _MergedCells.MergedColumnsCell) {
+        gridArea = "".concat(fromRow, " / ").concat(fromCol, " / ").concat(fromRow + 1, " / ").concat(fromCol + cell.columnsCount);
+        scope = 'colgroup';
+      } else if (cell instanceof _MergedCells.MergedRowsCell) {
+        gridArea = "".concat(cell.fromRow, " / ").concat(fromCol, " / ").concat(cell.toRow, " / ").concat(fromCol + 1);
+        scope = 'rowgroup';
+      }
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SCell, _ref2.cn("SCell", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tabIndex": -1,
         "innerOutline": true,
+        "tabIndex": -1,
         "onKeyDown": this.handleKeyDown,
-        "onFocus": this.onFocusCell
+        "onFocus": this.onFocusCell,
+        "name": cellName,
+        "role": 'gridcell',
+        "aria-colindex": columnIndex + 1,
+        "data-grouped-by": scope,
+        "scope": scope,
+        "aria-colspan": cell instanceof _MergedCells.MergedColumnsCell ? cell.columnsCount : undefined,
+        "aria-rowspan": cell instanceof _MergedCells.MergedRowsCell ? cell.toRow - cell.fromRow : undefined,
+        "gridArea": gridArea,
+        "borders": column.borders,
+        "flexWrap": column.flexWrap,
+        "alignItems": column.alignItems,
+        "alignContent": column.alignContent,
+        "justifyContent": column.justifyContent,
+        "fixed": column.fixed
       }, _ref))), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
     }
   }]);