@semcore/data-table 16.0.7 → 16.1.0-prerelease.2

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

@@ -24,45 +24,51 @@ var _MergedCells = require("./MergedCells");
 var _DataTable = require("../DataTable/DataTable");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1qpr0_gg_,.___SBody_1qpr0_gg_,.___SRowGroup_1qpr0_gg_,.___SRow_1qpr0_gg_{display:contents}.___SBody_1qpr0_gg_.__compact_1qpr0_gg_ .___SCell_1qpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1qpr0_gg_.__compact_1qpr0_gg_ .___SCell_1qpr0_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1qpr0) - 1)))}.___SCellWrapper_1qpr0_gg_.__gridArea_1qpr0_gg_,.___SCollapseRow_1qpr0_gg_.__gridArea_1qpr0_gg_,.___SRow_1qpr0_gg_.__gridArea_1qpr0_gg_{grid-area:var(--gridArea_1qpr0)}.___SCellWrapper_1qpr0_gg_{height:100%}.___SAccordionRows_1qpr0_gg_>.___SRow_1qpr0_gg_.__isAccordionRow_1qpr0_gg_:last-child>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_,.___SCollapseRow_1qpr0_gg_.__gridArea_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1qpr0_gg_ .___SCell_1qpr0_gg_{display:block}.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_).__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_,.___SRow_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_._accordionType_row_1qpr0_gg_.__expanded_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_.__isAccordionRow_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_muted_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_),.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_,.___SRow_1qpr0_gg_:not(._accordionType_row_1qpr0_gg_.__expanded_1qpr0_gg_):hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_info_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_success_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_warning_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_danger_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1qpr0_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_.__expanded_1qpr0_gg_ svg{transform:rotate(90deg)}.___SCell_1qpr0_gg_.__withAccordion_1qpr0_gg_,.___SCheckboxCell_1qpr0_gg_,.___SRow_1qpr0_gg_._accordionType_row_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_{cursor:pointer}.___SCell_1qpr0_gg_._use_primary_1qpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qpr0_gg_._use_primary_1qpr0_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1qpr0) - 1)))}.___SCell_1qpr0_gg_._use_secondary_1qpr0_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qpr0_gg_._use_secondary_1qpr0_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_1qpr0) - 1)))}.___SCell_1qpr0_gg_._borders_both_1qpr0_gg_,.___SCell_1qpr0_gg_._borders_left_1qpr0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1qpr0_gg_._borders_both_1qpr0_gg_,.___SCell_1qpr0_gg_._borders_right_1qpr0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1qpr0_gg_.__fixed_1qpr0_gg_{position:sticky;z-index:2}.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1qpr0_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_1qpr0_gg_.__headerHeight_1qpr0_gg_{top:var(--headerHeight_1qpr0)}.___SEmptyData_1qpr0_gg_{grid-column:1/-1}.___SRow_1qpr0_gg_._sideIndents_wide_1qpr0_gg_ .___SCellWrapper_1qpr0_gg_:first-child .___SCell_1qpr0_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1qpr0_gg_._sideIndents_wide_1qpr0_gg_ .___SCellWrapper_1qpr0_gg_:last-child .___SCell_1qpr0_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1qpr0_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_4hfiq_gg_,.___SBody_4hfiq_gg_,.___SRowGroup_4hfiq_gg_,.___SRow_4hfiq_gg_{display:contents}.___SBody_4hfiq_gg_.__compact_4hfiq_gg_ .___SCell_4hfiq_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_4hfiq_gg_.__compact_4hfiq_gg_ .___SCell_4hfiq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_4hfiq) - 1)))}.___SCellWrapper_4hfiq_gg_.__gridArea_4hfiq_gg_,.___SCollapseRow_4hfiq_gg_.__gridArea_4hfiq_gg_,.___SRow_4hfiq_gg_.__gridArea_4hfiq_gg_{grid-area:var(--gridArea_4hfiq)}.___SCellWrapper_4hfiq_gg_{height:100%;overflow:hidden}.___SCollapseRow_4hfiq_gg_.__gridArea_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_,.___SRow_4hfiq_gg_.__isAccordionRow_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_{height:auto;overflow:auto}.___SAccordionRows_4hfiq_gg_>.___SRow_4hfiq_gg_.__isAccordionRow_4hfiq_gg_:last-child>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_,.___SCollapseRow_4hfiq_gg_.__gridArea_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_4hfiq_gg_ .___SCell_4hfiq_gg_{display:block}.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_).__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_,.___SRow_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRow_4hfiq_gg_._accordionType_row_4hfiq_gg_.__expanded_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRow_4hfiq_gg_.__isAccordionRow_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_muted_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_muted_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_muted_4hfiq_gg_,.___SRow_4hfiq_gg_:not(._accordionType_row_4hfiq_gg_.__expanded_4hfiq_gg_):hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_info_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_info_4hfiq_gg_,.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_info_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_success_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_success_4hfiq_gg_,.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_success_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_warning_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_warning_4hfiq_gg_,.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_warning_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]._theme_danger_4hfiq_gg_,.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_),.___SRowGroup_4hfiq_gg_:has(.___SCell_4hfiq_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_4hfiq_gg_:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_danger_4hfiq_gg_,.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_:hover:not(.__expanded_4hfiq_gg_.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_):not(.__expanded_4hfiq_gg_.__withAccordion_4hfiq_gg_),.___SRow_4hfiq_gg_:hover:not(.__isNonInteractive_4hfiq_gg_)>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_._theme_danger_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_4hfiq_gg_._theme_muted_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_4hfiq_gg_._theme_info_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_4hfiq_gg_._theme_success_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_4hfiq_gg_._theme_warning_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_ .___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_4hfiq_gg_._theme_danger_4hfiq_gg_.__active_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_:not(.__theme_4hfiq_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_4hfiq_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_4hfiq_gg_ .___SAccordionToggle_4hfiq_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_4hfiq_gg_ .___SAccordionToggle_4hfiq_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_4hfiq_gg_ .___SAccordionToggle_4hfiq_gg_.__expanded_4hfiq_gg_ svg{transform:rotate(90deg)}.___SCell_4hfiq_gg_.__withAccordion_4hfiq_gg_,.___SCheckboxCell_4hfiq_gg_,.___SRow_4hfiq_gg_._accordionType_row_4hfiq_gg_>.___SCellWrapper_4hfiq_gg_>.___SCell_4hfiq_gg_{cursor:pointer}.___SCell_4hfiq_gg_._use_primary_4hfiq_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_4hfiq_gg_._use_primary_4hfiq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_4hfiq) - 1)))}.___SCell_4hfiq_gg_._use_secondary_4hfiq_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_4hfiq_gg_._use_secondary_4hfiq_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_4hfiq) - 1)))}.___SCell_4hfiq_gg_._borders_both_4hfiq_gg_,.___SCell_4hfiq_gg_._borders_left_4hfiq_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_4hfiq_gg_._borders_both_4hfiq_gg_,.___SCell_4hfiq_gg_._borders_right_4hfiq_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_4hfiq_gg_.__fixed_4hfiq_gg_{position:sticky;z-index:2}.___SCell_4hfiq_gg_._theme_muted_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_4hfiq_gg_._theme_info_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_4hfiq_gg_._theme_success_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_4hfiq_gg_._theme_warning_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_4hfiq_gg_._theme_danger_4hfiq_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_4hfiq_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_4hfiq_gg_:focus-visible{z-index:15}.___SSpinContainer_4hfiq_gg_.__headerHeight_4hfiq_gg_{top:var(--headerHeight_4hfiq)}.___SEmptyData_4hfiq_gg_{grid-column:1/-1}.___SRow_4hfiq_gg_._sideIndents_wide_4hfiq_gg_ .___SCellWrapper_4hfiq_gg_:first-child .___SCell_4hfiq_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_4hfiq_gg_._sideIndents_wide_4hfiq_gg_ .___SCellWrapper_4hfiq_gg_:last-child .___SCell_4hfiq_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_4hfiq_gg_.__fixed_4hfiq_gg_.__shadowVertical_4hfiq_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_median_4hfiq_gg_,.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_start_4hfiq_gg_{margin-right:-5px}.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_median_4hfiq_gg_:after,.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_start_4hfiq_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_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_median_4hfiq_gg_ .___SCell_4hfiq_gg_,.___SCellWrapper_4hfiq_gg_._fixed_left_4hfiq_gg_._shadowVertical_start_4hfiq_gg_ .___SCell_4hfiq_gg_{margin-right:5px}.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_end_4hfiq_gg_,.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_median_4hfiq_gg_{margin-left:-5px}.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_end_4hfiq_gg_:after,.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_median_4hfiq_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_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_end_4hfiq_gg_ .___SCell_4hfiq_gg_,.___SCellWrapper_4hfiq_gg_._fixed_right_4hfiq_gg_._shadowVertical_median_4hfiq_gg_ .___SCell_4hfiq_gg_{margin-left:5px}", /*__inner_css_end__*/"4hfiq_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_1qpr0_gg_",
