@semcore/data-table 16.0.4 → 16.0.5

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

@@ -17,46 +17,46 @@ import * as React from 'react';
 import { Body } from './Body';
 import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1aohy_gg_,.___SBody_1aohy_gg_,.___SRowGroup_1aohy_gg_,.___SRow_1aohy_gg_{display:contents}.___SBody_1aohy_gg_.__compact_1aohy_gg_ .___SCell_1aohy_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1aohy_gg_.__compact_1aohy_gg_ .___SCell_1aohy_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1aohy) - 1)))}.___SCellWrapper_1aohy_gg_.__gridArea_1aohy_gg_,.___SCollapseRow_1aohy_gg_.__gridArea_1aohy_gg_,.___SRow_1aohy_gg_.__gridArea_1aohy_gg_{grid-area:var(--gridArea_1aohy)}.___SCellWrapper_1aohy_gg_{height:100%}.___SAccordionRows_1aohy_gg_>.___SRow_1aohy_gg_.__isAccordionRow_1aohy_gg_:last-child>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_,.___SCollapseRow_1aohy_gg_.__gridArea_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1aohy_gg_ .___SCell_1aohy_gg_{display:block}.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_).__expanded_1aohy_gg_.__withAccordion_1aohy_gg_,.___SRow_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_._accordionType_row_1aohy_gg_.__expanded_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_.__isAccordionRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_muted_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_muted_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_):not(.__expanded_1aohy_gg_.__withAccordion_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_muted_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_muted_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_):not(.__expanded_1aohy_gg_.__withAccordion_1aohy_gg_),.___SRow_1aohy_gg_._theme_muted_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_muted_1aohy_gg_,.___SRow_1aohy_gg_:not(._accordionType_row_1aohy_gg_.__expanded_1aohy_gg_):hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_):not(.__expanded_1aohy_gg_.__withAccordion_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_info_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_info_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_info_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_info_1aohy_gg_,.___SRow_1aohy_gg_._theme_info_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_info_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_success_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_success_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_success_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_success_1aohy_gg_,.___SRow_1aohy_gg_._theme_success_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_success_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_warning_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_warning_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_warning_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_warning_1aohy_gg_,.___SRow_1aohy_gg_._theme_warning_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_warning_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_._theme_danger_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_[data-grouped-by=rowgroup]._theme_danger_1aohy_gg_,.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_._theme_danger_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRowGroup_1aohy_gg_:has(.___SCell_1aohy_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_danger_1aohy_gg_,.___SRow_1aohy_gg_._theme_danger_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_),.___SRow_1aohy_gg_:hover>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_._theme_danger_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1aohy_gg_._theme_muted_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1aohy_gg_._theme_muted_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1aohy_gg_._theme_info_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1aohy_gg_._theme_info_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1aohy_gg_._theme_success_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1aohy_gg_._theme_success_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1aohy_gg_._theme_warning_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1aohy_gg_._theme_warning_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1aohy_gg_._theme_danger_1aohy_gg_ .___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1aohy_gg_._theme_danger_1aohy_gg_.__active_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_:not(.__theme_1aohy_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1aohy_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_1aohy_gg_ .___SAccordionToggle_1aohy_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1aohy_gg_ .___SAccordionToggle_1aohy_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1aohy_gg_ .___SAccordionToggle_1aohy_gg_.__expanded_1aohy_gg_ svg{transform:rotate(90deg)}.___SCell_1aohy_gg_.__withAccordion_1aohy_gg_,.___SCheckboxCell_1aohy_gg_,.___SRow_1aohy_gg_._accordionType_row_1aohy_gg_>.___SCellWrapper_1aohy_gg_>.___SCell_1aohy_gg_{cursor:pointer}.___SCell_1aohy_gg_._use_primary_1aohy_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1aohy_gg_._use_primary_1aohy_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_1aohy) - 1)))}.___SCell_1aohy_gg_._use_secondary_1aohy_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1aohy_gg_._use_secondary_1aohy_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_1aohy) - 1)))}.___SCell_1aohy_gg_._borders_both_1aohy_gg_,.___SCell_1aohy_gg_._borders_left_1aohy_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1aohy_gg_._borders_both_1aohy_gg_,.___SCell_1aohy_gg_._borders_right_1aohy_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1aohy_gg_.__fixed_1aohy_gg_{position:sticky;z-index:2}.___SCell_1aohy_gg_._theme_muted_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1aohy_gg_._theme_info_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1aohy_gg_._theme_success_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1aohy_gg_._theme_warning_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1aohy_gg_._theme_danger_1aohy_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1aohy_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_1aohy_gg_.__headerHeight_1aohy_gg_{top:var(--headerHeight_1aohy)}.___SEmptyData_1aohy_gg_{grid-column:1/-1}.___SRow_1aohy_gg_._sideIndents_wide_1aohy_gg_ .___SCellWrapper_1aohy_gg_:first-child .___SCell_1aohy_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1aohy_gg_._sideIndents_wide_1aohy_gg_ .___SCellWrapper_1aohy_gg_:last-child .___SCell_1aohy_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1aohy_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1maz2_gg_,.___SBody_1maz2_gg_,.___SRowGroup_1maz2_gg_,.___SRow_1maz2_gg_{display:contents}.___SBody_1maz2_gg_.__compact_1maz2_gg_ .___SCell_1maz2_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1maz2_gg_.__compact_1maz2_gg_ .___SCell_1maz2_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1maz2) - 1)))}.___SCellWrapper_1maz2_gg_.__gridArea_1maz2_gg_,.___SCollapseRow_1maz2_gg_.__gridArea_1maz2_gg_,.___SRow_1maz2_gg_.__gridArea_1maz2_gg_{grid-area:var(--gridArea_1maz2)}.___SCellWrapper_1maz2_gg_{height:100%}.___SAccordionRows_1maz2_gg_>.___SRow_1maz2_gg_.__isAccordionRow_1maz2_gg_:last-child>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_,.___SCollapseRow_1maz2_gg_.__gridArea_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1maz2_gg_ .___SCell_1maz2_gg_{display:block}.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_).__expanded_1maz2_gg_.__withAccordion_1maz2_gg_,.___SRow_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_._accordionType_row_1maz2_gg_.__expanded_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_.__isAccordionRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_muted_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_muted_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_):not(.__expanded_1maz2_gg_.__withAccordion_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_muted_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_muted_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_):not(.__expanded_1maz2_gg_.__withAccordion_1maz2_gg_),.___SRow_1maz2_gg_._theme_muted_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_muted_1maz2_gg_,.___SRow_1maz2_gg_:not(._accordionType_row_1maz2_gg_.__expanded_1maz2_gg_):hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_):not(.__expanded_1maz2_gg_.__withAccordion_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_info_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_info_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_info_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_info_1maz2_gg_,.___SRow_1maz2_gg_._theme_info_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_info_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_success_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_success_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_success_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_success_1maz2_gg_,.___SRow_1maz2_gg_._theme_success_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_success_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_warning_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_warning_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_warning_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_warning_1maz2_gg_,.___SRow_1maz2_gg_._theme_warning_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_warning_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_._theme_danger_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_[data-grouped-by=rowgroup]._theme_danger_1maz2_gg_,.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_._theme_danger_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRowGroup_1maz2_gg_:has(.___SCell_1maz2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_danger_1maz2_gg_,.___SRow_1maz2_gg_._theme_danger_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_),.___SRow_1maz2_gg_:hover>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_._theme_danger_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1maz2_gg_._theme_muted_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1maz2_gg_._theme_muted_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1maz2_gg_._theme_info_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1maz2_gg_._theme_info_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1maz2_gg_._theme_success_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1maz2_gg_._theme_success_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1maz2_gg_._theme_warning_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1maz2_gg_._theme_warning_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1maz2_gg_._theme_danger_1maz2_gg_ .___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1maz2_gg_._theme_danger_1maz2_gg_.__active_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_:not(.__theme_1maz2_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1maz2_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_1maz2_gg_ .___SAccordionToggle_1maz2_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1maz2_gg_ .___SAccordionToggle_1maz2_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1maz2_gg_ .___SAccordionToggle_1maz2_gg_.__expanded_1maz2_gg_ svg{transform:rotate(90deg)}.___SCell_1maz2_gg_.__withAccordion_1maz2_gg_,.___SCheckboxCell_1maz2_gg_,.___SRow_1maz2_gg_._accordionType_row_1maz2_gg_>.___SCellWrapper_1maz2_gg_>.___SCell_1maz2_gg_{cursor:pointer}.___SCell_1maz2_gg_._use_primary_1maz2_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1maz2_gg_._use_primary_1maz2_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_1maz2) - 1)))}.___SCell_1maz2_gg_._use_secondary_1maz2_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1maz2_gg_._use_secondary_1maz2_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_1maz2) - 1)))}.___SCell_1maz2_gg_._borders_both_1maz2_gg_,.___SCell_1maz2_gg_._borders_left_1maz2_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1maz2_gg_._borders_both_1maz2_gg_,.___SCell_1maz2_gg_._borders_right_1maz2_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1maz2_gg_.__fixed_1maz2_gg_{position:sticky;z-index:2}.___SCell_1maz2_gg_._theme_muted_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1maz2_gg_._theme_info_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1maz2_gg_._theme_success_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1maz2_gg_._theme_warning_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1maz2_gg_._theme_danger_1maz2_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1maz2_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_1maz2_gg_.__headerHeight_1maz2_gg_{top:var(--headerHeight_1maz2)}.___SEmptyData_1maz2_gg_{grid-column:1/-1}.___SRow_1maz2_gg_._sideIndents_wide_1maz2_gg_ .___SCellWrapper_1maz2_gg_:first-child .___SCell_1maz2_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1maz2_gg_._sideIndents_wide_1maz2_gg_ .___SCellWrapper_1maz2_gg_:last-child .___SCell_1maz2_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1maz2_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_1aohy_gg_",
