@semcore/data-table 16.0.1-prerelease.0 → 16.0.1-prerelease.3

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

@@ -18,44 +18,44 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SBody_sdxd5_gg_,.___SRowGroup_sdxd5_gg_,.___SRow_sdxd5_gg_{display:contents}.___SBody_sdxd5_gg_.__compact_sdxd5_gg_ .___SCell_sdxd5_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_sdxd5_gg_.__compact_sdxd5_gg_ .___SCell_sdxd5_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_sdxd5) - 1)))}.___SCell_sdxd5_gg_.__gridArea_sdxd5_gg_,.___SCollapseRow_sdxd5_gg_.__gridArea_sdxd5_gg_,.___SRow_sdxd5_gg_.__gridArea_sdxd5_gg_{grid-area:var(--gridArea_sdxd5)}.___SCollapseRow_sdxd5_gg_ .___SCell_sdxd5_gg_{display:block}.___SRow_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_._accordionType_cell_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_).__withAccordion_sdxd5_gg_,.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_._accordionType_row_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_muted_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_,.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_info_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_success_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_warning_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_danger_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_sdxd5_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_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_.__expanded_sdxd5_gg_ svg{transform:rotate(90deg)}.___SCheckboxCell_sdxd5_gg_,.___SRow_sdxd5_gg_._accordionType_cell_sdxd5_gg_>.___SCell_sdxd5_gg_.__withAccordion_sdxd5_gg_,.___SRow_sdxd5_gg_._accordionType_row_sdxd5_gg_>.___SCell_sdxd5_gg_{cursor:pointer}.___SCell_sdxd5_gg_._use_primary_sdxd5_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_sdxd5_gg_._use_primary_sdxd5_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_sdxd5) - 1)))}.___SCell_sdxd5_gg_._use_secondary_sdxd5_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_sdxd5_gg_._use_secondary_sdxd5_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_sdxd5) - 1)))}.___SCell_sdxd5_gg_._borders_both_sdxd5_gg_,.___SCell_sdxd5_gg_._borders_left_sdxd5_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_sdxd5_gg_._borders_both_sdxd5_gg_,.___SCell_sdxd5_gg_._borders_right_sdxd5_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_sdxd5_gg_.__fixed_sdxd5_gg_{position:sticky;z-index:2}.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_sdxd5_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_sdxd5_gg_.__headerHeight_sdxd5_gg_{top:var(--headerHeight_sdxd5)}.___SEmptyData_sdxd5_gg_{grid-column:1/-1}.___SRow_sdxd5_gg_._sideIndents_wide_sdxd5_gg_ .___SCell_sdxd5_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_sdxd5_gg_._sideIndents_wide_sdxd5_gg_ .___SCell_sdxd5_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}',
+    '.___SBody_yrn54_gg_,.___SRowGroup_yrn54_gg_,.___SRow_yrn54_gg_{display:contents}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_.__gridArea_yrn54_gg_,.___SCollapseRow_yrn54_gg_.__gridArea_yrn54_gg_,.___SRow_yrn54_gg_.__gridArea_yrn54_gg_{grid-area:var(--gridArea_yrn54)}.___SCollapseRow_yrn54_gg_ .___SCell_yrn54_gg_{display:block}.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_).__expanded_yrn54_gg_.__withAccordion_yrn54_gg_,.___SRow_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_.__isAccordionRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRow_yrn54_gg_._theme_muted_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRow_yrn54_gg_:not(._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_):hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_info_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_info_yrn54_gg_,.___SRow_yrn54_gg_._theme_info_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_success_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_success_yrn54_gg_,.___SRow_yrn54_gg_._theme_success_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_warning_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_,.___SRow_yrn54_gg_._theme_warning_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_danger_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_,.___SRow_yrn54_gg_._theme_danger_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_yrn54_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_yrn54_gg_ .___SAccordionToggle_yrn54_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_.__expanded_yrn54_gg_ svg{transform:rotate(90deg)}.___SCell_yrn54_gg_.__withAccordion_yrn54_gg_,.___SCheckboxCell_yrn54_gg_,.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_>.___SCell_yrn54_gg_{cursor:pointer}.___SCell_yrn54_gg_._use_primary_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_primary_yrn54_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_yrn54) - 1)))}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_secondary_yrn54_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_yrn54) - 1)))}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_left_yrn54_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_right_yrn54_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_.__fixed_yrn54_gg_{position:sticky;z-index:2}.___SCell_yrn54_gg_._theme_muted_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_yrn54_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_yrn54_gg_.__headerHeight_yrn54_gg_{top:var(--headerHeight_yrn54)}.___SEmptyData_yrn54_gg_{grid-column:1/-1}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}',
     /*__inner_css_end__*/
