@semcore/data-table 16.0.1 → 16.0.2-prerelease.2

package/lib/es6/components/Body/Body.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Body.types.js","names":[],"sources":["../../../../src/components/Body/Body.types.ts"],"sourcesContent":["import { DTRow } from './Row.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { DTUse, VirtualScroll } from '../DataTable/DataTable.types';\nimport { Theme } from './Cell.types';\n\nexport type CellRenderProps = {\n  dataKey: string;\n  row: DTRow;\n  column: DTColumn;\n  rowIndex: number;\n  columnIndex: number;\n  columnName: string;\n  value: string | React.ReactElement;\n  defaultRender: () => React.ReactNode;\n  isMergedRows: boolean;\n  isMergedColumns: boolean;\n};\n\nexport type DataTableBodyProps = {\n  renderCell?: (\n    props: CellRenderProps,\n  ) => React.ReactNode | (Record<string, any> & { theme?: Theme });\n\n  rowProps?: (\n    row: DTRow,\n    rowIndex: number,\n  ) => (Record<string, any> & { theme?: Theme }) | undefined;\n};\n\nexport type BodyPropsInner = DataTableBodyProps & {\n  rows: Array<DTRow | DTRow[]>;\n  flatRows: DTRow[];\n  columns: DTColumn[];\n  use: DTUse;\n  compact: boolean;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  loading?: boolean;\n  headerHeight: number;\n  getI18nText: (key: string) => string;\n  expandedRows: Set<string>;\n  onExpandRow: (row: DTRow) => void;\n  spinnerRef: React.RefObject<HTMLDivElement>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  tableRef: React.RefObject<HTMLDivElement>;\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  scrollTop: number;\n  scrollDirection: 'down' | 'up';\n  virtualScroll?: VirtualScroll;\n  hasGroups: boolean;\n  uid: string;\n  rowProps?: (row: DTRow, rowIndex: number) => Record<string, any> | undefined;\n  renderCell?: (props: CellRenderProps) => React.ReactNode | Record<string, any>;\n  onBackFromAccordion: (colIndex: number) => void;\n  stickyHeader?: boolean;\n  selectedRows?: number[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n  renderEmptyData: () => React.ReactNode;\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":""}
+{"version":3,"file":"Body.types.js","names":[],"sources":["../../../../src/components/Body/Body.types.ts"],"sourcesContent":["import { DTRow } from './Row.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { DTUse, VirtualScroll } from '../DataTable/DataTable.types';\nimport { Theme } from './Cell.types';\n\nexport type CellRenderProps = {\n  dataKey: string;\n  row: DTRow;\n  column: DTColumn;\n  rowIndex: number;\n  columnIndex: number;\n  columnName: string;\n  value: string | React.ReactElement;\n  defaultRender: () => React.ReactNode;\n  isMergedRows: boolean;\n  isMergedColumns: boolean;\n};\n\nexport type DataTableBodyProps = {\n  renderCell?: (\n    props: CellRenderProps,\n  ) => React.ReactNode | (Record<string, any> & { theme?: Theme });\n\n  rowProps?: (\n    row: DTRow,\n    rowIndex: number,\n  ) => (Record<string, any> & { theme?: Theme }) | undefined;\n};\n\nexport type BodyPropsInner = DataTableBodyProps & {\n  rows: Array<DTRow | DTRow[]>;\n  flatRows: DTRow[];\n  columns: DTColumn[];\n  use: DTUse;\n  compact: boolean;\n  gridTemplateColumns: string[];\n  gridTemplateAreas: string[];\n  loading?: boolean;\n  headerHeight: number;\n  getI18nText: (key: string) => string;\n  expandedRows: Set<string>;\n  onExpandRow: (row: DTRow) => void;\n  spinnerRef: React.RefObject<HTMLDivElement>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  tableRef: React.RefObject<HTMLDivElement>;\n  scrollAreaRef: React.RefObject<HTMLDivElement>;\n  scrollTop: number;\n  scrollDirection: 'down' | 'up';\n  virtualScroll?: VirtualScroll;\n  hasGroups: boolean;\n  uid: string;\n  rowProps?: (row: DTRow, rowIndex: number) => Record<string, any> | undefined;\n  renderCell?: (props: CellRenderProps) => React.ReactNode | Record<string, any>;\n  onBackFromAccordion: (colIndex: number) => void;\n  stickyHeader?: boolean;\n  selectedRows?: number[];\n  onSelectRow?: (\n    isSelect: boolean,\n    selectedRowIndex: number,\n    row: DTRow,\n    event?: React.SyntheticEvent<HTMLElement>,\n  ) => void;\n  renderEmptyData: () => React.ReactNode;\n  sideIndents?: 'wide';\n  getFixedStyle: (\n    cell: Pick<DTColumn, 'name' | 'fixed'>,\n  ) => [side: 'left' | 'right', style: string | number] | [side: undefined, style: undefined];\n  accordionDuration?: number | [number, number];\n};\n"],"mappings":""}

package/lib/es6/components/Body/Cell.js

@@ -9,48 +9,51 @@ import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import * as React from 'react';
 import { Component, Root, sstyled, createComponent } from '@semcore/core';
