@semcore/data-table 16.5.3 → 16.6.0-prerelease.2

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

@@ -0,0 +1,133 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import { sstyled } from "@semcore/core";
+import { Box } from "@semcore/base-components";
+import * as React from "react";
+import { Body } from "./Body.mjs";
+import { MergedRowsCell } from "./MergedCells.mjs";
+import { UNIQ_ROW_KEY, SELECT_ALL } from "../DataTable/DataTable.mjs";
+/*!__reshadow-styles__:"./style.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    '.___SBody_1x6eq_gg_,.___SRowGroup_1x6eq_gg_,.___SRow_1x6eq_gg_{display:contents}.___SAccordionRows_1x6eq_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_1x6eq);overflow:clip;transition-property:max-height;transition-duration:var(--duration_1x6eq);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_1x6eq_gg_.__compact_1x6eq_gg_ .___SCell_1x6eq_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1x6eq_gg_.__compact_1x6eq_gg_ .___SCell_1x6eq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1x6eq) - 1)))}.___SBody_1x6eq_gg_.__compact_1x6eq_gg_ .___SRow_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:first-child .___SCell_1x6eq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1x6eq) - 1)))}.___SBody_1x6eq_gg_.__compact_1x6eq_gg_ .___SCollapseRow_1x6eq_gg_._sideIndents_wide_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:first-child .___SCell_1x6eq_gg_[data-aria-level],.___SBody_1x6eq_gg_.__compact_1x6eq_gg_ .___SRow_1x6eq_gg_._sideIndents_wide_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:first-child .___SCell_1x6eq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1x6eq) - 1)))}.___SBody_1x6eq_gg_.__compact_1x6eq_gg_ .___SCell_1x6eq_gg_ .___SAccordionToggle_1x6eq_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_1x6eq_gg_.__gridArea_1x6eq_gg_,.___SCollapseRow_1x6eq_gg_.__gridArea_1x6eq_gg_,.___SRow_1x6eq_gg_.__gridArea_1x6eq_gg_{grid-area:var(--gridArea_1x6eq)}.___SCellWrapper_1x6eq_gg_{height:100%;overflow:hidden}.___SCollapseRow_1x6eq_gg_.__gridArea_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_,.___SRow_1x6eq_gg_.__isAccordionRow_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_{height:auto;overflow:auto}.___SAccordionRows_1x6eq_gg_>.___SRow_1x6eq_gg_.__isAccordionRow_1x6eq_gg_:last-child>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__withoutBorder_1x6eq_gg_),.___SCollapseRow_1x6eq_gg_.__gridArea_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__withoutBorder_1x6eq_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_{display:block}.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_).__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_,.___SRow_1x6eq_gg_.__active_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_),.___SRow_1x6eq_gg_._accordionType_row_1x6eq_gg_.__expanded_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_1x6eq_gg_._theme_muted_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_1x6eq_gg_._theme_info_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SCell_1x6eq_gg_._theme_success_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SCell_1x6eq_gg_._theme_warning_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SCell_1x6eq_gg_._theme_danger_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}.___SCollapseRow_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_),.___SRow_1x6eq_gg_.__isAccordionRow_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]),:not(.___SRowGroup_1x6eq_gg_:has([data-row-selector=true] input:checked))>.___SRow_1x6eq_gg_:not(._accordionType_row_1x6eq_gg_.__expanded_1x6eq_gg_):hover:not(.__isNonInteractive_1x6eq_gg_):not(:has([data-row-selector=true] input:checked)):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_._theme_muted_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]._theme_muted_1x6eq_gg_:not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_._theme_muted_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_muted_1x6eq_gg_:not([aria-hidden]),.___SRow_1x6eq_gg_._theme_muted_1x6eq_gg_:hover:not(.__expanded_1x6eq_gg_.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]),.___SRow_1x6eq_gg_:hover:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_muted_1x6eq_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover):has([data-row-selector=true] input:checked)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_._theme_info_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]._theme_info_1x6eq_gg_:not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover):has([data-row-selector=true] input:checked) .___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_._theme_info_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_info_1x6eq_gg_:not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has([data-row-selector=true] input:checked)>.___SRow_1x6eq_gg_:hover:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not([aria-hidden]),.___SRow_1x6eq_gg_._theme_info_1x6eq_gg_:hover:not(.__expanded_1x6eq_gg_.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]),.___SRow_1x6eq_gg_:hover:has([data-row-selector=true] input:checked):not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not([aria-hidden]),.___SRow_1x6eq_gg_:hover:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_info_1x6eq_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_._theme_success_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]._theme_success_1x6eq_gg_:not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_._theme_success_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_success_1x6eq_gg_:not([aria-hidden]),.___SRow_1x6eq_gg_._theme_success_1x6eq_gg_:hover:not(.__expanded_1x6eq_gg_.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]),.___SRow_1x6eq_gg_:hover:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_success_1x6eq_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_._theme_warning_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]._theme_warning_1x6eq_gg_:not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_._theme_warning_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_warning_1x6eq_gg_:not([aria-hidden]),.___SRow_1x6eq_gg_._theme_warning_1x6eq_gg_:hover:not(.__expanded_1x6eq_gg_.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]),.___SRow_1x6eq_gg_:hover:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_warning_1x6eq_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_._theme_danger_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]._theme_danger_1x6eq_gg_:not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_._theme_danger_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not([aria-hidden]),.___SRowGroup_1x6eq_gg_:has(.___SCell_1x6eq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1x6eq_gg_:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden])>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_danger_1x6eq_gg_:not([aria-hidden]),.___SRow_1x6eq_gg_._theme_danger_1x6eq_gg_:hover:not(.__expanded_1x6eq_gg_.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_):not([aria-hidden]),.___SRow_1x6eq_gg_:hover:not(.__isNonInteractive_1x6eq_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1x6eq_gg_:hover))>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_._theme_danger_1x6eq_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1x6eq_gg_._theme_muted_1x6eq_gg_ .___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1x6eq_gg_._theme_muted_1x6eq_gg_ .___SCell_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_:not(.__theme_1x6eq_gg_),.___SRow_1x6eq_gg_._theme_muted_1x6eq_gg_.__active_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1x6eq_gg_._theme_info_1x6eq_gg_ .___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_),.___SRow_1x6eq_gg_:has([data-row-selector=true] input:checked) .___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1x6eq_gg_._theme_info_1x6eq_gg_ .___SCell_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_:not(.__theme_1x6eq_gg_),.___SRow_1x6eq_gg_:has([data-row-selector=true] input:checked) .___SCell_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_:not(.__theme_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1x6eq_gg_._theme_info_1x6eq_gg_.__active_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1x6eq_gg_._theme_success_1x6eq_gg_ .___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1x6eq_gg_._theme_success_1x6eq_gg_ .___SCell_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_:not(.__theme_1x6eq_gg_),.___SRow_1x6eq_gg_._theme_success_1x6eq_gg_.__active_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1x6eq_gg_._theme_warning_1x6eq_gg_ .___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1x6eq_gg_._theme_warning_1x6eq_gg_ .___SCell_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_:not(.__theme_1x6eq_gg_),.___SRow_1x6eq_gg_._theme_warning_1x6eq_gg_.__active_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1x6eq_gg_._theme_danger_1x6eq_gg_ .___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_):not(.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1x6eq_gg_._theme_danger_1x6eq_gg_ .___SCell_1x6eq_gg_.__expanded_1x6eq_gg_.__withAccordion_1x6eq_gg_:not(.__theme_1x6eq_gg_),.___SRow_1x6eq_gg_._theme_danger_1x6eq_gg_.__active_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_:not(.__theme_1x6eq_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SRowGroup_1x6eq_gg_:has([data-row-selector=true] input:checked)>.___SRow_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_,.___SRow_1x6eq_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1x6eq_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:pre-wrap;word-break:break-word;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0;overflow:hidden}.___SCell_1x6eq_gg_ .___SAccordionToggle_1x6eq_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_1x6eq_gg_ .___SAccordionToggle_1x6eq_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1x6eq_gg_ .___SAccordionToggle_1x6eq_gg_.__expanded_1x6eq_gg_ svg{transform:rotate(90deg)}.___SCell_1x6eq_gg_.__withoutBorder_1x6eq_gg_{border-bottom:none}.___SCell_1x6eq_gg_.__withAccordion_1x6eq_gg_,.___SCell_1x6eq_gg_._name_Symbol\\(SELECT_ALL\\)_1x6eq_gg_,.___SRow_1x6eq_gg_._accordionType_row_1x6eq_gg_>.___SCellWrapper_1x6eq_gg_>.___SCell_1x6eq_gg_{cursor:pointer}.___SCheckboxCell_1x6eq_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCell_1x6eq_gg_._use_primary_1x6eq_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1x6eq_gg_._use_primary_1x6eq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1x6eq) - 1)))}.___SCell_1x6eq_gg_._use_secondary_1x6eq_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1x6eq_gg_._use_secondary_1x6eq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1x6eq) - 1)))}.___SCell_1x6eq_gg_._borders_both_1x6eq_gg_,.___SCell_1x6eq_gg_._borders_left_1x6eq_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1x6eq_gg_._borders_both_1x6eq_gg_,.___SCell_1x6eq_gg_._borders_right_1x6eq_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1x6eq_gg_.__fixed_1x6eq_gg_{position:sticky;z-index:2}.___SCell_1x6eq_gg_._theme_muted_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1x6eq_gg_._theme_info_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1x6eq_gg_._theme_success_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1x6eq_gg_._theme_warning_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1x6eq_gg_._theme_danger_1x6eq_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1x6eq_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));z-index:15}.___SSpinContainer_1x6eq_gg_:focus-visible{z-index:15}.___SSpinContainer_1x6eq_gg_.__headerHeight_1x6eq_gg_{top:var(--headerHeight_1x6eq)}.___SEmptyData_1x6eq_gg_{grid-column:1/-1}.___SCollapseRow_1x6eq_gg_._sideIndents_wide_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:first-child .___SCell_1x6eq_gg_,.___SRow_1x6eq_gg_._sideIndents_wide_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:first-child .___SCell_1x6eq_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_1x6eq_gg_._sideIndents_wide_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:first-child .___SCell_1x6eq_gg_[data-aria-level],.___SRow_1x6eq_gg_._sideIndents_wide_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:first-child .___SCell_1x6eq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_1x6eq) - 1)))}.___SCollapseRow_1x6eq_gg_._sideIndents_wide_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:last-child .___SCell_1x6eq_gg_,.___SRow_1x6eq_gg_._sideIndents_wide_1x6eq_gg_ .___SCellWrapper_1x6eq_gg_:last-child .___SCell_1x6eq_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_1x6eq_gg_.__fixed_1x6eq_gg_.__shadowVertical_1x6eq_gg_:after{content:"";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_1x6eq_gg_._fixed_left_1x6eq_gg_._shadowVertical_median_1x6eq_gg_,.___SCellWrapper_1x6eq_gg_._fixed_left_1x6eq_gg_._shadowVertical_start_1x6eq_gg_{margin-right:-5px}.___SCellWrapper_1x6eq_gg_._fixed_left_1x6eq_gg_._shadowVertical_median_1x6eq_gg_:after,.___SCellWrapper_1x6eq_gg_._fixed_left_1x6eq_gg_._shadowVertical_start_1x6eq_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_1x6eq_gg_._fixed_left_1x6eq_gg_._shadowVertical_median_1x6eq_gg_ .___SCell_1x6eq_gg_,.___SCellWrapper_1x6eq_gg_._fixed_left_1x6eq_gg_._shadowVertical_start_1x6eq_gg_ .___SCell_1x6eq_gg_{margin-right:5px}.___SCellWrapper_1x6eq_gg_._fixed_right_1x6eq_gg_._shadowVertical_end_1x6eq_gg_,.___SCellWrapper_1x6eq_gg_._fixed_right_1x6eq_gg_._shadowVertical_median_1x6eq_gg_{margin-left:-5px}.___SCellWrapper_1x6eq_gg_._fixed_right_1x6eq_gg_._shadowVertical_end_1x6eq_gg_:after,.___SCellWrapper_1x6eq_gg_._fixed_right_1x6eq_gg_._shadowVertical_median_1x6eq_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_1x6eq_gg_._fixed_right_1x6eq_gg_._shadowVertical_end_1x6eq_gg_ .___SCell_1x6eq_gg_,.___SCellWrapper_1x6eq_gg_._fixed_right_1x6eq_gg_._shadowVertical_median_1x6eq_gg_ .___SCell_1x6eq_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_1x6eq_gg_.__gridArea_1x6eq_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_1x6eq);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_1x6eq_gg_.__left_1x6eq_gg_{position:sticky;left:var(---left_1x6eq)}.___SCell_1x6eq_gg_.__innerOutline_1x6eq_gg_:focus-visible{transition:none}',
+    /*__inner_css_end__*/
+    "1x6eq_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SBody": "___SBody_1x6eq_gg_",
+    "__SRow": "___SRow_1x6eq_gg_",
+    "__SRowGroup": "___SRowGroup_1x6eq_gg_",
+    "__SAccordionRows": "___SAccordionRows_1x6eq_gg_",
+    "--gridRow": "--gridRow_1x6eq",
+    "--duration": "--duration_1x6eq",
+    "_gridArea": "__gridArea_1x6eq_gg_",
+    "__SCellWrapper": "___SCellWrapper_1x6eq_gg_",
+    "__SCollapseRow": "___SCollapseRow_1x6eq_gg_",
+    "--gridArea": "--gridArea_1x6eq",
+    "_isAccordionRow": "__isAccordionRow_1x6eq_gg_",
+    "__SCell": "___SCell_1x6eq_gg_",
+    "_withoutBorder": "__withoutBorder_1x6eq_gg_",
+    "_active": "__active_1x6eq_gg_",
+    "_theme": "__theme_1x6eq_gg_",
+    "_accordionType_row": "_accordionType_row_1x6eq_gg_",
+    "_expanded": "__expanded_1x6eq_gg_",
+    "_withAccordion": "__withAccordion_1x6eq_gg_",
+    "_theme_muted": "_theme_muted_1x6eq_gg_",
+    "_theme_info": "_theme_info_1x6eq_gg_",
+    "_theme_success": "_theme_success_1x6eq_gg_",
+    "_theme_warning": "_theme_warning_1x6eq_gg_",
+    "_theme_danger": "_theme_danger_1x6eq_gg_",
+    "_isNonInteractive": "__isNonInteractive_1x6eq_gg_",
+    "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_1x6eq_gg_",
+    "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_1x6eq_gg_",
+    "__SCheckboxCell": "___SCheckboxCell_1x6eq_gg_",
+    "_borders_both": "_borders_both_1x6eq_gg_",
+    "_borders_left": "_borders_left_1x6eq_gg_",
+    "_borders_right": "_borders_right_1x6eq_gg_",
+    "_fixed": "__fixed_1x6eq_gg_",
+    "__SSpinContainer": "___SSpinContainer_1x6eq_gg_",
+    "_headerHeight": "__headerHeight_1x6eq_gg_",
+    "--headerHeight": "--headerHeight_1x6eq",
+    "__SEmptyData": "___SEmptyData_1x6eq_gg_",
+    "_left": "__left_1x6eq_gg_",
+    "---left": "---left_1x6eq",
+    "_innerOutline": "__innerOutline_1x6eq_gg_",
+    "_compact": "__compact_1x6eq_gg_",
+    "--data-aria-level": "--data-aria-level_1x6eq",
+    "_sideIndents_wide": "_sideIndents_wide_1x6eq_gg_",
+    "__SAccordionToggle": "___SAccordionToggle_1x6eq_gg_",
+    "_use_primary": "_use_primary_1x6eq_gg_",
+    "_use_secondary": "_use_secondary_1x6eq_gg_",
+    "_shadowVertical": "__shadowVertical_1x6eq_gg_",
+    "_fixed_left": "_fixed_left_1x6eq_gg_",
+    "_shadowVertical_median": "_shadowVertical_median_1x6eq_gg_",
+    "_shadowVertical_start": "_shadowVertical_start_1x6eq_gg_",
+    "_fixed_right": "_fixed_right_1x6eq_gg_",
+    "_shadowVertical_end": "_shadowVertical_end_1x6eq_gg_"
+  })
+);
+var RowGroup = /* @__PURE__ */ (function(_React$PureComponent) {
+  function RowGroup2() {
+    _classCallCheck(this, RowGroup2);
+    return _callSuper(this, RowGroup2, arguments);
+  }
+  _inherits(RowGroup2, _React$PureComponent);
+  return _createClass(RowGroup2, [{
+    key: "render",
+    value: (
+      // private unsubscribeToggle: undefined | (() => void) = undefined;
+      //
+      // componentDidMount() {
+      //   const { selectedRows, rows } = this.props;
+      //
+      //   if (selectedRows && !Array.isArray(selectedRows)) {
+      //     this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {
+      //       if (rows[0][UNIQ_ROW_KEY] === key) {
+      //         this.forceUpdate();
+      //       }
+      //     });
+      //   }
+      // }
+      //
+      // componentWillUnmount() {
+      //   this.unsubscribeToggle?.();
+      // }
+      (function render() {
+        var _ref, _this = this;
+        var SRowGroup = Box;
+        var _this$props = this.props, rows = _this$props.rows, selectedRows = _this$props.selectedRows, columns = _this$props.columns, startIndex = _this$props.startIndex, rowIndex = _this$props.rowIndex;
+        var groupUniqKey = rows[0][UNIQ_ROW_KEY];
+        if (selectedRows) {
+          var nextColumnName = columns[1].name;
+          var firstCell = rows[0][nextColumnName];
+          if (firstCell instanceof MergedRowsCell) {
+            rows[0][SELECT_ALL.toString()] = new MergedRowsCell("", firstCell.rowsCount);
+          }
+        }
+        return _ref = sstyled(style), /* @__PURE__ */ React.createElement(SRowGroup, _ref.cn("SRowGroup", {
+          "role": "rowgroup",
+          "key": "gg_".concat(groupUniqKey),
+          "ref": this.props.handleRef(startIndex + rowIndex, rows[0])
+        }), rows.map(function(item, i) {
+          var _item$UNIQ_ROW_KEY$to, _item$UNIQ_ROW_KEY;
+          var rowProps = {
+            row: item,
+            mergedRow: i > 0 ? true : false,
+            componentRef: _this.props.handleComponentRef(item)
+          };
+          return /* @__PURE__ */ React.createElement(Body.Row, _extends({
+            key: (_item$UNIQ_ROW_KEY$to = (_item$UNIQ_ROW_KEY = item[UNIQ_ROW_KEY]) === null || _item$UNIQ_ROW_KEY === void 0 ? void 0 : _item$UNIQ_ROW_KEY.toString()) !== null && _item$UNIQ_ROW_KEY$to !== void 0 ? _item$UNIQ_ROW_KEY$to : "gg_".concat(groupUniqKey, "_row_").concat(i)
+          }, rowProps));
+        }));
+      })
+    )
+  }]);
+})(React.PureComponent);
+export {
+  RowGroup
+};

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