-  "__SRow": "___SRow_1aohy_gg_",
-  "__SRowGroup": "___SRowGroup_1aohy_gg_",
-  "__SAccordionRows": "___SAccordionRows_1aohy_gg_",
-  "_gridArea": "__gridArea_1aohy_gg_",
-  "__SCellWrapper": "___SCellWrapper_1aohy_gg_",
-  "__SCollapseRow": "___SCollapseRow_1aohy_gg_",
-  "--gridArea": "--gridArea_1aohy",
-  "__SCell": "___SCell_1aohy_gg_",
-  "_isAccordionRow": "__isAccordionRow_1aohy_gg_",
-  "_active": "__active_1aohy_gg_",
-  "_theme": "__theme_1aohy_gg_",
-  "_accordionType_row": "_accordionType_row_1aohy_gg_",
-  "_expanded": "__expanded_1aohy_gg_",
-  "_withAccordion": "__withAccordion_1aohy_gg_",
-  "_theme_muted": "_theme_muted_1aohy_gg_",
-  "_theme_info": "_theme_info_1aohy_gg_",
-  "_theme_success": "_theme_success_1aohy_gg_",
-  "_theme_warning": "_theme_warning_1aohy_gg_",
-  "_theme_danger": "_theme_danger_1aohy_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_1aohy_gg_",
-  "_borders_both": "_borders_both_1aohy_gg_",
-  "_borders_left": "_borders_left_1aohy_gg_",
-  "_borders_right": "_borders_right_1aohy_gg_",
-  "_fixed": "__fixed_1aohy_gg_",
-  "__SSpinContainer": "___SSpinContainer_1aohy_gg_",
-  "_headerHeight": "__headerHeight_1aohy_gg_",
-  "--headerHeight": "--headerHeight_1aohy",
-  "__SEmptyData": "___SEmptyData_1aohy_gg_",
-  "_compact": "__compact_1aohy_gg_",
-  "--data-aria-level": "--data-aria-level_1aohy",
-  "__SAccordionToggle": "___SAccordionToggle_1aohy_gg_",
-  "_use_primary": "_use_primary_1aohy_gg_",
-  "_use_secondary": "_use_secondary_1aohy_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_1aohy_gg_"
+  "__SBody": "___SBody_1maz2_gg_",
+  "__SRow": "___SRow_1maz2_gg_",
+  "__SRowGroup": "___SRowGroup_1maz2_gg_",
+  "__SAccordionRows": "___SAccordionRows_1maz2_gg_",
+  "_gridArea": "__gridArea_1maz2_gg_",
+  "__SCellWrapper": "___SCellWrapper_1maz2_gg_",
+  "__SCollapseRow": "___SCollapseRow_1maz2_gg_",
+  "--gridArea": "--gridArea_1maz2",
+  "__SCell": "___SCell_1maz2_gg_",
+  "_isAccordionRow": "__isAccordionRow_1maz2_gg_",
+  "_active": "__active_1maz2_gg_",
+  "_theme": "__theme_1maz2_gg_",
+  "_accordionType_row": "_accordionType_row_1maz2_gg_",
+  "_expanded": "__expanded_1maz2_gg_",
+  "_withAccordion": "__withAccordion_1maz2_gg_",
+  "_theme_muted": "_theme_muted_1maz2_gg_",
+  "_theme_info": "_theme_info_1maz2_gg_",
+  "_theme_success": "_theme_success_1maz2_gg_",
+  "_theme_warning": "_theme_warning_1maz2_gg_",
+  "_theme_danger": "_theme_danger_1maz2_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_1maz2_gg_",
+  "_borders_both": "_borders_both_1maz2_gg_",
+  "_borders_left": "_borders_left_1maz2_gg_",
+  "_borders_right": "_borders_right_1maz2_gg_",
+  "_fixed": "__fixed_1maz2_gg_",
+  "__SSpinContainer": "___SSpinContainer_1maz2_gg_",
+  "_headerHeight": "__headerHeight_1maz2_gg_",
+  "--headerHeight": "--headerHeight_1maz2",
+  "__SEmptyData": "___SEmptyData_1maz2_gg_",
+  "_compact": "__compact_1maz2_gg_",
+  "--data-aria-level": "--data-aria-level_1maz2",
+  "__SAccordionToggle": "___SAccordionToggle_1maz2_gg_",
+  "_use_primary": "_use_primary_1maz2_gg_",
+  "_use_secondary": "_use_secondary_1maz2_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1maz2_gg_"
 });
