@semcore/data-table 16.4.0 → 16.4.2-prerelease.3

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.4.2] - 2025-10-30
+
+### Fixed
+
+- Low performance when opening an accordion with a large number of rows.
+- Keyboard interaction after mouse clicking in Safari.
+
+## [16.4.1] - 2025-10-17
+
+### Fixed
+
+- Background color in expanded state when a theme is applied to a single cell.
+- Limited mode doesn't prevent interaction with accordion.
+
 ## [16.4.0] - 2025-10-03
 
 ### Added

package/lib/cjs/components/AccordionRows/AccordionRows.js

@@ -0,0 +1,176 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionRows = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = require("@semcore/core");
+var _baseComponents = require("@semcore/base-components");
+var _react = _interopRequireDefault(require("react"));
+var _Row = require("../Body/Row");
+/*!__reshadow-styles__:"../Body/style.shadow.css"*/
+var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBody_oaa9z_gg_,.___SRowGroup_oaa9z_gg_,.___SRow_oaa9z_gg_{display:contents}.___SAccordionRows_oaa9z_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_oaa9z);overflow:clip;transition-property:max-height;transition-duration:var(--duration_oaa9z);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SCell_oaa9z_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SCell_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SRow_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SCollapseRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level],.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SBody_oaa9z_gg_.__compact_oaa9z_gg_ .___SCell_oaa9z_gg_ .___SAccordionToggle_oaa9z_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_oaa9z_gg_.__gridArea_oaa9z_gg_,.___SCollapseRow_oaa9z_gg_.__gridArea_oaa9z_gg_,.___SRow_oaa9z_gg_.__gridArea_oaa9z_gg_{grid-area:var(--gridArea_oaa9z)}.___SCellWrapper_oaa9z_gg_{height:100%;overflow:hidden}.___SCollapseRow_oaa9z_gg_.__gridArea_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_,.___SRow_oaa9z_gg_.__isAccordionRow_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_{height:auto;overflow:auto}.___SAccordionRows_oaa9z_gg_>.___SRow_oaa9z_gg_.__isAccordionRow_oaa9z_gg_:last-child>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__withoutBorder_oaa9z_gg_),.___SCollapseRow_oaa9z_gg_.__gridArea_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__withoutBorder_oaa9z_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_{display:block}.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_).__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_,.___SRow_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._accordionType_row_oaa9z_gg_.__expanded_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_oaa9z_gg_._theme_muted_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_oaa9z_gg_._theme_info_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SCell_oaa9z_gg_._theme_success_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SCell_oaa9z_gg_._theme_warning_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SCell_oaa9z_gg_._theme_danger_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}.___SCollapseRow_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_.__isAccordionRow_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:not(._accordionType_row_oaa9z_gg_.__expanded_oaa9z_gg_):hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_muted_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_muted_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_muted_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_info_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_info_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_info_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_success_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_success_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_success_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_warning_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_warning_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_warning_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]._theme_danger_oaa9z_gg_:not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not([aria-hidden]),.___SRowGroup_oaa9z_gg_:has(.___SCell_oaa9z_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_oaa9z_gg_:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden])>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_danger_oaa9z_gg_:not([aria-hidden]),.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_:hover:not(.__expanded_oaa9z_gg_.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_):not([aria-hidden]),.___SRow_oaa9z_gg_:hover:not(.__isNonInteractive_oaa9z_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_oaa9z_gg_:hover))>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_._theme_danger_oaa9z_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_muted_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_info_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_success_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_warning_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_ .___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_):not(.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_ .___SCell_oaa9z_gg_.__expanded_oaa9z_gg_.__withAccordion_oaa9z_gg_:not(.__theme_oaa9z_gg_),.___SRow_oaa9z_gg_._theme_danger_oaa9z_gg_.__active_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_:not(.__theme_oaa9z_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_oaa9z_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_oaa9z_gg_ .___SAccordionToggle_oaa9z_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_oaa9z_gg_ .___SAccordionToggle_oaa9z_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_oaa9z_gg_ .___SAccordionToggle_oaa9z_gg_.__expanded_oaa9z_gg_ svg{transform:rotate(90deg)}.___SCell_oaa9z_gg_.__withoutBorder_oaa9z_gg_{border-bottom:none}.___SCell_oaa9z_gg_.__withAccordion_oaa9z_gg_,.___SCell_oaa9z_gg_._name_Symbol\\(SELECT_ALL\\)_oaa9z_gg_,.___SRow_oaa9z_gg_._accordionType_row_oaa9z_gg_>.___SCellWrapper_oaa9z_gg_>.___SCell_oaa9z_gg_{cursor:pointer}.___SCheckboxCell_oaa9z_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCell_oaa9z_gg_._use_primary_oaa9z_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_oaa9z_gg_._use_primary_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SCell_oaa9z_gg_._use_secondary_oaa9z_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_oaa9z_gg_._use_secondary_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SCell_oaa9z_gg_._borders_both_oaa9z_gg_,.___SCell_oaa9z_gg_._borders_left_oaa9z_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_oaa9z_gg_._borders_both_oaa9z_gg_,.___SCell_oaa9z_gg_._borders_right_oaa9z_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_oaa9z_gg_.__fixed_oaa9z_gg_{position:sticky;z-index:2}.___SCell_oaa9z_gg_._theme_muted_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_oaa9z_gg_._theme_info_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_oaa9z_gg_._theme_success_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_oaa9z_gg_._theme_warning_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_oaa9z_gg_._theme_danger_oaa9z_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_oaa9z_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_oaa9z_gg_:focus-visible{z-index:15}.___SSpinContainer_oaa9z_gg_.__headerHeight_oaa9z_gg_{top:var(--headerHeight_oaa9z)}.___SEmptyData_oaa9z_gg_{grid-column:1/-1}.___SCollapseRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_,.___SRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level],.___SRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:first-child .___SCell_oaa9z_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_oaa9z) - 1)))}.___SCollapseRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:last-child .___SCell_oaa9z_gg_,.___SRow_oaa9z_gg_._sideIndents_wide_oaa9z_gg_ .___SCellWrapper_oaa9z_gg_:last-child .___SCell_oaa9z_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_oaa9z_gg_.__fixed_oaa9z_gg_.__shadowVertical_oaa9z_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_median_oaa9z_gg_,.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_start_oaa9z_gg_{margin-right:-5px}.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_median_oaa9z_gg_:after,.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_start_oaa9z_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_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_median_oaa9z_gg_ .___SCell_oaa9z_gg_,.___SCellWrapper_oaa9z_gg_._fixed_left_oaa9z_gg_._shadowVertical_start_oaa9z_gg_ .___SCell_oaa9z_gg_{margin-right:5px}.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_end_oaa9z_gg_,.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_median_oaa9z_gg_{margin-left:-5px}.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_end_oaa9z_gg_:after,.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_median_oaa9z_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_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_end_oaa9z_gg_ .___SCell_oaa9z_gg_,.___SCellWrapper_oaa9z_gg_._fixed_right_oaa9z_gg_._shadowVertical_median_oaa9z_gg_ .___SCell_oaa9z_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_oaa9z_gg_.__gridArea_oaa9z_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_oaa9z);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_oaa9z_gg_.__left_oaa9z_gg_{position:sticky;left:var(---left_oaa9z)}.___SCell_oaa9z_gg_.__innerOutline_oaa9z_gg_:focus-visible{transition:none}", /*__inner_css_end__*/"oaa9z_gg_"),
+/*__reshadow_css_end__*/
+{
+  "__SBody": "___SBody_oaa9z_gg_",
+  "__SRow": "___SRow_oaa9z_gg_",
+  "__SRowGroup": "___SRowGroup_oaa9z_gg_",
+  "__SAccordionRows": "___SAccordionRows_oaa9z_gg_",
+  "--gridRow": "--gridRow_oaa9z",
+  "--duration": "--duration_oaa9z",
+  "_gridArea": "__gridArea_oaa9z_gg_",
+  "__SCellWrapper": "___SCellWrapper_oaa9z_gg_",
+  "__SCollapseRow": "___SCollapseRow_oaa9z_gg_",
+  "--gridArea": "--gridArea_oaa9z",
+  "_isAccordionRow": "__isAccordionRow_oaa9z_gg_",
+  "__SCell": "___SCell_oaa9z_gg_",
+  "_withoutBorder": "__withoutBorder_oaa9z_gg_",
+  "_active": "__active_oaa9z_gg_",
+  "_theme": "__theme_oaa9z_gg_",
+  "_accordionType_row": "_accordionType_row_oaa9z_gg_",
+  "_expanded": "__expanded_oaa9z_gg_",
+  "_withAccordion": "__withAccordion_oaa9z_gg_",
+  "_theme_muted": "_theme_muted_oaa9z_gg_",
+  "_theme_info": "_theme_info_oaa9z_gg_",
+  "_theme_success": "_theme_success_oaa9z_gg_",
+  "_theme_warning": "_theme_warning_oaa9z_gg_",
+  "_theme_danger": "_theme_danger_oaa9z_gg_",
+  "_isNonInteractive": "__isNonInteractive_oaa9z_gg_",
+  "__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_oaa9z_gg_",
+  "_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_oaa9z_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_oaa9z_gg_",
+  "_borders_both": "_borders_both_oaa9z_gg_",
+  "_borders_left": "_borders_left_oaa9z_gg_",
+  "_borders_right": "_borders_right_oaa9z_gg_",
+  "_fixed": "__fixed_oaa9z_gg_",
+  "__SSpinContainer": "___SSpinContainer_oaa9z_gg_",
+  "_headerHeight": "__headerHeight_oaa9z_gg_",
+  "--headerHeight": "--headerHeight_oaa9z",
+  "__SEmptyData": "___SEmptyData_oaa9z_gg_",
+  "_left": "__left_oaa9z_gg_",
+  "---left": "---left_oaa9z",
+  "_innerOutline": "__innerOutline_oaa9z_gg_",
+  "_compact": "__compact_oaa9z_gg_",
+  "--data-aria-level": "--data-aria-level_oaa9z",
+  "_sideIndents_wide": "_sideIndents_wide_oaa9z_gg_",
+  "__SAccordionToggle": "___SAccordionToggle_oaa9z_gg_",
+  "_use_primary": "_use_primary_oaa9z_gg_",
+  "_use_secondary": "_use_secondary_oaa9z_gg_",
+  "_shadowVertical": "__shadowVertical_oaa9z_gg_",
+  "_fixed_left": "_fixed_left_oaa9z_gg_",
+  "_shadowVertical_median": "_shadowVertical_median_oaa9z_gg_",
+  "_shadowVertical_start": "_shadowVertical_start_oaa9z_gg_",
+  "_fixed_right": "_fixed_right_oaa9z_gg_",
+  "_shadowVertical_end": "_shadowVertical_end_oaa9z_gg_"
+});
+var AccordionRows = exports.AccordionRows = /*#__PURE__*/function (_React$PureComponent) {
+  function AccordionRows() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, AccordionRows);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = (0, _callSuper2["default"])(this, AccordionRows, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "accordionRowsRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "state", {
+      maxHeight: 0
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(AccordionRows, _React$PureComponent);
+  return (0, _createClass2["default"])(AccordionRows, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$props = this.props,
+        expanded = _this$props.expanded,
+        rows = _this$props.rows,
+        expandedForAnimation = _this$props.expandedForAnimation;
+      if (prevProps.expanded !== expanded && expanded) {
+        this.setState({
+          maxHeight: 2000 // some value, more than real window height
+        });
+      }
+      if (prevProps.rows !== rows && this.accordionRowsRef.current) {
+        this.setState({
+          maxHeight: this.accordionRowsRef.current.scrollHeight
+        });
+      }
+      if (prevProps.expandedForAnimation !== expandedForAnimation && expandedForAnimation && !expanded) {
+        this.setState({
+          maxHeight: 0
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref;
+      var SAccordionRows = _baseComponents.Box;
+      var _this$props2 = this.props,
+        accordionId = _this$props2.accordionId,
+        rows = _this$props2.rows,
+        expanded = _this$props2.expanded,
+        expandedForAnimation = _this$props2.expandedForAnimation,
+        getFixedStyle = _this$props2.getFixedStyle,
+        columns = _this$props2.columns,
+        rowIndex = _this$props2.rowIndex,
+        ariaLevel = _this$props2['aria-level'],
+        gridRowIndex = _this$props2.gridRowIndex,
+        use = _this$props2.use,
+        shadowVertical = _this$props2.shadowVertical,
+        accordionDuration = _this$props2.accordionDuration,
+        accordionAnimationRows = _this$props2.accordionAnimationRows,
+        variant = _this$props2.variant,
+        flatRows = _this$props2.flatRows,
+        sideIndents = _this$props2.sideIndents,
+        renderCell = _this$props2.renderCell,
+        rawData = _this$props2.rawData,
+        limit = _this$props2.limit;
+      return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAccordionRows, _ref.cn("SAccordionRows", {
+        "id": accordionId,
+        "role": 'rowgroup',
+        "aria-hidden": !expanded,
+        "ref": this.accordionRowsRef,
+        "hMax": "".concat(this.state.maxHeight, "px"),
+        "duration": "".concat(accordionDuration, "ms"),
+        "gridRow": "".concat(gridRowIndex + 1, " / ").concat(gridRowIndex + 1 + rows.length)
+      }), (expanded || expandedForAnimation) && rows.map(function (subrow, i) {
+        return /*#__PURE__*/_react["default"].createElement(_Row.Row, {
+          key: i
+          // @ts-ignore
+          ,
+          row: subrow,
+          columns: columns,
+          rows: rows,
+          rowIndex: rowIndex,
+          "aria-hidden": !expanded,
+          "aria-posinset": i + 1,
+          "aria-level": ariaLevel + 1,
+          gridRowIndex: gridRowIndex + 1 + i,
+          isAccordionRow: true,
+          accordionIndex: i,
+          getFixedStyle: getFixedStyle,
+          animationExpand: expanded,
+          accordionRowIndex: i,
+          use: use,
+          shadowVertical: shadowVertical,
+          accordionDuration: accordionDuration,
+          accordionAnimationRows: accordionAnimationRows,
+          variant: variant,
+          flatRows: flatRows,
+          sideIndents: sideIndents,
+          renderCell: renderCell,
+          rawData: rawData,
+          limit: limit
+        });
+      }));
+    }
+  }]);
+}(_react["default"].PureComponent);
+//# sourceMappingURL=AccordionRows.js.map