-  "__SRow": "___SRow_1qpr0_gg_",
-  "__SRowGroup": "___SRowGroup_1qpr0_gg_",
-  "__SAccordionRows": "___SAccordionRows_1qpr0_gg_",
-  "_gridArea": "__gridArea_1qpr0_gg_",
-  "__SCellWrapper": "___SCellWrapper_1qpr0_gg_",
-  "__SCollapseRow": "___SCollapseRow_1qpr0_gg_",
-  "--gridArea": "--gridArea_1qpr0",
-  "__SCell": "___SCell_1qpr0_gg_",
-  "_isAccordionRow": "__isAccordionRow_1qpr0_gg_",
-  "_active": "__active_1qpr0_gg_",
-  "_theme": "__theme_1qpr0_gg_",
-  "_accordionType_row": "_accordionType_row_1qpr0_gg_",
-  "_expanded": "__expanded_1qpr0_gg_",
-  "_withAccordion": "__withAccordion_1qpr0_gg_",
-  "_isNonInteractive": "__isNonInteractive_1qpr0_gg_",
-  "_theme_muted": "_theme_muted_1qpr0_gg_",
-  "_theme_info": "_theme_info_1qpr0_gg_",
-  "_theme_success": "_theme_success_1qpr0_gg_",
-  "_theme_warning": "_theme_warning_1qpr0_gg_",
-  "_theme_danger": "_theme_danger_1qpr0_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_1qpr0_gg_",
-  "_borders_both": "_borders_both_1qpr0_gg_",
-  "_borders_left": "_borders_left_1qpr0_gg_",
-  "_borders_right": "_borders_right_1qpr0_gg_",
-  "_fixed": "__fixed_1qpr0_gg_",
-  "__SSpinContainer": "___SSpinContainer_1qpr0_gg_",
-  "_headerHeight": "__headerHeight_1qpr0_gg_",
-  "--headerHeight": "--headerHeight_1qpr0",
-  "__SEmptyData": "___SEmptyData_1qpr0_gg_",
-  "_compact": "__compact_1qpr0_gg_",
-  "--data-aria-level": "--data-aria-level_1qpr0",
-  "__SAccordionToggle": "___SAccordionToggle_1qpr0_gg_",
-  "_use_primary": "_use_primary_1qpr0_gg_",
-  "_use_secondary": "_use_secondary_1qpr0_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_1qpr0_gg_"
+  "__SBody": "___SBody_4hfiq_gg_",
+  "__SRow": "___SRow_4hfiq_gg_",
+  "__SRowGroup": "___SRowGroup_4hfiq_gg_",
+  "__SAccordionRows": "___SAccordionRows_4hfiq_gg_",
+  "_gridArea": "__gridArea_4hfiq_gg_",
+  "__SCellWrapper": "___SCellWrapper_4hfiq_gg_",
+  "__SCollapseRow": "___SCollapseRow_4hfiq_gg_",
+  "--gridArea": "--gridArea_4hfiq",
+  "_isAccordionRow": "__isAccordionRow_4hfiq_gg_",
+  "__SCell": "___SCell_4hfiq_gg_",
+  "_active": "__active_4hfiq_gg_",
+  "_theme": "__theme_4hfiq_gg_",
+  "_accordionType_row": "_accordionType_row_4hfiq_gg_",
+  "_expanded": "__expanded_4hfiq_gg_",
+  "_withAccordion": "__withAccordion_4hfiq_gg_",
+  "_isNonInteractive": "__isNonInteractive_4hfiq_gg_",
+  "_theme_muted": "_theme_muted_4hfiq_gg_",
+  "_theme_info": "_theme_info_4hfiq_gg_",
+  "_theme_success": "_theme_success_4hfiq_gg_",
+  "_theme_warning": "_theme_warning_4hfiq_gg_",
+  "_theme_danger": "_theme_danger_4hfiq_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_4hfiq_gg_",
+  "_borders_both": "_borders_both_4hfiq_gg_",
+  "_borders_left": "_borders_left_4hfiq_gg_",
+  "_borders_right": "_borders_right_4hfiq_gg_",
+  "_fixed": "__fixed_4hfiq_gg_",
+  "__SSpinContainer": "___SSpinContainer_4hfiq_gg_",
+  "_headerHeight": "__headerHeight_4hfiq_gg_",
+  "--headerHeight": "--headerHeight_4hfiq",
+  "__SEmptyData": "___SEmptyData_4hfiq_gg_",
+  "_compact": "__compact_4hfiq_gg_",
+  "--data-aria-level": "--data-aria-level_4hfiq",
+  "__SAccordionToggle": "___SAccordionToggle_4hfiq_gg_",
+  "_use_primary": "_use_primary_4hfiq_gg_",
+  "_use_secondary": "_use_secondary_4hfiq_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_4hfiq_gg_",
+  "_shadowVertical": "__shadowVertical_4hfiq_gg_",
+  "_fixed_left": "_fixed_left_4hfiq_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_4hfiq_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_4hfiq_gg_",
+  "_fixed_right": "_fixed_right_4hfiq_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_4hfiq_gg_"
 });
 var RowRoot = /*#__PURE__*/function (_Component) {
   function RowRoot() {
@@ -156,7 +162,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowUniqKey) ? 'info' : undefined,
         "use:expanded": expanded && !mergedRow
       }, _ref))), columns.map(function (column, i) {
-        if (selectedRows && i === 0) {
+        if (selectedRows && i === 0 && row[_DataTable.IS_EMPTY_DATA_ROW] !== true) {
           var _ref3;
           var checked = selectedRows.includes(rowUniqKey);
           return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SCheckboxCell, _ref3.cn("SCheckboxCell", {
@@ -173,7 +179,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
             "checked": checked,
             "aria-labelledby": "".concat(uid, "_").concat(ariaRowIndex, "_1"),
             "onChange": _this2.handleSelectRow
-          })));
+          }), /*#__PURE__*/React.createElement(_checkbox["default"].Value, null)));
         }
         var index = i;
         var cellValue = row[column.name];
