@semcore/data-table 17.0.0 → 17.0.2-prerelease.0

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

@@ -14,78 +14,60 @@ var _Body = require("../Body/Body");
 var _MergedCells = require("../Body/MergedCells");
 var _DataTable = require("../DataTable/DataTable");
 /*!__reshadow-styles__:"./style.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBody_nspw1_gg_,.___SRowGroup_nspw1_gg_,.___SRow_nspw1_gg_{display:contents}.___SAccordionRows_nspw1_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_nspw1);overflow:clip;transition-property:max-height;transition-duration:var(--duration_nspw1);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_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_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SRow_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_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_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level],.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_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_nspw1) - 1)))}.___SBody_nspw1_gg_.__compact_nspw1_gg_ .___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_nspw1_gg_.__gridArea_nspw1_gg_,.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_,.___SRow_nspw1_gg_.__gridArea_nspw1_gg_{grid-area:var(--gridArea_nspw1)}.___SCellWrapper_nspw1_gg_{height:100%;overflow:hidden}.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_>.___SCellWrapper_nspw1_gg_,.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_{height:auto;overflow:auto}.___SAccordionRows_nspw1_gg_>.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_:last-child>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__withoutBorder_nspw1_gg_),.___SCollapseRow_nspw1_gg_.__gridArea_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__withoutBorder_nspw1_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{display:block}.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_).__expanded_nspw1_gg_.__withAccordion_nspw1_gg_,.___SRow_nspw1_gg_._accordionType_row_nspw1_gg_.__expanded_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_),.___SRow_nspw1_gg_.__isAccordionRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),:not(.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked))>.___SRow_nspw1_gg_:not(._accordionType_row_nspw1_gg_.__expanded_nspw1_gg_):hover:not(.__isNonInteractive_nspw1_gg_):not(:has([data-row-selector=true] input:checked)):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_muted_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_muted_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_muted_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_muted_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover):has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_info_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_info_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover):has([data-row-selector=true] input:checked) .___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_info_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_info_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_info_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:has([data-row-selector=true] input:checked):not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_info_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_success_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_success_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_success_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_success_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_success_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_success_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_warning_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_warning_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_warning_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_warning_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_[data-grouped-by=rowgroup]._theme_danger_nspw1_gg_:not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not([aria-hidden]),.___SRowGroup_nspw1_gg_:has(.___SCell_nspw1_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_nspw1_gg_:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden])>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_danger_nspw1_gg_:not([aria-hidden]),.___SRow_nspw1_gg_._theme_danger_nspw1_gg_:hover:not(.__expanded_nspw1_gg_.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_:not(.__theme_nspw1_gg_):not(.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_):not([aria-hidden]),.___SRow_nspw1_gg_:hover:not(.__isNonInteractive_nspw1_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_nspw1_gg_:hover))>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_._theme_danger_nspw1_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_,.___SRow_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRowGroup_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SRow_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_,.___SRow_nspw1_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_nspw1_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_nspw1_gg_ .___SAccordionToggle_nspw1_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_nspw1_gg_ .___SAccordionToggle_nspw1_gg_.__expanded_nspw1_gg_ svg{transform:rotate(90deg)}.___SCell_nspw1_gg_.__withoutBorder_nspw1_gg_{border-bottom:none}.___SCell_nspw1_gg_._use_primary_nspw1_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_nspw1_gg_._use_primary_nspw1_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_nspw1) - 1)))}.___SCell_nspw1_gg_._use_secondary_nspw1_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_nspw1_gg_._use_secondary_nspw1_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_nspw1) - 1)))}.___SCell_nspw1_gg_._theme_muted_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_nspw1_gg_._theme_muted_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_nspw1_gg_._theme_info_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_nspw1_gg_._theme_info_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_nspw1_gg_._theme_success_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_nspw1_gg_._theme_success_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SCell_nspw1_gg_._theme_warning_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_nspw1_gg_._theme_warning_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SCell_nspw1_gg_._theme_danger_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_nspw1_gg_._theme_danger_nspw1_gg_.__expanded_nspw1_gg_.__withAccordion_nspw1_gg_{background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_nspw1_gg_._borders_both_nspw1_gg_,.___SCell_nspw1_gg_._borders_left_nspw1_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_nspw1_gg_._borders_both_nspw1_gg_,.___SCell_nspw1_gg_._borders_right_nspw1_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_nspw1_gg_.__innerOutline_nspw1_gg_:focus-visible{transition:none}.___SCell_nspw1_gg_.__withAccordion_nspw1_gg_,.___SCell_nspw1_gg_._name_Symbol\\(SELECT_ALL\\)_nspw1_gg_,.___SRow_nspw1_gg_._accordionType_row_nspw1_gg_>.___SCellWrapper_nspw1_gg_>.___SCell_nspw1_gg_{cursor:pointer}.___SCheckboxCell_nspw1_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCellWrapper_nspw1_gg_.__fixed_nspw1_gg_{position:sticky;z-index:2}.___SSpinContainer_nspw1_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_nspw1_gg_:focus-visible{z-index:15}.___SSpinContainer_nspw1_gg_.__headerHeight_nspw1_gg_{top:var(--headerHeight_nspw1)}.___SEmptyData_nspw1_gg_{grid-column:1/-1}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_,.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_gg_[data-aria-level],.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:first-child .___SCell_nspw1_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_nspw1) - 1)))}.___SCollapseRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:last-child .___SCell_nspw1_gg_,.___SRow_nspw1_gg_._sideIndents_wide_nspw1_gg_ .___SCellWrapper_nspw1_gg_:last-child .___SCell_nspw1_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_nspw1_gg_.__fixed_nspw1_gg_.__shadowVertical_nspw1_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_gg_{margin-right:-5px}.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_:after,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_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_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_median_nspw1_gg_ .___SCell_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_left_nspw1_gg_._shadowVertical_start_nspw1_gg_ .___SCell_nspw1_gg_{margin-right:5px}.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_gg_{margin-left:-5px}.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_:after,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_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_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_end_nspw1_gg_ .___SCell_nspw1_gg_,.___SCellWrapper_nspw1_gg_._fixed_right_nspw1_gg_._shadowVertical_median_nspw1_gg_ .___SCell_nspw1_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_nspw1_gg_.__gridArea_nspw1_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_nspw1);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_nspw1_gg_.__left_nspw1_gg_{position:sticky;left:var(---left_nspw1)}", /*__inner_css_end__*/"nspw1_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBody_1g75w_gg_,.___SRowGroup_1g75w_gg_,.___SRow_1g75w_gg_{display:contents}.___SAccordionRows_1g75w_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_1g75w);overflow:clip;transition-property:max-height;transition-duration:var(--duration_1g75w);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_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_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SRow_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_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_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level],.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_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_1g75w) - 1)))}.___SBody_1g75w_gg_.__compact_1g75w_gg_ .___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_1g75w_gg_.__gridArea_1g75w_gg_,.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_,.___SRow_1g75w_gg_.__gridArea_1g75w_gg_{grid-area:var(--gridArea_1g75w)}.___SCellWrapper_1g75w_gg_{height:100%;overflow:hidden}.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_>.___SCellWrapper_1g75w_gg_,.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_{height:auto;overflow:auto}.___SAccordionRows_1g75w_gg_>.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_:last-child>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__withoutBorder_1g75w_gg_),.___SCollapseRow_1g75w_gg_.__gridArea_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__withoutBorder_1g75w_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{display:block}.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_).__expanded_1g75w_gg_.__withAccordion_1g75w_gg_,.___SRow_1g75w_gg_._accordionType_row_1g75w_gg_.__expanded_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_),.___SRow_1g75w_gg_.__isAccordionRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover):not(:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),:not(.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked))>.___SRow_1g75w_gg_:not(._accordionType_row_1g75w_gg_.__expanded_1g75w_gg_):hover:not(.__isNonInteractive_1g75w_gg_):not(:has([data-row-selector=true] input:checked)):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_muted_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_muted_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_muted_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_muted_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover):has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_info_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_info_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover):has([data-row-selector=true] input:checked) .___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_info_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_info_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_info_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:has([data-row-selector=true] input:checked):not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_info_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_success_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_success_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_success_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_success_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_success_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_success_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_warning_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_warning_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_warning_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_warning_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_[data-grouped-by=rowgroup]._theme_danger_1g75w_gg_:not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not([aria-hidden]),.___SRowGroup_1g75w_gg_:has(.___SCell_1g75w_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1g75w_gg_:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden])>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_danger_1g75w_gg_:not([aria-hidden]),.___SRow_1g75w_gg_._theme_danger_1g75w_gg_:hover:not(.__expanded_1g75w_gg_.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_:not(.__theme_1g75w_gg_):not(.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_):not([aria-hidden]),.___SRow_1g75w_gg_:hover:not(.__isNonInteractive_1g75w_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_1g75w_gg_:hover))>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_._theme_danger_1g75w_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_,.___SRow_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRowGroup_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SRow_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_,.___SRow_1g75w_gg_:has([data-row-selector=true] input:checked)>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_1g75w_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_1g75w_gg_ .___SAccordionToggle_1g75w_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1g75w_gg_ .___SAccordionToggle_1g75w_gg_.__expanded_1g75w_gg_ svg{transform:rotate(90deg)}.___SCell_1g75w_gg_.__withoutBorder_1g75w_gg_{border-bottom:none}.___SCell_1g75w_gg_._use_primary_1g75w_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1g75w_gg_._use_primary_1g75w_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_1g75w) - 1)))}.___SCell_1g75w_gg_._use_secondary_1g75w_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1g75w_gg_._use_secondary_1g75w_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_1g75w) - 1)))}.___SCell_1g75w_gg_._theme_muted_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1g75w_gg_._theme_muted_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_1g75w_gg_._theme_info_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1g75w_gg_._theme_info_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SCell_1g75w_gg_._theme_success_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1g75w_gg_._theme_success_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SCell_1g75w_gg_._theme_warning_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1g75w_gg_._theme_warning_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SCell_1g75w_gg_._theme_danger_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SCell_1g75w_gg_._theme_danger_1g75w_gg_.__expanded_1g75w_gg_.__withAccordion_1g75w_gg_{background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1g75w_gg_._borders_both_1g75w_gg_,.___SCell_1g75w_gg_._borders_left_1g75w_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1g75w_gg_._borders_both_1g75w_gg_,.___SCell_1g75w_gg_._borders_right_1g75w_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1g75w_gg_.__innerOutline_1g75w_gg_:focus-visible{transition:none}.___SCell_1g75w_gg_.__withAccordion_1g75w_gg_,.___SCell_1g75w_gg_._name_SELECT_ALL_ROWS_1g75w_gg_,.___SRow_1g75w_gg_._accordionType_row_1g75w_gg_>.___SCellWrapper_1g75w_gg_>.___SCell_1g75w_gg_{cursor:pointer}.___SCheckboxCell_1g75w_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCellWrapper_1g75w_gg_.__fixed_1g75w_gg_{position:sticky;z-index:2}.___SSpinContainer_1g75w_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_1g75w_gg_:focus-visible{z-index:15}.___SSpinContainer_1g75w_gg_.__headerHeight_1g75w_gg_{top:var(--headerHeight_1g75w)}.___SEmptyData_1g75w_gg_{grid-column:1/-1}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_,.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_gg_[data-aria-level],.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:first-child .___SCell_1g75w_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_1g75w) - 1)))}.___SCollapseRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:last-child .___SCell_1g75w_gg_,.___SRow_1g75w_gg_._sideIndents_wide_1g75w_gg_ .___SCellWrapper_1g75w_gg_:last-child .___SCell_1g75w_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_1g75w_gg_.__fixed_1g75w_gg_.__shadowVertical_1g75w_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_gg_{margin-right:-5px}.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_:after,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_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_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_median_1g75w_gg_ .___SCell_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_left_1g75w_gg_._shadowVertical_start_1g75w_gg_ .___SCell_1g75w_gg_{margin-right:5px}.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_gg_{margin-left:-5px}.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_:after,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_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_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_end_1g75w_gg_ .___SCell_1g75w_gg_,.___SCellWrapper_1g75w_gg_._fixed_right_1g75w_gg_._shadowVertical_median_1g75w_gg_ .___SCell_1g75w_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_1g75w_gg_.__gridArea_1g75w_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_1g75w);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_1g75w_gg_.__left_1g75w_gg_{position:sticky;left:var(---left_1g75w)}", /*__inner_css_end__*/"1g75w_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_nspw1_gg_",