package/lib/cjs/components/AccordionRows/AccordionRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionRows.js","names":["_core","require","_baseComponents","_react","_interopRequireDefault","_Row","styles","sstyled","insert","AccordionRows","exports","_React$PureComponent","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","maxHeight","_inherits2","_createClass2","key","value","componentDidUpdate","prevProps","_this$props","props","expanded","rows","expandedForAnimation","setState","accordionRowsRef","current","scrollHeight","render","_ref","SAccordionRows","Box","_this$props2","accordionId","getFixedStyle","columns","rowIndex","ariaLevel","gridRowIndex","use","shadowVertical","accordionDuration","accordionAnimationRows","variant","flatRows","sideIndents","renderCell","rawData","limit","createElement","cn","state","map","subrow","i","Row","row","isAccordionRow","accordionIndex","animationExpand","accordionRowIndex","PureComponent"],"sources":["../../../../src/components/AccordionRows/AccordionRows.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/core/lib/utils/rafTrottle';\nimport React from 'react';\n\nimport type { CellRenderProps } from '../Body/Body.types';\nimport { Row } from '../Body/Row';\nimport type { DTRow, DTRows } from '../Body/Row.types';\nimport styles from '../Body/style.shadow.css';\nimport type { DataTableData, DataTableProps, DataRowItem, DTUse } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype AccordionRowsProps<Data extends DataTableData, UniqKeyType> = {\n  accordionId: string;\n  expanded: boolean;\n  expandedForAnimation: boolean;\n\n  tableRef: React.RefObject<HTMLDivElement>;\n\n  use: DTUse;\n  columns: DTColumn[];\n  row: DTRow<UniqKeyType> | DTRow<UniqKeyType>[];\n  rows: DTRows<UniqKeyType>;\n  flatRows: DTRow<UniqKeyType>[];\n  rowIndex: number; // from 0\n  gridRowIndex: number; // from 1 + 1 (or 2 if it has group) header\n  accordionDuration: number | [number, number];\n  accordionAnimationRows: number;\n  sideIndents: 'wide' | undefined;\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n\n  renderCell: ((props: CellRenderProps<Data[number], UniqKeyType>) => React.ReactNode | Record<string, any>) | undefined;\n  rawData: DataRowItem[];\n  shadowVertical: '' | 'end' | 'start' | 'median' | undefined;\n  variant: DataTableProps<any, any, any>['variant'];\n  limit: DataTableProps<any, any, any>['limit'];\n} & {\n  'aria-level': number;\n};\n\ntype State = {\n  maxHeight: number;\n};\n\nexport class AccordionRows<Data extends DataTableData, UniqKeyType> extends React.PureComponent<AccordionRowsProps<Data, UniqKeyType>, State> {\n  accordionRowsRef = React.createRef<HTMLDivElement>();\n\n  state: State = {\n    maxHeight: 0,\n  };\n\n  componentDidUpdate(prevProps: Readonly<AccordionRowsProps<Data, UniqKeyType>>): void {\n    const { expanded, rows, expandedForAnimation } = this.props;\n\n    if (prevProps.expanded !== expanded && expanded) {\n      this.setState({\n        maxHeight: 2000, // some value, more than real window height\n      });\n    }\n    if (prevProps.rows !== rows && this.accordionRowsRef.current) {\n      this.setState({\n        maxHeight: this.accordionRowsRef.current.scrollHeight,\n      });\n    }\n    if (prevProps.expandedForAnimation !== expandedForAnimation && expandedForAnimation && !expanded) {\n      this.setState({ maxHeight: 0 });\n    }\n  }\n\n  render(): React.ReactNode {\n    const SAccordionRows = Box;\n\n    const {\n      accordionId,\n      rows,\n      expanded,\n      expandedForAnimation,\n      getFixedStyle,\n      columns,\n      rowIndex,\n      'aria-level': ariaLevel,\n      gridRowIndex,\n      use,\n      shadowVertical,\n      accordionDuration,\n      accordionAnimationRows,\n      variant,\n      flatRows,\n      sideIndents,\n      renderCell,\n      rawData,\n      limit,\n    } = this.props;\n\n    return sstyled(styles)(\n      <SAccordionRows\n        id={accordionId}\n        role='rowgroup'\n        aria-hidden={!expanded}\n        ref={this.accordionRowsRef}\n        hMax={`${this.state.maxHeight}px`}\n        // @ts-ignore\n        duration={`${accordionDuration}ms`}\n        gridRow={`${gridRowIndex + 1} / ${gridRowIndex + 1 + rows.length}`}\n      >\n        {(expanded || expandedForAnimation) && rows.map((subrow, i) => {\n          return (\n            <Row\n              key={i}\n              // @ts-ignore\n              row={subrow}\n              columns={columns}\n              rows={rows}\n              rowIndex={rowIndex}\n              aria-hidden={!expanded}\n              aria-posinset={i + 1}\n              aria-level={ariaLevel + 1}\n              gridRowIndex={gridRowIndex + 1 + i}\n              isAccordionRow={true}\n              accordionIndex={i}\n              getFixedStyle={getFixedStyle}\n              animationExpand={expanded}\n              accordionRowIndex={i}\n              use={use}\n              shadowVertical={shadowVertical}\n              accordionDuration={accordionDuration}\n              accordionAnimationRows={accordionAnimationRows}\n              variant={variant}\n              flatRows={flatRows}\n              sideIndents={sideIndents}\n              renderCell={renderCell}\n              rawData={rawData}\n              limit={limit}\n            />\n          );\n        })}\n      </SAccordionRows>,\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}