-import { Flex } from '@semcore/base-components';
+import { Box, Collapse, Flex } from '@semcore/base-components';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBody_yrn54_gg_,.___SRowGroup_yrn54_gg_,.___SRow_yrn54_gg_{display:contents}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_.__gridArea_yrn54_gg_,.___SCollapseRow_yrn54_gg_.__gridArea_yrn54_gg_,.___SRow_yrn54_gg_.__gridArea_yrn54_gg_{grid-area:var(--gridArea_yrn54)}.___SCollapseRow_yrn54_gg_ .___SCell_yrn54_gg_{display:block}.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_).__expanded_yrn54_gg_.__withAccordion_yrn54_gg_,.___SRow_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_.__isAccordionRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRow_yrn54_gg_._theme_muted_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRow_yrn54_gg_:not(._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_):hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_info_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_info_yrn54_gg_,.___SRow_yrn54_gg_._theme_info_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_success_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_success_yrn54_gg_,.___SRow_yrn54_gg_._theme_success_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_warning_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_,.___SRow_yrn54_gg_._theme_warning_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_danger_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_,.___SRow_yrn54_gg_._theme_danger_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_yrn54_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_yrn54_gg_ .___SAccordionToggle_yrn54_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_.__expanded_yrn54_gg_ svg{transform:rotate(90deg)}.___SCell_yrn54_gg_.__withAccordion_yrn54_gg_,.___SCheckboxCell_yrn54_gg_,.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_>.___SCell_yrn54_gg_{cursor:pointer}.___SCell_yrn54_gg_._use_primary_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_primary_yrn54_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_yrn54) - 1)))}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_secondary_yrn54_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_yrn54) - 1)))}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_left_yrn54_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_right_yrn54_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_.__fixed_yrn54_gg_{position:sticky;z-index:2}.___SCell_yrn54_gg_._theme_muted_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_yrn54_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_yrn54_gg_.__headerHeight_yrn54_gg_{top:var(--headerHeight_yrn54)}.___SEmptyData_yrn54_gg_{grid-column:1/-1}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"yrn54_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAccordionRows_1vm8a_gg_,.___SBody_1vm8a_gg_,.___SRowGroup_1vm8a_gg_,.___SRow_1vm8a_gg_{display:contents}.___SBody_1vm8a_gg_.__compact_1vm8a_gg_ .___SCell_1vm8a_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1vm8a_gg_.__compact_1vm8a_gg_ .___SCell_1vm8a_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1vm8a) - 1)))}.___SCellWrapper_1vm8a_gg_.__gridArea_1vm8a_gg_,.___SCollapseRow_1vm8a_gg_.__gridArea_1vm8a_gg_,.___SRow_1vm8a_gg_.__gridArea_1vm8a_gg_{grid-area:var(--gridArea_1vm8a)}.___SCellWrapper_1vm8a_gg_{height:100%}.___SAccordionRows_1vm8a_gg_>.___SRow_1vm8a_gg_.__isAccordionRow_1vm8a_gg_:last-child>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_,.___SCollapseRow_1vm8a_gg_.__gridArea_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1vm8a_gg_ .___SCell_1vm8a_gg_{display:block}.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_).__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_,.___SRow_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_._accordionType_row_1vm8a_gg_.__expanded_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_.__isAccordionRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_muted_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_),.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_,.___SRow_1vm8a_gg_:not(._accordionType_row_1vm8a_gg_.__expanded_1vm8a_gg_):hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_info_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_success_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_warning_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_danger_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1vm8a_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_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_.__expanded_1vm8a_gg_ svg{transform:rotate(90deg)}.___SCell_1vm8a_gg_.__withAccordion_1vm8a_gg_,.___SCheckboxCell_1vm8a_gg_,.___SRow_1vm8a_gg_._accordionType_row_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_{cursor:pointer}.___SCell_1vm8a_gg_._use_primary_1vm8a_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1vm8a_gg_._use_primary_1vm8a_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_1vm8a) - 1)))}.___SCell_1vm8a_gg_._use_secondary_1vm8a_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1vm8a_gg_._use_secondary_1vm8a_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_1vm8a) - 1)))}.___SCell_1vm8a_gg_._borders_both_1vm8a_gg_,.___SCell_1vm8a_gg_._borders_left_1vm8a_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1vm8a_gg_._borders_both_1vm8a_gg_,.___SCell_1vm8a_gg_._borders_right_1vm8a_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1vm8a_gg_.__fixed_1vm8a_gg_{position:sticky;z-index:2}.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1vm8a_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_1vm8a_gg_.__headerHeight_1vm8a_gg_{top:var(--headerHeight_1vm8a)}.___SEmptyData_1vm8a_gg_{grid-column:1/-1}.___SRow_1vm8a_gg_._sideIndents_wide_1vm8a_gg_ .___SCellWrapper_1vm8a_gg_:first-child .___SCell_1vm8a_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1vm8a_gg_._sideIndents_wide_1vm8a_gg_ .___SCellWrapper_1vm8a_gg_:last-child .___SCell_1vm8a_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1vm8a_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_yrn54_gg_",
-  "__SRow": "___SRow_yrn54_gg_",
-  "__SRowGroup": "___SRowGroup_yrn54_gg_",
-  "_gridArea": "__gridArea_yrn54_gg_",
-  "__SCell": "___SCell_yrn54_gg_",
-  "__SCollapseRow": "___SCollapseRow_yrn54_gg_",
-  "--gridArea": "--gridArea_yrn54",
-  "_active": "__active_yrn54_gg_",
-  "_theme": "__theme_yrn54_gg_",
-  "_accordionType_row": "_accordionType_row_yrn54_gg_",
-  "_expanded": "__expanded_yrn54_gg_",
-  "_withAccordion": "__withAccordion_yrn54_gg_",
-  "_isAccordionRow": "__isAccordionRow_yrn54_gg_",
-  "_theme_muted": "_theme_muted_yrn54_gg_",
-  "_theme_info": "_theme_info_yrn54_gg_",
-  "_theme_success": "_theme_success_yrn54_gg_",
-  "_theme_warning": "_theme_warning_yrn54_gg_",
-  "_theme_danger": "_theme_danger_yrn54_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_yrn54_gg_",
-  "_borders_both": "_borders_both_yrn54_gg_",
-  "_borders_left": "_borders_left_yrn54_gg_",
-  "_borders_right": "_borders_right_yrn54_gg_",
-  "_fixed": "__fixed_yrn54_gg_",
-  "__SSpinContainer": "___SSpinContainer_yrn54_gg_",
-  "_headerHeight": "__headerHeight_yrn54_gg_",
-  "--headerHeight": "--headerHeight_yrn54",
-  "__SEmptyData": "___SEmptyData_yrn54_gg_",
-  "_compact": "__compact_yrn54_gg_",
-  "--data-aria-level": "--data-aria-level_yrn54",
-  "__SAccordionToggle": "___SAccordionToggle_yrn54_gg_",
-  "_use_primary": "_use_primary_yrn54_gg_",
-  "_use_secondary": "_use_secondary_yrn54_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_yrn54_gg_"
+  "__SBody": "___SBody_1vm8a_gg_",
+  "__SRow": "___SRow_1vm8a_gg_",
+  "__SRowGroup": "___SRowGroup_1vm8a_gg_",
+  "__SAccordionRows": "___SAccordionRows_1vm8a_gg_",
+  "_gridArea": "__gridArea_1vm8a_gg_",
+  "__SCellWrapper": "___SCellWrapper_1vm8a_gg_",
+  "__SCollapseRow": "___SCollapseRow_1vm8a_gg_",
+  "--gridArea": "--gridArea_1vm8a",
+  "__SCell": "___SCell_1vm8a_gg_",
+  "_isAccordionRow": "__isAccordionRow_1vm8a_gg_",
+  "_active": "__active_1vm8a_gg_",
+  "_theme": "__theme_1vm8a_gg_",
+  "_accordionType_row": "_accordionType_row_1vm8a_gg_",
+  "_expanded": "__expanded_1vm8a_gg_",
+  "_withAccordion": "__withAccordion_1vm8a_gg_",
+  "_theme_muted": "_theme_muted_1vm8a_gg_",
+  "_theme_info": "_theme_info_1vm8a_gg_",
+  "_theme_success": "_theme_success_1vm8a_gg_",
+  "_theme_warning": "_theme_warning_1vm8a_gg_",
+  "_theme_danger": "_theme_danger_1vm8a_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_1vm8a_gg_",
+  "_borders_both": "_borders_both_1vm8a_gg_",
+  "_borders_left": "_borders_left_1vm8a_gg_",
+  "_borders_right": "_borders_right_1vm8a_gg_",
+  "_fixed": "__fixed_1vm8a_gg_",
+  "__SSpinContainer": "___SSpinContainer_1vm8a_gg_",
+  "_headerHeight": "__headerHeight_1vm8a_gg_",
+  "--headerHeight": "--headerHeight_1vm8a",
+  "__SEmptyData": "___SEmptyData_1vm8a_gg_",
+  "_compact": "__compact_1vm8a_gg_",
+  "--data-aria-level": "--data-aria-level_1vm8a",
+  "__SAccordionToggle": "___SAccordionToggle_1vm8a_gg_",
+  "_use_primary": "_use_primary_1vm8a_gg_",
+  "_use_secondary": "_use_secondary_1vm8a_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1vm8a_gg_"
 });
 import { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';
 import { MergedColumnsCell, MergedRowsCell } from './MergedCells';
 import { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';
+var DEFAULT_ROW_DURATION = 50;
 var CellRoot = /*#__PURE__*/function (_Component) {
   _inherits(CellRoot, _Component);
   var _super = _createSuper(CellRoot);
@@ -129,19 +132,53 @@ var CellRoot = /*#__PURE__*/function (_Component) {
         (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.setAttribute('tabIndex', '0');
       }
     }
+  }, {
+    key: "calculateAnimationSettings",
+    value: function calculateAnimationSettings() {
+      var _this$asProps2 = this.asProps,
+        _this$asProps2$accord = _this$asProps2.accordionRowIndex,
+        accordionRowIndex = _this$asProps2$accord === void 0 ? 0 : _this$asProps2$accord,
+        isAccordionRow = _this$asProps2.isAccordionRow,
+        animationExpand = _this$asProps2.animationExpand,
+        accordionDuration = _this$asProps2.accordionDuration,
+        rows = _this$asProps2.rows;
+      if (!isAccordionRow) {
+        return {};
+      }
+      var rowsLength = rows.length;
+      var durationPerRow = function durationPerRow(duration) {
+        return duration / rowsLength;
+      };
+      var duration = Array.isArray(accordionDuration) ? [durationPerRow(accordionDuration[0]), durationPerRow(accordionDuration[1])] : accordionDuration !== undefined ? durationPerRow(accordionDuration) : rowsLength > 4 ? durationPerRow(200) : DEFAULT_ROW_DURATION;
+      var delay;
+      var delayIndex = animationExpand ? accordionRowIndex : rows.length - 1 - accordionRowIndex;
+      if (Array.isArray(duration)) {
+        delay = [duration[0] * delayIndex, duration[1] * delayIndex];
+      } else if (duration !== undefined) {
+        delay = duration * delayIndex;
+      }
+      return {
+        duration: duration,
+        delay: delay
+      };
+    }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
         _ref2;
+      var SCellWrapper = Box;
       var SCell = Flex;
-      var _this$asProps2 = this.asProps,
-        Children = _this$asProps2.Children,
-        styles = _this$asProps2.styles,
-        row = _this$asProps2.row,
-        column = _this$asProps2.column,
-        columnIndex = _this$asProps2.columnIndex,
-        gridRowIndex = _this$asProps2.gridRowIndex;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        styles = _this$asProps3.styles,
+        row = _this$asProps3.row,
+        column = _this$asProps3.column,
+        columnIndex = _this$asProps3.columnIndex,
+        gridRowIndex = _this$asProps3.gridRowIndex,
+        isAccordionRow = _this$asProps3.isAccordionRow,
+        animationExpand = _this$asProps3.animationExpand,
+        style = _this$asProps3.style;
       var cell = row[column.name];
       var cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;
       var scope = null;
@@ -157,7 +194,21 @@ var CellRoot = /*#__PURE__*/function (_Component) {
       } else {
         gridArea = "".concat(fromRow, " / ").concat(fromCol, " / ").concat(fromRow + 1, " / ").concat(fromCol + 1);
       }
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SCell, _ref2.cn("SCell", _objectSpread({}, _assignProps({
+      var _this$calculateAnimat = this.calculateAnimationSettings(),
+        duration = _this$calculateAnimat.duration,
+        delay = _this$calculateAnimat.delay;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SCellWrapper, _ref2.cn("SCellWrapper", {
+        "gridArea": gridArea,
+        "tag": isAccordionRow ? Collapse : undefined,
+        "visible": animationExpand,
+        "interactive": true,
+        "duration": duration,
+        "delay": delay,
+        "timingFunction": 'linear',
+        "defaultHeight": '100%',
+        "style": style,
+        "fixed": column.fixed
+      }), /*#__PURE__*/React.createElement(SCell, _ref2.cn("SCell", _objectSpread({}, _assignProps({
         "ref": this.cellRef,
         "innerOutline": true,
         "tabIndex": -1,
@@ -175,9 +226,8 @@ var CellRoot = /*#__PURE__*/function (_Component) {
         "flexWrap": column.flexWrap,
         "alignItems": column.alignItems,
         "alignContent": column.alignContent,
-        "justifyContent": column.justifyContent,
-        "fixed": column.fixed
-      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
+        "justifyContent": column.justifyContent
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {}))));
     }
   }]);
   return CellRoot;

package/lib/es6/components/Body/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","names":["React","Component","Root","sstyled","createComponent","Flex","style","_sstyled","insert","getFocusableIn","MergedColumnsCell","MergedRowsCell","isFocusInside","CellRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","currentTarget","lockedCell","focusableChildren","from","children","flatMap","node","key","_this$lockedCell$","focus","startsWith","stopPropagation","preventDefault","target","shiftKey","_focusableChildren","_focusableChildren$","_focusableChildren$2","matches","scrollIntoView","behavior","block","inline","_createClass","value","componentWillUnmount","_this$asProps","asProps","virtualScroll","tableRef","cellRef","current","_tableRef$current","setAttribute","render","_ref","_ref2","SCell","_this$asProps2","Children","styles","row","column","columnIndex","gridRowIndex","cell","name","cellName","dataKey","scope","gridArea","undefined","fromRow","fromCol","columnsCount","rowsCount","createElement","cn","_objectSpread","_assignProps","handleKeyDown","onFocusCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","fixed","Cell"],"sources":["../../../../src/components/Body/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { Flex } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { CellPropsInner, DataTableCellProps } from './Cell.types';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\n\nclass CellRoot extends Component<DataTableCellProps, {}, {}, [], CellPropsInner> {\n  static displayName = 'Cell';\n  static style = style;\n\n  cellRef = React.createRef<HTMLDivElement>();\n\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n  componentWillUnmount() {\n    const { virtualScroll, tableRef } = this.asProps;\n    if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {\n      tableRef.current?.setAttribute('tabIndex', '0');\n    }\n  }\n\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.currentTarget === this.lockedCell[0]) {\n      const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (this.lockedCell[1]) {\n        if (e.key === 'Escape') {\n          this.lockedCell[0]?.focus();\n          this.lockedCell[1] = false;\n        }\n        if (e.key.startsWith('Arrow')) {\n          e.stopPropagation();\n          e.preventDefault();\n        }\n        if (e.key === 'Tab') {\n          if (e.target === focusableChildren[0] && e.shiftKey) {\n            focusableChildren[focusableChildren.length - 1]?.focus();\n            e.preventDefault();\n          } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n            focusableChildren[0]?.focus();\n            e.preventDefault();\n          }\n          e.stopPropagation();\n        }\n      } else if (e.key === 'Enter') {\n        e.preventDefault();\n        e.stopPropagation();\n        this.lockedCell[1] = true;\n        focusableChildren[0]?.focus();\n      }\n    }\n  };\n\n  onFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {\n      e.target.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n        inline: 'center',\n      });\n\n      const focusableChildren = Array.from(e.currentTarget.children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (focusableChildren.length === 1) {\n        focusableChildren[0].focus();\n      } else if (focusableChildren.length > 1) {\n        this.lockedCell = [e.currentTarget, false];\n      }\n    }\n  };\n\n  render() {\n    const SCell = Root;\n    const { Children, styles, row, column, columnIndex, gridRowIndex } = this.asProps;\n\n    const cell = row[column.name];\n    const cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;\n\n    let scope: null | 'rowgroup' | 'colgroup' = null;\n    let gridArea: string | undefined = undefined;\n\n    const fromRow = gridRowIndex;\n    const fromCol = columnIndex + 1;\n\n    if (cell instanceof MergedColumnsCell) {\n      gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n      scope = 'colgroup';\n    } else if (cell instanceof MergedRowsCell) {\n      gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n      scope = 'rowgroup';\n    } else {\n      gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n    }\n\n    return sstyled(styles)(\n      <SCell\n        ref={this.cellRef}\n        render={Flex}\n        innerOutline\n        tabIndex={-1}\n        onKeyDown={this.handleKeyDown}\n        onFocus={this.onFocusCell}\n        name={cellName.toString()}\n        role={'gridcell'}\n        aria-colindex={columnIndex + 1}\n        data-grouped-by={scope}\n        scope={scope}\n        aria-colspan={cell instanceof MergedColumnsCell ? cell.columnsCount : undefined}\n        aria-rowspan={cell instanceof MergedRowsCell ? cell.rowsCount : undefined}\n        gridArea={gridArea}\n        borders={column.borders}\n        flexWrap={column.flexWrap}\n        alignItems={column.alignItems}\n        alignContent={column.alignContent}\n        justifyContent={column.justifyContent}\n        fixed={column.fixed}\n      >\n        <Children />\n      </SCell>,\n    );\n  }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Cell.js","names":["React","Component","Root","sstyled","createComponent","Box","Collapse","Flex","style","_sstyled","insert","getFocusableIn","MergedColumnsCell","MergedRowsCell","isFocusInside","DEFAULT_ROW_DURATION","CellRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","currentTarget","lockedCell","focusableChildren","from","children","flatMap","node","key","_this$lockedCell$","focus","startsWith","stopPropagation","preventDefault","target","shiftKey","_focusableChildren","_focusableChildren$","_focusableChildren$2","matches","scrollIntoView","behavior","block","inline","_createClass","value","componentWillUnmount","_this$asProps","asProps","virtualScroll","tableRef","cellRef","current","_tableRef$current","setAttribute","calculateAnimationSettings","_this$asProps2","_this$asProps2$accord","accordionRowIndex","isAccordionRow","animationExpand","accordionDuration","rows","rowsLength","durationPerRow","duration","isArray","undefined","delay","delayIndex","render","_ref","_ref2","SCellWrapper","SCell","_this$asProps3","Children","styles","row","column","columnIndex","gridRowIndex","cell","name","cellName","dataKey","scope","gridArea","fromRow","fromCol","columnsCount","rowsCount","_this$calculateAnimat","createElement","cn","fixed","_objectSpread","_assignProps","handleKeyDown","onFocusCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","Cell"],"sources":["../../../../src/components/Body/Cell.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { Box, Collapse, Flex } from '@semcore/base-components';\n\nimport style from './style.shadow.css';\nimport { CellPropsInner, DataTableCellProps } from './Cell.types';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\n\nconst DEFAULT_ROW_DURATION = 50;\n\nclass CellRoot extends Component<DataTableCellProps, {}, {}, [], CellPropsInner> {\n  static displayName = 'Cell';\n  static style = style;\n\n  cellRef = React.createRef<HTMLDivElement>();\n\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n  componentWillUnmount() {\n    const { virtualScroll, tableRef } = this.asProps;\n    if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {\n      tableRef.current?.setAttribute('tabIndex', '0');\n    }\n  }\n\n  handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.currentTarget === this.lockedCell[0]) {\n      const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (this.lockedCell[1]) {\n        if (e.key === 'Escape') {\n          this.lockedCell[0]?.focus();\n          this.lockedCell[1] = false;\n        }\n        if (e.key.startsWith('Arrow')) {\n          e.stopPropagation();\n          e.preventDefault();\n        }\n        if (e.key === 'Tab') {\n          if (e.target === focusableChildren[0] && e.shiftKey) {\n            focusableChildren[focusableChildren.length - 1]?.focus();\n            e.preventDefault();\n          } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n            focusableChildren[0]?.focus();\n            e.preventDefault();\n          }\n          e.stopPropagation();\n        }\n      } else if (e.key === 'Enter') {\n        e.preventDefault();\n        e.stopPropagation();\n        this.lockedCell[1] = true;\n        focusableChildren[0]?.focus();\n      }\n    }\n  };\n\n  onFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n    if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {\n      e.target.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n        inline: 'center',\n      });\n\n      const focusableChildren = Array.from(e.currentTarget.children).flatMap((node) =>\n        getFocusableIn(node as HTMLElement),\n      );\n\n      if (focusableChildren.length === 1) {\n        focusableChildren[0].focus();\n      } else if (focusableChildren.length > 1) {\n        this.lockedCell = [e.currentTarget, false];\n      }\n    }\n  };\n\n  calculateAnimationSettings() {\n    const {\n      accordionRowIndex = 0,\n      isAccordionRow,\n      animationExpand,\n      accordionDuration,\n      rows,\n    } = this.asProps;\n\n    if (!isAccordionRow) {\n      return {};\n    }\n\n    const rowsLength = rows.length;\n    const durationPerRow = (duration: number) => duration / rowsLength;\n\n    const duration = Array.isArray(accordionDuration)\n      ? [durationPerRow(accordionDuration[0]), durationPerRow(accordionDuration[1])]\n      : accordionDuration !== undefined\n      ? durationPerRow(accordionDuration)\n      : rowsLength > 4\n      ? durationPerRow(200)\n      : DEFAULT_ROW_DURATION;\n\n    let delay;\n    const delayIndex = animationExpand ? accordionRowIndex : rows.length - 1 - accordionRowIndex;\n\n    if (Array.isArray(duration)) {\n      delay = [duration[0] * delayIndex, duration[1] * delayIndex];\n    } else if (duration !== undefined) {\n      delay = duration * delayIndex;\n    }\n\n    return { duration, delay };\n  }\n\n  render() {\n    const SCellWrapper = Box;\n    const SCell = Root;\n    const {\n      Children,\n      styles,\n      row,\n      column,\n      columnIndex,\n      gridRowIndex,\n      isAccordionRow,\n      animationExpand,\n      style,\n    } = this.asProps;\n\n    const cell = row[column.name];\n    const cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;\n\n    let scope: null | 'rowgroup' | 'colgroup' = null;\n    let gridArea: string | undefined = undefined;\n\n    const fromRow = gridRowIndex;\n    const fromCol = columnIndex + 1;\n\n    if (cell instanceof MergedColumnsCell) {\n      gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n      scope = 'colgroup';\n    } else if (cell instanceof MergedRowsCell) {\n      gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n      scope = 'rowgroup';\n    } else {\n      gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n    }\n\n    const { duration, delay } = this.calculateAnimationSettings();\n\n    return sstyled(styles)(\n      <SCellWrapper\n        gridArea={gridArea}\n        tag={isAccordionRow ? Collapse : undefined}\n        visible={animationExpand}\n        interactive\n        duration={duration}\n        delay={delay}\n        timingFunction={'linear'}\n        defaultHeight={'100%'}\n        style={style}\n        fixed={column.fixed}\n      >\n        <SCell\n          ref={this.cellRef}\n          render={Flex}\n          innerOutline\n          tabIndex={-1}\n          onKeyDown={this.handleKeyDown}\n          onFocus={this.onFocusCell}\n          name={cellName.toString()}\n          role={'gridcell'}\n          aria-colindex={columnIndex + 1}\n          data-grouped-by={scope}\n          scope={scope}\n          aria-colspan={cell instanceof MergedColumnsCell ? cell.columnsCount : undefined}\n          aria-rowspan={cell instanceof MergedRowsCell ? cell.rowsCount : undefined}\n          gridArea={gridArea}\n          borders={column.borders}\n          flexWrap={column.flexWrap}\n          alignItems={column.alignItems}\n          alignContent={column.alignContent}\n          justifyContent={column.justifyContent}\n        >\n          <Children />\n        </SCell>\n      </SCellWrapper>,\n    );\n  }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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"}

