@semcore/data-table 16.0.7-prerelease.4 → 16.1.0-prerelease.1

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.1.0] - 2025-08-08
+
+### Added
+
+- `accordionMode` property to only one accordion is open at a time.
+- `onAccordionToggle` to listen for open/close accordion events.
+- Ability to render multiple columns under one single-level column header.
+- RawData to `CellRenderProps`.
+- `line-height` for `Head.Column` items.
+- `overflow=hidden` for `CellWrapper`.
+- `textAlign` property to all column cells.
+- `renderCellOverlay` method for rendering an overlay over table cells.
+
+### Fixed
+
+- Rendering table with selectedRows without data.
+- `z-index` of expanded accordions and spinner container.
+- Usage of `changeSortSize` property with multiple columns.
+- Accordion content expands with visual issues when clicking on a merged cell.
+- Incorrect type for `selectedRows/onSelectedRowsChange` when `uniqueRowKey` type is not a string.
+- Hover styles aren't applied to themed cells.
+- Types for `CellRenderProps` - added ability to compare props.columnName with `ACCORDION` symbol.
+
+### Changed
+
+- Width for column with checkboxes to use `min-content` value.
+- `rowProps` and `renderCell` will not be called when rendering an empty table.
+
 ## [16.0.7] - 2025-07-23
 
 ### Added

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

@@ -29,45 +29,51 @@ var _Row = require("./Row");
 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 ROWS_BUFFER = 20;
 var APROX_ROWS_ON_PAGE = 20;