@@ -103,9 +103,9 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
 
 /* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
 @media (hover: hover) {
-  SRow:not([accordionType='row'][expanded]):hover:not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
-  SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]):not([aria-hidden]) {
+  :not(SRowGroup:has([data-row-selector="true"] input:checked)) > SRow:not([accordionType='row'][expanded]):hover:not([isNonInteractive]):not(:has([data-row-selector="true"] input:checked)):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover):not(:has([data-row-selector="true"] input:checked)) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
+  SRowGroup:has(SCell:hover):not(:has([data-row-selector="true"] input:checked)) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]):not([aria-hidden]) {
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
@@ -121,9 +121,13 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
 
   /* INFO THEME */
   SRow:hover:not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell[theme='info']:not([aria-hidden]),
+  SRow:hover:has([data-row-selector="true"] input:checked):not([isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([aria-hidden]),
   SRow[theme='info']:hover:not([expanded][isNonInteractive]):not([aria-hidden]):not(:has(SLimitOverlayCellWrapper:hover)) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]):not([aria-hidden]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[theme='info']:not([aria-hidden]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover):has([data-row-selector="true"] input:checked) SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([aria-hidden]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info']:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([theme]):not([aria-hidden]),
+  SRowGroup:has(SCell:hover):has([data-row-selector="true"] input:checked) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([aria-hidden]),
+  SRowGroup:has([data-row-selector="true"] input:checked) > SRow:hover:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell:not([aria-hidden]),
   SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info']:not([aria-hidden]),
   SRowGroup:has(SCell:hover) > SRow[theme='info']:not([isNonInteractive]):not([aria-hidden]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([aria-hidden]) {
     background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
@@ -177,7 +181,7 @@ SRow[theme='muted'][active] > SCellWrapper > SCell:not([theme]) {
 
 /* INFO THEME */
 
-SRow[theme='info'] SCell:not([theme]) {
+SRow[theme='info'] SCell:not([theme]), SRow:has([data-row-selector="true"] input:checked) SCell:not([theme]) {
   &:not([expanded][withAccordion]) {
     background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
   }
@@ -235,6 +239,11 @@ SRow[theme='danger'][active] > SCellWrapper > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-critical-active, #ffd7df);
 }
 
+SRowGroup:has([data-row-selector="true"] input:checked) > SRow > SCellWrapper > SCell,
+SRow:has([data-row-selector="true"] input:checked) > SCellWrapper > SCell {
+  background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
+}
+
 SCell {
   display: flex;
   height: 100%;

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

@@ -19,6 +19,7 @@ import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { hasFocusableIn, isFocusInside } from "@semcore/core/lib/utils/use/useFocusLock";
 import { NoData } from "@semcore/widget-empty";
 import * as React from "react";
+import { SelectableRows } from "../../store/SelectableRows.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 import { Body } from "../Body/Body.mjs";
 import { MergedRowsCell, MergedColumnsCell } from "../Body/MergedCells.mjs";
@@ -28,19 +29,19 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SDataTable_236d0_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content;grid-auto-rows:min-content}.___SDataTable_236d0_gg_.__isDataEmpty_236d0_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_236d0_gg_.__gridTemplateColumns_236d0_gg_{grid-template-columns:var(--gridTemplateColumns_236d0)}.___SDataTable_236d0_gg_.__gridTemplateAreas_236d0_gg_{grid-template-areas:var(--gridTemplateAreas_236d0)}.___SDataTable_236d0_gg_.__gridTemplateRows_236d0_gg_{grid-template-rows:var(--gridTemplateRows_236d0)}",
+    ".___SDataTable_hxi9n_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content;grid-auto-rows:min-content}.___SDataTable_hxi9n_gg_.__isDataEmpty_hxi9n_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_hxi9n_gg_.__gridTemplateColumns_hxi9n_gg_{grid-template-columns:var(--gridTemplateColumns_hxi9n)}.___SDataTable_hxi9n_gg_.__gridTemplateAreas_hxi9n_gg_{grid-template-areas:var(--gridTemplateAreas_hxi9n)}.___SDataTable_hxi9n_gg_.__gridTemplateRows_hxi9n_gg_{grid-template-rows:var(--gridTemplateRows_hxi9n)}",
     /*__inner_css_end__*/
-    "236d0_gg_"
+    "hxi9n_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SDataTable": "___SDataTable_236d0_gg_",
-    "_isDataEmpty": "__isDataEmpty_236d0_gg_",
-    "_gridTemplateColumns": "__gridTemplateColumns_236d0_gg_",
-    "--gridTemplateColumns": "--gridTemplateColumns_236d0",
-    "_gridTemplateAreas": "__gridTemplateAreas_236d0_gg_",
-    "--gridTemplateAreas": "--gridTemplateAreas_236d0",
-    "_gridTemplateRows": "__gridTemplateRows_236d0_gg_",
-    "--gridTemplateRows": "--gridTemplateRows_236d0"
+    "__SDataTable": "___SDataTable_hxi9n_gg_",
+    "_isDataEmpty": "__isDataEmpty_hxi9n_gg_",
+    "_gridTemplateColumns": "__gridTemplateColumns_hxi9n_gg_",
+    "--gridTemplateColumns": "--gridTemplateColumns_hxi9n",
+    "_gridTemplateAreas": "__gridTemplateAreas_hxi9n_gg_",
+    "--gridTemplateAreas": "--gridTemplateAreas_hxi9n",
+    "_gridTemplateRows": "__gridTemplateRows_hxi9n_gg_",
+    "--gridTemplateRows": "--gridTemplateRows_hxi9n"
   })
 );
 /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
@@ -48,27 +49,27 @@ var scrollStyles = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SScrollArea_1m51n_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_{overflow:visible;overflow:initial}.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_._scrollDirection_both_1m51n_gg_{overflow:auto}.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_._scrollDirection_both_1m51n_gg_.__loading_1m51n_gg_,.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_._scrollDirection_horizontal_1m51n_gg_.__loading_1m51n_gg_,.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_._scrollDirection_vertical_1m51n_gg_.__loading_1m51n_gg_{overflow:hidden}.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_._scrollDirection_horizontal_1m51n_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_._scrollDirection_vertical_1m51n_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_.__headerHeight_1m51n_gg_{scroll-padding-top:var(--headerHeight_1m51n)}.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_.__leftScrollPadding_1m51n_gg_{scroll-padding-left:var(--leftScrollPadding_1m51n)}.___SScrollArea_1m51n_gg_ .___SContainer_1m51n_gg_.__rightScrollPadding_1m51n_gg_{scroll-padding-right:var(--rightScrollPadding_1m51n)}.___SScrollArea_1m51n_gg_ .___SShadowHorizontal_1m51n_gg_::before,.___SScrollArea_1m51n_gg_ .___SShadowHorizontal_1m51n_gg_:after,.___SScrollArea_1m51n_gg_ .___SShadowVertical_1m51n_gg_::after{z-index:20}.___SScrollArea_1m51n_gg_ .___SShadowHorizontal_1m51n_gg_.__leftOffset_1m51n_gg_::before,.___SScrollArea_1m51n_gg_ .___SShadowHorizontal_1m51n_gg_.__rightOffset_1m51n_gg_::after,.___SScrollArea_1m51n_gg_ .___SShadowVertical_1m51n_gg_::before{display:none}",
+    ".___SScrollArea_70deb_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_{overflow:visible;overflow:initial}.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_._scrollDirection_both_70deb_gg_{overflow:auto}.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_._scrollDirection_both_70deb_gg_.__loading_70deb_gg_,.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_._scrollDirection_horizontal_70deb_gg_.__loading_70deb_gg_,.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_._scrollDirection_vertical_70deb_gg_.__loading_70deb_gg_{overflow:hidden}.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_._scrollDirection_horizontal_70deb_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_._scrollDirection_vertical_70deb_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_.__headerHeight_70deb_gg_{scroll-padding-top:var(--headerHeight_70deb)}.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_.__leftScrollPadding_70deb_gg_{scroll-padding-left:var(--leftScrollPadding_70deb)}.___SScrollArea_70deb_gg_ .___SContainer_70deb_gg_.__rightScrollPadding_70deb_gg_{scroll-padding-right:var(--rightScrollPadding_70deb)}.___SScrollArea_70deb_gg_ .___SShadowHorizontal_70deb_gg_::before,.___SScrollArea_70deb_gg_ .___SShadowHorizontal_70deb_gg_:after,.___SScrollArea_70deb_gg_ .___SShadowVertical_70deb_gg_::after{z-index:20}.___SScrollArea_70deb_gg_ .___SShadowHorizontal_70deb_gg_.__leftOffset_70deb_gg_::before,.___SScrollArea_70deb_gg_ .___SShadowHorizontal_70deb_gg_.__rightOffset_70deb_gg_::after,.___SScrollArea_70deb_gg_ .___SShadowVertical_70deb_gg_::before{display:none}",
     /*__inner_css_end__*/
-    "1m51n_gg_"
+    "70deb_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SScrollArea": "___SScrollArea_1m51n_gg_",
-    "__SContainer": "___SContainer_1m51n_gg_",
-    "_scrollDirection_both": "_scrollDirection_both_1m51n_gg_",
-    "_loading": "__loading_1m51n_gg_",
-    "_scrollDirection_horizontal": "_scrollDirection_horizontal_1m51n_gg_",
-    "_scrollDirection_vertical": "_scrollDirection_vertical_1m51n_gg_",
-    "_headerHeight": "__headerHeight_1m51n_gg_",
-    "--headerHeight": "--headerHeight_1m51n",
-    "_leftScrollPadding": "__leftScrollPadding_1m51n_gg_",
-    "--leftScrollPadding": "--leftScrollPadding_1m51n",
-    "_rightScrollPadding": "__rightScrollPadding_1m51n_gg_",
-    "--rightScrollPadding": "--rightScrollPadding_1m51n",
-    "__SShadowVertical": "___SShadowVertical_1m51n_gg_",
-    "__SShadowHorizontal": "___SShadowHorizontal_1m51n_gg_",
-    "_leftOffset": "__leftOffset_1m51n_gg_",
-    "_rightOffset": "__rightOffset_1m51n_gg_"
+    "__SScrollArea": "___SScrollArea_70deb_gg_",
+    "__SContainer": "___SContainer_70deb_gg_",
+    "_scrollDirection_both": "_scrollDirection_both_70deb_gg_",
+    "_loading": "__loading_70deb_gg_",
+    "_scrollDirection_horizontal": "_scrollDirection_horizontal_70deb_gg_",
+    "_scrollDirection_vertical": "_scrollDirection_vertical_70deb_gg_",
+    "_headerHeight": "__headerHeight_70deb_gg_",
+    "--headerHeight": "--headerHeight_70deb",
+    "_leftScrollPadding": "__leftScrollPadding_70deb_gg_",
+    "--leftScrollPadding": "--leftScrollPadding_70deb",
+    "_rightScrollPadding": "__rightScrollPadding_70deb_gg_",
+    "--rightScrollPadding": "--rightScrollPadding_70deb",
+    "__SShadowVertical": "___SShadowVertical_70deb_gg_",
+    "__SShadowHorizontal": "___SShadowHorizontal_70deb_gg_",
+    "_leftOffset": "__leftOffset_70deb_gg_",
+    "_rightOffset": "__rightOffset_70deb_gg_"
   })
 );
 var ACCORDION = Symbol("accordion");