@@ -215,8 +221,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         "visible": expanded,
         "interactive": true,
         "gridArea": accordionDataGridArea,
-        "duration": accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : 200,
-        "zIndex": 5
+        "duration": accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : 200
       }), /*#__PURE__*/React.createElement(SCell, _ref2.cn("SCell", {
         "aria-colindex": 1,
         "aria-level": ariaLevel + 1,
@@ -228,8 +233,6 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         "column": {
           name: _DataTable.ACCORDION
         },
-        "position": 'sticky',
-        "left": 0,
         "w": '100%',
         "onKeyDown": this.handleBackFromAccordion
       }), accordion)), row[_DataTable.ACCORDION] && Array.isArray(row[_DataTable.ACCORDION]) && /*#__PURE__*/React.createElement(SAccordionRows, _ref2.cn("SAccordionRows", {

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

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

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

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

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

@@ -18,6 +18,12 @@ SRow[gridArea], SCellWrapper[gridArea], SCollapseRow[gridArea] {
 
 SCellWrapper {
   height: 100%;
+  overflow: hidden;
+}
+
+SCollapseRow[gridArea] > SCellWrapper, SRow[isAccordionRow] > SCellWrapper {
+  height: auto;
+  overflow: auto;
 }
 
 SCollapseRow[gridArea] > SCellWrapper > SCell,
@@ -30,9 +36,8 @@ SCollapseRow SCell {
 }
 
 /* DEFAULT THEME */
+
 SRow[active] > SCellWrapper > SCell:not([theme]) {
-  /* The color is hardcoded because need hex(in figma rgba) */
-  /* disable-tokens-validator */
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
@@ -55,19 +60,17 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
 
   /* MUTED THEME */
   SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='muted'],
-  SRow[theme='muted']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
+  SRow[theme='muted']:hover:not([expanded][isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='muted'],
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='muted']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
   SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='muted'],
   SRowGroup:has(SCell:hover) > SRow[theme='muted']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
-    /* The color is hardcoded because need hex(in figma rgba) */
-    /* disable-tokens-validator */
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
   /* INFO THEME */
   SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='info'],
-  SRow[theme='info']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
+  SRow[theme='info']:hover:not([expanded][isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='info'],
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
   SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info'],
@@ -77,17 +80,17 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
 
   /* SUCCESS THEME */
   SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='success'],
-  SRow[theme='success']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
+  SRow[theme='success']:hover:not([expanded][isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='success'],
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='success']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
   SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='success'],
-  SRowGroup:has(SCell:hover) > SRow[theme='success']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  SRowGroup:has(SCell:hover) > SRow[theme='success']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
     background-color: var(--intergalactic-table-td-cell-new-hover, #9ef2c9);
   }
 
   /* WARNING THEME */
   SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='warning'],