-import { ACCORDION, SELECT_ALL } from '../DataTable/DataTable';
+import { ACCORDION, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';
 var RowRoot = /*#__PURE__*/function (_Component) {
   function RowRoot() {
     var _this;
@@ -102,8 +102,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
     value: function render() {
       var _ref = this.asProps,
         _ref2,
-        _this2 = this,
-        _scrollAreaRef$curren;
+        _this2 = this;
       var SRow = Box;
       var SCollapseRow = Collapse;
       var SAccordionRows = Box;
@@ -142,16 +141,17 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         accordion = cellWithAccordion === null || cellWithAccordion === void 0 ? void 0 : cellWithAccordion[ACCORDION];
       }
       var accordionId = "".concat(uid, "_").concat(ariaRowIndex + 1);
+      var rowUniqKey = row[UNIQ_ROW_KEY];
       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' : undefined,
+        "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowUniqKey) ? 'info' : undefined,
         "use:expanded": expanded && !mergedRow
       }, _ref))), columns.map(function (column, i) {
         if (selectedRows && i === 0) {
           var _ref3;
-          var checked = selectedRows.includes(rowIndex);
+          var checked = selectedRows.includes(rowUniqKey);
           return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SCheckboxCell, _ref3.cn("SCheckboxCell", {
             "key": i,
             "row": row,
@@ -223,7 +223,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         },
         "position": 'sticky',
         "left": 0,
-        "w": (_scrollAreaRef$curren = scrollAreaRef.current) === null || _scrollAreaRef$curren === void 0 ? void 0 : _scrollAreaRef$curren.clientWidth,
+        "w": '100%',
         "onKeyDown": this.handleBackFromAccordion
       }), accordion)), row[ACCORDION] && Array.isArray(row[ACCORDION]) && /*#__PURE__*/React.createElement(SAccordionRows, _ref2.cn("SAccordionRows", {
         "id": accordionId,

package/lib/es6/components/Body/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","names":["Box","Collapse","Checkbox","Component","Root","sstyled","createComponent","React","Body","MergedColumnsCell","MergedRowsCell","style","_sstyled","insert","ACCORDION","SELECT_ALL","RowRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","e","key","onBackFromAccordion","cellIndex","_inherits","_createClass","cellHasAccordion","cellValue","Boolean","render","_ref","_ref2","_this2","_scrollAreaRef$curren","SRow","SCollapseRow","SAccordionRows","SCell","Cell","SCheckboxCell","_this$asProps3","columns","rows","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","mergedRow","isAccordionRow","animationExpand","accordionRowIndex","accordionDuration","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","accordionId","createElement","Fragment","cn","_objectSpread","_assignProps","includes","map","column","i","_ref3","checked","name","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","id","columnIndex","withAccordion","isValidElement","current","clientWidth","handleBackFromAccordion","isArray","subrow","Row","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import { Box, Collapse } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport * as React from 'react';\n\nimport { Body } from './Body';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { DataTableRowProps, RowPropsInner } from './Row.types';\nimport style from './style.shadow.css';\nimport { ACCORDION, SELECT_ALL } from '../DataTable/DataTable';\nimport type { DTValue } from '../DataTable/DataTable.types';\n\nclass RowRoot extends Component<DataTableRowProps, {}, {}, [], RowPropsInner> {\n  static displayName = 'Row';\n  static style = style;\n\n  static defaultProps = {\n    'aria-level': undefined,\n  };\n\n  private cellIndex = -1;\n\n  cellHasAccordion(cellValue?: DTValue | MergedColumnsCell | MergedRowsCell): cellValue is DTValue {\n    return (\n      !(cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) &&\n      Boolean(cellValue?.[ACCORDION])\n    );\n  }\n\n  handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleBackFromAccordion = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.asProps.onBackFromAccordion(this.cellIndex);\n    }\n  };\n\n  render() {\n    const SRow = Root;\n    const SCollapseRow = Collapse;\n    const SAccordionRows = Box;\n    const SCell = Body.Cell;\n    const SCheckboxCell = Body.Cell;\n    const {\n      columns,\n      row,\n      rows,\n      styles,\n      rowIndex,\n      ariaRowIndex,\n      gridRowIndex,\n      expanded,\n      accordionDataGridArea,\n      'aria-level': ariaLevel = 1,\n      scrollAreaRef,\n      selectedRows,\n      uid,\n      getFixedStyle,\n      mergedRow,\n      isAccordionRow,\n      animationExpand,\n      accordionRowIndex,\n      accordionDuration,\n    } = this.asProps;\n\n    let accordion = row[ACCORDION];\n    const accordionType = accordion && !mergedRow ? 'row' : undefined;\n\n    if (!accordion) {\n      const cells = Object.values(row);\n      const cellWithAccordionIndex = cells.findIndex((value) => {\n        return this.cellHasAccordion(value);\n      });\n\n      this.cellIndex = cellWithAccordionIndex;\n\n      const cellWithAccordion = cells[cellWithAccordionIndex] as DTValue | undefined;\n\n      accordion = cellWithAccordion?.[ACCORDION];\n    }\n\n    const accordionId = `${uid}_${ariaRowIndex + 1}`;\n\n    return sstyled(styles)(\n      <>\n        <SRow\n          render={Box}\n          role='row'\n          aria-rowindex={ariaRowIndex}\n          accordionType={accordionType}\n          theme={selectedRows?.includes(rowIndex) ? 'info' : undefined}\n          use:expanded={expanded && !mergedRow}\n        >\n          {columns.map((column, i) => {\n            if (selectedRows && i === 0) {\n              const checked = selectedRows.includes(rowIndex);\n              return sstyled(styles)(\n                <SCheckboxCell\n                  key={i}\n                  row={row}\n                  rowIndex={rowIndex}\n                  // @ts-ignore\n                  column={{ name: SELECT_ALL.toString() }}\n                  columnIndex={0}\n                  gridRowIndex={gridRowIndex}\n                  onClick={this.handleClickCheckbox(!checked)}\n                >\n                  <Checkbox\n                    checked={checked}\n                    aria-labelledby={`${uid}_${ariaRowIndex}_1`}\n                    onChange={this.handleSelectRow}\n                  />\n                </SCheckboxCell>,\n              );\n            }\n\n            const index = i;\n            const cellValue: DTValue | MergedRowsCell | MergedColumnsCell | undefined =\n              row[column.name];\n\n            if (cellValue === undefined) {\n              return null;\n            }\n\n            const style: React.CSSProperties = {};\n\n            if (column.fixed) {\n              const [name, value] = getFixedStyle(column);\n\n              if (name !== undefined && value !== undefined) {\n                style[name] = value;\n              }\n            }\n\n            return (\n              <Body.Cell\n                key={index}\n                id={`${uid}_${ariaRowIndex}_${index}`}\n                accordionId={accordionId}\n                data-aria-level={index === 0 ? ariaLevel : undefined}\n                row={row}\n                rowIndex={rowIndex}\n                gridRowIndex={gridRowIndex}\n                columnIndex={index}\n                style={style}\n                column={column}\n                withAccordion={\n                  Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) ||\n                  this.cellHasAccordion(cellValue)\n                }\n                isAccordionRow={isAccordionRow}\n                animationExpand={animationExpand}\n                accordionRowIndex={accordionRowIndex}\n                rows={rows}\n              />\n            );\n          })}\n        </SRow>\n\n        {React.isValidElement(accordion) && (\n          <SCollapseRow\n            key={rowIndex}\n            role='row'\n            aria-rowindex={ariaRowIndex + 1}\n            id={accordionId}\n            visible={expanded}\n            interactive\n            gridArea={accordionDataGridArea}\n            duration={accordionDuration ?? 200}\n            zIndex={5}\n          >\n            <SCell\n              aria-colindex={1}\n              aria-level={ariaLevel + 1}\n              aria-setsize={1}\n              aria-posinset={1}\n              row={row}\n              rowIndex={rowIndex + 1}\n              columnIndex={1}\n              // @ts-ignore\n              column={{ name: ACCORDION }}\n              position='sticky'\n              left={0}\n              w={scrollAreaRef.current?.clientWidth}\n              onKeyDown={this.handleBackFromAccordion}\n            >\n              {accordion}\n            </SCell>\n          </SCollapseRow>\n        )}\n\n        {row[ACCORDION] && Array.isArray(row[ACCORDION]) && (\n          <SAccordionRows id={accordionId} role='rowgroup'>\n            {row[ACCORDION].map((subrow, i) => {\n              return (\n                <Row\n                  key={i}\n                  row={subrow}\n                  columns={columns}\n                  rows={row[ACCORDION]}\n                  rowIndex={rowIndex}\n                  aria-hidden={!expanded}\n                  aria-posinset={i + 1}\n                  aria-level={ariaLevel + 1}\n                  ariaRowIndex={ariaRowIndex + 1 + i}\n                  gridRowIndex={gridRowIndex + 1 + i}\n                  isAccordionRow={true}\n                  getFixedStyle={getFixedStyle}\n                  animationExpand={expanded}\n                  accordionRowIndex={i}\n                />\n              );\n            })}\n          </SAccordionRows>\n        )}\n      </>,\n    );\n  }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Row.js","names":["Box","Collapse","Checkbox","Component","Root","sstyled","createComponent","React","Body","MergedColumnsCell","MergedRowsCell","style","_sstyled","insert","ACCORDION","SELECT_ALL","UNIQ_ROW_KEY","RowRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","e","key","onBackFromAccordion","cellIndex","_inherits","_createClass","cellHasAccordion","cellValue","Boolean","render","_ref","_ref2","_this2","SRow","SCollapseRow","SAccordionRows","SCell","Cell","SCheckboxCell","_this$asProps3","columns","rows","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","mergedRow","isAccordionRow","animationExpand","accordionRowIndex","accordionDuration","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","accordionId","rowUniqKey","createElement","Fragment","cn","_objectSpread","_assignProps","includes","map","column","i","_ref3","checked","name","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray","id","columnIndex","withAccordion","isValidElement","handleBackFromAccordion","isArray","subrow","Row","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import { Box, Collapse } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport * as React from 'react';\n\nimport { Body } from './Body';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { DataTableRowProps, RowPropsInner } from './Row.types';\nimport style from './style.shadow.css';\nimport { ACCORDION, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue } from '../DataTable/DataTable.types';\n\nclass RowRoot extends Component<DataTableRowProps, {}, {}, [], RowPropsInner> {\n  static displayName = 'Row';\n  static style = style;\n\n  static defaultProps = {\n    'aria-level': undefined,\n  };\n\n  private cellIndex = -1;\n\n  cellHasAccordion(cellValue?: DTValue | MergedColumnsCell | MergedRowsCell): cellValue is DTValue {\n    return (\n      !(cellValue instanceof MergedRowsCell || cellValue instanceof MergedColumnsCell) &&\n      Boolean(cellValue?.[ACCORDION])\n    );\n  }\n\n  handleSelectRow = (value: boolean, event?: React.SyntheticEvent<HTMLElement>) => {\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleClickCheckbox = (value: boolean) => (event?: React.SyntheticEvent<HTMLElement>) => {\n    event?.preventDefault();\n    event?.stopPropagation();\n    const { row, rowIndex, onSelectRow } = this.asProps;\n\n    onSelectRow?.(value, rowIndex, row, event);\n  };\n\n  handleBackFromAccordion = (e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      this.asProps.onBackFromAccordion(this.cellIndex);\n    }\n  };\n\n  render() {\n    const SRow = Root;\n    const SCollapseRow = Collapse;\n    const SAccordionRows = Box;\n    const SCell = Body.Cell;\n    const SCheckboxCell = Body.Cell;\n    const {\n      columns,\n      row,\n      rows,\n      styles,\n      rowIndex,\n      ariaRowIndex,\n      gridRowIndex,\n      expanded,\n      accordionDataGridArea,\n      'aria-level': ariaLevel = 1,\n      scrollAreaRef,\n      selectedRows,\n      uid,\n      getFixedStyle,\n      mergedRow,\n      isAccordionRow,\n      animationExpand,\n      accordionRowIndex,\n      accordionDuration,\n    } = this.asProps;\n\n    let accordion = row[ACCORDION];\n    const accordionType = accordion && !mergedRow ? 'row' : undefined;\n\n    if (!accordion) {\n      const cells = Object.values(row);\n      const cellWithAccordionIndex = cells.findIndex((value) => {\n        return this.cellHasAccordion(value);\n      });\n\n      this.cellIndex = cellWithAccordionIndex;\n\n      const cellWithAccordion = cells[cellWithAccordionIndex] as DTValue | undefined;\n\n      accordion = cellWithAccordion?.[ACCORDION];\n    }\n\n    const accordionId = `${uid}_${ariaRowIndex + 1}`;\n    const rowUniqKey = row[UNIQ_ROW_KEY];\n\n    return sstyled(styles)(\n      <>\n        <SRow\n          render={Box}\n          role='row'\n          aria-rowindex={ariaRowIndex}\n          accordionType={accordionType}\n          theme={selectedRows?.includes(rowUniqKey) ? 'info' : undefined}\n          use:expanded={expanded && !mergedRow}\n        >\n          {columns.map((column, i) => {\n            if (selectedRows && i === 0) {\n              const checked = selectedRows.includes(rowUniqKey);\n              return sstyled(styles)(\n                <SCheckboxCell\n                  key={i}\n                  row={row}\n                  rowIndex={rowIndex}\n                  // @ts-ignore\n                  column={{ name: SELECT_ALL.toString() }}\n                  columnIndex={0}\n                  gridRowIndex={gridRowIndex}\n                  onClick={this.handleClickCheckbox(!checked)}\n                >\n                  <Checkbox\n                    checked={checked}\n                    aria-labelledby={`${uid}_${ariaRowIndex}_1`}\n                    onChange={this.handleSelectRow}\n                  />\n                </SCheckboxCell>,\n              );\n            }\n\n            const index = i;\n            const cellValue: DTValue | MergedRowsCell | MergedColumnsCell | undefined =\n              row[column.name];\n\n            if (cellValue === undefined) {\n              return null;\n            }\n\n            const style: React.CSSProperties = {};\n\n            if (column.fixed) {\n              const [name, value] = getFixedStyle(column);\n\n              if (name !== undefined && value !== undefined) {\n                style[name] = value;\n              }\n            }\n\n            return (\n              <Body.Cell\n                key={index}\n                id={`${uid}_${ariaRowIndex}_${index}`}\n                accordionId={accordionId}\n                data-aria-level={index === 0 ? ariaLevel : undefined}\n                row={row}\n                rowIndex={rowIndex}\n                gridRowIndex={gridRowIndex}\n                columnIndex={index}\n                style={style}\n                column={column}\n                withAccordion={\n                  Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) ||\n                  this.cellHasAccordion(cellValue)\n                }\n                isAccordionRow={isAccordionRow}\n                animationExpand={animationExpand}\n                accordionRowIndex={accordionRowIndex}\n                rows={rows}\n              />\n            );\n          })}\n        </SRow>\n\n        {React.isValidElement(accordion) && (\n          <SCollapseRow\n            key={rowIndex}\n            role='row'\n            aria-rowindex={ariaRowIndex + 1}\n            id={accordionId}\n            visible={expanded}\n            interactive\n            gridArea={accordionDataGridArea}\n            duration={accordionDuration ?? 200}\n            zIndex={5}\n          >\n            <SCell\n              aria-colindex={1}\n              aria-level={ariaLevel + 1}\n              aria-setsize={1}\n              aria-posinset={1}\n              row={row}\n              rowIndex={rowIndex + 1}\n              columnIndex={1}\n              // @ts-ignore\n              column={{ name: ACCORDION }}\n              position='sticky'\n              left={0}\n              w='100%'\n              onKeyDown={this.handleBackFromAccordion}\n            >\n              {accordion}\n            </SCell>\n          </SCollapseRow>\n        )}\n\n        {row[ACCORDION] && Array.isArray(row[ACCORDION]) && (\n          <SAccordionRows id={accordionId} role='rowgroup'>\n            {row[ACCORDION].map((subrow, i) => {\n              return (\n                <Row\n                  key={i}\n                  row={subrow}\n                  columns={columns}\n                  rows={row[ACCORDION]}\n                  rowIndex={rowIndex}\n                  aria-hidden={!expanded}\n                  aria-posinset={i + 1}\n                  aria-level={ariaLevel + 1}\n                  ariaRowIndex={ariaRowIndex + 1 + i}\n                  gridRowIndex={gridRowIndex + 1 + i}\n                  isAccordionRow={true}\n                  getFixedStyle={getFixedStyle}\n                  animationExpand={expanded}\n                  accordionRowIndex={i}\n                />\n              );\n            })}\n          </SAccordionRows>\n        )}\n      </>,\n    );\n  }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/components/Body/Row.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type UniqRowKey = string;\n\nexport type DTRow = {\n  [UNIQ_ROW_KEY]: UniqRowKey;\n  [ROW_INDEX]: number;\n  [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n  [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n  [ROW_GROUP]?: Set<UniqRowKey>;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n  row: DTRow;\n  mergedRow?: boolean;\n\n  isAccordionRow?: DataTableCellProps['isAccordionRow'];\n  animationExpand?: DataTableCellProps['animationExpand'];\n  accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n  use: DTUse;\n  /**\n   * Expanded flag for rows with accordion\n   * @default false\n   */\n  expanded?: boolean;\n\n  /**\n   * Flag to show is row in a merged list or not.\n   */\n  mergedRow?: boolean;\n\n  columns: DTColumn[];\n  row: DTRow | DTRow[];\n  rows: DTRows;\n  rowIndex: number; // from 0\n  ariaRowIndex: number; // from 1 + 1 header\n  gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n  expandedRows: Set<string>;\n  onExpandRow: (expandedRow: DTRow) => void;\n\n  gridTemplateAreas: string[];\n  gridTemplateColumns: string[];\n  accordionDataGridArea: string;\n\n  selectedRows?: number[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n\n  inert?: '';\n\n  accordionDuration?: number | [number, number];\n  onBackFromAccordion: (colIndex: number) => void;\n\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  uid: string;\n  sideIndents?: 'wide';\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type UniqRowKey = string;\n\nexport type DTRow = {\n  [UNIQ_ROW_KEY]: UniqRowKey;\n  [ROW_INDEX]: number;\n  [key: string]: DTValue | MergedRowsCell | MergedColumnsCell;\n  [ACCORDION]?: React.ReactNode | DataTableData | undefined;\n  [ROW_GROUP]?: Set<UniqRowKey>;\n};\nexport type DTRows = Array<DTRow | DTRow[]>;\n\nexport type DataTableRowProps = {\n  row: DTRow;\n  mergedRow?: boolean;\n\n  isAccordionRow?: DataTableCellProps['isAccordionRow'];\n  animationExpand?: DataTableCellProps['animationExpand'];\n  accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\n};\n\nexport type RowPropsInner = JSX.IntrinsicElements['div'] & {\n  use: DTUse;\n  /**\n   * Expanded flag for rows with accordion\n   * @default false\n   */\n  expanded?: boolean;\n\n  /**\n   * Flag to show is row in a merged list or not.\n   */\n  mergedRow?: boolean;\n\n  columns: DTColumn[];\n  row: DTRow | DTRow[];\n  rows: DTRows;\n  rowIndex: number; // from 0\n  ariaRowIndex: number; // from 1 + 1 header\n  gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n\n  expandedRows: Set<string>;\n  onExpandRow: (expandedRow: DTRow) => void;\n\n  gridTemplateAreas: string[];\n  gridTemplateColumns: string[];\n  accordionDataGridArea: string;\n\n  selectedRows?: UniqRowKey[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n\n  inert?: '';\n\n  accordionDuration?: number | [number, number];\n  onBackFromAccordion: (colIndex: number) => void;\n\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  uid: string;\n  sideIndents?: 'wide';\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n};\n"],"mappings":"","ignoreList":[]}

package/lib/es6/components/DataTable/DataTable.js

@@ -24,35 +24,35 @@ import { isFocusInside, hasFocusableIn } from '@semcore/core/lib/utils/use/useFo
 import { NoData } from '@semcore/widget-empty';
 import * as React from 'react';
 /*!__reshadow-styles__:"./dataTable.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDataTable_e0rog_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_e0rog_gg_.__gridTemplateColumns_e0rog_gg_{grid-template-columns:var(--gridTemplateColumns_e0rog)}.___SDataTable_e0rog_gg_.__gridTemplateAreas_e0rog_gg_{grid-template-areas:var(--gridTemplateAreas_e0rog)}.___SDataTable_e0rog_gg_.__gridTemplateRows_e0rog_gg_{grid-template-rows:var(--gridTemplateRows_e0rog)}", /*__inner_css_end__*/"e0rog_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SDataTable_1x750_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_1x750_gg_.__gridTemplateColumns_1x750_gg_{grid-template-columns:var(--gridTemplateColumns_1x750)}.___SDataTable_1x750_gg_.__gridTemplateAreas_1x750_gg_{grid-template-areas:var(--gridTemplateAreas_1x750)}.___SDataTable_1x750_gg_.__gridTemplateRows_1x750_gg_{grid-template-rows:var(--gridTemplateRows_1x750)}", /*__inner_css_end__*/"1x750_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDataTable": "___SDataTable_e0rog_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_e0rog_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_e0rog",
-  "_gridTemplateAreas": "__gridTemplateAreas_e0rog_gg_",
-  "--gridTemplateAreas": "--gridTemplateAreas_e0rog",
-  "_gridTemplateRows": "__gridTemplateRows_e0rog_gg_",
-  "--gridTemplateRows": "--gridTemplateRows_e0rog"
+  "__SDataTable": "___SDataTable_1x750_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_1x750_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_1x750",
+  "_gridTemplateAreas": "__gridTemplateAreas_1x750_gg_",
+  "--gridTemplateAreas": "--gridTemplateAreas_1x750",
+  "_gridTemplateRows": "__gridTemplateRows_1x750_gg_",
+  "--gridTemplateRows": "--gridTemplateRows_1x750"
 });
 /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
-var scrollStyles = (/*__reshadow_css_start__*/_sstyled2.insert(/*__inner_css_start__*/".___SScrollArea_rz9ze_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_{overflow:visible;overflow:initial}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_._scrollDirection_both_rz9ze_gg_{overflow:auto}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_._scrollDirection_horizontal_rz9ze_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_._scrollDirection_vertical_rz9ze_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_.__loading_rz9ze_gg_{overflow:hidden}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_.__headerHeight_rz9ze_gg_{scroll-padding-top:var(--headerHeight_rz9ze)}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_.__leftScrollPadding_rz9ze_gg_{scroll-padding-left:var(--leftScrollPadding_rz9ze)}.___SScrollArea_rz9ze_gg_ .___SContainer_rz9ze_gg_.__rightScrollPadding_rz9ze_gg_{scroll-padding-right:var(--rightScrollPadding_rz9ze)}.___SScrollArea_rz9ze_gg_ .___SShadowVertical_rz9ze_gg_:before{display:none}.___SScrollArea_rz9ze_gg_ .___SShadowHorizontal_rz9ze_gg_:after,.___SScrollArea_rz9ze_gg_ .___SShadowHorizontal_rz9ze_gg_:before,.___SScrollArea_rz9ze_gg_ .___SShadowVertical_rz9ze_gg_:after{z-index:2}", /*__inner_css_end__*/"rz9ze_gg_"),
+var scrollStyles = (/*__reshadow_css_start__*/_sstyled2.insert(/*__inner_css_start__*/".___SScrollArea_2doqn_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_{overflow:visible;overflow:initial}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_._scrollDirection_both_2doqn_gg_{overflow:auto}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_._scrollDirection_horizontal_2doqn_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_._scrollDirection_vertical_2doqn_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_.__loading_2doqn_gg_{overflow:hidden}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_.__headerHeight_2doqn_gg_{scroll-padding-top:var(--headerHeight_2doqn)}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_.__leftScrollPadding_2doqn_gg_{scroll-padding-left:var(--leftScrollPadding_2doqn)}.___SScrollArea_2doqn_gg_ .___SContainer_2doqn_gg_.__rightScrollPadding_2doqn_gg_{scroll-padding-right:var(--rightScrollPadding_2doqn)}.___SScrollArea_2doqn_gg_ .___SShadowVertical_2doqn_gg_:before{display:none}.___SScrollArea_2doqn_gg_ .___SShadowHorizontal_2doqn_gg_:after,.___SScrollArea_2doqn_gg_ .___SShadowHorizontal_2doqn_gg_:before,.___SScrollArea_2doqn_gg_ .___SShadowVertical_2doqn_gg_:after{z-index:2}", /*__inner_css_end__*/"2doqn_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScrollArea": "___SScrollArea_rz9ze_gg_",
-  "__SContainer": "___SContainer_rz9ze_gg_",
-  "_scrollDirection_both": "_scrollDirection_both_rz9ze_gg_",
-  "_scrollDirection_horizontal": "_scrollDirection_horizontal_rz9ze_gg_",
-  "_scrollDirection_vertical": "_scrollDirection_vertical_rz9ze_gg_",
-  "_loading": "__loading_rz9ze_gg_",
-  "_headerHeight": "__headerHeight_rz9ze_gg_",
-  "--headerHeight": "--headerHeight_rz9ze",
-  "_leftScrollPadding": "__leftScrollPadding_rz9ze_gg_",
-  "--leftScrollPadding": "--leftScrollPadding_rz9ze",
-  "_rightScrollPadding": "__rightScrollPadding_rz9ze_gg_",
-  "--rightScrollPadding": "--rightScrollPadding_rz9ze",
-  "__SShadowVertical": "___SShadowVertical_rz9ze_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_rz9ze_gg_"
+  "__SScrollArea": "___SScrollArea_2doqn_gg_",
+  "__SContainer": "___SContainer_2doqn_gg_",
+  "_scrollDirection_both": "_scrollDirection_both_2doqn_gg_",
+  "_scrollDirection_horizontal": "_scrollDirection_horizontal_2doqn_gg_",
+  "_scrollDirection_vertical": "_scrollDirection_vertical_2doqn_gg_",
+  "_loading": "__loading_2doqn_gg_",
+  "_headerHeight": "__headerHeight_2doqn_gg_",
+  "--headerHeight": "--headerHeight_2doqn",
+  "_leftScrollPadding": "__leftScrollPadding_2doqn_gg_",
+  "--leftScrollPadding": "--leftScrollPadding_2doqn",
+  "_rightScrollPadding": "__rightScrollPadding_2doqn_gg_",
+  "--rightScrollPadding": "--rightScrollPadding_2doqn",
+  "__SShadowVertical": "___SShadowVertical_2doqn_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_2doqn_gg_"
 });
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 import { Body } from '../Body/Body';
@@ -89,16 +89,22 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       scrollDirection: 'down',
       selectAllMessage: ''
     });
+    _defineProperty(_this, "handleCellClick", function (e, opt) {
+      if (lastInteraction.isMouse()) {
+        console.log('click on cell in data table handler', opt);
+        _this.initFocusableCell([_this.hasFocusableInHeader() ? opt.rowIndex + 1 : opt.rowIndex, opt.colIndex]);
+      }
+    });
     _defineProperty(_this, "handleSelectRow", function (isSelected, selectedRowIndex, row, event) {
       var _this$asProps = _this.asProps,
         selectedRows = _this$asProps.selectedRows,
         onSelectedRowsChange = _this$asProps.onSelectedRowsChange;
       if (selectedRows && onSelectedRowsChange) {
         var newSelectedRows = new Set(selectedRows);
-        if (isSelected && !newSelectedRows.has(selectedRowIndex)) {
-          newSelectedRows.add(selectedRowIndex);
-        } else if (!isSelected && newSelectedRows.has(selectedRowIndex)) {
-          newSelectedRows["delete"](selectedRowIndex);
+        if (isSelected && !newSelectedRows.has(row[UNIQ_ROW_KEY])) {
+          newSelectedRows.add(row[UNIQ_ROW_KEY]);
+        } else if (!isSelected && newSelectedRows.has(row[UNIQ_ROW_KEY])) {
+          newSelectedRows["delete"](row[UNIQ_ROW_KEY]);
         }
         onSelectedRowsChange(_toConsumableArray(newSelectedRows), event, {
           selectedRowIndex: selectedRowIndex,
@@ -127,7 +133,9 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       return (_this$tableRef$curren = _this.tableRef.current) === null || _this$tableRef$curren === void 0 ? void 0 : _this$tableRef$curren.querySelector("[aria-rowindex=\"".concat(index + 1, "\"]:not([aria-hidden=\"true\"])"));
     });
     _defineProperty(_this, "hasFocusableInHeader", function () {
-      return _this.headerRef.current && hasFocusableIn(_this.headerRef.current);
+      return _this.headerRef.current && hasFocusableIn(_this.headerRef.current) || _this.columns.some(function (column) {
+        return column.sortable;
+      });
     });
     _defineProperty(_this, "onExpandRow", function (expandedRow) {
       var expandedRows = _this.asProps.expandedRows;
@@ -245,14 +253,6 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
           }
       }
     });
-    _defineProperty(_this, "initFocusableCell", function () {
-      var hasFocusable = _this.hasFocusableInHeader();
-      if (hasFocusable) {
-        _this.focusedCell = [0, 0];
-      } else {
-        _this.focusedCell = [1, 0];
-      }
-    });
     _defineProperty(_this, "handleScroll", trottle(function (e) {
       var scrollTop = e.target.scrollTop;
       var scrollDirection = scrollTop > _this.state.scrollTop ? 'down' : 'up';
@@ -525,12 +525,17 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         totalRows: this.totalRows,
         selectedRows: selectedRows,
         onChangeSelectAll: function onChangeSelectAll(value, e) {
-          var selectedRowsIndexes = value ? new Array(_this3.totalRows).fill(undefined).map(function (_, i) {
-            return i;
-          }) : [];
-          onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(selectedRowsIndexes, e);
+          if (value === false) {
+            onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange([], e);
+          } else {
+            var _selectedRows = _this3.flatRows.map(function (row) {
+              return row[UNIQ_ROW_KEY];
+            });
+            onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(_selectedRows, e);
+          }
         },
-        getFixedStyle: this.getFixedStyle
+        getFixedStyle: this.getFixedStyle,
+        onCellClick: this.handleCellClick
       }, headerProps);
     }
   }, {
@@ -585,7 +590,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         sideIndents: sideIndents,
         selectedRows: selectedRows,
         onSelectRow: this.handleSelectRow,
-        getFixedStyle: this.getFixedStyle
+        getFixedStyle: this.getFixedStyle,
+        onCellClick: this.handleCellClick
       };
     }
   }, {
@@ -601,6 +607,19 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         }
       });
     }
+  }, {
+    key: "initFocusableCell",
+    value: function initFocusableCell(initCell) {
+      var _initCell$, _initCell$2;
+      var hasFocusable = this.hasFocusableInHeader();
+      var initRow = (_initCell$ = initCell === null || initCell === void 0 ? void 0 : initCell[0]) !== null && _initCell$ !== void 0 ? _initCell$ : 0;
+      var initCol = (_initCell$2 = initCell === null || initCell === void 0 ? void 0 : initCell[1]) !== null && _initCell$2 !== void 0 ? _initCell$2 : 0;
+      if (hasFocusable) {
+        this.focusedCell = [initRow, initCol];
+      } else {
+        this.focusedCell = [initRow + 1, initCol];
+      }
+    }
   }, {
     key: "render",
     value: function render() {
@@ -640,7 +659,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
         gridTemplateRows = "auto auto repeat(".concat(this.totalRows, ", minmax(").concat(virtualScroll.rowHeight, "px, auto)");
       }
       var scrollDirection = undefined;
-      var hasWidthSettings = Boolean(w) && w !== '100%' || Boolean(wMax);
+      var hasWidthSettings = Boolean(w) || Boolean(wMax);
       var hasHeightSettings = Boolean(h) && h !== 'fit-content' || Boolean(hMax);
       if (hasWidthSettings && !hasHeightSettings) {
         scrollDirection = 'horizontal';
@@ -884,7 +903,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       // @ts-ignore
       var _this$props3 = this.props,
         data = _this$props3.data,
-        uid = _this$props3.uid;
+        uid = _this$props3.uid,
+        uniqueRowKey = _this$props3.uniqueRowKey;
       var rows = [];
       var columnNames = columns.map(function (column) {
         return column.name;
@@ -915,7 +935,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
             acc[ACCORDION] = row[ACCORDION];
           }
           return acc;
-        }, _defineProperty(_defineProperty({}, UNIQ_ROW_KEY, row[UNIQ_ROW_KEY] || "".concat(uid, "_").concat((rowIndex + id).toString(36))), ROW_INDEX, rowIndex));
+        }, _defineProperty(_defineProperty({}, UNIQ_ROW_KEY, row[UNIQ_ROW_KEY] || (uniqueRowKey ? row[uniqueRowKey] : "".concat(uid, "_").concat((rowIndex + id).toString(36)))), ROW_INDEX, rowIndex));
         excludeColumns === null || excludeColumns === void 0 || excludeColumns.forEach(function (value) {
           columns["delete"](value);
         });