@@ -94,7 +100,11 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       };
     });
     (0, _defineProperty2["default"])(_this, "handleExpandRow", function (row, index) {
-      var accordionDuration = _this.asProps.accordionDuration;
+      var _this$asProps = _this.asProps,
+        accordionDuration = _this$asProps.accordionDuration,
+        accordionMode = _this$asProps.accordionMode,
+        expandedRows = _this$asProps.expandedRows,
+        onExpandRow = _this$asProps.onExpandRow;
       var openDuration = Array.isArray(accordionDuration) ? accordionDuration[0] : accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : Array.isArray(row[_DataTable.ACCORDION]) ? Math.min(50 * row[_DataTable.ACCORDION].length, 200) : 200;
       var closeDuration = Array.isArray(accordionDuration) ? accordionDuration[1] : accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : Array.isArray(row[_DataTable.ACCORDION]) ? Math.min(50 * row[_DataTable.ACCORDION].length, 200) : 200;
       setTimeout(function () {
@@ -104,25 +114,43 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         }
       }, openDuration + 100); // we need to calculate after expanding animation
 
-      if (_this.asProps.expandedRows.has(row[_DataTable.UNIQ_ROW_KEY])) {
+      if (expandedRows.has(row[_DataTable.UNIQ_ROW_KEY])) {
+        _this.closeAccordion(row, closeDuration);
+      } else {
+        if (accordionMode === 'toggle' && expandedRows.size > 0) {
+          var previousRows = _this.asProps.flatRows.filter(function (r) {
+            return expandedRows.has(r[_DataTable.UNIQ_ROW_KEY]);
+          });
+          if (previousRows.length > 0) {
+            previousRows.forEach(function (previousRow) {
+              if (!_this.state.expandedForAnimation.has(previousRow[_DataTable.UNIQ_ROW_KEY])) {
+                setTimeout(function () {
+                  _this.closeAccordion(previousRow, closeDuration);
+                }, openDuration / 3);
+              }
+            });
+          }
+        }
+        onExpandRow(row);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "closeAccordion", function (row, closeDuration) {
+      var onExpandRow = _this.asProps.onExpandRow;
+      _this.setState(function (prevState) {
+        prevState.expandedForAnimation.add(row[_DataTable.UNIQ_ROW_KEY]);
+        return {
+          expandedForAnimation: new Set((0, _toConsumableArray2["default"])(prevState.expandedForAnimation))
+        };
+      });
+      setTimeout(function () {
+        onExpandRow(row);
         _this.setState(function (prevState) {
-          prevState.expandedForAnimation.add(row[_DataTable.UNIQ_ROW_KEY]);
+          prevState.expandedForAnimation["delete"](row[_DataTable.UNIQ_ROW_KEY]);
           return {
             expandedForAnimation: new Set((0, _toConsumableArray2["default"])(prevState.expandedForAnimation))
           };
         });
-        setTimeout(function () {
-          _this.asProps.onExpandRow(row);
-          _this.setState(function (prevState) {
-            prevState.expandedForAnimation["delete"](row[_DataTable.UNIQ_ROW_KEY]);
-            return {
-              expandedForAnimation: new Set((0, _toConsumableArray2["default"])(prevState.expandedForAnimation))
-            };
-          });
-        }, closeDuration + 100); // we need to remove it from list of grid calculations after expanding animation
-      } else {
-        _this.asProps.onExpandRow(row);
-      }
+      }, closeDuration + 100); // we need to remove it from list of grid calculations after expanding animation
     });
     (0, _defineProperty2["default"])(_this, "handleClickRow", function (row, index) {
       return function (e) {
@@ -142,26 +170,26 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
   return (0, _createClass2["default"])(BodyRoot, [{
     key: "getRowProps",
     value: function getRowProps(props) {
-      var _this$asProps = this.asProps,
-        use = _this$asProps.use,
-        gridTemplateAreas = _this$asProps.gridTemplateAreas,
-        gridTemplateColumns = _this$asProps.gridTemplateColumns,
-        expandedRows = _this$asProps.expandedRows,
-        columns = _this$asProps.columns,
-        onExpandRow = _this$asProps.onExpandRow,
-        loading = _this$asProps.loading,
-        hasGroups = _this$asProps.hasGroups,
-        scrollAreaRef = _this$asProps.scrollAreaRef,
-        uid = _this$asProps.uid,
-        onBackFromAccordion = _this$asProps.onBackFromAccordion,
-        rowProps = _this$asProps.rowProps,
-        rows = _this$asProps.rows,
-        flatRows = _this$asProps.flatRows,
-        sideIndents = _this$asProps.sideIndents,
-        selectedRows = _this$asProps.selectedRows,
-        onSelectRow = _this$asProps.onSelectRow,
-        getFixedStyle = _this$asProps.getFixedStyle,
-        accordionDuration = _this$asProps.accordionDuration;
+      var _this$asProps2 = this.asProps,
+        use = _this$asProps2.use,
+        gridTemplateAreas = _this$asProps2.gridTemplateAreas,
+        gridTemplateColumns = _this$asProps2.gridTemplateColumns,
+        expandedRows = _this$asProps2.expandedRows,
+        columns = _this$asProps2.columns,
+        onExpandRow = _this$asProps2.onExpandRow,
+        loading = _this$asProps2.loading,
+        hasGroups = _this$asProps2.hasGroups,
+        scrollAreaRef = _this$asProps2.scrollAreaRef,
+        uid = _this$asProps2.uid,
+        onBackFromAccordion = _this$asProps2.onBackFromAccordion,
+        rowProps = _this$asProps2.rowProps,
+        rows = _this$asProps2.rows,
+        flatRows = _this$asProps2.flatRows,
+        sideIndents = _this$asProps2.sideIndents,
+        selectedRows = _this$asProps2.selectedRows,
+        onSelectRow = _this$asProps2.onSelectRow,
+        getFixedStyle = _this$asProps2.getFixedStyle,
+        accordionDuration = _this$asProps2.accordionDuration;
       var row = props.row;
       var index = row[_DataTable.ROW_INDEX];
       var rowIndex = Array.from(expandedRows !== null && expandedRows !== void 0 ? expandedRows : []).reduce(function (acc, item) {
@@ -217,17 +245,19 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       var _props$children,
         _value3,
         _this2 = this;
-      var _this$asProps2 = this.asProps,
-        use = _this$asProps2.use,
-        renderCell = _this$asProps2.renderCell,
-        expandedRows = _this$asProps2.expandedRows,
-        styles = _this$asProps2.styles,
-        getI18nText = _this$asProps2.getI18nText,
-        virtualScroll = _this$asProps2.virtualScroll,
-        tableRef = _this$asProps2.tableRef,
-        flatRows = _this$asProps2.flatRows,
-        accordionDuration = _this$asProps2.accordionDuration,
-        onCellClick = _this$asProps2.onCellClick;
+      var _this$asProps3 = this.asProps,
+        use = _this$asProps3.use,
+        renderCell = _this$asProps3.renderCell,
+        expandedRows = _this$asProps3.expandedRows,
+        styles = _this$asProps3.styles,
+        getI18nText = _this$asProps3.getI18nText,
+        virtualScroll = _this$asProps3.virtualScroll,
+        tableRef = _this$asProps3.tableRef,
+        flatRows = _this$asProps3.flatRows,
+        accordionDuration = _this$asProps3.accordionDuration,
+        onCellClick = _this$asProps3.onCellClick,
+        rawData = _this$asProps3.rawData,
+        shadowVertical = _this$asProps3.shadowVertical;
       var SAccordionToggle = _button.ButtonLink;
       var dataKey = props.column.name;
       var cellValue = props.row[dataKey];
@@ -250,12 +280,18 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
         use: use,
         virtualScroll: Boolean(virtualScroll),
         tableRef: tableRef,
-        children: (_props$children = props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender(),
+        children: (_props$children = props === null || props === void 0 ? void 0 : props.children) !== null && _props$children !== void 0 ? _props$children : defaultRender(),
         accordionDuration: accordionDuration,
-        onClick: onCellClick
+        onClick: onCellClick,
+        flatRows: this.asProps.flatRows,
+        shadowVertical: shadowVertical
       };
       if (renderCell) {
         var _value$toString, _value2;
+        var rowRawData = rawData[props.rowIndex];
+        if (props.accordionRowIndex && rowRawData[_DataTable.ACCORDION] && Array.isArray(rowRawData[_DataTable.ACCORDION])) {
+          rowRawData = rowRawData[_DataTable.ACCORDION][props.accordionRowIndex];
+        }
         var external = renderCell({
           columnName: props.column.name,
           row: props.row,
@@ -266,7 +302,8 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
           defaultRender: defaultRender,
           value: /*#__PURE__*/React.isValidElement(value) ? value : (_value$toString = (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.toString()) !== null && _value$toString !== void 0 ? _value$toString : '',
           isMergedRows: isMergedRows,
-          isMergedColumns: isMergedColumns
+          isMergedColumns: isMergedColumns,
+          rawData: rowRawData
         });
         if (this.isReactNode(external) || Array.isArray(external)) {
           extraProps.children = external;
@@ -332,19 +369,20 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       var SBody = _baseComponents.Box;
       var SRowGroup = _baseComponents.Box;
       var SSpinContainer = _baseComponents.Box;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        loading = _this$asProps3.loading,
-        headerHeight = _this$asProps3.headerHeight,
-        spinnerRef = _this$asProps3.spinnerRef,
-        virtualScroll = _this$asProps3.virtualScroll,
-        scrollDirection = _this$asProps3.scrollDirection,
-        tableContainerRef = _this$asProps3.tableContainerRef,
-        scrollTop = _this$asProps3.scrollTop,
-        renderEmptyData = _this$asProps3.renderEmptyData,
-        columns = _this$asProps3.columns,
-        uid = _this$asProps3.uid,
-        rows = _this$asProps3.rows;
+      var _this$asProps4 = this.asProps,
+        styles = _this$asProps4.styles,
+        loading = _this$asProps4.loading,
+        headerHeight = _this$asProps4.headerHeight,
+        spinnerRef = _this$asProps4.spinnerRef,
+        virtualScroll = _this$asProps4.virtualScroll,
+        scrollDirection = _this$asProps4.scrollDirection,
+        tableContainerRef = _this$asProps4.tableContainerRef,
+        scrollTop = _this$asProps4.scrollTop,
+        renderEmptyData = _this$asProps4.renderEmptyData,
+        columns = _this$asProps4.columns,
+        uid = _this$asProps4.uid,
+        rows = _this$asProps4.rows,
+        renderCellOverlay = _this$asProps4.renderCellOverlay;
       var rowsToRender = rows;
       var startIndex = -1;
       var lastIndex = -1;
@@ -420,7 +458,7 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       var rowMarginTop = (_this$rowsHeightMap$g5 = this.rowsHeightMap.get(startIndex - 1)) === null || _this$rowsHeightMap$g5 === void 0 ? void 0 : _this$rowsHeightMap$g5[1];
       var emptyRow = null;
       if (rowsToRender.length === 0) {
-        emptyRow = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _DataTable.UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), _DataTable.ROW_INDEX, 0), columns[0].name, new _MergedCells.MergedColumnsCell(renderEmptyData(), {
+        emptyRow = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _DataTable.UNIQ_ROW_KEY, "".concat(uid, "_empty_data")), _DataTable.IS_EMPTY_DATA_ROW, true), _DataTable.ROW_INDEX, 0), columns[0].name, new _MergedCells.MergedColumnsCell(renderEmptyData(), {
           dataKey: columns[0].name,
           size: columns.length
         }));
@@ -433,6 +471,7 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
       }), typeof virtualScroll === 'boolean' && rowMarginTop && /*#__PURE__*/React.createElement(_baseComponents.Box, _ref3.cn("Box", {
         "h": rowMarginTop
       })), rowsToRender.map(function (row, index) {
+        var _row$UNIQ_ROW_KEY;
         if (Array.isArray(row)) {
           var _ref4;
           return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SRowGroup, _ref4.cn("SRowGroup", {
@@ -440,19 +479,20 @@ var BodyRoot = /*#__PURE__*/function (_Component) {
             "key": "gg_".concat(row[0][_DataTable.UNIQ_ROW_KEY]),
             "ref": _this3.handleRef(startIndex + index, row[0])
           }), row.map(function (item, i) {
+            var _item$UNIQ_ROW_KEY;
             return /*#__PURE__*/React.createElement(Body.Row, {
-              key: item[_DataTable.UNIQ_ROW_KEY],
+              key: (_item$UNIQ_ROW_KEY = item[_DataTable.UNIQ_ROW_KEY]) === null || _item$UNIQ_ROW_KEY === void 0 ? void 0 : _item$UNIQ_ROW_KEY.toString(),
               row: item,
               mergedRow: i > 0 ? true : false
             });
           }));
         }
         return /*#__PURE__*/React.createElement(Body.Row, {
-          key: row[_DataTable.UNIQ_ROW_KEY],
+          key: (_row$UNIQ_ROW_KEY = row[_DataTable.UNIQ_ROW_KEY]) === null || _row$UNIQ_ROW_KEY === void 0 ? void 0 : _row$UNIQ_ROW_KEY.toString(),
           row: row,
           ref: virtualScroll ? _this3.handleRef(startIndex + index, row) : undefined
         });
-      }), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
+      }), renderCellOverlay === null || renderCellOverlay === void 0 ? void 0 : renderCellOverlay(), loading && /*#__PURE__*/React.createElement(SSpinContainer, _ref3.cn("SSpinContainer", {
         "innerOutline": true,
         "headerHeight": "".concat(headerHeight, "px"),
         "tabIndex": -1,