package/lib/es6/components/Body/Cell.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.types.js","names":[],"sources":["../../../../src/components/Body/Cell.types.ts"],"sourcesContent":["import { DTRow } from './Row.types';\nimport { DTUse } from '../DataTable/DataTable.types';\nimport { DTColumn } from '../Head/Column.types';\n\nexport type Theme = 'muted' | 'info' | 'success' | 'warning' | 'danger';\n\nexport type DataTableCellProps = {\n  id: string;\n  accordionId: string;\n  row: DTRow;\n  rowIndex: number;\n  column: DTColumn;\n  columnIndex: number;\n  gridRowIndex: number;\n  children?: React.ReactNode;\n\n  expanded?: boolean;\n  withAccordion?: boolean;\n};\n\nexport type CellPropsInner = {\n  use: DTUse;\n\n  virtualScroll: boolean;\n  tableRef: React.RefObject<HTMLDivElement>;\n};\n"],"mappings":""}
+{"version":3,"file":"Cell.types.js","names":[],"sources":["../../../../src/components/Body/Cell.types.ts"],"sourcesContent":["import { DTRow, DTRows } from './Row.types';\nimport { DTUse } from '../DataTable/DataTable.types';\nimport { DTColumn } from '../Head/Column.types';\n\nexport type Theme = 'muted' | 'info' | 'success' | 'warning' | 'danger';\n\nexport type DataTableCellProps = {\n  id: string;\n  accordionId: string;\n  row: DTRow;\n  rowIndex: number;\n  column: DTColumn;\n  columnIndex: number;\n  gridRowIndex: number;\n  children?: React.ReactNode;\n\n  expanded?: boolean;\n  withAccordion?: boolean;\n\n  isAccordionRow?: boolean;\n  animationExpand?: boolean;\n  accordionRowIndex?: number;\n  rows: DTRows;\n};\n\nexport type CellPropsInner = {\n  use: DTUse;\n\n  virtualScroll: boolean;\n  tableRef: React.RefObject<HTMLDivElement>;\n  accordionDuration?: number | [number, number];\n};\n"],"mappings":""}

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