-  SRow[theme='warning']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
+  SRow[theme='warning']:hover:not([expanded][isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='warning'],
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='warning']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
   SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='warning'],
@@ -97,7 +100,7 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
 
   /* DANGER THEME */
   SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='danger'],
-  SRow[theme='danger']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
+  SRow[theme='danger']:hover:not([expanded][isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='danger'],
   SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='danger']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
   SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='danger'],
@@ -107,17 +110,17 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
 }
 
 /* MUTED THEME */
+
 SRow[theme='muted'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-unread, #f4f5f9);
 }
 
 SRow[theme='muted'][active] > SCellWrapper > SCell:not([theme]) {
-  /* The color is hardcoded because need hex(in figma rgba) */
-  /* disable-tokens-validator */
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
 /* INFO THEME */
+
 SRow[theme='info'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-selected, #e9f7ff);
 }
@@ -127,6 +130,7 @@ SRow[theme='info'][active] > SCellWrapper > SCell:not([theme]) {
 }
 
 /* SUCCESS THEME */
+
 SRow[theme='success'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-new, #dbfee8);
 }
@@ -136,6 +140,7 @@ SRow[theme='success'][active] > SCellWrapper > SCell:not([theme]) {
 }
 
 /* WARNING THEME */
+
 SRow[theme='warning'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-warning, #fff3d9);
 }
@@ -145,6 +150,7 @@ SRow[theme='warning'][active] > SCellWrapper > SCell:not([theme]) {
 }
 
 /* DANGER THEME */
+
 SRow[theme='danger'] SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-critical, #fff0f7);
 }