-    "sdxd5_gg_"
+    "yrn54_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBody": "___SBody_sdxd5_gg_",
-    "__SRow": "___SRow_sdxd5_gg_",
-    "__SRowGroup": "___SRowGroup_sdxd5_gg_",
-    "_gridArea": "__gridArea_sdxd5_gg_",
-    "__SCell": "___SCell_sdxd5_gg_",
-    "__SCollapseRow": "___SCollapseRow_sdxd5_gg_",
-    "--gridArea": "--gridArea_sdxd5",
-    "_active": "__active_sdxd5_gg_",
-    "_theme": "__theme_sdxd5_gg_",
-    "_expanded": "__expanded_sdxd5_gg_",
-    "_accordionType_row": "_accordionType_row_sdxd5_gg_",
-    "_accordionType_cell": "_accordionType_cell_sdxd5_gg_",
-    "_withAccordion": "__withAccordion_sdxd5_gg_",
-    "_theme_muted": "_theme_muted_sdxd5_gg_",
-    "_theme_info": "_theme_info_sdxd5_gg_",
-    "_theme_success": "_theme_success_sdxd5_gg_",
-    "_theme_warning": "_theme_warning_sdxd5_gg_",
-    "_theme_danger": "_theme_danger_sdxd5_gg_",
-    "__SCheckboxCell": "___SCheckboxCell_sdxd5_gg_",
-    "_borders_both": "_borders_both_sdxd5_gg_",
-    "_borders_left": "_borders_left_sdxd5_gg_",
-    "_borders_right": "_borders_right_sdxd5_gg_",
-    "_fixed": "__fixed_sdxd5_gg_",
-    "__SSpinContainer": "___SSpinContainer_sdxd5_gg_",
-    "_headerHeight": "__headerHeight_sdxd5_gg_",
-    "--headerHeight": "--headerHeight_sdxd5",
-    "__SEmptyData": "___SEmptyData_sdxd5_gg_",
-    "_compact": "__compact_sdxd5_gg_",
-    "--data-aria-level": "--data-aria-level_sdxd5",
-    "__SAccordionToggle": "___SAccordionToggle_sdxd5_gg_",
-    "_use_primary": "_use_primary_sdxd5_gg_",
-    "_use_secondary": "_use_secondary_sdxd5_gg_",
-    "_sideIndents_wide": "_sideIndents_wide_sdxd5_gg_"
+    "__SBody": "___SBody_yrn54_gg_",
+    "__SRow": "___SRow_yrn54_gg_",
+    "__SRowGroup": "___SRowGroup_yrn54_gg_",
+    "_gridArea": "__gridArea_yrn54_gg_",
+    "__SCell": "___SCell_yrn54_gg_",
+    "__SCollapseRow": "___SCollapseRow_yrn54_gg_",
+    "--gridArea": "--gridArea_yrn54",
+    "_active": "__active_yrn54_gg_",
+    "_theme": "__theme_yrn54_gg_",
+    "_accordionType_row": "_accordionType_row_yrn54_gg_",
+    "_expanded": "__expanded_yrn54_gg_",
+    "_withAccordion": "__withAccordion_yrn54_gg_",
+    "_isAccordionRow": "__isAccordionRow_yrn54_gg_",
+    "_theme_muted": "_theme_muted_yrn54_gg_",
+    "_theme_info": "_theme_info_yrn54_gg_",
+    "_theme_success": "_theme_success_yrn54_gg_",
+    "_theme_warning": "_theme_warning_yrn54_gg_",
+    "_theme_danger": "_theme_danger_yrn54_gg_",
+    "__SCheckboxCell": "___SCheckboxCell_yrn54_gg_",
+    "_borders_both": "_borders_both_yrn54_gg_",
+    "_borders_left": "_borders_left_yrn54_gg_",
+    "_borders_right": "_borders_right_yrn54_gg_",
+    "_fixed": "__fixed_yrn54_gg_",
+    "__SSpinContainer": "___SSpinContainer_yrn54_gg_",
+    "_headerHeight": "__headerHeight_yrn54_gg_",
+    "--headerHeight": "--headerHeight_yrn54",
+    "__SEmptyData": "___SEmptyData_yrn54_gg_",
+    "_compact": "__compact_yrn54_gg_",
+    "--data-aria-level": "--data-aria-level_yrn54",
+    "__SAccordionToggle": "___SAccordionToggle_yrn54_gg_",
+    "_use_primary": "_use_primary_yrn54_gg_",
+    "_use_secondary": "_use_secondary_yrn54_gg_",
+    "_sideIndents_wide": "_sideIndents_wide_yrn54_gg_"
   })
 );
 var RowRoot = /* @__PURE__ */ function(_Component) {
@@ -104,9 +104,9 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
       var _this$asProps3 = this.asProps, columns = _this$asProps3.columns, row = _this$asProps3.row, styles = _this$asProps3.styles, rowIndex = _this$asProps3.rowIndex, ariaRowIndex = _this$asProps3.ariaRowIndex, gridRowIndex = _this$asProps3.gridRowIndex, expanded = _this$asProps3.expanded, accordionDataGridArea = _this$asProps3.accordionDataGridArea;
       _this$asProps3.expandedRows;
       _this$asProps3.onExpandRow;
-      var _this$asProps3$ariaL = _this$asProps3["aria-level"], ariaLevel = _this$asProps3$ariaL === void 0 ? 1 : _this$asProps3$ariaL, scrollAreaRef = _this$asProps3.scrollAreaRef, selectedRows = _this$asProps3.selectedRows, uid = _this$asProps3.uid, getFixedStyle = _this$asProps3.getFixedStyle;
+      var _this$asProps3$ariaL = _this$asProps3["aria-level"], ariaLevel = _this$asProps3$ariaL === void 0 ? 1 : _this$asProps3$ariaL, scrollAreaRef = _this$asProps3.scrollAreaRef, selectedRows = _this$asProps3.selectedRows, uid = _this$asProps3.uid, getFixedStyle = _this$asProps3.getFixedStyle, mergedRow = _this$asProps3.mergedRow;
       var accordion = row[ACCORDION];
-      var accordionType = accordion ? "row" : void 0;
+      var accordionType = accordion && !mergedRow ? "row" : void 0;
       if (!accordion) {
         var cells = Object.values(row);
         var cellWithAccordionIndex = cells.findIndex(function(value) {
@@ -115,13 +115,13 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
         this.cellIndex = cellWithAccordionIndex;
         var cellWithAccordion = cells[cellWithAccordionIndex];
         accordion = cellWithAccordion === null || cellWithAccordion === void 0 ? void 0 : cellWithAccordion[ACCORDION];
-        accordionType = "cell";
       }
       return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SRow, _ref2.cn("SRow", _objectSpread({}, assignProps({
         "role": "row",
         "aria-rowindex": ariaRowIndex,
         "accordionType": accordionType,
-        "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowIndex) ? "info" : void 0
+        "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowIndex) ? "info" : void 0,
+        "use:expanded": expanded && !mergedRow
       }, _ref))), columns.map(function(column, i) {
         if (selectedRows && i === 0) {
           var _ref3;
@@ -165,7 +165,7 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
           columnIndex: index,
           style: style2,
           column,
-          withAccordion: _this2.cellHasAccordion(cellValue)
+          withAccordion: Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) || _this2.cellHasAccordion(cellValue)
         });
       })), /* @__PURE__ */ React.isValidElement(accordion) && /* @__PURE__ */ React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
         "key": rowIndex,