@@ -12,42 +12,44 @@ import * as React from 'react';
 import { Component, Root, sstyled, createComponent } from '@semcore/core';
 import { Box, Collapse } from '@semcore/base-components';
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBody_yrn54_gg_,.___SRowGroup_yrn54_gg_,.___SRow_yrn54_gg_{display:contents}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_.__gridArea_yrn54_gg_,.___SCollapseRow_yrn54_gg_.__gridArea_yrn54_gg_,.___SRow_yrn54_gg_.__gridArea_yrn54_gg_{grid-area:var(--gridArea_yrn54)}.___SCollapseRow_yrn54_gg_ .___SCell_yrn54_gg_{display:block}.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_).__expanded_yrn54_gg_.__withAccordion_yrn54_gg_,.___SRow_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_.__isAccordionRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRow_yrn54_gg_._theme_muted_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRow_yrn54_gg_:not(._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_):hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_info_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_info_yrn54_gg_,.___SRow_yrn54_gg_._theme_info_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_success_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_success_yrn54_gg_,.___SRow_yrn54_gg_._theme_success_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_warning_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_,.___SRow_yrn54_gg_._theme_warning_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_danger_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_,.___SRow_yrn54_gg_._theme_danger_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_yrn54_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_yrn54_gg_ .___SAccordionToggle_yrn54_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_.__expanded_yrn54_gg_ svg{transform:rotate(90deg)}.___SCell_yrn54_gg_.__withAccordion_yrn54_gg_,.___SCheckboxCell_yrn54_gg_,.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_>.___SCell_yrn54_gg_{cursor:pointer}.___SCell_yrn54_gg_._use_primary_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_primary_yrn54_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_yrn54) - 1)))}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_secondary_yrn54_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_yrn54) - 1)))}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_left_yrn54_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_right_yrn54_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_.__fixed_yrn54_gg_{position:sticky;z-index:2}.___SCell_yrn54_gg_._theme_muted_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_yrn54_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_yrn54_gg_.__headerHeight_yrn54_gg_{top:var(--headerHeight_yrn54)}.___SEmptyData_yrn54_gg_{grid-column:1/-1}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"yrn54_gg_"),
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAccordionRows_1vm8a_gg_,.___SBody_1vm8a_gg_,.___SRowGroup_1vm8a_gg_,.___SRow_1vm8a_gg_{display:contents}.___SBody_1vm8a_gg_.__compact_1vm8a_gg_ .___SCell_1vm8a_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1vm8a_gg_.__compact_1vm8a_gg_ .___SCell_1vm8a_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1vm8a) - 1)))}.___SCellWrapper_1vm8a_gg_.__gridArea_1vm8a_gg_,.___SCollapseRow_1vm8a_gg_.__gridArea_1vm8a_gg_,.___SRow_1vm8a_gg_.__gridArea_1vm8a_gg_{grid-area:var(--gridArea_1vm8a)}.___SCellWrapper_1vm8a_gg_{height:100%}.___SAccordionRows_1vm8a_gg_>.___SRow_1vm8a_gg_.__isAccordionRow_1vm8a_gg_:last-child>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_,.___SCollapseRow_1vm8a_gg_.__gridArea_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1vm8a_gg_ .___SCell_1vm8a_gg_{display:block}.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_).__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_,.___SRow_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_._accordionType_row_1vm8a_gg_.__expanded_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_.__isAccordionRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_muted_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_),.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_,.___SRow_1vm8a_gg_:not(._accordionType_row_1vm8a_gg_.__expanded_1vm8a_gg_):hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_):not(.__expanded_1vm8a_gg_.__withAccordion_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_info_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_success_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_warning_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]._theme_danger_1vm8a_gg_,.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRowGroup_1vm8a_gg_:has(.___SCell_1vm8a_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_,.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_),.___SRow_1vm8a_gg_:hover>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1vm8a_gg_._theme_muted_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1vm8a_gg_._theme_info_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1vm8a_gg_._theme_success_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1vm8a_gg_._theme_warning_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_ .___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1vm8a_gg_._theme_danger_1vm8a_gg_.__active_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_:not(.__theme_1vm8a_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1vm8a_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_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1vm8a_gg_ .___SAccordionToggle_1vm8a_gg_.__expanded_1vm8a_gg_ svg{transform:rotate(90deg)}.___SCell_1vm8a_gg_.__withAccordion_1vm8a_gg_,.___SCheckboxCell_1vm8a_gg_,.___SRow_1vm8a_gg_._accordionType_row_1vm8a_gg_>.___SCellWrapper_1vm8a_gg_>.___SCell_1vm8a_gg_{cursor:pointer}.___SCell_1vm8a_gg_._use_primary_1vm8a_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1vm8a_gg_._use_primary_1vm8a_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_1vm8a) - 1)))}.___SCell_1vm8a_gg_._use_secondary_1vm8a_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1vm8a_gg_._use_secondary_1vm8a_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_1vm8a) - 1)))}.___SCell_1vm8a_gg_._borders_both_1vm8a_gg_,.___SCell_1vm8a_gg_._borders_left_1vm8a_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1vm8a_gg_._borders_both_1vm8a_gg_,.___SCell_1vm8a_gg_._borders_right_1vm8a_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1vm8a_gg_.__fixed_1vm8a_gg_{position:sticky;z-index:2}.___SCell_1vm8a_gg_._theme_muted_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1vm8a_gg_._theme_info_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1vm8a_gg_._theme_success_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1vm8a_gg_._theme_warning_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1vm8a_gg_._theme_danger_1vm8a_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1vm8a_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_1vm8a_gg_.__headerHeight_1vm8a_gg_{top:var(--headerHeight_1vm8a)}.___SEmptyData_1vm8a_gg_{grid-column:1/-1}.___SRow_1vm8a_gg_._sideIndents_wide_1vm8a_gg_ .___SCellWrapper_1vm8a_gg_:first-child .___SCell_1vm8a_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1vm8a_gg_._sideIndents_wide_1vm8a_gg_ .___SCellWrapper_1vm8a_gg_:last-child .___SCell_1vm8a_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1vm8a_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_yrn54_gg_",
-  "__SRow": "___SRow_yrn54_gg_",
-  "__SRowGroup": "___SRowGroup_yrn54_gg_",
-  "_gridArea": "__gridArea_yrn54_gg_",
-  "__SCell": "___SCell_yrn54_gg_",
-  "__SCollapseRow": "___SCollapseRow_yrn54_gg_",
-  "--gridArea": "--gridArea_yrn54",
-  "_active": "__active_yrn54_gg_",
-  "_theme": "__theme_yrn54_gg_",
-  "_accordionType_row": "_accordionType_row_yrn54_gg_",
-  "_expanded": "__expanded_yrn54_gg_",
-  "_withAccordion": "__withAccordion_yrn54_gg_",
-  "_isAccordionRow": "__isAccordionRow_yrn54_gg_",
-  "_theme_muted": "_theme_muted_yrn54_gg_",
-  "_theme_info": "_theme_info_yrn54_gg_",
-  "_theme_success": "_theme_success_yrn54_gg_",
-  "_theme_warning": "_theme_warning_yrn54_gg_",
-  "_theme_danger": "_theme_danger_yrn54_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_yrn54_gg_",
-  "_borders_both": "_borders_both_yrn54_gg_",
-  "_borders_left": "_borders_left_yrn54_gg_",
-  "_borders_right": "_borders_right_yrn54_gg_",
-  "_fixed": "__fixed_yrn54_gg_",
-  "__SSpinContainer": "___SSpinContainer_yrn54_gg_",
-  "_headerHeight": "__headerHeight_yrn54_gg_",
-  "--headerHeight": "--headerHeight_yrn54",
-  "__SEmptyData": "___SEmptyData_yrn54_gg_",
-  "_compact": "__compact_yrn54_gg_",
-  "--data-aria-level": "--data-aria-level_yrn54",
-  "__SAccordionToggle": "___SAccordionToggle_yrn54_gg_",
-  "_use_primary": "_use_primary_yrn54_gg_",
-  "_use_secondary": "_use_secondary_yrn54_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_yrn54_gg_"
+  "__SBody": "___SBody_1vm8a_gg_",
+  "__SRow": "___SRow_1vm8a_gg_",
+  "__SRowGroup": "___SRowGroup_1vm8a_gg_",
+  "__SAccordionRows": "___SAccordionRows_1vm8a_gg_",
+  "_gridArea": "__gridArea_1vm8a_gg_",
+  "__SCellWrapper": "___SCellWrapper_1vm8a_gg_",
+  "__SCollapseRow": "___SCollapseRow_1vm8a_gg_",
+  "--gridArea": "--gridArea_1vm8a",
+  "__SCell": "___SCell_1vm8a_gg_",
+  "_isAccordionRow": "__isAccordionRow_1vm8a_gg_",
+  "_active": "__active_1vm8a_gg_",
+  "_theme": "__theme_1vm8a_gg_",
+  "_accordionType_row": "_accordionType_row_1vm8a_gg_",
+  "_expanded": "__expanded_1vm8a_gg_",
+  "_withAccordion": "__withAccordion_1vm8a_gg_",
+  "_theme_muted": "_theme_muted_1vm8a_gg_",
+  "_theme_info": "_theme_info_1vm8a_gg_",
+  "_theme_success": "_theme_success_1vm8a_gg_",
+  "_theme_warning": "_theme_warning_1vm8a_gg_",
+  "_theme_danger": "_theme_danger_1vm8a_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_1vm8a_gg_",
+  "_borders_both": "_borders_both_1vm8a_gg_",
+  "_borders_left": "_borders_left_1vm8a_gg_",
+  "_borders_right": "_borders_right_1vm8a_gg_",
+  "_fixed": "__fixed_1vm8a_gg_",
+  "__SSpinContainer": "___SSpinContainer_1vm8a_gg_",
+  "_headerHeight": "__headerHeight_1vm8a_gg_",
+  "--headerHeight": "--headerHeight_1vm8a",
+  "__SEmptyData": "___SEmptyData_1vm8a_gg_",
+  "_compact": "__compact_1vm8a_gg_",
+  "--data-aria-level": "--data-aria-level_1vm8a",
+  "__SAccordionToggle": "___SAccordionToggle_1vm8a_gg_",
+  "_use_primary": "_use_primary_1vm8a_gg_",
+  "_use_secondary": "_use_secondary_1vm8a_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_1vm8a_gg_"
 });
 import { Body } from './Body';
 import { ACCORDION, SELECT_ALL } from '../DataTable/DataTable';