@@ -978,8 +998,15 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       var header = (_this$headerRef$curre = this.headerRef.current) === null || _this$headerRef$curre === void 0 ? void 0 : _this$headerRef$curre.children;
       var height = 0;
       for (var i = 0; i < ((_header$length = header === null || header === void 0 ? void 0 : header.length) !== null && _header$length !== void 0 ? _header$length : 0); i++) {
-        var _header$length, _header$item;
-        var columnHeight = header === null || header === void 0 || (_header$item = header.item(i)) === null || _header$item === void 0 ? void 0 : _header$item.getBoundingClientRect().height;
+        var _header$length;
+        var item = header === null || header === void 0 ? void 0 : header.item(i);
+        var columnHeight = item === null || item === void 0 ? void 0 : item.getBoundingClientRect().height;
+        if (item instanceof HTMLElement && item.dataset.groupContainer) {
+          var _item$children$item$g, _item$children$item, _item$children$item$g2, _item$children$item2;
+          var groupHeight = (_item$children$item$g = (_item$children$item = item.children.item(0)) === null || _item$children$item === void 0 ? void 0 : _item$children$item.getBoundingClientRect().height) !== null && _item$children$item$g !== void 0 ? _item$children$item$g : 0;
+          var cellHeight = (_item$children$item$g2 = (_item$children$item2 = item.children.item(1)) === null || _item$children$item2 === void 0 ? void 0 : _item$children$item2.getBoundingClientRect().height) !== null && _item$children$item$g2 !== void 0 ? _item$children$item$g2 : 0;
+          columnHeight = groupHeight + cellHeight;
+        }
         if (columnHeight) {
           height = columnHeight;
           break;