@@ -106,7 +107,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
     });
     _defineProperty(_this, "selectAllMessageTimer", 0);
     _defineProperty(_this, "headerNodesMap", /* @__PURE__ */ new Map());
-    _defineProperty(_this, "isPressedShift", false);
+    _defineProperty(_this, "selectedRowsContainer", void 0);
     _defineProperty(_this, "lastSelectedRowKey", void 0);
     _defineProperty(_this, "state", {
       scrollTop: 0,
@@ -151,11 +152,16 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
         _this.initFocusableCell([_this.hasFocusableInHeader() ? opt.rowIndex + 1 : opt.rowIndex, opt.colIndex]);
       }
     });
+    _defineProperty(_this, "handleSelectAllRows", function(selectedRows, event) {
+      if (!("onSelectedRowsChange" in _this.asProps) || !_this.asProps.onSelectedRowsChange || !Array.isArray(selectedRows)) return;
+      _this.asProps.onSelectedRowsChange(selectedRows, event);
+    });
     _defineProperty(_this, "handleSelectRow", function(isSelected, selectedRowIndex, row, event) {
-      var _this$asProps = _this.asProps, selectedRows = _this$asProps.selectedRows, onSelectedRowsChange = _this$asProps.onSelectedRowsChange;
-      if (!selectedRows || !onSelectedRowsChange) return;
+      var selectedRows = _this.asProps.selectedRows;
+      if (!selectedRows || !("onSelectedRowsChange" in _this.asProps) || !_this.asProps.onSelectedRowsChange || !Array.isArray(selectedRows)) return;
+      var onSelectedRowsChange = _this.asProps.onSelectedRowsChange;
       var selectedRowsSet = new Set(selectedRows);
-      if (_this.isPressedShift && selectedRowsSet.size > 0 && _this.lastSelectedRowKey && (isSelected ? selectedRowsSet.has(_this.lastSelectedRowKey) : true)) {
+      if (_this.selectedRowsContainer.isPressedShift && selectedRowsSet.size > 0 && _this.lastSelectedRowKey && (isSelected ? selectedRowsSet.has(_this.lastSelectedRowKey) : true)) {
         var select = false;
         var firstColumnKey = _this.columns[0].name;
         var isMerged = _this.flatRows.some(function(item2) {
@@ -230,7 +236,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
       });
     });
     _defineProperty(_this, "onExpandRow", function(expandedRow) {
-      var _this$asProps2 = _this.asProps, onAccordionToggle = _this$asProps2.onAccordionToggle, accordionMode = _this$asProps2.accordionMode;
+      var _this$asProps = _this.asProps, onAccordionToggle = _this$asProps.onAccordionToggle, accordionMode = _this$asProps.accordionMode;
       var expandedRows = _this.state.expandedRows;
       if (expandedRows.has(expandedRow[UNIQ_ROW_KEY])) {
         expandedRows["delete"](expandedRow[UNIQ_ROW_KEY]);
@@ -366,13 +372,13 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
           break;
         }
         case "Shift": {
-          _this.isPressedShift = true;
+          _this.selectedRowsContainer.isPressedShift = true;
         }
       }
     });
     _defineProperty(_this, "handleKeyUp", function(e) {
       if (e.key === "Shift") {
-        _this.isPressedShift = false;
+        _this.selectedRowsContainer.isPressedShift = false;
       }
     });
     _defineProperty(_this, "handleScroll", trottle(function(e) {
@@ -483,12 +489,12 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
       _this.changeFocusCell(-1, cellIndex === -1 ? 0 : cellIndex, "up");
     });
     _defineProperty(_this, "handleContainerResizeEnd", function(entries, observer) {
-      var _this$asProps$onResiz, _this$asProps3;
+      var _this$asProps$onResiz, _this$asProps2;
       if (_this.containerResizeEndTimeoutId) {
         clearTimeout(_this.containerResizeEndTimeoutId);
       }
       _this.containerResizeEndTimeoutId = setTimeout(_this.calculateVerticalShadow, 0);
-      (_this$asProps$onResiz = (_this$asProps3 = _this.asProps).onResize) === null || _this$asProps$onResiz === void 0 || _this$asProps$onResiz.call(_this$asProps3, entries, observer);
+      (_this$asProps$onResiz = (_this$asProps2 = _this.asProps).onResize) === null || _this$asProps$onResiz === void 0 || _this$asProps$onResiz.call(_this$asProps2, entries, observer);
     });
     _defineProperty(_this, "getScrollOffsetValue", function() {
       if (!_this.headerRef.current) {
@@ -562,6 +568,11 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
     _this.calculatedRows = _this.getRows();
     _this.flatRows = _this.calculatedRows.flat();
     _this.tmpData = props.data;
+    if (Array.isArray(props.selectedRows) || !props.selectedRows) {
+      _this.selectedRowsContainer = new SelectableRows();
+    } else {
+      _this.selectedRowsContainer = props.selectedRows;
+    }
     return _this;
   }
   _inherits(DataTableRoot2, _Component);
@@ -569,7 +580,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-      var _this$asProps4 = this.asProps, headerProps = _this$asProps4.headerProps, loading = _this$asProps4.loading;
+      var _this$asProps3 = this.asProps, headerProps = _this$asProps3.headerProps, loading = _this$asProps3.loading;
       if (headerProps !== null && headerProps !== void 0 && headerProps.sticky && !headerProps.h || loading || this.hasFixedColumn) {
         requestAnimationFrame(function() {
           _this2.forceUpdate();
@@ -583,7 +594,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this$asProps5 = this.asProps, data = _this$asProps5.data, selectedRows = _this$asProps5.selectedRows, columns = _this$asProps5.columns;
+      var _this$asProps4 = this.asProps, data = _this$asProps4.data, selectedRows = _this$asProps4.selectedRows, columns = _this$asProps4.columns;
       if (prevProps.columns !== columns) {
         var cols = this.calculateColumnsFromConfig();
         this.columns = cols[0];
@@ -595,7 +606,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
           this.calculateVerticalShadow();
         }
       }
-      if (prevProps.selectedRows !== selectedRows && selectedRows !== void 0) {
+      if (prevProps.selectedRows !== selectedRows && selectedRows !== void 0 && Array.isArray(selectedRows)) {
         var selectedRowsSet = new Set(selectedRows);
         var allChecked = [];
         var allUnchecked = [];
@@ -612,6 +623,9 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
           this.setSelectAllMessage(false);
         }
       }
+      if (prevProps.selectedRows !== selectedRows && selectedRows !== void 0 && !Array.isArray(selectedRows)) {
+        this.selectedRowsContainer = selectedRows;
+      }
     }
   }, {
     key: "componentWillUnmount",
@@ -658,7 +672,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "scrollDirection",
     get: function get() {
-      var _this$asProps6 = this.asProps, w = _this$asProps6.w, wMax = _this$asProps6.wMax, h = _this$asProps6.h, hMax = _this$asProps6.hMax;
+      var _this$asProps5 = this.asProps, w = _this$asProps5.w, wMax = _this$asProps5.wMax, h = _this$asProps5.h, hMax = _this$asProps5.hMax;
       var scrollDirection = void 0;
       var hasWidthSettings = Boolean(w) || Boolean(wMax);
       var hasHeightSettings = Boolean(h) && h !== "fit-content" || Boolean(hMax);
@@ -679,7 +693,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "getHeadProps",
     value: function getHeadProps() {
-      var _this$asProps7 = this.asProps, use = _this$asProps7.use, compact = _this$asProps7.compact, sort = _this$asProps7.sort, onSortChange = _this$asProps7.onSortChange, getI18nText = _this$asProps7.getI18nText, uid = _this$asProps7.uid, headerProps = _this$asProps7.headerProps, onSelectedRowsChange = _this$asProps7.onSelectedRowsChange, selectedRows = _this$asProps7.selectedRows, sideIndents = _this$asProps7.sideIndents, variant = _this$asProps7.variant;
+      var _this$asProps6 = this.asProps, use = _this$asProps6.use, compact = _this$asProps6.compact, sort = _this$asProps6.sort, onSortChange = _this$asProps6.onSortChange, getI18nText = _this$asProps6.getI18nText, uid = _this$asProps6.uid, headerProps = _this$asProps6.headerProps, selectedRows = _this$asProps6.selectedRows, sideIndents = _this$asProps6.sideIndents, variant = _this$asProps6.variant;
       var _this$gridSettings = this.gridSettings, gridTemplateColumns = _this$gridSettings.gridTemplateColumns, gridTemplateAreas = _this$gridSettings.gridTemplateAreas;
       var shadowVertical = this.state.shadowVertical;
       var sideIndentsValue = variant === "card" ? "wide" : sideIndents;
@@ -701,7 +715,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
         totalRows: this.totalRows,
         selectedRows,
         flatRows: this.getFlatRows(),
-        onChangeSelectAll: onSelectedRowsChange,
+        onChangeSelectAll: Array.isArray(selectedRows) ? this.handleSelectAllRows : void 0,
         getFixedStyle: this.getFixedStyle,
         onCellClick: this.handleCellClick,
         shadowVertical,
@@ -712,7 +726,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
   }, {
     key: "getBodyProps",
     value: function getBodyProps() {
-      var _this$asProps8 = this.asProps, use = _this$asProps8.use, compact = _this$asProps8.compact, loading = _this$asProps8.loading, getI18nText = _this$asProps8.getI18nText, virtualScroll = _this$asProps8.virtualScroll, uid = _this$asProps8.uid, rowProps = _this$asProps8.rowProps, renderCell = _this$asProps8.renderCell, headerProps = _this$asProps8.headerProps, renderEmptyData2 = _this$asProps8.renderEmptyData, sideIndents = _this$asProps8.sideIndents, selectedRows = _this$asProps8.selectedRows, accordionDuration = _this$asProps8.accordionDuration, accordionMode = _this$asProps8.accordionMode, rawData = _this$asProps8.data, renderCellOverlay = _this$asProps8.renderCellOverlay, limit = _this$asProps8.limit, variant = _this$asProps8.variant, totalRows = _this$asProps8.totalRows, accordionAnimationRows = _this$asProps8.accordionAnimationRows;
+      var _this$asProps7 = this.asProps, use = _this$asProps7.use, compact = _this$asProps7.compact, loading = _this$asProps7.loading, getI18nText = _this$asProps7.getI18nText, virtualScroll = _this$asProps7.virtualScroll, uid = _this$asProps7.uid, rowProps = _this$asProps7.rowProps, renderCell = _this$asProps7.renderCell, headerProps = _this$asProps7.headerProps, renderEmptyData2 = _this$asProps7.renderEmptyData, sideIndents = _this$asProps7.sideIndents, selectedRows = _this$asProps7.selectedRows, accordionDuration = _this$asProps7.accordionDuration, accordionMode = _this$asProps7.accordionMode, rawData = _this$asProps7.data, renderCellOverlay = _this$asProps7.renderCellOverlay, limit = _this$asProps7.limit, variant = _this$asProps7.variant, totalRows = _this$asProps7.totalRows, accordionAnimationRows = _this$asProps7.accordionAnimationRows;
       var _this$gridSettings2 = this.gridSettings, gridTemplateColumns = _this$gridSettings2.gridTemplateColumns, gridTemplateAreas = _this$gridSettings2.gridTemplateAreas;
       var shadowVertical = this.state.shadowVertical;
       return {
@@ -747,7 +761,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
         renderEmptyData: renderEmptyData2,
         sideIndents,
         selectedRows,
-        onSelectRow: this.handleSelectRow,
+        onSelectRow: Array.isArray(selectedRows) ? this.handleSelectRow : void 0,
         getFixedStyle: this.getFixedStyle,
         onCellClick: this.handleCellClick,
         rawData,
@@ -789,7 +803,7 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
     value: function render() {
       var _ref = this.asProps, _ref2;
       var SDataTable = Box;
-      var _this$asProps9 = this.asProps, Children = _this$asProps9.Children, styles = _this$asProps9.styles, w = _this$asProps9.w, wMax = _this$asProps9.wMax, wMin = _this$asProps9.wMin, h = _this$asProps9.h, hMax = _this$asProps9.hMax, hMin = _this$asProps9.hMin, virtualScroll = _this$asProps9.virtualScroll, children = _this$asProps9.children, headerProps = _this$asProps9.headerProps, loading = _this$asProps9.loading, selectedRows = _this$asProps9.selectedRows;
+      var _this$asProps8 = this.asProps, Children = _this$asProps8.Children, styles = _this$asProps8.styles, w = _this$asProps8.w, wMax = _this$asProps8.wMax, wMin = _this$asProps8.wMin, h = _this$asProps8.h, hMax = _this$asProps8.hMax, hMin = _this$asProps8.hMin, virtualScroll = _this$asProps8.virtualScroll, children = _this$asProps8.children, headerProps = _this$asProps8.headerProps, loading = _this$asProps8.loading, selectedRows = _this$asProps8.selectedRows;
       var _this$getScrollOffset = this.getScrollOffsetValue(), _this$getScrollOffset2 = _slicedToArray(_this$getScrollOffset, 2), offsetLeftSum = _this$getScrollOffset2[0], offsetRightSum = _this$getScrollOffset2[1];
       var _this$gridSettings3 = this.gridSettings, gridTemplateColumns = _this$gridSettings3.gridTemplateColumns, gridTemplateAreas = _this$gridSettings3.gridTemplateAreas;
       var Head2 = findComponent(Children, ["DataTable.Head"]);
@@ -992,11 +1006,12 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
     value: function getRows() {
       var _this4 = this;
       var columns = this.columns;
-      var _this$props2 = this.props, data = _this$props2.data, uid = _this$props2.uid, uniqueRowKey = _this$props2.uniqueRowKey;
+      var _this$props2 = this.props, data = _this$props2.data, uid = _this$props2.uid, uniqueRowKey = _this$props2.uniqueRowKey, selectedRows = _this$props2.selectedRows;
       if (this.tmpData === data) {
         return this.calculatedRows;
       }
       this.tmpData = data;
+      var availableRowKeys = [];
       var rows = [];
       var columnNames = columns.map(function(column) {
         return column.name;
@@ -1062,6 +1077,9 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
             dtRow[value] = "";
           });
         }
+        if (!excludeColumns) {
+          availableRowKeys.push(dtRow[UNIQ_ROW_KEY]);
+        }
         return dtRow;
       };
       data.forEach(function(row) {
@@ -1112,6 +1130,9 @@ var DataTableRoot = /* @__PURE__ */ (function(_Component) {
         }
       });
       this.calculatedRows = rows;
+      if (selectedRows && !Array.isArray(selectedRows)) {
+        selectedRows.setAvailableKeys(availableRowKeys);
+      }
       return rows;
     }
   }, {