@@ -100,30 +102,33 @@ var RowRoot = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps,
         _ref2,
         _this2 = this,
-        _scrollAreaRef$curren,
-        _row$ACCORDION;
+        _scrollAreaRef$curren;
       var SRow = Box;
       var SCollapseRow = Collapse;
+      var SAccordionRows = Box;
       var SCell = Body.Cell;
       var SCheckboxCell = Body.Cell;
       var _this$asProps3 = this.asProps,
         columns = _this$asProps3.columns,
         row = _this$asProps3.row,
+        rows = _this$asProps3.rows,
         styles = _this$asProps3.styles,
         rowIndex = _this$asProps3.rowIndex,
         ariaRowIndex = _this$asProps3.ariaRowIndex,
         gridRowIndex = _this$asProps3.gridRowIndex,
         expanded = _this$asProps3.expanded,
         accordionDataGridArea = _this$asProps3.accordionDataGridArea,
-        expandedRows = _this$asProps3.expandedRows,
-        onExpandRow = _this$asProps3.onExpandRow,
         _this$asProps3$ariaL = _this$asProps3['aria-level'],
         ariaLevel = _this$asProps3$ariaL === void 0 ? 1 : _this$asProps3$ariaL,
         scrollAreaRef = _this$asProps3.scrollAreaRef,
         selectedRows = _this$asProps3.selectedRows,
         uid = _this$asProps3.uid,
         getFixedStyle = _this$asProps3.getFixedStyle,