@@ -203,7 +203,7 @@ var RowRoot = /* @__PURE__ */ function(_Component) {
           "aria-level": ariaLevel + 1,
           ariaRowIndex: ariaRowIndex + 1 + i,
           gridRowIndex: gridRowIndex + 1 + i,
-          expanded: true,
+          isAccordionRow: true,
           getFixedStyle
         });
       })));

package/lib/esm/components/Body/style.shadow.css

@@ -27,23 +27,20 @@ SRow[active] > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SRow[expanded][accordionType='row'] > SCell:not([theme]) {
+SRow[accordionType='row'][expanded] > SCell:not([theme]),
+SCell:not([theme])[expanded][withAccordion] {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SRow[expanded][accordionType='cell'] > SCell:not([theme])[withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
-SCollapseRow > SCell:not([theme]), SRow[expanded] > SCell:not([theme]) {
+SCollapseRow > SCell:not([theme]), SRow[isAccordionRow] > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-accordion, #f4f5f9);
 }
 
 /* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
 @media (hover: hover) {
-  SRow:hover > SCell:not([theme]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell:not([theme]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  SRow:not([accordionType='row'][expanded]):hover > SCell:not([theme]):not([expanded][withAccordion]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell:not([theme]):not([expanded][withAccordion]),
+  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
@@ -177,7 +174,7 @@ SCell {
   }
 }
 
-SRow[accordionType='row'] > SCell, SRow[accordionType='cell'] > SCell[withAccordion], SCheckboxCell {
+SRow[accordionType='row'] > SCell, SCell[withAccordion], SCheckboxCell {
   cursor: pointer;
 }
 

package/lib/esm/components/DataTable/DataTable.mjs

@@ -143,10 +143,13 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
       var expandedRows = _this.asProps.expandedRows;
       if (expandedRows.has(expandedRow[UNIQ_ROW_KEY])) {
         expandedRows["delete"](expandedRow[UNIQ_ROW_KEY]);
+        setTimeout(function() {
+          _this.handlers.expandedRows(new Set(_toConsumableArray(expandedRows)));
+        }, 300);
       } else {
         expandedRows.add(expandedRow[UNIQ_ROW_KEY]);
+        _this.handlers.expandedRows(new Set(_toConsumableArray(expandedRows)));
       }
-      _this.handlers.expandedRows(new Set(_toConsumableArray(expandedRows)));
     });
     _defineProperty(_assertThisInitialized(_this), "changeFocusCell", function(rowIndex, colIndex, direction) {
       var _this$tableRef$curren2, _this$tableRef$curren3;
@@ -861,7 +864,7 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
           var groupedKeys = [];
           var groupedRowData = Object.entries(row).reduce(function(acc, _ref7) {
             var _ref8 = _slicedToArray(_ref7, 2), key = _ref8[0], value = _ref8[1];
-            acc[key] = new MergedRowsCell(value, groupedRows.length);
+            acc[key] = new MergedRowsCell(value, groupedRows.length, row[ACCORDION]);
             groupedKeys.push(key);
             return acc;
           }, (_Object$entries$reduc2 = {}, _defineProperty(_Object$entries$reduc2, UNIQ_ROW_KEY, ""), _defineProperty(_Object$entries$reduc2, ROW_INDEX, -1), _Object$entries$reduc2));
@@ -870,8 +873,14 @@ var DataTableRoot = /* @__PURE__ */ function(_Component) {
             if (index === 0) {
               var rowData = _objectSpread(_objectSpread({}, childRow), groupedRowData);
               dtRow2 = makeDtRow(rowData);
+              dtRow2[ROW_GROUP] = /* @__PURE__ */ new Set();
             } else {
+              var _innerRows$, _innerRows$$ROW_GROUP;
+              if (index === groupedRows.length - 1 && row[ACCORDION]) {
+                childRow[ACCORDION] = row[ACCORDION];
+              }
               dtRow2 = makeDtRow(childRow, groupedKeys);
+              (_innerRows$ = innerRows[0]) === null || _innerRows$ === void 0 ? void 0 : (_innerRows$$ROW_GROUP = _innerRows$[ROW_GROUP]) === null || _innerRows$$ROW_GROUP === void 0 ? void 0 : _innerRows$$ROW_GROUP.add(dtRow2[UNIQ_ROW_KEY]);
             }
             innerRows.push(dtRow2);
             rowIndex++;

package/lib/esm/components/Head/Column.mjs

@@ -195,7 +195,8 @@ var Column = /* @__PURE__ */ function(_Component) {
   _createClass(Column2, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if (this.asProps.parent && this.asProps.sticky) {
+      var _this$asProps2 = this.asProps, parent = _this$asProps2.parent, sticky = _this$asProps2.sticky, changeSortSize = _this$asProps2.changeSortSize, name = _this$asProps2.name, sort = _this$asProps2.sort;
+      if (parent && sticky) {
         var _columnElement$parent;
         var columnElement = this.columnRef.current;
         var groupElement = columnElement === null || columnElement === void 0 ? void 0 : (_columnElement$parent = columnElement.parentElement) === null || _columnElement$parent === void 0 ? void 0 : _columnElement$parent.children.item(0);
@@ -204,33 +205,40 @@ var Column = /* @__PURE__ */ function(_Component) {
           columnElement === null || columnElement === void 0 ? void 0 : columnElement.style.setProperty("top", "".concat(groupHeight, "px"));
         }
       }
+      if (canUseDOM() && changeSortSize && (sort === null || sort === void 0 ? void 0 : sort[0]) === name) {
+        this.changeTemplateColumnBySort();
+      }
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       var _prevProps$sort, _this$asProps$sort;
       if (this.asProps.changeSortSize && canUseDOM() && ((_prevProps$sort = prevProps.sort) === null || _prevProps$sort === void 0 ? void 0 : _prevProps$sort[0]) !== ((_this$asProps$sort = this.asProps.sort) === null || _this$asProps$sort === void 0 ? void 0 : _this$asProps$sort[0])) {
-        var _this$asProps$sort2, _this$asProps$sort3;
-        var _this$asProps2 = this.asProps, tableRef = _this$asProps2.tableRef, gridTemplateColumns = _this$asProps2.gridTemplateColumns, columnIndex = _this$asProps2.columnIndex;
-        if (((_this$asProps$sort2 = this.asProps.sort) === null || _this$asProps$sort2 === void 0 ? void 0 : _this$asProps$sort2[0]) === this.asProps.name) {
-          var newWidth = this.calculateActiveColumnMinWidth();
-          setTimeout(function() {
-            if (tableRef.current && newWidth !== null) {
-              tableRef.current.style.setProperty("grid-template-columns", gridTemplateColumns.map(function(gtcWidth, index) {
-                if (index === columnIndex) {
-                  return "".concat(newWidth, "px");
-                }
-                return gtcWidth;
-              }).join(" "));
-            }
-          });
-        } else if (((_this$asProps$sort3 = this.asProps.sort) === null || _this$asProps$sort3 === void 0 ? void 0 : _this$asProps$sort3[0]) !== this.asProps.name) {
-          setTimeout(function() {
-            if (tableRef.current) {
-              tableRef.current.style.setProperty("grid-template-columns", gridTemplateColumns.join(" "));
-            }
-          });
-        }
+        this.changeTemplateColumnBySort();
+      }
+    }
+  }, {
+    key: "changeTemplateColumnBySort",
+    value: function changeTemplateColumnBySort() {
+      var _this$asProps3 = this.asProps, tableRef = _this$asProps3.tableRef, gridTemplateColumns = _this$asProps3.gridTemplateColumns, columnIndex = _this$asProps3.columnIndex, sort = _this$asProps3.sort, name = _this$asProps3.name;
+      if ((sort === null || sort === void 0 ? void 0 : sort[0]) === name) {
+        var newWidth = this.calculateActiveColumnMinWidth();
+        setTimeout(function() {
+          if (tableRef.current && newWidth !== null) {
+            tableRef.current.style.setProperty("grid-template-columns", gridTemplateColumns.map(function(gtcWidth, index) {
+              if (index === columnIndex) {
+                return "".concat(newWidth, "px");
+              }
+              return gtcWidth;
+            }).join(" "));
+          }
+        });
+      } else if ((sort === null || sort === void 0 ? void 0 : sort[0]) !== name) {
+        setTimeout(function() {
+          if (tableRef.current) {
+            tableRef.current.style.setProperty("grid-template-columns", gridTemplateColumns.join(" "));
+          }
+        });
       }
     }
   }, {
@@ -249,7 +257,7 @@ var Column = /* @__PURE__ */ function(_Component) {
       var SColumn = Flex;
       var SSortWrapper = "div";
       var SSortButton = ButtonLink;
-      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, sortable = _this$asProps3.sortable, sort = _this$asProps3.sort, uid = _this$asProps3.uid, name = _this$asProps3.name, parent = _this$asProps3.parent, sortableColumnDescribeId = _this$asProps3.sortableColumnDescribeId, Children = _this$asProps3.Children;
+      var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, sortable = _this$asProps4.sortable, sort = _this$asProps4.sort, uid = _this$asProps4.uid, name = _this$asProps4.name, parent = _this$asProps4.parent, sortableColumnDescribeId = _this$asProps4.sortableColumnDescribeId, Children = _this$asProps4.Children;
       var SSortIcon = sort && sort[0] === name ? SORTING_ICON[sort[1]] : SORTING_ICON[this.defaultDirection];
       var isSorted = (sort === null || sort === void 0 ? void 0 : sort[0]) === name;
       var visibleSort = Boolean(sortable) && (this.state.sortVisible || isSorted);

package/lib/types/components/Body/Cell.types.d.ts

@@ -12,6 +12,8 @@ export type DataTableCellProps = {
     columnIndex: number;
     gridRowIndex: number;
     children?: React.ReactNode;
+    expanded?: boolean;
+    withAccordion?: boolean;
 };
 export type CellPropsInner = {
     use: DTUse;

package/lib/types/components/Body/MergedCells.d.ts

@@ -1,14 +1,18 @@
+/// <reference types="react" />
+import { DataTableData } from '../DataTable/DataTable.types';
 export declare class MergedRowsCell {
     readonly value: any;
     readonly rowsCount: number;
-    constructor(value: any, rowsCount: number);
+    readonly accordion?: React.ReactNode | DataTableData;
+    constructor(value: any, rowsCount: number, accordion?: React.ReactNode | DataTableData);
 }
 export declare class MergedColumnsCell {
     readonly value: any;
     readonly columnsCount: number;
     readonly dataKey: string;
+    readonly accordion?: React.ReactNode | DataTableData;
     constructor(value: any, options: {
         size: number;
         dataKey: string;
-    });
+    }, accordion?: React.ReactNode | DataTableData);
 }

package/lib/types/components/Body/Row.types.d.ts

@@ -2,17 +2,19 @@
 import { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';
 import { DTColumn } from '../Head/Column.types';
 import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
-import { ACCORDION, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+import { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';
+export type UniqRowKey = string;
 export type DTRow = {
-    [UNIQ_ROW_KEY]: string;
+    [UNIQ_ROW_KEY]: UniqRowKey;
     [ROW_INDEX]: number;
     [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;
     [ACCORDION]?: React.ReactNode | DataTableData | undefined;
+    [ROW_GROUP]?: Set<UniqRowKey>;
 };
 export type DTRows = Array<DTRow | DTRow[]>;
 export type DataTableRowProps = {
     row: DTRow;
-    offset?: number;
+    mergedRow?: boolean;
 };
 export type RowPropsInner = JSX.IntrinsicElements['div'] & {
     use: DTUse;
@@ -21,6 +23,10 @@ export type RowPropsInner = JSX.IntrinsicElements['div'] & {
      * @default false
      */
     expanded?: boolean;
+    /**
+     * Flag to show is row in a merged list or not.
+     */
+    mergedRow?: boolean;
     columns: DTColumn[];
     row: DTRow | DTRow[];
     rows: DTRows;

package/lib/types/components/Head/Column.d.ts

@@ -17,6 +17,7 @@ export declare class Column<D extends DataTableData> extends Component<DataTable
     state: State;
     componentDidMount(): void;
     componentDidUpdate(prevProps: DataTableColumnProps & ColumnPropsInner<D>): void;
+    changeTemplateColumnBySort(): void;
     calculateActiveColumnMinWidth: () => number | null;
     get defaultDirection(): SortDirection;
     handleMouseEnter: () => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/data-table",
   "description": "Semrush DataTable Component",
-  "version": "16.0.1-prerelease.0",
+  "version": "16.0.1-prerelease.3",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,14 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/icon": "16.0.0-prerelease.0",
-    "@semcore/button": "16.0.0-prerelease.0",
-    "@semcore/checkbox": "16.0.0-prerelease.0",
-    "@semcore/flex-box": "16.0.0-prerelease.0",
-    "@semcore/scroll-area": "16.0.0-prerelease.0",
-    "@semcore/spin": "16.0.0-prerelease.0",
-    "@semcore/tooltip": "16.0.0-prerelease.0",
-    "@semcore/widget-empty": "16.0.0-prerelease.0"
+    "@semcore/icon": "16.1.0-prerelease.3",
+    "@semcore/button": "16.0.0",
+    "@semcore/checkbox": "16.0.0",
+    "@semcore/flex-box": "16.0.0",
+    "@semcore/scroll-area": "16.0.0",
+    "@semcore/spin": "16.0.0",
+    "@semcore/tooltip": "16.0.0",
+    "@semcore/widget-empty": "16.0.0"
   },
   "devDependencies": {
     "@types/react": "18.0.21",
@@ -41,7 +41,7 @@
     "csstype": "3.0.8"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0-prerelease.0"
+    "@semcore/base-components": "^16.0.0"
   },
   "repository": {
     "type": "git",