@@ -161,12 +167,12 @@ SCell {
   color: var(--intergalactic-text-primary, #191b23);
   box-sizing: border-box;
   border-bottom: 1px solid var(--intergalactic-border-secondary, #e0e1e9);
-  overflow: hidden;
   white-space: pre-wrap;
   word-break: break-word;
   font-variant-numeric: tabular-nums;
   transition: width calc(var(--intergalactic-duration-extra-fast, 100) * 1ms) ease-in-out;
   outline: none;
+  overflow: hidden;
 
   SAccordionToggle {
     margin-right: var(--intergalactic-spacing-3x, 12px);
@@ -250,7 +256,12 @@ SSpinContainer {
   align-items: center;
   justify-content: center;
   background-color: var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));
+  z-index: 15;
+}
+SSpinContainer:focus-visible {
+  z-index: 15;
 }
+
 SSpinContainer[headerHeight] {
   top: var(--headerHeight);
 }
@@ -263,7 +274,51 @@ SRow[sideIndents='wide'] {
   SCellWrapper:first-child SCell {
     padding-left: var(--intergalactic-spacing-5x, 20px);
   }
+
   SCellWrapper:last-child SCell {
     padding-right: var(--intergalactic-spacing-5x, 20px);
   }
 }
+
+SCellWrapper[fixed][shadowVertical] {
+  &:after {
+    content: '';
+    position: absolute;
+    pointer-events: none;
+    display: none;
+    top: 0;
+    width: 5px;
+    height: 100%;
+    z-index: 5;
+  }
+}
+
+SCellWrapper[fixed='left'][shadowVertical='median'],
+SCellWrapper[fixed='left'][shadowVertical='start'] {
+  margin-right: -5px;
+
+  &:after {
+    display: block;
+    right: 0;
+    background: var(--intergalactic-scroll-area-shadow-left,
+    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
+  }
+  SCell {
+    margin-right: 5px;
+  }
+}
+SCellWrapper[fixed='right'][shadowVertical='median'],
+SCellWrapper[fixed='right'][shadowVertical='end'] {
+  margin-left: -5px;
+  &:after {
+    display: block;
+    left: 0;
+    background: var(--intergalactic-scroll-area-shadow-right,
+    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%));
+  }
+
+  SCell {
+    margin-left: 5px;
+  }
+}
+