-        mergedRow = _this$asProps3.mergedRow;
+        mergedRow = _this$asProps3.mergedRow,
+        isAccordionRow = _this$asProps3.isAccordionRow,
+        animationExpand = _this$asProps3.animationExpand,
+        accordionRowIndex = _this$asProps3.accordionRowIndex,
+        accordionDuration = _this$asProps3.accordionDuration;
       var accordion = row[ACCORDION];
       var accordionType = accordion && !mergedRow ? 'row' : undefined;
       if (!accordion) {
@@ -135,6 +140,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         var cellWithAccordion = cells[cellWithAccordionIndex];
         accordion = cellWithAccordion === null || cellWithAccordion === void 0 ? void 0 : cellWithAccordion[ACCORDION];
       }
+      var accordionId = "".concat(uid, "_").concat(ariaRowIndex + 1);
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SRow, _ref2.cn("SRow", _objectSpread({}, _assignProps({
         "role": 'row',
         "aria-rowindex": ariaRowIndex,
@@ -179,7 +185,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement(Body.Cell, {
           key: index,
           id: "".concat(uid, "_").concat(ariaRowIndex, "_").concat(index),
-          accordionId: "".concat(uid, "_").concat(ariaRowIndex + 1),
+          accordionId: accordionId,
           "data-aria-level": index === 0 ? ariaLevel : undefined,
           row: row,
           rowIndex: rowIndex,
@@ -187,17 +193,21 @@ var RowRoot = /*#__PURE__*/function (_Component) {
           columnIndex: index,
           style: style,
           column: column,
-          withAccordion: Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) || _this2.cellHasAccordion(cellValue)
+          withAccordion: Boolean(cellValue instanceof MergedRowsCell && cellValue.accordion) || _this2.cellHasAccordion(cellValue),
+          isAccordionRow: isAccordionRow,
+          animationExpand: animationExpand,
+          accordionRowIndex: accordionRowIndex,
+          rows: rows
         });
       })), /*#__PURE__*/React.isValidElement(accordion) && /*#__PURE__*/React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
         "key": rowIndex,
         "role": 'row',
         "aria-rowindex": ariaRowIndex + 1,
-        "id": "".concat(uid, "_").concat(ariaRowIndex + 1),
+        "id": accordionId,
         "visible": expanded,
         "interactive": true,
         "gridArea": accordionDataGridArea,
-        "duration": 200,
+        "duration": accordionDuration !== null && accordionDuration !== void 0 ? accordionDuration : 200,
         "zIndex": 5
       }), /*#__PURE__*/React.createElement(SCell, _ref2.cn("SCell", {
         "aria-colindex": 1,
@@ -214,19 +224,25 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         "left": 0,
         "w": (_scrollAreaRef$curren = scrollAreaRef.current) === null || _scrollAreaRef$curren === void 0 ? void 0 : _scrollAreaRef$curren.clientWidth,
         "onKeyDown": this.handleBackFromAccordion
-      }), accordion)), row[ACCORDION] && Array.isArray(row[ACCORDION]) && expanded && ((_row$ACCORDION = row[ACCORDION]) === null || _row$ACCORDION === void 0 ? void 0 : _row$ACCORDION.map(function (subrow, i) {
+      }), accordion)), row[ACCORDION] && Array.isArray(row[ACCORDION]) && /*#__PURE__*/React.createElement(SAccordionRows, _ref2.cn("SAccordionRows", {
+        "id": accordionId,
+        "role": 'rowgroup'
+      }), row[ACCORDION].map(function (subrow, i) {
         return /*#__PURE__*/React.createElement(Row, {
           key: i,
           row: subrow,
           columns: columns,
           rows: row[ACCORDION],
           rowIndex: rowIndex,
+          "aria-hidden": !expanded,
           "aria-posinset": i + 1,
           "aria-level": ariaLevel + 1,
           ariaRowIndex: ariaRowIndex + 1 + i,
           gridRowIndex: gridRowIndex + 1 + i,
           isAccordionRow: true,
-          getFixedStyle: getFixedStyle
+          getFixedStyle: getFixedStyle,
+          animationExpand: expanded,
+          accordionRowIndex: i
         });
       })));
     }