-  "__SRow": "___SRow_nspw1_gg_",
-  "__SRowGroup": "___SRowGroup_nspw1_gg_",
-  "__SAccordionRows": "___SAccordionRows_nspw1_gg_",
-  "--gridRow": "--gridRow_nspw1",
-  "--duration": "--duration_nspw1",
-  "_gridArea": "__gridArea_nspw1_gg_",
-  "__SCellWrapper": "___SCellWrapper_nspw1_gg_",
-  "__SCollapseRow": "___SCollapseRow_nspw1_gg_",
-  "--gridArea": "--gridArea_nspw1",
-  "_isAccordionRow": "__isAccordionRow_nspw1_gg_",
-  "__SCell": "___SCell_nspw1_gg_",
-  "_withoutBorder": "__withoutBorder_nspw1_gg_",
-  "_accordionType_row": "_accordionType_row_nspw1_gg_",
-  "_expanded": "__expanded_nspw1_gg_",
-  "_theme": "__theme_nspw1_gg_",
-  "_withAccordion": "__withAccordion_nspw1_gg_",
-  "_isNonInteractive": "__isNonInteractive_nspw1_gg_",
-  "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_nspw1_gg_",
-  "_theme_muted": "_theme_muted_nspw1_gg_",
-  "_theme_info": "_theme_info_nspw1_gg_",
-  "_theme_success": "_theme_success_nspw1_gg_",
-  "_theme_warning": "_theme_warning_nspw1_gg_",
-  "_theme_danger": "_theme_danger_nspw1_gg_",
-  "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_nspw1_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_nspw1_gg_",
-  "_fixed": "__fixed_nspw1_gg_",
-  "__SEmptyData": "___SEmptyData_nspw1_gg_",
-  "_left": "__left_nspw1_gg_",
-  "---left": "---left_nspw1",
-  "_compact": "__compact_nspw1_gg_",
-  "--data-aria-level": "--data-aria-level_nspw1",
-  "_sideIndents_wide": "_sideIndents_wide_nspw1_gg_",
-  "__SAccordionToggle": "___SAccordionToggle_nspw1_gg_",
-  "_use_primary": "_use_primary_nspw1_gg_",
-  "_use_secondary": "_use_secondary_nspw1_gg_",
-  "_borders_both": "_borders_both_nspw1_gg_",
-  "_borders_left": "_borders_left_nspw1_gg_",
-  "_borders_right": "_borders_right_nspw1_gg_",
-  "_innerOutline": "__innerOutline_nspw1_gg_",
-  "__SSpinContainer": "___SSpinContainer_nspw1_gg_",
-  "_headerHeight": "__headerHeight_nspw1_gg_",
-  "--headerHeight": "--headerHeight_nspw1",
-  "_shadowVertical": "__shadowVertical_nspw1_gg_",
-  "_fixed_left": "_fixed_left_nspw1_gg_",
-  "_shadowVertical_median": "_shadowVertical_median_nspw1_gg_",
-  "_shadowVertical_start": "_shadowVertical_start_nspw1_gg_",
-  "_fixed_right": "_fixed_right_nspw1_gg_",
-  "_shadowVertical_end": "_shadowVertical_end_nspw1_gg_"
+  "__SBody": "___SBody_1g75w_gg_",
+  "__SRow": "___SRow_1g75w_gg_",
+  "__SRowGroup": "___SRowGroup_1g75w_gg_",
+  "__SAccordionRows": "___SAccordionRows_1g75w_gg_",
+  "--gridRow": "--gridRow_1g75w",
+  "--duration": "--duration_1g75w",
+  "_gridArea": "__gridArea_1g75w_gg_",
+  "__SCellWrapper": "___SCellWrapper_1g75w_gg_",
+  "__SCollapseRow": "___SCollapseRow_1g75w_gg_",
+  "--gridArea": "--gridArea_1g75w",
+  "_isAccordionRow": "__isAccordionRow_1g75w_gg_",
+  "__SCell": "___SCell_1g75w_gg_",
+  "_withoutBorder": "__withoutBorder_1g75w_gg_",
+  "_accordionType_row": "_accordionType_row_1g75w_gg_",
+  "_expanded": "__expanded_1g75w_gg_",
+  "_theme": "__theme_1g75w_gg_",
+  "_withAccordion": "__withAccordion_1g75w_gg_",
+  "_isNonInteractive": "__isNonInteractive_1g75w_gg_",
+  "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_1g75w_gg_",
+  "_theme_muted": "_theme_muted_1g75w_gg_",
+  "_theme_info": "_theme_info_1g75w_gg_",
+  "_theme_success": "_theme_success_1g75w_gg_",
+  "_theme_warning": "_theme_warning_1g75w_gg_",
+  "_theme_danger": "_theme_danger_1g75w_gg_",
+  "_name_SELECT_ALL_ROWS": "_name_SELECT_ALL_ROWS_1g75w_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_1g75w_gg_",
+  "_fixed": "__fixed_1g75w_gg_",
+  "__SEmptyData": "___SEmptyData_1g75w_gg_",
+  "_left": "__left_1g75w_gg_",
+  "---left": "---left_1g75w",
+  "_compact": "__compact_1g75w_gg_",
+  "--data-aria-level": "--data-aria-level_1g75w",
+  "_sideIndents_wide": "_sideIndents_wide_1g75w_gg_",
+  "__SAccordionToggle": "___SAccordionToggle_1g75w_gg_",
+  "_use_primary": "_use_primary_1g75w_gg_",
+  "_use_secondary": "_use_secondary_1g75w_gg_",
+  "_borders_both": "_borders_both_1g75w_gg_",
+  "_borders_left": "_borders_left_1g75w_gg_",
+  "_borders_right": "_borders_right_1g75w_gg_",
+  "_innerOutline": "__innerOutline_1g75w_gg_",
+  "__SSpinContainer": "___SSpinContainer_1g75w_gg_",
+  "_headerHeight": "__headerHeight_1g75w_gg_",
+  "--headerHeight": "--headerHeight_1g75w",
+  "_shadowVertical": "__shadowVertical_1g75w_gg_",
+  "_fixed_left": "_fixed_left_1g75w_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_1g75w_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_1g75w_gg_",
+  "_fixed_right": "_fixed_right_1g75w_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_1g75w_gg_"
 });
 class RowGroup extends React.PureComponent {
-  // 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?.();
-  // }
-
   render() {
     var _ref;
     const SRowGroup = _baseComponents.Box;
@@ -97,15 +79,11 @@ class RowGroup extends React.PureComponent {
       rowIndex
     } = this.props;
     const groupUniqKey = rows[0][_DataTable.UNIQ_ROW_KEY];
-    let isFirstCellAreMergedRows = false;
-    // const theme: 'info' | undefined = undefined;
-
     if (selectedRows) {
       const nextColumnName = columns[1].name;
       const firstCell = rows[0][nextColumnName];
       if (firstCell instanceof _MergedCells.MergedRowsCell) {
-        rows[0][_DataTable.SELECT_ALL.toString()] = new _MergedCells.MergedRowsCell('', firstCell.rowsCount);
-        isFirstCellAreMergedRows = true;
+        rows[0][_DataTable.SELECT_ALL] = new _MergedCells.MergedRowsCell('', firstCell.rowsCount);
       }
     }
     return _ref = (0, _core.sstyled)(style), /*#__PURE__*/React.createElement(SRowGroup, _ref.cn("SRowGroup", {
@@ -118,11 +96,6 @@ class RowGroup extends React.PureComponent {
         mergedRow: i > 0 ? true : false,
         componentRef: this.props.handleComponentRef(item)
       };
-
-      // if (isFirstCellAreMergedRows && (Array.isArray(selectedRows) ? selectedRows.includes(groupUniqKey) : selectedRows?.isChecked(groupUniqKey))) {
-      //   rowProps.theme = 'info';
-      // }
-
       return /*#__PURE__*/React.createElement(_Body.Body.Row, (0, _extends2.default)({
         key: item[_DataTable.UNIQ_ROW_KEY]?.toString() ?? `gg_${groupUniqKey}_row_${i}`
       }, rowProps));

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

@@ -1 +1 @@
-{"version":3,"file":"RowGroup.js","names":["_core","require","_baseComponents","React","_interopRequireWildcard","_Body","_MergedCells","_DataTable","style","sstyled","insert","RowGroup","PureComponent","render","_ref","SRowGroup","Box","rows","selectedRows","columns","startIndex","rowIndex","props","groupUniqKey","UNIQ_ROW_KEY","isFirstCellAreMergedRows","nextColumnName","name","firstCell","MergedRowsCell","SELECT_ALL","toString","rowsCount","createElement","cn","handleRef","map","item","i","rowProps","row","mergedRow","componentRef","handleComponentRef","Body","Row","_extends2","default","key","exports"],"sources":["../../../../src/components/Body/RowGroup.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { sstyled } from '@semcore/core';\nimport * as React from 'react';\n\nimport style from './style.shadow.css';\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { SelectableRows } from '../../store/SelectableRows';\nimport { Body } from '../Body/Body';\nimport { MergedRowsCell } from '../Body/MergedCells';\nimport type { RowRoot } from '../Body/Row';\nimport type { DTRow, DataTableRowProps } from '../Body/Row.types';\nimport { SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype RowGroupProps<Data extends DataTableData, UniqKeyType> = {\n  rows: DTRow<UniqKeyType>[];\n  selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n  columns: DTColumn[];\n  startIndex: number;\n  rowIndex: number;\n  handleRef: (index: number, row: DTRow<UniqKeyType>) => (node: HTMLElement | null) => void;\n  handleComponentRef: (row: DTRow<UniqKeyType>) => (component: RowRoot<Data, UniqKeyType> | null) => void;\n\n};\n\nexport class RowGroup<Data extends DataTableData, UniqKeyType> extends React.PureComponent<RowGroupProps<Data, UniqKeyType>> {\n  // private unsubscribeToggle: undefined | (() => void) = undefined;\n  //\n  // componentDidMount() {\n  //   const { selectedRows, rows } = this.props;\n  //\n  //   if (selectedRows && !Array.isArray(selectedRows)) {\n  //     this.unsubscribeToggle = selectedRows.subscribe(SelectableRows.TOGGLE_EVENT, (key: UniqKeyType) => {\n  //       if (rows[0][UNIQ_ROW_KEY] === key) {\n  //         this.forceUpdate();\n  //       }\n  //     });\n  //   }\n  // }\n  //\n  // componentWillUnmount() {\n  //   this.unsubscribeToggle?.();\n  // }\n\n  render() {\n    const SRowGroup = Box;\n    const { rows, selectedRows, columns, startIndex, rowIndex } = this.props;\n\n    const groupUniqKey = rows[0][UNIQ_ROW_KEY];\n\n    let isFirstCellAreMergedRows = false;\n    // const theme: 'info' | undefined = undefined;\n\n    if (selectedRows) {\n      const nextColumnName = columns[1].name;\n      const firstCell = rows[0][nextColumnName];\n\n      if (firstCell instanceof MergedRowsCell) {\n        rows[0][SELECT_ALL.toString()] = new MergedRowsCell('', firstCell.rowsCount);\n\n        isFirstCellAreMergedRows = true;\n      }\n    }\n\n    return sstyled(style)(\n      <SRowGroup\n        role='rowgroup'\n        key={`gg_${groupUniqKey}`}\n        ref={this.props.handleRef(startIndex + rowIndex, rows[0])}\n      >\n        {rows.map((item, i) => {\n          const rowProps: DataTableRowProps<any, any> = {\n            row: item,\n            mergedRow: i > 0 ? true : false,\n            componentRef: this.props.handleComponentRef(item),\n          };\n\n          // if (isFirstCellAreMergedRows && (Array.isArray(selectedRows) ? selectedRows.includes(groupUniqKey) : selectedRows?.isChecked(groupUniqKey))) {\n          //   rowProps.theme = 'info';\n          // }\n\n          return (\n            <Body.Row\n              key={item[UNIQ_ROW_KEY]?.toString() ?? `gg_${groupUniqKey}_row_${i}`}\n              {...rowProps}\n            />\n          );\n        })}\n      </SRowGroup>,\n    );\n  }\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAC,uBAAA,CAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAGA,IAAAM,UAAA,GAAAN,OAAA;AAAkE;AAAA,MAAAO,KAAA,8BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAe3D,MAAMC,QAAQ,SAAkDR,KAAK,CAACS,aAAa,CAAmC;EAC3H;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA;IACP,MAAMC,SAAS,GAAGC,mBAAG;IACrB,MAAM;MAAEC,IAAI;MAAEC,YAAY;MAAEC,OAAO;MAAEC,UAAU;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IAExE,MAAMC,YAAY,GAAGN,IAAI,CAAC,CAAC,CAAC,CAACO,uBAAY,CAAC;IAE1C,IAAIC,wBAAwB,GAAG,KAAK;IACpC;;IAEA,IAAIP,YAAY,EAAE;MAChB,MAAMQ,cAAc,GAAGP,OAAO,CAAC,CAAC,CAAC,CAACQ,IAAI;MACtC,MAAMC,SAAS,GAAGX,IAAI,CAAC,CAAC,CAAC,CAACS,cAAc,CAAC;MAEzC,IAAIE,SAAS,YAAYC,2BAAc,EAAE;QACvCZ,IAAI,CAAC,CAAC,CAAC,CAACa,qBAAU,CAACC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAIF,2BAAc,CAAC,EAAE,EAAED,SAAS,CAACI,SAAS,CAAC;QAE5EP,wBAAwB,GAAG,IAAI;MACjC;IACF;IAEA,OAAAX,IAAA,GAAO,IAAAL,aAAO,EAACD,KAAK,CAAC,eACnBL,KAAA,CAAA8B,aAAA,CAAClB,SAAS,EAAAD,IAAA,CAAAoB,EAAA;MAAA,QACH,UAAU;MAAA,OACV,MAAMX,YAAY,EAAE;MAAA,OACpB,IAAI,CAACD,KAAK,CAACa,SAAS,CAACf,UAAU,GAAGC,QAAQ,EAAEJ,IAAI,CAAC,CAAC,CAAC;IAAC,IAExDA,IAAI,CAACmB,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAK;MACrB,MAAMC,QAAqC,GAAG;QAC5CC,GAAG,EAAEH,IAAI;QACTI,SAAS,EAAEH,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,KAAK;QAC/BI,YAAY,EAAE,IAAI,CAACpB,KAAK,CAACqB,kBAAkB,CAACN,IAAI;MAClD,CAAC;;MAED;MACA;MACA;;MAEA,oBACElC,KAAA,CAAA8B,aAAA,CAAC5B,KAAA,CAAAuC,IAAI,CAACC,GAAG,MAAAC,SAAA,CAAAC,OAAA;QACPC,GAAG,EAAEX,IAAI,CAACb,uBAAY,CAAC,EAAEO,QAAQ,CAAC,CAAC,IAAI,MAAMR,YAAY,QAAQe,CAAC;MAAG,GACjEC,QAAQ,CACb,CAAC;IAEN,CAAC,CACQ,CAAC;EAEhB;AACF;AAACU,OAAA,CAAAtC,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"file":"RowGroup.js","names":["_core","require","_baseComponents","React","_interopRequireWildcard","_Body","_MergedCells","_DataTable","style","sstyled","insert","RowGroup","PureComponent","render","_ref","SRowGroup","Box","rows","selectedRows","columns","startIndex","rowIndex","props","groupUniqKey","UNIQ_ROW_KEY","nextColumnName","name","firstCell","MergedRowsCell","SELECT_ALL","rowsCount","createElement","cn","handleRef","map","item","i","rowProps","row","mergedRow","componentRef","handleComponentRef","Body","Row","_extends2","default","key","toString","exports"],"sources":["../../../../src/components/Body/RowGroup.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { sstyled } from '@semcore/core';\nimport * as React from 'react';\n\nimport style from './style.shadow.css';\nimport type { ISelectedRows } from '../../store/SelectableRows';\nimport { Body } from '../Body/Body';\nimport { MergedRowsCell } from '../Body/MergedCells';\nimport type { RowRoot } from '../Body/Row';\nimport type { DTRow, DataTableRowProps } from '../Body/Row.types';\nimport { SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype RowGroupProps<Data extends DataTableData, UniqKeyType> = {\n  rows: DTRow<UniqKeyType>[];\n  selectedRows?: UniqKeyType[] | ISelectedRows<UniqKeyType>;\n  columns: DTColumn[];\n  startIndex: number;\n  rowIndex: number;\n  handleRef: (index: number, row: DTRow<UniqKeyType>) => (node: HTMLElement | null) => void;\n  handleComponentRef: (row: DTRow<UniqKeyType>) => (component: RowRoot<Data, UniqKeyType> | null) => void;\n\n};\n\nexport class RowGroup<Data extends DataTableData, UniqKeyType> extends React.PureComponent<RowGroupProps<Data, UniqKeyType>> {\n  render() {\n    const SRowGroup = Box;\n    const { rows, selectedRows, columns, startIndex, rowIndex } = this.props;\n\n    const groupUniqKey = rows[0][UNIQ_ROW_KEY];\n\n    if (selectedRows) {\n      const nextColumnName = columns[1].name;\n      const firstCell = rows[0][nextColumnName];\n\n      if (firstCell instanceof MergedRowsCell) {\n        rows[0][SELECT_ALL] = new MergedRowsCell('', firstCell.rowsCount);\n      }\n    }\n\n    return sstyled(style)(\n      <SRowGroup\n        role='rowgroup'\n        key={`gg_${groupUniqKey}`}\n        ref={this.props.handleRef(startIndex + rowIndex, rows[0])}\n      >\n        {rows.map((item, i) => {\n          const rowProps: DataTableRowProps<any, any> = {\n            row: item,\n            mergedRow: i > 0 ? true : false,\n            componentRef: this.props.handleComponentRef(item),\n          };\n\n          return (\n            <Body.Row\n              key={item[UNIQ_ROW_KEY]?.toString() ?? `gg_${groupUniqKey}_row_${i}`}\n              {...rowProps}\n            />\n          );\n        })}\n      </SRowGroup>,\n    );\n  }\n}\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAC,uBAAA,CAAAH,OAAA;AAIA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAGA,IAAAM,UAAA,GAAAN,OAAA;AAAkE;AAAA,MAAAO,KAAA,8BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAe3D,MAAMC,QAAQ,SAAkDR,KAAK,CAACS,aAAa,CAAmC;EAC3HC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA;IACP,MAAMC,SAAS,GAAGC,mBAAG;IACrB,MAAM;MAAEC,IAAI;MAAEC,YAAY;MAAEC,OAAO;MAAEC,UAAU;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IAExE,MAAMC,YAAY,GAAGN,IAAI,CAAC,CAAC,CAAC,CAACO,uBAAY,CAAC;IAE1C,IAAIN,YAAY,EAAE;MAChB,MAAMO,cAAc,GAAGN,OAAO,CAAC,CAAC,CAAC,CAACO,IAAI;MACtC,MAAMC,SAAS,GAAGV,IAAI,CAAC,CAAC,CAAC,CAACQ,cAAc,CAAC;MAEzC,IAAIE,SAAS,YAAYC,2BAAc,EAAE;QACvCX,IAAI,CAAC,CAAC,CAAC,CAACY,qBAAU,CAAC,GAAG,IAAID,2BAAc,CAAC,EAAE,EAAED,SAAS,CAACG,SAAS,CAAC;MACnE;IACF;IAEA,OAAAhB,IAAA,GAAO,IAAAL,aAAO,EAACD,KAAK,CAAC,eACnBL,KAAA,CAAA4B,aAAA,CAAChB,SAAS,EAAAD,IAAA,CAAAkB,EAAA;MAAA,QACH,UAAU;MAAA,OACV,MAAMT,YAAY,EAAE;MAAA,OACpB,IAAI,CAACD,KAAK,CAACW,SAAS,CAACb,UAAU,GAAGC,QAAQ,EAAEJ,IAAI,CAAC,CAAC,CAAC;IAAC,IAExDA,IAAI,CAACiB,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAK;MACrB,MAAMC,QAAqC,GAAG;QAC5CC,GAAG,EAAEH,IAAI;QACTI,SAAS,EAAEH,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,KAAK;QAC/BI,YAAY,EAAE,IAAI,CAAClB,KAAK,CAACmB,kBAAkB,CAACN,IAAI;MAClD,CAAC;MAED,oBACEhC,KAAA,CAAA4B,aAAA,CAAC1B,KAAA,CAAAqC,IAAI,CAACC,GAAG,MAAAC,SAAA,CAAAC,OAAA;QACPC,GAAG,EAAEX,IAAI,CAACX,uBAAY,CAAC,EAAEuB,QAAQ,CAAC,CAAC,IAAI,MAAMxB,YAAY,QAAQa,CAAC;MAAG,GACjEC,QAAQ,CACb,CAAC;IAEN,CAAC,CACQ,CAAC;EAEhB;AACF;AAACW,OAAA,CAAArC,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -255,7 +255,7 @@ SCell {
   }
 }
 
-SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCell[name='Symbol(SELECT_ALL)'] {
+SRow[accordionType='row'] > SCellWrapper > SCell, SCell[withAccordion], SCell[name='SELECT_ALL_ROWS'] {
   cursor: pointer;
 }
 

package/lib/cjs/components/DataTable/DataTable.js

@@ -11,7 +11,6 @@ var _core = require("@semcore/core");
 var _baseComponents = require("@semcore/base-components");
 var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
 var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
-var _findComponent = _interopRequireDefault(require("@semcore/core/lib/utils/findComponent"));
 var _hasParent = require("@semcore/core/lib/utils/hasParent");
 var _rafTrottle = _interopRequireDefault(require("@semcore/core/lib/utils/rafTrottle"));
 var _ref3 = require("@semcore/core/lib/utils/ref");
@@ -19,6 +18,7 @@ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID
 var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
 var _widgetEmpty = require("@semcore/widget-empty");
 var React = _interopRequireWildcard(require("react"));
+var _ScrollBars = require("./ScrollBars");
 var _SelectableRows = require("../../store/SelectableRows");
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 var _Body = require("../Body/Body");
@@ -27,47 +27,49 @@ var _Head = require("../Head/Head");
 var _SRAnnouncer = require("../RowSelector/SRAnnouncer");
 var _SRReactiveAnnouncer = require("../RowSelector/SRReactiveAnnouncer");
 /*!__reshadow-styles__:"./dataTable.shadow.css"*/
-const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDataTable_wo0cb_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content;grid-auto-rows:min-content}.___SDataTable_wo0cb_gg_.__isDataEmpty_wo0cb_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_wo0cb_gg_.__gridTemplateColumns_wo0cb_gg_{grid-template-columns:var(--gridTemplateColumns_wo0cb)}.___SDataTable_wo0cb_gg_.__gridTemplateAreas_wo0cb_gg_{grid-template-areas:var(--gridTemplateAreas_wo0cb)}.___SDataTable_wo0cb_gg_.__gridTemplateRows_wo0cb_gg_{grid-template-rows:var(--gridTemplateRows_wo0cb)}", /*__inner_css_end__*/"wo0cb_gg_"),
+const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes moveBarWithScroll_pypp4{0%{transform:translateY(0)}to{transform:translateY(calc(var(--global-scroll-to) - var(--global-header-height)))}}.___SDataTable_pypp4_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content;grid-auto-rows:min-content;scroll-behavior:smooth}.___SDataTable_pypp4_gg_.__isDataEmpty_pypp4_gg_{display:block;align-items:initial;min-width:initial}.___SDataTable_pypp4_gg_.__gridTemplateColumns_pypp4_gg_{grid-template-columns:var(--gridTemplateColumns_pypp4)}.___SDataTable_pypp4_gg_.__gridTemplateAreas_pypp4_gg_{grid-template-areas:var(--gridTemplateAreas_pypp4)}.___SDataTable_pypp4_gg_.__gridTemplateRows_pypp4_gg_{grid-template-rows:var(--gridTemplateRows_pypp4)}.___SScrollAreaBarInHeader_pypp4_gg_.__withAnimation_pypp4_gg_{animation-name:moveBarWithScroll_pypp4;animation-timeline:--table-sticky-timeline;animation-range-start:exit-crossing calc(-1*var(--global-header-top));animation-range-end:exit-crossing calc(100% - var(--global-header-top) - var(--global-header-height));animation-timing-function:linear;animation-fill-mode:both}", /*__inner_css_end__*/"pypp4_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SDataTable": "___SDataTable_wo0cb_gg_",
-  "_isDataEmpty": "__isDataEmpty_wo0cb_gg_",
-  "_gridTemplateColumns": "__gridTemplateColumns_wo0cb_gg_",
-  "--gridTemplateColumns": "--gridTemplateColumns_wo0cb",
-  "_gridTemplateAreas": "__gridTemplateAreas_wo0cb_gg_",
-  "--gridTemplateAreas": "--gridTemplateAreas_wo0cb",
-  "_gridTemplateRows": "__gridTemplateRows_wo0cb_gg_",
-  "--gridTemplateRows": "--gridTemplateRows_wo0cb"
+  "__SDataTable": "___SDataTable_pypp4_gg_",
+  "_isDataEmpty": "__isDataEmpty_pypp4_gg_",
+  "_gridTemplateColumns": "__gridTemplateColumns_pypp4_gg_",
+  "--gridTemplateColumns": "--gridTemplateColumns_pypp4",
+  "_gridTemplateAreas": "__gridTemplateAreas_pypp4_gg_",
+  "--gridTemplateAreas": "--gridTemplateAreas_pypp4",
+  "_gridTemplateRows": "__gridTemplateRows_pypp4_gg_",
+  "--gridTemplateRows": "--gridTemplateRows_pypp4",
+  "__SScrollAreaBarInHeader": "___SScrollAreaBarInHeader_pypp4_gg_",
+  "_withAnimation": "__withAnimation_pypp4_gg_",
+  "@moveBarWithScroll": "moveBarWithScroll_pypp4"
 });
 /*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
-const scrollStyles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScrollArea_j4820_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_{overflow:visible;overflow:initial}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_both_j4820_gg_{overflow:auto}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_both_j4820_gg_.__loading_j4820_gg_,.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_horizontal_j4820_gg_.__loading_j4820_gg_,.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_vertical_j4820_gg_.__loading_j4820_gg_{overflow:hidden}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_horizontal_j4820_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_._scrollDirection_vertical_j4820_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_.__headerHeight_j4820_gg_{scroll-padding-top:var(--headerHeight_j4820)}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_.__leftScrollPadding_j4820_gg_{scroll-padding-left:var(--leftScrollPadding_j4820)}.___SScrollArea_j4820_gg_ .___SContainer_j4820_gg_.__rightScrollPadding_j4820_gg_{scroll-padding-right:var(--rightScrollPadding_j4820)}.___SScrollArea_j4820_gg_ .___SShadowHorizontal_j4820_gg_::before,.___SScrollArea_j4820_gg_ .___SShadowHorizontal_j4820_gg_:after,.___SScrollArea_j4820_gg_ .___SShadowVertical_j4820_gg_::after{z-index:20}.___SScrollArea_j4820_gg_ .___SShadowHorizontal_j4820_gg_.__leftOffset_j4820_gg_::before,.___SScrollArea_j4820_gg_ .___SShadowHorizontal_j4820_gg_.__rightOffset_j4820_gg_::after,.___SScrollArea_j4820_gg_ .___SShadowVertical_j4820_gg_::before{display:none}", /*__inner_css_end__*/"j4820_gg_"),
+const scrollStyles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScrollArea_1aftg_gg_{width:-moz-fit-content;width:fit-content;view-timeline:--table-sticky-timeline block}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_{overflow:visible;overflow:initial}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_both_1aftg_gg_{overflow:auto}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_both_1aftg_gg_.__loading_1aftg_gg_,.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_horizontal_1aftg_gg_.__loading_1aftg_gg_,.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_vertical_1aftg_gg_.__loading_1aftg_gg_{overflow:hidden}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_horizontal_1aftg_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_._scrollDirection_vertical_1aftg_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_.__headerHeight_1aftg_gg_{scroll-padding-top:var(--headerHeight_1aftg)}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_.__leftScrollPadding_1aftg_gg_{scroll-padding-left:var(--leftScrollPadding_1aftg)}.___SScrollArea_1aftg_gg_ .___SContainer_1aftg_gg_.__rightScrollPadding_1aftg_gg_{scroll-padding-right:var(--rightScrollPadding_1aftg)}.___SScrollArea_1aftg_gg_ .___SShadowHorizontal_1aftg_gg_::before,.___SScrollArea_1aftg_gg_ .___SShadowHorizontal_1aftg_gg_:after,.___SScrollArea_1aftg_gg_ .___SShadowVertical_1aftg_gg_::after{z-index:20}.___SScrollArea_1aftg_gg_ .___SShadowHorizontal_1aftg_gg_.__leftOffset_1aftg_gg_::before,.___SScrollArea_1aftg_gg_ .___SShadowHorizontal_1aftg_gg_.__rightOffset_1aftg_gg_::after,.___SScrollArea_1aftg_gg_ .___SShadowVertical_1aftg_gg_::before{display:none}", /*__inner_css_end__*/"1aftg_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SScrollArea": "___SScrollArea_j4820_gg_",
-  "__SContainer": "___SContainer_j4820_gg_",
-  "_scrollDirection_both": "_scrollDirection_both_j4820_gg_",
-  "_loading": "__loading_j4820_gg_",
-  "_scrollDirection_horizontal": "_scrollDirection_horizontal_j4820_gg_",
-  "_scrollDirection_vertical": "_scrollDirection_vertical_j4820_gg_",
-  "_headerHeight": "__headerHeight_j4820_gg_",
-  "--headerHeight": "--headerHeight_j4820",
-  "_leftScrollPadding": "__leftScrollPadding_j4820_gg_",
-  "--leftScrollPadding": "--leftScrollPadding_j4820",
-  "_rightScrollPadding": "__rightScrollPadding_j4820_gg_",
-  "--rightScrollPadding": "--rightScrollPadding_j4820",
-  "__SShadowVertical": "___SShadowVertical_j4820_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_j4820_gg_",
-  "_leftOffset": "__leftOffset_j4820_gg_",
-  "_rightOffset": "__rightOffset_j4820_gg_"
+  "__SScrollArea": "___SScrollArea_1aftg_gg_",
+  "__SContainer": "___SContainer_1aftg_gg_",
+  "_scrollDirection_both": "_scrollDirection_both_1aftg_gg_",
+  "_loading": "__loading_1aftg_gg_",
+  "_scrollDirection_horizontal": "_scrollDirection_horizontal_1aftg_gg_",
+  "_scrollDirection_vertical": "_scrollDirection_vertical_1aftg_gg_",
+  "_headerHeight": "__headerHeight_1aftg_gg_",
+  "--headerHeight": "--headerHeight_1aftg",
+  "_leftScrollPadding": "__leftScrollPadding_1aftg_gg_",
+  "--leftScrollPadding": "--leftScrollPadding_1aftg",
+  "_rightScrollPadding": "__rightScrollPadding_1aftg_gg_",
+  "--rightScrollPadding": "--rightScrollPadding_1aftg",
+  "__SShadowVertical": "___SShadowVertical_1aftg_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_1aftg_gg_",
+  "_leftOffset": "__leftOffset_1aftg_gg_",
+  "_rightOffset": "__rightOffset_1aftg_gg_"
 });
 const ACCORDION = exports.ACCORDION = Symbol('accordion');
 const ROW_GROUP = exports.ROW_GROUP = Symbol('ROW_GROUP');
 const UNIQ_ROW_KEY = exports.UNIQ_ROW_KEY = Symbol('UNIQ_ROW_KEY');
 const IS_EMPTY_DATA_ROW = exports.IS_EMPTY_DATA_ROW = Symbol('IS_EMPTY_DATA_ROW');
-const SELECT_ALL = exports.SELECT_ALL = Symbol('SELECT_ALL');
+const SELECT_ALL = exports.SELECT_ALL = 'SELECT_ALL_ROWS';
 const ROW_INDEX = exports.ROW_INDEX = Symbol('ROW_INDEX');
 const GRID_ROW_INDEX = exports.GRID_ROW_INDEX = Symbol('GRID_ROW_INDEX');
-const SCROLL_BAR_HEIGHT = 12;
 class DataTableRoot extends _core.Component {
   static getDerivedStateFromProps(props, state) {
     if (props.expandedRows === state.expandedRows || props.expandedRows === undefined) {
@@ -112,30 +114,29 @@ class DataTableRoot extends _core.Component {
     (0, _defineProperty2.default)(this, "handleDocumentScroll", (0, _rafTrottle.default)(() => {
       const tableContainer = this.tableContainerRef.current;
       if (!tableContainer) return;
-      const tableContainerTop = tableContainer.getBoundingClientRect().top;
+      const tableRect = tableContainer.getBoundingClientRect();
+      const tableContainerTop = tableRect.top;
       const {
         headerProps
       } = this.asProps;
       const headerContainer = this.headerRef.current;
-      const elements = headerContainer?.querySelectorAll('[role="columnheader"], [data-ui-name="Head.Group"]');
       const top = tableContainerTop - (headerProps?.top ?? 0);
       const headerScrollBar = headerProps?.withScrollBar ? this.scrollAreaRef.current?.querySelector(`[role=scrollbar][aria-orientation=horizontal]`) : undefined;
-      if (top && top < 0) {
-        const translate = `translateY(${Math.abs(top)}px)`;
-        elements?.forEach(column => {
-          if (column instanceof HTMLElement) {
-            column.style.setProperty('transform', translate);
-          }
-        });
+      if (top && top < 0 && Math.abs(top) <= tableContainer.clientHeight) {
+        let translate = `translateY(${Math.abs(top)}px)`;
+        if (tableRect.bottom <= this.getHeaderHeight()) {
+          translate = `translateY(${Math.abs(top) - this.getHeaderHeight() - tableRect.bottom}px)`;
+        }
+        if (headerContainer instanceof HTMLElement) {
+          headerContainer.style.setProperty('--global-scroll-translate', `${Math.abs(top)}px`);
+        }
         if (headerScrollBar instanceof HTMLElement) {
           headerScrollBar.style.setProperty('transform', translate);
         }
       } else {
-        elements?.forEach(column => {
-          if (column instanceof HTMLElement) {
-            column.style.removeProperty('transform');
-          }
-        });
+        if (headerContainer instanceof HTMLElement) {
+          headerContainer.style.removeProperty('--global-scroll-translate');
+        }
         if (headerScrollBar instanceof HTMLElement) {
           headerScrollBar.style.removeProperty('transform');
         }
@@ -472,7 +473,10 @@ class DataTableRoot extends _core.Component {
       if (this.containerResizeEndTimeoutId) {
         clearTimeout(this.containerResizeEndTimeoutId);
       }
-      this.containerResizeEndTimeoutId = setTimeout(this.calculateVerticalShadow, 0);
+      this.containerResizeEndTimeoutId = setTimeout(() => {
+        this.calculateVerticalShadow();
+        this.calculateStickyHeaderAnimation();
+      }, 0);
       this.asProps.onResize?.(entries, observer);
     });
     (0, _defineProperty2.default)(this, "getScrollOffsetValue", () => {
@@ -558,7 +562,13 @@ class DataTableRoot extends _core.Component {
       });
     }
     if (headerProps?.sticky && (0, _canUseDOM.default)() && this.scrollDirection === 'horizontal') {
-      document.addEventListener('scroll', this.handleDocumentScroll);
+      if (!this.withAnimation) {
+        document.addEventListener('scroll', this.handleDocumentScroll, {
+          passive: true
+        });
+      } else {
+        this.calculateStickyHeaderAnimation();
+      }
     }
   }
   componentDidUpdate(prevProps) {
@@ -588,6 +598,29 @@ class DataTableRoot extends _core.Component {
     }
     this.state.expandedRows?.clear();
   }
+  calculateStickyHeaderAnimation() {
+    const {
+      headerProps
+    } = this.asProps;
+    const scrollArea = this.scrollAreaRef.current;
+    const table = this.tableContainerRef.current;
+    if (scrollArea && table) {
+      const currentHeaderHeight = scrollArea.style.getPropertyValue('--global-header-height');
+      const newHeaderHeight = `${this.getHeaderHeight()}px`;
+      scrollArea.style.setProperty('--global-scroll-to', `${table.offsetHeight}px`);
+      scrollArea.style.setProperty('--global-header-top', `${headerProps?.top ?? 0}px`);
+      scrollArea.style.setProperty('--global-header-height', newHeaderHeight);
+      if (currentHeaderHeight && currentHeaderHeight !== newHeaderHeight) {
+        this.forceUpdate();
+      }
+    }
+  }
+  get withAnimation() {
+    if ((0, _canUseDOM.default)()) {
+      return CSS.supports('(animation-timeline: view()) and (animation-range: normal)');
+    }
+    return false;
+  }
   get totalRows() {
     const {
       totalRows
@@ -686,7 +719,8 @@ class DataTableRoot extends _core.Component {
       onCellClick: this.handleCellClick,
       shadowVertical,
       scrollDirection: this.scrollDirection,
-      isDataEmpty: this.isDataEmpty
+      isDataEmpty: this.isDataEmpty,
+      withAnimation: this.withAnimation && this.scrollDirection === 'horizontal' && !this.isDataEmpty
     };
   }
   getBodyProps() {
@@ -808,10 +842,8 @@ class DataTableRoot extends _core.Component {
       gridTemplateColumns,
       gridTemplateAreas
     } = this.gridSettings;
-    const Head = (0, _findComponent.default)(Children, ['DataTable.Head']);
-    const headerPropsToCheck = headerProps ?? Head?.props;
     const headerHeight = headerProps?.h || this.getHeaderHeight();
-    const topOffset = headerPropsToCheck?.sticky || headerPropsToCheck?.withScrollBar ? headerHeight : undefined;
+    const topOffset = headerProps?.sticky || headerProps?.withScrollBar ? headerHeight : undefined;
     const width = w ?? (this.columns.some(c => c.gtcWidth === 'auto' || c.gtcWidth === '1fr') ? '100%' : undefined);
     let gridTemplateRows = undefined;
     if (virtualScroll && typeof virtualScroll !== 'boolean' && 'rowHeight' in virtualScroll) {
@@ -870,16 +902,11 @@ class DataTableRoot extends _core.Component {
         "use:hMax": undefined,
         "use:hMin": undefined
       }, _ref)
-    }), children ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DataTable.Head, null), /*#__PURE__*/React.createElement(DataTable.Body, null)))), headerPropsToCheck?.withScrollBar && topOffset && !loading && /*#__PURE__*/React.createElement(_baseComponents.ScrollArea.Bar, {
-      orientation: "horizontal",
-      top: topOffset - SCROLL_BAR_HEIGHT,
-      zIndex: 20
-    }), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_baseComponents.ScrollArea.Bar, {
-      orientation: "horizontal",
-      zIndex: 20
-    }), /*#__PURE__*/React.createElement(_baseComponents.ScrollArea.Bar, {
-      orientation: "vertical",
-      zIndex: 20
+    }), children ? /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DataTable.Head, null), /*#__PURE__*/React.createElement(DataTable.Body, null)))), /*#__PURE__*/React.createElement(_ScrollBars.ScrollBars, _ref2.cn("ScrollBars", {
+      "loading": loading,
+      "topOffset": topOffset,
+      "withHeaderScrollBar": headerProps?.withScrollBar,
+      "withAnimation": this.withAnimation
     })), selectedRows !== undefined && !Array.isArray(selectedRows) && /*#__PURE__*/React.createElement(_SRReactiveAnnouncer.SRReactiveAnnouncer, _ref2.cn("SRReactiveAnnouncer", {
       "selectedRows": selectedRows,
       "getI18nText": getI18nText
@@ -908,7 +935,7 @@ class DataTableRoot extends _core.Component {
     const treeColumns = [];
     if (selectedRows) {
       const column = {
-        name: SELECT_ALL.toString(),
+        name: SELECT_ALL,
         gtcWidth: 'min-content',
         alignItems: 'flex-start',
         children: ''