@semcore/data-table 16.0.0-prerelease.17 → 16.0.0-prerelease.18

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

@@ -1 +1 @@
-{"version":3,"file":"Body.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Row","_Cell","_MergedCells","_DataTable","_m","_interopRequireDefault","_button","_spin","style","sstyled","insert","BodyRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getRowProps","props","index","_this$asProps","asProps","rows","flatRows","use","gridTemplateAreas","gridTemplateColumns","expandedRows","columns","onExpandRow","loading","row","rowIndex","reduce","acc","item","expandedRow","ACCORDION","Array","isArray","length","ariaRowIndex","accordionDataGridArea","concat","expanded","includes","inert","undefined","getCellProps","_props$children","_this$asProps2","renderCell","styles","getI18nText","SAccordionToggle","ButtonLink","dataKey","column","name","cellValue","isMergedRows","MergedRowsCell","isMergedColumns","MergedColumnsCell","defaultRender","columnIndex","_ref2","createElement","Fragment","cn","onClick","Addon","tag","ChevronRightM","toString","extraProps","children","external","columnName","isReactNode","render","_ref","_ref3","SBody","Box","SRowGroup","SSpinContainer","_this$asProps3","headerHeight","spinnerRef","_objectSpread2","assignProps","map","_ref4","Body","Row","obj","isValidElement","Component","_defineProperty2","createComponent","Cell","exports"],"sources":["../../../../src/components/Body/Body.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, createComponent, Intergalactic, Root, sstyled } from '@semcore/core';\nimport { BodyPropsInner, DataTableBodyProps } from './Body.types';\nimport { Box } from '@semcore/base-components';\nimport { Row } from './Row';\n\nimport style from './style.shadow.css';\nimport { Cell } from './Cell';\nimport { DataTableRowProps, DTRow, RowPropsInner } from './Row.types';\nimport { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION } from '../DataTable/DataTable';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { ButtonLink } from '@semcore/button';\nimport { DTValue } from '../DataTable/DataTable.types';\nimport Spin from '@semcore/spin';\n\nclass BodyRoot extends Component<DataTableBodyProps, {}, {}, [], BodyPropsInner> {\n  static displayName = 'Body';\n  static style = style;\n\n  getRowProps(props: { row: DTRow }, index: number): RowPropsInner {\n    const {\n      rows,\n      flatRows,\n      use,\n      gridTemplateAreas,\n      gridTemplateColumns,\n      expandedRows,\n      columns,\n      onExpandRow,\n      loading,\n    } = this.asProps;\n    const row = props.row;\n\n    const rowIndex = (expandedRows ?? []).reduce((acc, item) => {\n      if (item < index) {\n        const expandedRow = flatRows[item][ACCORDION];\n        if (Array.isArray(expandedRow)) {\n          acc = acc + expandedRow.length;\n        } else {\n          acc = acc + 1;\n        }\n      }\n\n      return acc;\n    }, index);\n    const ariaRowIndex = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1\n\n    const accordionDataGridArea = Array.isArray(row[ACCORDION])\n      ? `${ariaRowIndex + 1} / 1 / ${ariaRowIndex + 1 + row[ACCORDION].length} / ${\n          columns.length + 1\n        }`\n      : `${ariaRowIndex + 1} / 1 / ${ariaRowIndex + 1} / ${columns.length + 1}`;\n\n    return {\n      use,\n      gridTemplateAreas,\n      gridTemplateColumns,\n      expanded: expandedRows?.includes(index),\n      accordionDataGridArea,\n      columns,\n      rowIndex: index,\n      ariaRowIndex,\n      rows,\n      flatRows,\n      row,\n      expandedRows,\n      onExpandRow,\n      inert: loading ? '' : undefined,\n    };\n  }\n\n  getCellProps(props: DataTableCellProps) {\n    const { use, renderCell, expandedRows, styles, getI18nText, onExpandRow } = this.asProps;\n    const SAccordionToggle = ButtonLink;\n\n    let dataKey = props.column.name;\n    const cellValue = props.row[dataKey];\n\n    let value: DTValue = '';\n    const isMergedRows = cellValue instanceof MergedRowsCell;\n    const isMergedColumns = cellValue instanceof MergedColumnsCell;\n\n    if (isMergedColumns || isMergedRows) {\n      value = cellValue.value;\n      if (isMergedColumns) {\n        dataKey = cellValue.dataKey;\n      }\n    } else {\n      value = cellValue;\n    }\n\n    const defaultRender = () => {\n      if ((props.columnIndex === 0 && props.row[ACCORDION]) || value[ACCORDION]) {\n        return sstyled(styles)(\n          <>\n            <SAccordionToggle\n              aria-label={getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label')}\n              // @ts-ignore\n              expanded={expandedRows?.includes(props.rowIndex)}\n              onClick={() => onExpandRow(props.rowIndex)}\n              color={'--intergalactic-icon-primary-neutral'}\n            >\n              <SAccordionToggle.Addon tag={ChevronRightM} />\n            </SAccordionToggle>\n            {value.toString()}\n          </>,\n        );\n      }\n\n      return value.toString();\n    };\n\n    const extraProps: Record<string, any> = {\n      use,\n      children: props.children ?? defaultRender,\n    };\n\n    if (renderCell) {\n      const external = renderCell({\n        columnName: props.column.name,\n        row: props.row,\n        column: props.column,\n        rowIndex: props.rowIndex,\n        columnIndex: props.columnIndex,\n        dataKey,\n        defaultRender,\n        value: value.toString(),\n        isMergedRows,\n        isMergedColumns,\n      });\n\n      if (this.isReactNode(external) || Array.isArray(external)) {\n        extraProps.children = external;\n      } else {\n        for (const key in external) {\n          extraProps[key] = external[key];\n        }\n      }\n    }\n\n    return extraProps;\n  }\n\n  render() {\n    const SBody = Root;\n    const SRowGroup = Box;\n    const SSpinContainer = Box;\n    const { rows, styles, loading, headerHeight, spinnerRef } = this.asProps;\n\n    return sstyled(styles)(\n      <SBody render={Box}>\n        {rows.map((row, index) => {\n          if (Array.isArray(row)) {\n            return sstyled(styles)(\n              <SRowGroup role={'rowgroup'} key={index}>\n                {row.map((item, index) => {\n                  return <Body.Row key={index} row={item} />;\n                })}\n              </SRowGroup>,\n            );\n          }\n          return <Body.Row key={index} row={row} />;\n        })}\n        {loading && (\n          <SSpinContainer\n            innerOutline\n            // @ts-ignore\n            headerHeight={`${headerHeight}px`}\n            tabIndex={-1}\n            ref={spinnerRef}\n          >\n            <Spin size={'xxl'} />\n          </SSpinContainer>\n        )}\n      </SBody>,\n    );\n  }\n\n  private isReactNode(obj: React.ReactNode | Record<string, any>): obj is React.ReactNode {\n    return (\n      typeof obj === 'string' ||\n      typeof obj === 'number' ||\n      React.isValidElement(obj) ||\n      typeof obj === 'boolean' ||\n      obj === undefined ||\n      obj === null\n    );\n  }\n}\n\nexport const Body = createComponent(BodyRoot, {\n  Row,\n  Cell,\n}) as Intergalactic.Component<'div', DataTableBodyProps> & {\n  Row: Intergalactic.Component<'div', DataTableRowProps>;\n  Cell: Intergalactic.Component<'div', DataTableCellProps>;\n};\n"],"mappings":"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"}
+{"version":3,"file":"Body.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_Row","_Cell","_MergedCells","_DataTable","_m","_interopRequireDefault","_button","_spin","style","sstyled","insert","ROWS_BUFFER","APROX_ROWS_ON_PAGE","BodyRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","index","node","rowsHeightMap","has","firstChild","children","item","HTMLElement","offset","offsetTop","asProps","headerHeight","height","getBoundingClientRect","set","_createClass2","key","value","componentDidMount","rows","calculateRows","forceUpdate","componentDidUpdate","prevProps","data","getRowProps","props","i","_this2","_this$asProps","use","gridTemplateAreas","gridTemplateColumns","expandedRows","columns","onExpandRow","loading","hasGroups","row","rowIndex","reduce","acc","expandedRow","flat","ACCORDION","isArray","gridRowIndex","ariaRowIndex","accordionDataGridArea","expanded","includes","inert","undefined","getCellProps","_props$children","_this$asProps2","renderCell","styles","getI18nText","virtualScroll","tableRef","SAccordionToggle","ButtonLink","dataKey","column","name","cellValue","isMergedRows","MergedRowsCell","isMergedColumns","MergedColumnsCell","defaultRender","_value","_value3","columnIndex","_ref2","_value2","createElement","Fragment","cn","onClick","Addon","tag","ChevronRightM","toString","extraProps","Boolean","_value$toString","_value4","external","columnName","isReactNode","render","_ref","_ref3","_this3","SBody","Box","SRowGroup","SSpinContainer","_this$asProps3","spinnerRef","scrollDirection","tableContainerRef","scrollTop","rowsToRender","startIndex","lastIndex","_virtualScroll$rowsBu","_tableContainerRef$cu","_tableContainerRef$cu2","rowsBuffer","offsetHeight","current","prevPrepared","nextPrepared","_virtualScroll$aproxR","aproxRowsOnPage","_this$rowsHeightMap$g","_this$rowsHeightMap$g2","_lastIndex","indexForDownIterate","size","get","valueFromToCompare","valueToToCompare","Math","max","min","_this$rowsHeightMap$g3","_this$rowsHeightMap$g4","_startIndex","indexForUpIterate","slice","rowHeight","floor","ceil","_objectSpread2","assignProps","map","rowMarginTop","_this3$rowsHeightMap$","_ref4","Body","Row","UNIQ_ROW_KEY","ref","handleRef","obj","isValidElement","_this4","_this$asProps4","uid","columnNames","id","makeDtRow","excludeColumns","Set","dtRow","Object","entries","_ref5","_ref6","_slicedToArray2","columnsToRow","split","columnsSplitter","forEach","groupedRows","ROW_GROUP","fromRow","toRow","innerRows","groupedKeys","groupedRowData","_ref7","_ref8","push","childRow","rowData","Component","createComponent","Cell","exports"],"sources":["../../../../src/components/Body/Body.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Component, createComponent, Intergalactic, Root, sstyled } from '@semcore/core';\nimport { BodyPropsInner, DataTableBodyProps } from './Body.types';\nimport { Box } from '@semcore/base-components';\nimport { Row } from './Row';\n\nimport style from './style.shadow.css';\nimport { Cell } from './Cell';\nimport { DataTableRowProps, DTRow, RowPropsInner } from './Row.types';\nimport { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport { ACCORDION, ROW_GROUP, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { ButtonLink } from '@semcore/button';\nimport { DataRowItem, DataTableData, DTValue } from '../DataTable/DataTable.types';\nimport Spin from '@semcore/spin';\nimport { DTColumn } from '../Head/Column.types';\n\nconst ROWS_BUFFER = 20;\nconst APROX_ROWS_ON_PAGE = 20;\n\nclass BodyRoot<D extends DataTableData> extends Component<\n  DataTableBodyProps,\n  {},\n  {},\n  [],\n  BodyPropsInner<D>\n> {\n  static displayName = 'Body';\n  static style = style;\n\n  private columnsSplitter = '/';\n  private rows: Array<DTRow | DTRow[]> = [];\n\n  rowsHeightMap = new Map<number, [number, number]>();\n\n  indexForDownIterate = 0;\n  indexForUpIterate = 0;\n\n  componentDidMount() {\n    this.rows = this.calculateRows();\n\n    this.forceUpdate();\n  }\n\n  componentDidUpdate(prevProps: DataTableBodyProps & BodyPropsInner<D>) {\n    if (prevProps.data !== this.asProps.data) {\n      this.rows = this.calculateRows();\n\n      this.forceUpdate();\n    }\n  }\n\n  handleRef = (index: number) => (node: HTMLElement | null) => {\n    if (!this.rowsHeightMap.has(index)) {\n      const firstChild = node?.children.item(0);\n      if (firstChild instanceof HTMLElement) {\n        const offset = firstChild.offsetTop - this.asProps.headerHeight;\n        const height = firstChild.getBoundingClientRect().height;\n\n        this.rowsHeightMap.set(index, [offset, offset + height]);\n      }\n    }\n  };\n\n  getRowProps(props: { row: DTRow; offset: number }, i: number): RowPropsInner {\n    const {\n      use,\n      gridTemplateAreas,\n      gridTemplateColumns,\n      expandedRows,\n      columns,\n      onExpandRow,\n      loading,\n      hasGroups,\n    } = this.asProps;\n    const row = props.row;\n    const index = props.offset + i;\n\n    const rowIndex = (expandedRows ?? []).reduce((acc, item) => {\n      if (item < index) {\n        const expandedRow = this.rows.flat()[item][ACCORDION];\n        if (Array.isArray(expandedRow)) {\n          acc = acc + expandedRow.length;\n        } else {\n          acc = acc + 1;\n        }\n      }\n\n      return acc;\n    }, index);\n\n    const gridRowIndex = rowIndex + (hasGroups ? 3 : 2); // 1 - for header, 1 - because start not from 0, but from 1\n    const ariaRowIndex = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1\n\n    const accordionDataGridArea = Array.isArray(row[ACCORDION])\n      ? `${gridRowIndex + 1} / 1 / ${gridRowIndex + 1 + row[ACCORDION].length} / ${\n          columns.length + 1\n        }`\n      : `${gridRowIndex + 1} / 1 / ${gridRowIndex + 1} / ${columns.length + 1}`;\n\n    return {\n      use,\n      gridTemplateAreas,\n      gridTemplateColumns,\n      expanded: expandedRows?.includes(index),\n      accordionDataGridArea,\n      columns,\n      rowIndex: index,\n      ariaRowIndex,\n      gridRowIndex,\n      rows: this.rows,\n      row,\n      expandedRows,\n      onExpandRow,\n      inert: loading ? '' : undefined,\n    };\n  }\n\n  getCellProps(props: DataTableCellProps) {\n    const {\n      use,\n      renderCell,\n      expandedRows,\n      styles,\n      getI18nText,\n      onExpandRow,\n      virtualScroll,\n      tableRef,\n    } = this.asProps;\n    const SAccordionToggle = ButtonLink;\n\n    let dataKey = props.column.name;\n    const cellValue = props.row[dataKey];\n\n    let value: DTValue | undefined = undefined;\n    const isMergedRows = cellValue instanceof MergedRowsCell;\n    const isMergedColumns = cellValue instanceof MergedColumnsCell;\n\n    if (isMergedColumns || isMergedRows) {\n      value = cellValue.value;\n      if (isMergedColumns) {\n        dataKey = cellValue.dataKey;\n      }\n    } else {\n      value = cellValue;\n    }\n\n    const defaultRender = () => {\n      if ((props.columnIndex === 0 && props.row[ACCORDION]) || value?.[ACCORDION]) {\n        return sstyled(styles)(\n          <>\n            <SAccordionToggle\n              aria-label={getI18nText('DataTable.Cell.AccordionToggle.expand:aria-label')}\n              // @ts-ignore\n              expanded={expandedRows?.includes(props.rowIndex)}\n              onClick={() => onExpandRow(props.rowIndex)}\n              color={'--intergalactic-icon-primary-neutral'}\n            >\n              <SAccordionToggle.Addon tag={ChevronRightM} />\n            </SAccordionToggle>\n            {value?.toString()}\n          </>,\n        );\n      }\n\n      return value?.toString();\n    };\n\n    const extraProps: Record<string, any> = {\n      use,\n      virtualScroll: Boolean(virtualScroll),\n      tableRef,\n      children: props.children ?? defaultRender(),\n    };\n\n    if (renderCell) {\n      const external = renderCell({\n        columnName: props.column.name,\n        row: props.row,\n        column: props.column,\n        rowIndex: props.rowIndex,\n        columnIndex: props.columnIndex,\n        dataKey,\n        defaultRender,\n        value: value?.toString() ?? '',\n        isMergedRows,\n        isMergedColumns,\n      });\n\n      if (this.isReactNode(external) || Array.isArray(external)) {\n        extraProps.children = external;\n      } else {\n        for (const key in external) {\n          extraProps[key] = external[key];\n        }\n      }\n    }\n\n    return extraProps;\n  }\n\n  render() {\n    const SBody = Root;\n    const SRowGroup = Box;\n    const SSpinContainer = Box;\n    const {\n      styles,\n      loading,\n      headerHeight,\n      spinnerRef,\n      virtualScroll,\n      scrollDirection,\n      tableContainerRef,\n      scrollTop,\n    } = this.asProps;\n\n    let rowsToRender = this.rows;\n    let startIndex = -1;\n    let lastIndex = -1;\n\n    if (virtualScroll) {\n      const rowsBuffer =\n        typeof virtualScroll !== 'boolean' && 'rowsBuffer' in virtualScroll\n          ? virtualScroll.rowsBuffer ?? ROWS_BUFFER\n          : ROWS_BUFFER;\n      const offsetHeight = tableContainerRef.current?.offsetHeight ?? 0;\n      const prevPrepared = scrollDirection === 'up' ? rowsBuffer : 4;\n      const nextPrepared = scrollDirection === 'up' ? 4 : rowsBuffer;\n\n      if (typeof virtualScroll === 'boolean' || 'aproxRowsOnPage' in virtualScroll) {\n        const aproxRowsOnPage =\n          typeof virtualScroll !== 'boolean'\n            ? virtualScroll.aproxRowsOnPage ?? APROX_ROWS_ON_PAGE\n            : APROX_ROWS_ON_PAGE;\n        if (scrollDirection === 'down') {\n          for (let i = this.indexForDownIterate; i < this.rowsHeightMap.size - 1; i++) {\n            const value = this.rowsHeightMap.get(i);\n            if (!value) continue;\n            const key = i;\n            const valueFromToCompare = value[1];\n            const valueToToCompare = value[0];\n\n            if (startIndex === -1 && scrollTop < valueFromToCompare) {\n              startIndex = Math.max(key - prevPrepared, 0);\n            }\n\n            if (startIndex !== -1 && scrollTop + offsetHeight < valueToToCompare) {\n              lastIndex = Math.min(key + nextPrepared, this.rows.length);\n            }\n\n            if (startIndex !== -1 && lastIndex !== -1) {\n              break;\n            }\n          }\n\n          if (scrollTop + offsetHeight < (this.rowsHeightMap.get(lastIndex ?? 0)?.[1] ?? 0)) {\n            lastIndex = lastIndex + aproxRowsOnPage;\n          }\n        } else if (scrollDirection === 'up') {\n          for (let i = this.indexForUpIterate; i > 0; i--) {\n            const value = this.rowsHeightMap.get(i);\n            if (!value) continue;\n            const key = i;\n            const valueFromToCompare = value[1];\n            const valueToToCompare = value[0];\n\n            if (lastIndex === -1 && scrollTop + offsetHeight > valueToToCompare) {\n              lastIndex = Math.min(key + nextPrepared, this.rows.length);\n            }\n\n            if (lastIndex !== -1 && scrollTop < valueFromToCompare) {\n              startIndex = Math.max(key - prevPrepared, 0);\n            }\n\n            if (startIndex !== -1 && lastIndex !== -1) {\n              break;\n            }\n          }\n\n          if (scrollTop < (this.rowsHeightMap.get(startIndex ?? 0)?.[0] ?? 0)) {\n            startIndex = startIndex - aproxRowsOnPage;\n          }\n        }\n\n        if (startIndex === -1) {\n          startIndex = scrollTop === 0 ? 0 : Math.max(this.rows.length - aproxRowsOnPage, 0);\n        }\n\n        if (lastIndex === -1) {\n          lastIndex = scrollTop === 0 ? aproxRowsOnPage : this.rows.length;\n        }\n\n        this.indexForDownIterate = startIndex;\n        this.indexForUpIterate = lastIndex;\n\n        rowsToRender = this.rows.slice(startIndex, lastIndex);\n      } else if ('rowHeight' in virtualScroll) {\n        const rowHeight = virtualScroll.rowHeight;\n\n        startIndex = Math.max(Math.floor(scrollTop / rowHeight) - prevPrepared, 0);\n\n        const lastIndex = Math.min(\n          Math.ceil((scrollTop + offsetHeight) / rowHeight) + nextPrepared,\n          this.rows.length,\n        );\n\n        rowsToRender = this.rows.slice(startIndex, lastIndex);\n      }\n    }\n\n    startIndex = startIndex === -1 ? 0 : startIndex;\n\n    return sstyled(styles)(\n      <SBody render={Box} __excludeProps={['data']}>\n        {rowsToRender.map((row, index) => {\n          let rowMarginTop: number | undefined = undefined;\n\n          if (index === 0 && typeof virtualScroll === 'boolean') {\n            rowMarginTop = this.rowsHeightMap.get(startIndex - 1)?.[1];\n          }\n\n          if (Array.isArray(row)) {\n            return sstyled(styles)(\n              <SRowGroup role={'rowgroup'} key={index}>\n                {row.map((item, i) => {\n                  return <Body.Row key={item[UNIQ_ROW_KEY]} row={item} offset={startIndex} />;\n                })}\n              </SRowGroup>,\n            );\n          }\n          return (\n            <Body.Row\n              key={row[UNIQ_ROW_KEY]}\n              row={row}\n              offset={startIndex}\n              ref={this.handleRef(startIndex + index)}\n              rowMarginTop={rowMarginTop}\n            />\n          );\n        })}\n        {loading && (\n          <SSpinContainer\n            innerOutline\n            // @ts-ignore\n            headerHeight={`${headerHeight}px`}\n            tabIndex={-1}\n            ref={spinnerRef}\n            role={'row'}\n          >\n            <Spin size={'xxl'} role={'gridcell'} />\n          </SSpinContainer>\n        )}\n      </SBody>,\n    );\n  }\n\n  private isReactNode(obj: React.ReactNode | Record<string, any>): obj is React.ReactNode {\n    return (\n      typeof obj === 'string' ||\n      typeof obj === 'number' ||\n      React.isValidElement(obj) ||\n      typeof obj === 'boolean' ||\n      obj === undefined ||\n      obj === null\n    );\n  }\n\n  private calculateRows(): Array<DTRow[] | DTRow> {\n    const { data, uid, columns } = this.asProps;\n\n    const rows: Array<DTRow[] | DTRow> = [];\n    const columnNames = columns.map((column: DTColumn) => column.name);\n\n    let rowIndex = 0;\n\n    const id = 100000000; // need this for gen keys by toString(36)\n\n    const makeDtRow = (row: DataRowItem, excludeColumns?: string[]) => {\n      const columns = new Set(columnNames);\n      const dtRow = Object.entries(row).reduce<DTRow>(\n        (acc, [key, value]) => {\n          const columnsToRow = key.split(this.columnsSplitter);\n\n          if (columnsToRow.length === 1) {\n            acc[key] = value ?? '';\n            columns.delete(key);\n          } else {\n            acc[columnsToRow[0]] = new MergedColumnsCell(value, {\n              dataKey: key,\n              size: columnsToRow.length,\n            });\n            columnsToRow.forEach((value) => {\n              columns.delete(value);\n            });\n          }\n\n          if (row[ACCORDION]) {\n            acc[ACCORDION] = row[ACCORDION];\n          }\n\n          return acc;\n        },\n        {\n          [UNIQ_ROW_KEY]: `${uid}_${(rowIndex + id).toString(36)}`,\n        },\n      );\n\n      excludeColumns?.forEach((value) => {\n        columns.delete(value);\n      });\n\n      if (columns.size > 0) {\n        columns.forEach((value) => {\n          dtRow[value] = '';\n        });\n      }\n\n      return dtRow;\n    };\n\n    data.forEach((row) => {\n      const groupedRows: DataTableData | undefined = row[ROW_GROUP];\n\n      const fromRow = rowIndex + 2; // 1 - for header, 1 - because start not from 0, but from 1\n\n      if (groupedRows) {\n        const toRow = fromRow + groupedRows.length;\n        const innerRows: DTRow[] = [];\n\n        const groupedKeys: string[] = [];\n        const groupedRowData = Object.entries(row).reduce<DTRow>(\n          (acc, [key, value]) => {\n            acc[key] = new MergedRowsCell(value, [fromRow, toRow]);\n            groupedKeys.push(key);\n            return acc;\n          },\n          {\n            [UNIQ_ROW_KEY]: '', // will fill in makeDtRow\n          },\n        );\n\n        groupedRows.forEach((childRow, index) => {\n          let dtRow: DTRow;\n          if (index === 0) {\n            const rowData = {\n              ...childRow,\n              ...groupedRowData,\n            };\n            dtRow = makeDtRow(rowData);\n          } else {\n            dtRow = makeDtRow(childRow, groupedKeys);\n          }\n\n          innerRows.push(dtRow);\n          rowIndex++;\n        });\n\n        rows.push(innerRows);\n      } else {\n        const dtRow = makeDtRow(row);\n\n        rows.push(dtRow);\n        rowIndex++;\n      }\n    });\n\n    return rows;\n  }\n}\n\nexport const Body = createComponent(BodyRoot, {\n  Row,\n  Cell,\n}) as Intergalactic.Component<'div', DataTableBodyProps> & {\n  Row: Intergalactic.Component<'div', DataTableRowProps>;\n  Cell: Intergalactic.Component<'div', DataTableCellProps>;\n};\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AAGA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAGA,IAAAK,KAAA,GAAAL,OAAA;AAGA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,EAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AAEA,IAAAW,KAAA,GAAAF,sBAAA,CAAAT,OAAA;AAAiC;AAAA,IAAAY,KAAA,+BAAAb,KAAA,CAAAc,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAGjC,IAAMC,WAAW,GAAG,EAAE;AACtB,IAAMC,kBAAkB,GAAG,EAAE;AAAC,IAExBC,QAAQ,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,QAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,sBAUc,GAAG;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,WACU,EAAE;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,oBAEzB,IAAIa,GAAG,EAA4B;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,0BAE7B,CAAC;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,wBACH,CAAC;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,gBAgBT,UAACc,KAAa;MAAA,OAAK,UAACC,IAAwB,EAAK;QAC3D,IAAI,CAACf,KAAA,CAAKgB,aAAa,CAACC,GAAG,CAACH,KAAK,CAAC,EAAE;UAClC,IAAMI,UAAU,GAAGH,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEI,QAAQ,CAACC,IAAI,CAAC,CAAC,CAAC;UACzC,IAAIF,UAAU,YAAYG,WAAW,EAAE;YACrC,IAAMC,MAAM,GAAGJ,UAAU,CAACK,SAAS,GAAGvB,KAAA,CAAKwB,OAAO,CAACC,YAAY;YAC/D,IAAMC,MAAM,GAAGR,UAAU,CAACS,qBAAqB,EAAE,CAACD,MAAM;YAExD1B,KAAA,CAAKgB,aAAa,CAACY,GAAG,CAACd,KAAK,EAAE,CAACQ,MAAM,EAAEA,MAAM,GAAGI,MAAM,CAAC,CAAC;UAC1D;QACF;MACF,CAAC;IAAA;IAAA,OAAA1B,KAAA;EAAA;EAAA,IAAA6B,aAAA,aAAAlC,QAAA;IAAAmC,GAAA;IAAAC,KAAA,EAxBD,SAAAC,kBAAA,EAAoB;MAClB,IAAI,CAACC,IAAI,GAAG,IAAI,CAACC,aAAa,EAAE;MAEhC,IAAI,CAACC,WAAW,EAAE;IACpB;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAED,SAAAK,mBAAmBC,SAAiD,EAAE;MACpE,IAAIA,SAAS,CAACC,IAAI,KAAK,IAAI,CAACd,OAAO,CAACc,IAAI,EAAE;QACxC,IAAI,CAACL,IAAI,GAAG,IAAI,CAACC,aAAa,EAAE;QAEhC,IAAI,CAACC,WAAW,EAAE;MACpB;IACF;EAAC;IAAAL,GAAA;IAAAC,KAAA,EAcD,SAAAQ,YAAYC,KAAqC,EAAEC,CAAS,EAAiB;MAAA,IAAAC,MAAA;MAC3E,IAAAC,aAAA,GASI,IAAI,CAACnB,OAAO;QARdoB,GAAG,GAAAD,aAAA,CAAHC,GAAG;QACHC,iBAAiB,GAAAF,aAAA,CAAjBE,iBAAiB;QACjBC,mBAAmB,GAAAH,aAAA,CAAnBG,mBAAmB;QACnBC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;QACZC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QACPC,WAAW,GAAAN,aAAA,CAAXM,WAAW;QACXC,OAAO,GAAAP,aAAA,CAAPO,OAAO;QACPC,SAAS,GAAAR,aAAA,CAATQ,SAAS;MAEX,IAAMC,GAAG,GAAGZ,KAAK,CAACY,GAAG;MACrB,IAAMtC,KAAK,GAAG0B,KAAK,CAAClB,MAAM,GAAGmB,CAAC;MAE9B,IAAMY,QAAQ,GAAG,CAACN,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,EAAE,EAAEO,MAAM,CAAC,UAACC,GAAG,EAAEnC,IAAI,EAAK;QAC1D,IAAIA,IAAI,GAAGN,KAAK,EAAE;UAChB,IAAM0C,WAAW,GAAGd,MAAI,CAACT,IAAI,CAACwB,IAAI,EAAE,CAACrC,IAAI,CAAC,CAACsC,oBAAS,CAAC;UACrD,IAAIpD,KAAK,CAACqD,OAAO,CAACH,WAAW,CAAC,EAAE;YAC9BD,GAAG,GAAGA,GAAG,GAAGC,WAAW,CAACpD,MAAM;UAChC,CAAC,MAAM;YACLmD,GAAG,GAAGA,GAAG,GAAG,CAAC;UACf;QACF;QAEA,OAAOA,GAAG;MACZ,CAAC,EAAEzC,KAAK,CAAC;MAET,IAAM8C,YAAY,GAAGP,QAAQ,IAAIF,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MACrD,IAAMU,YAAY,GAAGR,QAAQ,GAAG,CAAC,CAAC,CAAC;;MAEnC,IAAMS,qBAAqB,GAAGxD,KAAK,CAACqD,OAAO,CAACP,GAAG,CAACM,oBAAS,CAAC,CAAC,MAAAhD,MAAA,CACpDkD,YAAY,GAAG,CAAC,aAAAlD,MAAA,CAAUkD,YAAY,GAAG,CAAC,GAAGR,GAAG,CAACM,oBAAS,CAAC,CAACtD,MAAM,SAAAM,MAAA,CACnEsC,OAAO,CAAC5C,MAAM,GAAG,CAAC,OAAAM,MAAA,CAEjBkD,YAAY,GAAG,CAAC,aAAAlD,MAAA,CAAUkD,YAAY,GAAG,CAAC,SAAAlD,MAAA,CAAMsC,OAAO,CAAC5C,MAAM,GAAG,CAAC,CAAE;MAE3E,OAAO;QACLwC,GAAG,EAAHA,GAAG;QACHC,iBAAiB,EAAjBA,iBAAiB;QACjBC,mBAAmB,EAAnBA,mBAAmB;QACnBiB,QAAQ,EAAEhB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEiB,QAAQ,CAAClD,KAAK,CAAC;QACvCgD,qBAAqB,EAArBA,qBAAqB;QACrBd,OAAO,EAAPA,OAAO;QACPK,QAAQ,EAAEvC,KAAK;QACf+C,YAAY,EAAZA,YAAY;QACZD,YAAY,EAAZA,YAAY;QACZ3B,IAAI,EAAE,IAAI,CAACA,IAAI;QACfmB,GAAG,EAAHA,GAAG;QACHL,YAAY,EAAZA,YAAY;QACZE,WAAW,EAAXA,WAAW;QACXgB,KAAK,EAAEf,OAAO,GAAG,EAAE,GAAGgB;MACxB,CAAC;IACH;EAAC;IAAApC,GAAA;IAAAC,KAAA,EAED,SAAAoC,aAAa3B,KAAyB,EAAE;MAAA,IAAA4B,eAAA;MACtC,IAAAC,cAAA,GASI,IAAI,CAAC7C,OAAO;QARdoB,GAAG,GAAAyB,cAAA,CAAHzB,GAAG;QACH0B,UAAU,GAAAD,cAAA,CAAVC,UAAU;QACVvB,YAAY,GAAAsB,cAAA,CAAZtB,YAAY;QACZwB,MAAM,GAAAF,cAAA,CAANE,MAAM;QACNC,WAAW,GAAAH,cAAA,CAAXG,WAAW;QACXvB,WAAW,GAAAoB,cAAA,CAAXpB,WAAW;QACXwB,aAAa,GAAAJ,cAAA,CAAbI,aAAa;QACbC,QAAQ,GAAAL,cAAA,CAARK,QAAQ;MAEV,IAAMC,gBAAgB,GAAGC,kBAAU;MAEnC,IAAIC,OAAO,GAAGrC,KAAK,CAACsC,MAAM,CAACC,IAAI;MAC/B,IAAMC,SAAS,GAAGxC,KAAK,CAACY,GAAG,CAACyB,OAAO,CAAC;MAEpC,IAAI9C,KAA0B,GAAGmC,SAAS;MAC1C,IAAMe,YAAY,GAAGD,SAAS,YAAYE,2BAAc;MACxD,IAAMC,eAAe,GAAGH,SAAS,YAAYI,8BAAiB;MAE9D,IAAID,eAAe,IAAIF,YAAY,EAAE;QACnClD,KAAK,GAAGiD,SAAS,CAACjD,KAAK;QACvB,IAAIoD,eAAe,EAAE;UACnBN,OAAO,GAAGG,SAAS,CAACH,OAAO;QAC7B;MACF,CAAC,MAAM;QACL9C,KAAK,GAAGiD,SAAS;MACnB;MAEA,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;QAAA,IAAAC,MAAA,EAAAC,OAAA;QAC1B,IAAK/C,KAAK,CAACgD,WAAW,KAAK,CAAC,IAAIhD,KAAK,CAACY,GAAG,CAACM,oBAAS,CAAC,KAAA4B,MAAA,GAAKvD,KAAK,cAAAuD,MAAA,eAALA,MAAA,CAAQ5B,oBAAS,CAAC,EAAE;UAAA,IAAA+B,KAAA,EAAAC,OAAA;UAC3E,OAAAD,KAAA,GAAO,IAAAlG,aAAO,EAACgF,MAAM,CAAC,eACpB5F,KAAA,CAAAgH,aAAA,CAAAhH,KAAA,CAAAiH,QAAA,qBACEjH,KAAA,CAAAgH,aAAA,CAAChB,gBAAgB,EAAAc,KAAA,CAAAI,EAAA;YAAA,cACHrB,WAAW,CAAC,kDAAkD,CAAC;YAAA,YAEjEzB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEiB,QAAQ,CAACxB,KAAK,CAACa,QAAQ,CAAC;YAAA,WACvC,SAAAyC,QAAA;cAAA,OAAM7C,WAAW,CAACT,KAAK,CAACa,QAAQ,CAAC;YAAA;YAAA,SACnC;UAAsC,iBAE7C1E,KAAA,CAAAgH,aAAA,CAAChB,gBAAgB,CAACoB,KAAK;YAACC,GAAG,EAAEC;UAAc,EAAG,CAC7B,GAAAP,OAAA,GAClB3D,KAAK,cAAA2D,OAAA,uBAALA,OAAA,CAAOQ,QAAQ,EAAE,CACjB;QAEP;QAEA,QAAAX,OAAA,GAAOxD,KAAK,cAAAwD,OAAA,uBAALA,OAAA,CAAOW,QAAQ,EAAE;MAC1B,CAAC;MAED,IAAMC,UAA+B,GAAG;QACtCvD,GAAG,EAAHA,GAAG;QACH6B,aAAa,EAAE2B,OAAO,CAAC3B,aAAa,CAAC;QACrCC,QAAQ,EAARA,QAAQ;QACRvD,QAAQ,GAAAiD,eAAA,GAAE5B,KAAK,CAACrB,QAAQ,cAAAiD,eAAA,cAAAA,eAAA,GAAIiB,aAAa;MAC3C,CAAC;MAED,IAAIf,UAAU,EAAE;QAAA,IAAA+B,eAAA,EAAAC,OAAA;QACd,IAAMC,QAAQ,GAAGjC,UAAU,CAAC;UAC1BkC,UAAU,EAAEhE,KAAK,CAACsC,MAAM,CAACC,IAAI;UAC7B3B,GAAG,EAAEZ,KAAK,CAACY,GAAG;UACd0B,MAAM,EAAEtC,KAAK,CAACsC,MAAM;UACpBzB,QAAQ,EAAEb,KAAK,CAACa,QAAQ;UACxBmC,WAAW,EAAEhD,KAAK,CAACgD,WAAW;UAC9BX,OAAO,EAAPA,OAAO;UACPQ,aAAa,EAAbA,aAAa;UACbtD,KAAK,GAAAsE,eAAA,IAAAC,OAAA,GAAEvE,KAAK,cAAAuE,OAAA,uBAALA,OAAA,CAAOJ,QAAQ,EAAE,cAAAG,eAAA,cAAAA,eAAA,GAAI,EAAE;UAC9BpB,YAAY,EAAZA,YAAY;UACZE,eAAe,EAAfA;QACF,CAAC,CAAC;QAEF,IAAI,IAAI,CAACsB,WAAW,CAACF,QAAQ,CAAC,IAAIjG,KAAK,CAACqD,OAAO,CAAC4C,QAAQ,CAAC,EAAE;UACzDJ,UAAU,CAAChF,QAAQ,GAAGoF,QAAQ;QAChC,CAAC,MAAM;UACL,KAAK,IAAMzE,GAAG,IAAIyE,QAAQ,EAAE;YAC1BJ,UAAU,CAACrE,GAAG,CAAC,GAAGyE,QAAQ,CAACzE,GAAG,CAAC;UACjC;QACF;MACF;MAEA,OAAOqE,UAAU;IACnB;EAAC;IAAArE,GAAA;IAAAC,KAAA,EAED,SAAA2E,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAnF,OAAA;QAAAoF,KAAA;QAAAC,MAAA;MACP,IAAMC,KAAK,GA+GMC,mBAAG;MA9GpB,IAAMC,SAAS,GAAGD,mBAAG;MACrB,IAAME,cAAc,GAAGF,mBAAG;MAC1B,IAAAG,cAAA,GASI,IAAI,CAAC1F,OAAO;QARd+C,MAAM,GAAA2C,cAAA,CAAN3C,MAAM;QACNrB,OAAO,GAAAgE,cAAA,CAAPhE,OAAO;QACPzB,YAAY,GAAAyF,cAAA,CAAZzF,YAAY;QACZ0F,UAAU,GAAAD,cAAA,CAAVC,UAAU;QACV1C,aAAa,GAAAyC,cAAA,CAAbzC,aAAa;QACb2C,eAAe,GAAAF,cAAA,CAAfE,eAAe;QACfC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB;QACjBC,SAAS,GAAAJ,cAAA,CAATI,SAAS;MAGX,IAAIC,YAAY,GAAG,IAAI,CAACtF,IAAI;MAC5B,IAAIuF,UAAU,GAAG,CAAC,CAAC;MACnB,IAAIC,SAAS,GAAG,CAAC,CAAC;MAElB,IAAIhD,aAAa,EAAE;QAAA,IAAAiD,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA;QACjB,IAAMC,UAAU,GACd,OAAOpD,aAAa,KAAK,SAAS,IAAI,YAAY,IAAIA,aAAa,IAAAiD,qBAAA,GAC/DjD,aAAa,CAACoD,UAAU,cAAAH,qBAAA,cAAAA,qBAAA,GAAIjI,WAAW,GACvCA,WAAW;QACjB,IAAMqI,YAAY,IAAAH,qBAAA,IAAAC,sBAAA,GAAGP,iBAAiB,CAACU,OAAO,cAAAH,sBAAA,uBAAzBA,sBAAA,CAA2BE,YAAY,cAAAH,qBAAA,cAAAA,qBAAA,GAAI,CAAC;QACjE,IAAMK,YAAY,GAAGZ,eAAe,KAAK,IAAI,GAAGS,UAAU,GAAG,CAAC;QAC9D,IAAMI,YAAY,GAAGb,eAAe,KAAK,IAAI,GAAG,CAAC,GAAGS,UAAU;QAE9D,IAAI,OAAOpD,aAAa,KAAK,SAAS,IAAI,iBAAiB,IAAIA,aAAa,EAAE;UAAA,IAAAyD,qBAAA;UAC5E,IAAMC,eAAe,GACnB,OAAO1D,aAAa,KAAK,SAAS,IAAAyD,qBAAA,GAC9BzD,aAAa,CAAC0D,eAAe,cAAAD,qBAAA,cAAAA,qBAAA,GAAIxI,kBAAkB,GACnDA,kBAAkB;UACxB,IAAI0H,eAAe,KAAK,MAAM,EAAE;YAAA,IAAAgB,qBAAA,EAAAC,sBAAA,EAAAC,UAAA;YAC9B,KAAK,IAAI7F,CAAC,GAAG,IAAI,CAAC8F,mBAAmB,EAAE9F,CAAC,GAAG,IAAI,CAACzB,aAAa,CAACwH,IAAI,GAAG,CAAC,EAAE/F,CAAC,EAAE,EAAE;cAC3E,IAAMV,KAAK,GAAG,IAAI,CAACf,aAAa,CAACyH,GAAG,CAAChG,CAAC,CAAC;cACvC,IAAI,CAACV,KAAK,EAAE;cACZ,IAAMD,GAAG,GAAGW,CAAC;cACb,IAAMiG,kBAAkB,GAAG3G,KAAK,CAAC,CAAC,CAAC;cACnC,IAAM4G,gBAAgB,GAAG5G,KAAK,CAAC,CAAC,CAAC;cAEjC,IAAIyF,UAAU,KAAK,CAAC,CAAC,IAAIF,SAAS,GAAGoB,kBAAkB,EAAE;gBACvDlB,UAAU,GAAGoB,IAAI,CAACC,GAAG,CAAC/G,GAAG,GAAGkG,YAAY,EAAE,CAAC,CAAC;cAC9C;cAEA,IAAIR,UAAU,KAAK,CAAC,CAAC,IAAIF,SAAS,GAAGQ,YAAY,GAAGa,gBAAgB,EAAE;gBACpElB,SAAS,GAAGmB,IAAI,CAACE,GAAG,CAAChH,GAAG,GAAGmG,YAAY,EAAE,IAAI,CAAChG,IAAI,CAAC7B,MAAM,CAAC;cAC5D;cAEA,IAAIoH,UAAU,KAAK,CAAC,CAAC,IAAIC,SAAS,KAAK,CAAC,CAAC,EAAE;gBACzC;cACF;YACF;YAEA,IAAIH,SAAS,GAAGQ,YAAY,KAAAM,qBAAA,IAAAC,sBAAA,GAAI,IAAI,CAACrH,aAAa,CAACyH,GAAG,EAAAH,UAAA,GAACb,SAAS,cAAAa,UAAA,cAAAA,UAAA,GAAI,CAAC,CAAC,cAAAD,sBAAA,uBAAtCA,sBAAA,CAAyC,CAAC,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,GAAI,CAAC,CAAC,EAAE;cACjFX,SAAS,GAAGA,SAAS,GAAGU,eAAe;YACzC;UACF,CAAC,MAAM,IAAIf,eAAe,KAAK,IAAI,EAAE;YAAA,IAAA2B,sBAAA,EAAAC,sBAAA,EAAAC,WAAA;YACnC,KAAK,IAAIxG,EAAC,GAAG,IAAI,CAACyG,iBAAiB,EAAEzG,EAAC,GAAG,CAAC,EAAEA,EAAC,EAAE,EAAE;cAC/C,IAAMV,OAAK,GAAG,IAAI,CAACf,aAAa,CAACyH,GAAG,CAAChG,EAAC,CAAC;cACvC,IAAI,CAACV,OAAK,EAAE;cACZ,IAAMD,KAAG,GAAGW,EAAC;cACb,IAAMiG,mBAAkB,GAAG3G,OAAK,CAAC,CAAC,CAAC;cACnC,IAAM4G,iBAAgB,GAAG5G,OAAK,CAAC,CAAC,CAAC;cAEjC,IAAI0F,SAAS,KAAK,CAAC,CAAC,IAAIH,SAAS,GAAGQ,YAAY,GAAGa,iBAAgB,EAAE;gBACnElB,SAAS,GAAGmB,IAAI,CAACE,GAAG,CAAChH,KAAG,GAAGmG,YAAY,EAAE,IAAI,CAAChG,IAAI,CAAC7B,MAAM,CAAC;cAC5D;cAEA,IAAIqH,SAAS,KAAK,CAAC,CAAC,IAAIH,SAAS,GAAGoB,mBAAkB,EAAE;gBACtDlB,UAAU,GAAGoB,IAAI,CAACC,GAAG,CAAC/G,KAAG,GAAGkG,YAAY,EAAE,CAAC,CAAC;cAC9C;cAEA,IAAIR,UAAU,KAAK,CAAC,CAAC,IAAIC,SAAS,KAAK,CAAC,CAAC,EAAE;gBACzC;cACF;YACF;YAEA,IAAIH,SAAS,KAAAyB,sBAAA,IAAAC,sBAAA,GAAI,IAAI,CAAChI,aAAa,CAACyH,GAAG,EAAAQ,WAAA,GAACzB,UAAU,cAAAyB,WAAA,cAAAA,WAAA,GAAI,CAAC,CAAC,cAAAD,sBAAA,uBAAvCA,sBAAA,CAA0C,CAAC,CAAC,cAAAD,sBAAA,cAAAA,sBAAA,GAAI,CAAC,CAAC,EAAE;cACnEvB,UAAU,GAAGA,UAAU,GAAGW,eAAe;YAC3C;UACF;UAEA,IAAIX,UAAU,KAAK,CAAC,CAAC,EAAE;YACrBA,UAAU,GAAGF,SAAS,KAAK,CAAC,GAAG,CAAC,GAAGsB,IAAI,CAACC,GAAG,CAAC,IAAI,CAAC5G,IAAI,CAAC7B,MAAM,GAAG+H,eAAe,EAAE,CAAC,CAAC;UACpF;UAEA,IAAIV,SAAS,KAAK,CAAC,CAAC,EAAE;YACpBA,SAAS,GAAGH,SAAS,KAAK,CAAC,GAAGa,eAAe,GAAG,IAAI,CAAClG,IAAI,CAAC7B,MAAM;UAClE;UAEA,IAAI,CAACmI,mBAAmB,GAAGf,UAAU;UACrC,IAAI,CAAC0B,iBAAiB,GAAGzB,SAAS;UAElCF,YAAY,GAAG,IAAI,CAACtF,IAAI,CAACkH,KAAK,CAAC3B,UAAU,EAAEC,SAAS,CAAC;QACvD,CAAC,MAAM,IAAI,WAAW,IAAIhD,aAAa,EAAE;UACvC,IAAM2E,SAAS,GAAG3E,aAAa,CAAC2E,SAAS;UAEzC5B,UAAU,GAAGoB,IAAI,CAACC,GAAG,CAACD,IAAI,CAACS,KAAK,CAAC/B,SAAS,GAAG8B,SAAS,CAAC,GAAGpB,YAAY,EAAE,CAAC,CAAC;UAE1E,IAAMP,WAAS,GAAGmB,IAAI,CAACE,GAAG,CACxBF,IAAI,CAACU,IAAI,CAAC,CAAChC,SAAS,GAAGQ,YAAY,IAAIsB,SAAS,CAAC,GAAGnB,YAAY,EAChE,IAAI,CAAChG,IAAI,CAAC7B,MAAM,CACjB;UAEDmH,YAAY,GAAG,IAAI,CAACtF,IAAI,CAACkH,KAAK,CAAC3B,UAAU,EAAEC,WAAS,CAAC;QACvD;MACF;MAEAD,UAAU,GAAGA,UAAU,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGA,UAAU;MAE/C,OAAAZ,KAAA,GAAO,IAAArH,aAAO,EAACgF,MAAM,CAAC,eACpB5F,KAAA,CAAAgH,aAAA,CAACmB,KAAK,EAAAF,KAAA,CAAAf,EAAA,cAAA0D,cAAA,qBAAA9K,KAAA,CAAA+K,WAAA;QAAA,kBAA8B,CAAC,MAAM;MAAC,GAAA7C,IAAA,KACzCY,YAAY,CAACkC,GAAG,CAAC,UAACrG,GAAG,EAAEtC,KAAK,EAAK;QAChC,IAAI4I,YAAgC,GAAGxF,SAAS;QAEhD,IAAIpD,KAAK,KAAK,CAAC,IAAI,OAAO2D,aAAa,KAAK,SAAS,EAAE;UAAA,IAAAkF,qBAAA;UACrDD,YAAY,IAAAC,qBAAA,GAAG9C,MAAI,CAAC7F,aAAa,CAACyH,GAAG,CAACjB,UAAU,GAAG,CAAC,CAAC,cAAAmC,qBAAA,uBAAtCA,qBAAA,CAAyC,CAAC,CAAC;QAC5D;QAEA,IAAIrJ,KAAK,CAACqD,OAAO,CAACP,GAAG,CAAC,EAAE;UAAA,IAAAwG,KAAA;UACtB,OAAAA,KAAA,GAAO,IAAArK,aAAO,EAACgF,MAAM,CAAC,eACpB5F,KAAA,CAAAgH,aAAA,CAACqB,SAAS,EAAA4C,KAAA,CAAA/D,EAAA;YAAA,QAAO,UAAU;YAAA,OAAO/E;UAAK,IACpCsC,GAAG,CAACqG,GAAG,CAAC,UAACrI,IAAI,EAAEqB,CAAC,EAAK;YACpB,oBAAO9D,KAAA,CAAAgH,aAAA,CAACkE,IAAI,CAACC,GAAG;cAAChI,GAAG,EAAEV,IAAI,CAAC2I,uBAAY,CAAE;cAAC3G,GAAG,EAAEhC,IAAK;cAACE,MAAM,EAAEkG;YAAW,EAAG;UAC7E,CAAC,CAAC,CACQ;QAEhB;QACA,oBACE7I,KAAA,CAAAgH,aAAA,CAACkE,IAAI,CAACC,GAAG;UACPhI,GAAG,EAAEsB,GAAG,CAAC2G,uBAAY,CAAE;UACvB3G,GAAG,EAAEA,GAAI;UACT9B,MAAM,EAAEkG,UAAW;UACnBwC,GAAG,EAAEnD,MAAI,CAACoD,SAAS,CAACzC,UAAU,GAAG1G,KAAK,CAAE;UACxC4I,YAAY,EAAEA;QAAa,EAC3B;MAEN,CAAC,CAAC,EACDxG,OAAO,iBACNvE,KAAA,CAAAgH,aAAA,CAACsB,cAAc,EAAAL,KAAA,CAAAf,EAAA;QAAA;QAAA,mBAAAnF,MAAA,CAGIe,YAAY;QAAA,YACnB,CAAC,CAAC;QAAA,OACP0F,UAAU;QAAA,QACT;MAAK,iBAEXxI,KAAA,CAAAgH,aAAA,CAACtG,KAAA,WAAI,EAAAuH,KAAA,CAAAf,EAAA;QAAA,QAAO,KAAK;QAAA,QAAQ;MAAU,GAAI,CAE1C,CACK;IAEZ;EAAC;IAAA/D,GAAA;IAAAC,KAAA,EAED,SAAA0E,YAAoByD,GAA0C,EAA0B;MACtF,OACE,OAAOA,GAAG,KAAK,QAAQ,IACvB,OAAOA,GAAG,KAAK,QAAQ,iBACvBvL,KAAK,CAACwL,cAAc,CAACD,GAAG,CAAC,IACzB,OAAOA,GAAG,KAAK,SAAS,IACxBA,GAAG,KAAKhG,SAAS,IACjBgG,GAAG,KAAK,IAAI;IAEhB;EAAC;IAAApI,GAAA;IAAAC,KAAA,EAED,SAAAG,cAAA,EAAgD;MAAA,IAAAkI,MAAA;MAC9C,IAAAC,cAAA,GAA+B,IAAI,CAAC7I,OAAO;QAAnCc,IAAI,GAAA+H,cAAA,CAAJ/H,IAAI;QAAEgI,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEtH,OAAO,GAAAqH,cAAA,CAAPrH,OAAO;MAE1B,IAAMf,IAA4B,GAAG,EAAE;MACvC,IAAMsI,WAAW,GAAGvH,OAAO,CAACyG,GAAG,CAAC,UAAC3E,MAAgB;QAAA,OAAKA,MAAM,CAACC,IAAI;MAAA,EAAC;MAElE,IAAI1B,QAAQ,GAAG,CAAC;MAEhB,IAAMmH,EAAE,GAAG,SAAS,CAAC,CAAC;;MAEtB,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIrH,GAAgB,EAAEsH,cAAyB,EAAK;QACjE,IAAM1H,OAAO,GAAG,IAAI2H,GAAG,CAACJ,WAAW,CAAC;QACpC,IAAMK,KAAK,GAAGC,MAAM,CAACC,OAAO,CAAC1H,GAAG,CAAC,CAACE,MAAM,CACtC,UAACC,GAAG,EAAAwH,KAAA,EAAmB;UAAA,IAAAC,KAAA,OAAAC,eAAA,aAAAF,KAAA;YAAhBjJ,GAAG,GAAAkJ,KAAA;YAAEjJ,KAAK,GAAAiJ,KAAA;UACf,IAAME,YAAY,GAAGpJ,GAAG,CAACqJ,KAAK,CAACf,MAAI,CAACgB,eAAe,CAAC;UAEpD,IAAIF,YAAY,CAAC9K,MAAM,KAAK,CAAC,EAAE;YAC7BmD,GAAG,CAACzB,GAAG,CAAC,GAAGC,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;YACtBiB,OAAO,UAAO,CAAClB,GAAG,CAAC;UACrB,CAAC,MAAM;YACLyB,GAAG,CAAC2H,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI9F,8BAAiB,CAACrD,KAAK,EAAE;cAClD8C,OAAO,EAAE/C,GAAG;cACZ0G,IAAI,EAAE0C,YAAY,CAAC9K;YACrB,CAAC,CAAC;YACF8K,YAAY,CAACG,OAAO,CAAC,UAACtJ,KAAK,EAAK;cAC9BiB,OAAO,UAAO,CAACjB,KAAK,CAAC;YACvB,CAAC,CAAC;UACJ;UAEA,IAAIqB,GAAG,CAACM,oBAAS,CAAC,EAAE;YAClBH,GAAG,CAACG,oBAAS,CAAC,GAAGN,GAAG,CAACM,oBAAS,CAAC;UACjC;UAEA,OAAOH,GAAG;QACZ,CAAC,MAAA5C,gBAAA,iBAEEoJ,uBAAY,KAAArJ,MAAA,CAAM4J,GAAG,OAAA5J,MAAA,CAAI,CAAC2C,QAAQ,GAAGmH,EAAE,EAAEtE,QAAQ,CAAC,EAAE,CAAC,GAEzD;QAEDwE,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEW,OAAO,CAAC,UAACtJ,KAAK,EAAK;UACjCiB,OAAO,UAAO,CAACjB,KAAK,CAAC;QACvB,CAAC,CAAC;QAEF,IAAIiB,OAAO,CAACwF,IAAI,GAAG,CAAC,EAAE;UACpBxF,OAAO,CAACqI,OAAO,CAAC,UAACtJ,KAAK,EAAK;YACzB6I,KAAK,CAAC7I,KAAK,CAAC,GAAG,EAAE;UACnB,CAAC,CAAC;QACJ;QAEA,OAAO6I,KAAK;MACd,CAAC;MAEDtI,IAAI,CAAC+I,OAAO,CAAC,UAACjI,GAAG,EAAK;QACpB,IAAMkI,WAAsC,GAAGlI,GAAG,CAACmI,oBAAS,CAAC;QAE7D,IAAMC,OAAO,GAAGnI,QAAQ,GAAG,CAAC,CAAC,CAAC;;QAE9B,IAAIiI,WAAW,EAAE;UACf,IAAMG,KAAK,GAAGD,OAAO,GAAGF,WAAW,CAAClL,MAAM;UAC1C,IAAMsL,SAAkB,GAAG,EAAE;UAE7B,IAAMC,WAAqB,GAAG,EAAE;UAChC,IAAMC,cAAc,GAAGf,MAAM,CAACC,OAAO,CAAC1H,GAAG,CAAC,CAACE,MAAM,CAC/C,UAACC,GAAG,EAAAsI,KAAA,EAAmB;YAAA,IAAAC,KAAA,OAAAb,eAAA,aAAAY,KAAA;cAAhB/J,GAAG,GAAAgK,KAAA;cAAE/J,KAAK,GAAA+J,KAAA;YACfvI,GAAG,CAACzB,GAAG,CAAC,GAAG,IAAIoD,2BAAc,CAACnD,KAAK,EAAE,CAACyJ,OAAO,EAAEC,KAAK,CAAC,CAAC;YACtDE,WAAW,CAACI,IAAI,CAACjK,GAAG,CAAC;YACrB,OAAOyB,GAAG;UACZ,CAAC,MAAA5C,gBAAA,iBAEEoJ,uBAAY,EAAG,EAAE,EAErB;UAEDuB,WAAW,CAACD,OAAO,CAAC,UAACW,QAAQ,EAAElL,KAAK,EAAK;YACvC,IAAI8J,KAAY;YAChB,IAAI9J,KAAK,KAAK,CAAC,EAAE;cACf,IAAMmL,OAAO,OAAA1C,cAAA,iBAAAA,cAAA,iBACRyC,QAAQ,GACRJ,cAAc,CAClB;cACDhB,KAAK,GAAGH,SAAS,CAACwB,OAAO,CAAC;YAC5B,CAAC,MAAM;cACLrB,KAAK,GAAGH,SAAS,CAACuB,QAAQ,EAAEL,WAAW,CAAC;YAC1C;YAEAD,SAAS,CAACK,IAAI,CAACnB,KAAK,CAAC;YACrBvH,QAAQ,EAAE;UACZ,CAAC,CAAC;UAEFpB,IAAI,CAAC8J,IAAI,CAACL,SAAS,CAAC;QACtB,CAAC,MAAM;UACL,IAAMd,KAAK,GAAGH,SAAS,CAACrH,GAAG,CAAC;UAE5BnB,IAAI,CAAC8J,IAAI,CAACnB,KAAK,CAAC;UAChBvH,QAAQ,EAAE;QACZ;MACF,CAAC,CAAC;MAEF,OAAOpB,IAAI;IACb;EAAC;EAAA,OAAAtC,QAAA;AAAA,EA/b6CuM,eAAS;AAAA,IAAAvL,gBAAA,aAAnDhB,QAAQ,iBAOS,MAAM;AAAA,IAAAgB,gBAAA,aAPvBhB,QAAQ,WAQGL,KAAK;AA0bf,IAAMuK,IAAI,GAAG,IAAAsC,qBAAe,EAACxM,QAAQ,EAAE;EAC5CmK,GAAG,EAAHA,QAAG;EACHsC,IAAI,EAAJA;AACF,CAAC,CAGA;AAACC,OAAA,CAAAxC,IAAA,GAAAA,IAAA"}

package/lib/cjs/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, DTRows } from './Row.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { DTUse, DTValue } from '../DataTable/DataTable.types';\n\ntype CellRenderProps = {\n  dataKey: string;\n  row: DTRow;\n  column: DTColumn;\n  rowIndex: number;\n  columnIndex: number;\n  columnName: string;\n  value: string;\n  defaultRender: () => React.ReactNode;\n  isMergedRows: boolean;\n  isMergedColumns: boolean;\n};\n\nexport type DataTableBodyProps = {\n  renderCell?: (props: CellRenderProps) => React.ReactNode | Record<string, any>;\n\n  virtualScroll?: boolean;\n};\n\nexport type BodyPropsInner = {\n  rows: DTRows;\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: number[];\n  onExpandRow: (rowIndex: number) => void;\n  spinnerRef: React.RefObject<HTMLDivElement>;\n};\n"],"mappings":""}
+{"version":3,"file":"Body.types.js","names":[],"sources":["../../../../src/components/Body/Body.types.ts"],"sourcesContent":["import { DTRow, DTRows } from './Row.types';\nimport { DTColumn } from '../Head/Column.types';\nimport { DataTableData, DTUse, VirtualScroll } from '../DataTable/DataTable.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;\n  defaultRender: () => React.ReactNode;\n  isMergedRows: boolean;\n  isMergedColumns: boolean;\n};\n\nexport type DataTableBodyProps = {\n  renderCell?: (props: CellRenderProps) => React.ReactNode | Record<string, any>;\n};\n\nexport type BodyPropsInner<D extends DataTableData> = {\n  data: D;\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: number[];\n  onExpandRow: (rowIndex: number) => void;\n  spinnerRef: React.RefObject<HTMLDivElement>;\n  tableContainerRef: React.RefObject<HTMLDivElement>;\n  tableRef: React.RefObject<HTMLDivElement>;\n  scrollTop: number;\n  scrollDirection: 'down' | 'up';\n  virtualScroll?: VirtualScroll;\n  hasGroups: boolean;\n  uid: string;\n  renderCell?: (props: CellRenderProps) => React.ReactNode | Record<string, any>;\n};\n"],"mappings":""}

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

@@ -18,35 +18,39 @@ var React = _interopRequireWildcard(require("react"));
 var _baseComponents = require("@semcore/base-components");
 var _getFocusableIn = require("@semcore/core/lib/utils/focus-lock/getFocusableIn");
 var _MergedCells = require("./MergedCells");
+var _isFocusInside = require("@semcore/core/lib/utils/focus-lock/isFocusInside");
 /*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_1emri_gg_,.___SRowGroup_1emri_gg_,.___SRow_1emri_gg_{display:contents}.___SBody_1emri_gg_.__compact_1emri_gg_ .___SCell_1emri_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1emri_gg_.__compact_1emri_gg_ .___SCell_1emri_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1emri) - 1)))}.___SCell_1emri_gg_.__gridArea_1emri_gg_,.___SCollapseRow_1emri_gg_.__gridArea_1emri_gg_,.___SRow_1emri_gg_.__gridArea_1emri_gg_{grid-area:var(--gridArea_1emri)}.___SCollapseRow_1emri_gg_ .___SCell_1emri_gg_{display:block}.___SRow_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_muted_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_muted_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_muted_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_muted_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_._theme_muted_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_muted_1emri_gg_,.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_info_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_info_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_info_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_info_1emri_gg_,.___SRow_1emri_gg_._theme_info_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_info_1emri_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_success_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_success_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_success_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_success_1emri_gg_,.___SRow_1emri_gg_._theme_success_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_success_1emri_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_warning_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_warning_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_warning_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_warning_1emri_gg_,.___SRow_1emri_gg_._theme_warning_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_warning_1emri_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_danger_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_danger_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_danger_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_danger_1emri_gg_,.___SRow_1emri_gg_._theme_danger_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_danger_1emri_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1emri_gg_._theme_muted_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1emri_gg_._theme_muted_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1emri_gg_._theme_info_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1emri_gg_._theme_info_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1emri_gg_._theme_success_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1emri_gg_._theme_success_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1emri_gg_._theme_warning_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1emri_gg_._theme_warning_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1emri_gg_._theme_danger_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1emri_gg_._theme_danger_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1emri_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_1emri_gg_ .___SAccordionToggle_1emri_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1emri_gg_ .___SAccordionToggle_1emri_gg_.__expanded_1emri_gg_{transform:rotate(90deg)}.___SCell_1emri_gg_._use_primary_1emri_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1emri_gg_._use_primary_1emri_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_1emri) - 1)))}.___SCell_1emri_gg_._use_secondary_1emri_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1emri_gg_._use_secondary_1emri_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_1emri) - 1)))}.___SCell_1emri_gg_._borders_both_1emri_gg_,.___SCell_1emri_gg_._borders_left_1emri_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1emri_gg_._borders_both_1emri_gg_,.___SCell_1emri_gg_._borders_right_1emri_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1emri_gg_.__fixed_1emri_gg_{position:sticky;z-index:2}.___SCell_1emri_gg_._theme_muted_1emri_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1emri_gg_._theme_info_1emri_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1emri_gg_._theme_success_1emri_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1emri_gg_._theme_warning_1emri_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1emri_gg_._theme_danger_1emri_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1emri_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_1emri_gg_.__headerHeight_1emri_gg_{top:var(--headerHeight_1emri)}" /*__inner_css_end__*/, "1emri_gg_") /*__reshadow_css_end__*/, {
-  "__SBody": "___SBody_1emri_gg_",
-  "__SRow": "___SRow_1emri_gg_",
-  "__SRowGroup": "___SRowGroup_1emri_gg_",
-  "_gridArea": "__gridArea_1emri_gg_",
-  "__SCell": "___SCell_1emri_gg_",
-  "__SCollapseRow": "___SCollapseRow_1emri_gg_",
-  "--gridArea": "--gridArea_1emri",
-  "_active": "__active_1emri_gg_",
-  "_theme": "__theme_1emri_gg_",
-  "_theme_muted": "_theme_muted_1emri_gg_",
-  "_theme_info": "_theme_info_1emri_gg_",
-  "_theme_success": "_theme_success_1emri_gg_",
-  "_theme_warning": "_theme_warning_1emri_gg_",
-  "_theme_danger": "_theme_danger_1emri_gg_",
-  "_borders_both": "_borders_both_1emri_gg_",
-  "_borders_left": "_borders_left_1emri_gg_",
-  "_borders_right": "_borders_right_1emri_gg_",
-  "_fixed": "__fixed_1emri_gg_",
-  "__SSpinContainer": "___SSpinContainer_1emri_gg_",
-  "_headerHeight": "__headerHeight_1emri_gg_",
-  "--headerHeight": "--headerHeight_1emri",
-  "_compact": "__compact_1emri_gg_",
-  "--data-aria-level": "--data-aria-level_1emri",
-  "__SAccordionToggle": "___SAccordionToggle_1emri_gg_",
-  "_expanded": "__expanded_1emri_gg_",
-  "_use_primary": "_use_primary_1emri_gg_",
-  "_use_secondary": "_use_secondary_1emri_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_1dql7_gg_,.___SRowGroup_1dql7_gg_,.___SRow_1dql7_gg_{display:contents}.___SBody_1dql7_gg_.__compact_1dql7_gg_ .___SCell_1dql7_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1dql7_gg_.__compact_1dql7_gg_ .___SCell_1dql7_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1dql7) - 1)))}.___SCell_1dql7_gg_.__gridArea_1dql7_gg_,.___SCollapseRow_1dql7_gg_.__gridArea_1dql7_gg_,.___SRow_1dql7_gg_.__gridArea_1dql7_gg_{grid-area:var(--gridArea_1dql7)}.___SCollapseRow_1dql7_gg_ .___SCell_1dql7_gg_{display:block}.___SRow_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_.__expanded_1dql7_gg_._accordionType_cell_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_).__withAccordion_1dql7_gg_,.___SRow_1dql7_gg_.__expanded_1dql7_gg_._accordionType_row_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-actions-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_muted_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_muted_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_muted_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_muted_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_._theme_muted_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_muted_1dql7_gg_,.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_info_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_info_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_info_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_info_1dql7_gg_,.___SRow_1dql7_gg_._theme_info_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_info_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_success_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_success_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_success_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_success_1dql7_gg_,.___SRow_1dql7_gg_._theme_success_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_success_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_warning_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_warning_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_warning_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_warning_1dql7_gg_,.___SRow_1dql7_gg_._theme_warning_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_warning_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_danger_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_danger_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_danger_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_danger_1dql7_gg_,.___SRow_1dql7_gg_._theme_danger_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_danger_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1dql7_gg_._theme_muted_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1dql7_gg_._theme_muted_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1dql7_gg_._theme_info_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1dql7_gg_._theme_info_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1dql7_gg_._theme_success_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1dql7_gg_._theme_success_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1dql7_gg_._theme_warning_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1dql7_gg_._theme_warning_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1dql7_gg_._theme_danger_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1dql7_gg_._theme_danger_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1dql7_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_1dql7_gg_ .___SAccordionToggle_1dql7_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1dql7_gg_ .___SAccordionToggle_1dql7_gg_.__expanded_1dql7_gg_{transform:rotate(90deg)}.___SCell_1dql7_gg_._use_primary_1dql7_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1dql7_gg_._use_primary_1dql7_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_1dql7) - 1)))}.___SCell_1dql7_gg_._use_secondary_1dql7_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1dql7_gg_._use_secondary_1dql7_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_1dql7) - 1)))}.___SCell_1dql7_gg_._borders_both_1dql7_gg_,.___SCell_1dql7_gg_._borders_left_1dql7_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1dql7_gg_._borders_both_1dql7_gg_,.___SCell_1dql7_gg_._borders_right_1dql7_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1dql7_gg_.__fixed_1dql7_gg_{position:sticky;z-index:2}.___SCell_1dql7_gg_._theme_muted_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1dql7_gg_._theme_info_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1dql7_gg_._theme_success_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1dql7_gg_._theme_warning_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1dql7_gg_._theme_danger_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1dql7_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_1dql7_gg_.__headerHeight_1dql7_gg_{top:var(--headerHeight_1dql7)}" /*__inner_css_end__*/, "1dql7_gg_") /*__reshadow_css_end__*/, {
+  "__SBody": "___SBody_1dql7_gg_",
+  "__SRow": "___SRow_1dql7_gg_",
+  "__SRowGroup": "___SRowGroup_1dql7_gg_",
+  "_gridArea": "__gridArea_1dql7_gg_",
+  "__SCell": "___SCell_1dql7_gg_",
+  "__SCollapseRow": "___SCollapseRow_1dql7_gg_",
+  "--gridArea": "--gridArea_1dql7",
+  "_active": "__active_1dql7_gg_",
+  "_theme": "__theme_1dql7_gg_",
+  "_expanded": "__expanded_1dql7_gg_",
+  "_accordionType_row": "_accordionType_row_1dql7_gg_",
+  "_accordionType_cell": "_accordionType_cell_1dql7_gg_",
+  "_withAccordion": "__withAccordion_1dql7_gg_",
+  "_theme_muted": "_theme_muted_1dql7_gg_",
+  "_theme_info": "_theme_info_1dql7_gg_",
+  "_theme_success": "_theme_success_1dql7_gg_",
+  "_theme_warning": "_theme_warning_1dql7_gg_",
+  "_theme_danger": "_theme_danger_1dql7_gg_",
+  "_borders_both": "_borders_both_1dql7_gg_",
+  "_borders_left": "_borders_left_1dql7_gg_",
+  "_borders_right": "_borders_right_1dql7_gg_",
+  "_fixed": "__fixed_1dql7_gg_",
+  "__SSpinContainer": "___SSpinContainer_1dql7_gg_",
+  "_headerHeight": "__headerHeight_1dql7_gg_",
+  "--headerHeight": "--headerHeight_1dql7",
+  "_compact": "__compact_1dql7_gg_",
+  "--data-aria-level": "--data-aria-level_1dql7",
+  "__SAccordionToggle": "___SAccordionToggle_1dql7_gg_",
+  "_use_primary": "_use_primary_1dql7_gg_",
+  "_use_secondary": "_use_secondary_1dql7_gg_"
 });
 var CellRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CellRoot, _Component);
@@ -58,6 +62,7 @@ var CellRoot = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "cellRef", /*#__PURE__*/React.createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "lockedCell", [null, false]);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (e) {
       if (e.currentTarget === _this.lockedCell[0]) {
@@ -99,7 +104,8 @@ var CellRoot = /*#__PURE__*/function (_Component) {
       if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {
         e.target.scrollIntoView({
           behavior: 'smooth',
-          block: 'center'
+          block: 'center',
+          inline: 'center'
         });
         var focusableChildren = Array.from(e.currentTarget.children).flatMap(function (node) {
           return (0, _getFocusableIn.getFocusableIn)(node);
@@ -114,23 +120,34 @@ var CellRoot = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2["default"])(CellRoot, [{
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$asProps = this.asProps,
+        virtualScroll = _this$asProps.virtualScroll,
+        tableRef = _this$asProps.tableRef;
+      if (virtualScroll && this.cellRef.current && (0, _isFocusInside.isFocusInside)(this.cellRef.current)) {
+        var _tableRef$current;
+        (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.setAttribute('tabIndex', '0');
+      }
+    }
+  }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
         _ref2;
       var SCell = _baseComponents.Flex;
-      var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
-        row = _this$asProps.row,
-        column = _this$asProps.column,
-        columnIndex = _this$asProps.columnIndex,
-        rowIndex = _this$asProps.rowIndex;
+      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 cell = row[column.name];
       var cellName = cell instanceof _MergedCells.MergedColumnsCell ? cell.dataKey : column.name;
       var scope = null;
       var gridArea = undefined;
-      var fromRow = rowIndex + 2;
+      var fromRow = gridRowIndex;
       var fromCol = columnIndex + 1;
       if (cell instanceof _MergedCells.MergedColumnsCell) {
         gridArea = "".concat(fromRow, " / ").concat(fromCol, " / ").concat(fromRow + 1, " / ").concat(fromCol + cell.columnsCount);
@@ -138,8 +155,11 @@ var CellRoot = /*#__PURE__*/function (_Component) {
       } else if (cell instanceof _MergedCells.MergedRowsCell) {
         gridArea = "".concat(cell.fromRow, " / ").concat(fromCol, " / ").concat(cell.toRow, " / ").concat(fromCol + 1);
         scope = 'rowgroup';
+      } else {
+        gridArea = "".concat(fromRow, " / ").concat(fromCol, " / ").concat(fromRow + 1, " / ").concat(fromCol + 1);
       }
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SCell, _ref2.cn("SCell", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "ref": this.cellRef,
         "innerOutline": true,
         "tabIndex": -1,
         "onKeyDown": this.handleKeyDown,

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","names":["_core","require","React","_interopRequireWildcard","_baseComponents","_getFocusableIn","_MergedCells","style","sstyled","insert","CellRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","currentTarget","lockedCell","focusableChildren","from","children","flatMap","node","getFocusableIn","key","_this$lockedCell$","focus","startsWith","stopPropagation","preventDefault","target","shiftKey","_focusableChildren","_focusableChildren$","_focusableChildren$2","matches","scrollIntoView","behavior","block","_createClass2","value","render","_ref","asProps","_ref2","SCell","Flex","_this$asProps","Children","styles","row","column","columnIndex","rowIndex","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","undefined","fromRow","fromCol","columnsCount","MergedRowsCell","toRow","createElement","cn","_objectSpread2","assignProps","handleKeyDown","onFocusCell","borders","flexWrap","alignItems","alignContent","justifyContent","fixed","Component","Cell","createComponent","exports"],"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';\n\nclass CellRoot extends Component<DataTableCellProps, {}, {}, [], CellPropsInner> {\n  static displayName = 'Cell';\n  static style = style;\n\n  lockedCell: [HTMLElement | null, boolean] = [null, false];\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      });\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, rowIndex } = 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 = rowIndex + 2;\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 = `${cell.fromRow} / ${fromCol} / ${cell.toRow} / ${fromCol + 1}`;\n      scope = 'rowgroup';\n    }\n\n    return sstyled(styles)(\n      <SCell\n        render={Flex}\n        innerOutline\n        tabIndex={-1}\n        onKeyDown={this.handleKeyDown}\n        onFocus={this.onFocusCell}\n        name={cellName}\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.toRow - cell.fromRow : 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":["_core","require","React","_interopRequireWildcard","_baseComponents","_getFocusableIn","_MergedCells","_isFocusInside","style","sstyled","insert","CellRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createRef","e","currentTarget","lockedCell","focusableChildren","from","children","flatMap","node","getFocusableIn","key","_this$lockedCell$","focus","startsWith","stopPropagation","preventDefault","target","shiftKey","_focusableChildren","_focusableChildren$","_focusableChildren$2","matches","scrollIntoView","behavior","block","inline","_createClass2","value","componentWillUnmount","_this$asProps","asProps","virtualScroll","tableRef","cellRef","current","isFocusInside","_tableRef$current","setAttribute","render","_ref","_ref2","SCell","Flex","_this$asProps2","Children","styles","row","column","columnIndex","gridRowIndex","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","undefined","fromRow","fromCol","columnsCount","MergedRowsCell","toRow","createElement","cn","_objectSpread2","assignProps","handleKeyDown","onFocusCell","borders","flexWrap","alignItems","alignContent","justifyContent","fixed","Component","Cell","createComponent","exports"],"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 = `${cell.fromRow} / ${fromCol} / ${cell.toRow} / ${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}\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.toRow - cell.fromRow : 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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"}

package/lib/cjs/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 DataTableCellProps = {\n  row: DTRow;\n  rowIndex: number;\n  column: DTColumn;\n  columnIndex: number;\n\n  children?: React.ReactNode;\n};\n\nexport type CellPropsInner = {\n  use: DTUse;\n};\n"],"mappings":""}
+{"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 DataTableCellProps = {\n  row: DTRow;\n  rowIndex: number;\n  column: DTColumn;\n  columnIndex: number;\n  gridRowIndex: number;\n  children?: React.ReactNode;\n};\n\nexport type CellPropsInner = {\n  use: DTUse;\n\n  virtualScroll: boolean;\n  tableRef: React.RefObject<HTMLDivElement>;\n};\n"],"mappings":""}

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

@@ -21,34 +21,37 @@ var _utils = require("../../utils");
 var _DataTable = require("../DataTable/DataTable");
 var _MergedCells = require("./MergedCells");
 /*__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_1emri_gg_,.___SRowGroup_1emri_gg_,.___SRow_1emri_gg_{display:contents}.___SBody_1emri_gg_.__compact_1emri_gg_ .___SCell_1emri_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1emri_gg_.__compact_1emri_gg_ .___SCell_1emri_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1emri) - 1)))}.___SCell_1emri_gg_.__gridArea_1emri_gg_,.___SCollapseRow_1emri_gg_.__gridArea_1emri_gg_,.___SRow_1emri_gg_.__gridArea_1emri_gg_{grid-area:var(--gridArea_1emri)}.___SCollapseRow_1emri_gg_ .___SCell_1emri_gg_{display:block}.___SRow_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}@media (hover:hover){.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_muted_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_muted_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_muted_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_muted_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_._theme_muted_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_muted_1emri_gg_,.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_info_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_info_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_info_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_info_1emri_gg_,.___SRow_1emri_gg_._theme_info_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_info_1emri_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_success_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_success_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_success_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_success_1emri_gg_,.___SRow_1emri_gg_._theme_success_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_success_1emri_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_warning_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_warning_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_warning_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_warning_1emri_gg_,.___SRow_1emri_gg_._theme_warning_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_warning_1emri_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_._theme_danger_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_[data-grouped-by=rowgroup]._theme_danger_1emri_gg_,.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_._theme_danger_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRowGroup_1emri_gg_:has(.___SCell_1emri_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1emri_gg_>.___SCell_1emri_gg_._theme_danger_1emri_gg_,.___SRow_1emri_gg_._theme_danger_1emri_gg_:hover>.___SCell_1emri_gg_:not(.__theme_1emri_gg_),.___SRow_1emri_gg_:hover>.___SCell_1emri_gg_._theme_danger_1emri_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1emri_gg_._theme_muted_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1emri_gg_._theme_muted_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1emri_gg_._theme_info_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1emri_gg_._theme_info_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1emri_gg_._theme_success_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1emri_gg_._theme_success_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1emri_gg_._theme_warning_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1emri_gg_._theme_warning_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1emri_gg_._theme_danger_1emri_gg_ .___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1emri_gg_._theme_danger_1emri_gg_.__active_1emri_gg_>.___SCell_1emri_gg_:not(.__theme_1emri_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1emri_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_1emri_gg_ .___SAccordionToggle_1emri_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1emri_gg_ .___SAccordionToggle_1emri_gg_.__expanded_1emri_gg_{transform:rotate(90deg)}.___SCell_1emri_gg_._use_primary_1emri_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1emri_gg_._use_primary_1emri_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_1emri) - 1)))}.___SCell_1emri_gg_._use_secondary_1emri_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1emri_gg_._use_secondary_1emri_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_1emri) - 1)))}.___SCell_1emri_gg_._borders_both_1emri_gg_,.___SCell_1emri_gg_._borders_left_1emri_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1emri_gg_._borders_both_1emri_gg_,.___SCell_1emri_gg_._borders_right_1emri_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1emri_gg_.__fixed_1emri_gg_{position:sticky;z-index:2}.___SCell_1emri_gg_._theme_muted_1emri_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1emri_gg_._theme_info_1emri_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1emri_gg_._theme_success_1emri_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1emri_gg_._theme_warning_1emri_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1emri_gg_._theme_danger_1emri_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1emri_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_1emri_gg_.__headerHeight_1emri_gg_{top:var(--headerHeight_1emri)}" /*__inner_css_end__*/, "1emri_gg_") /*__reshadow_css_end__*/, {
-  "__SBody": "___SBody_1emri_gg_",
-  "__SRow": "___SRow_1emri_gg_",
-  "__SRowGroup": "___SRowGroup_1emri_gg_",
-  "_gridArea": "__gridArea_1emri_gg_",
-  "__SCell": "___SCell_1emri_gg_",
-  "__SCollapseRow": "___SCollapseRow_1emri_gg_",
-  "--gridArea": "--gridArea_1emri",
-  "_active": "__active_1emri_gg_",
-  "_theme": "__theme_1emri_gg_",
-  "_theme_muted": "_theme_muted_1emri_gg_",
-  "_theme_info": "_theme_info_1emri_gg_",
-  "_theme_success": "_theme_success_1emri_gg_",
-  "_theme_warning": "_theme_warning_1emri_gg_",
-  "_theme_danger": "_theme_danger_1emri_gg_",
-  "_borders_both": "_borders_both_1emri_gg_",
-  "_borders_left": "_borders_left_1emri_gg_",
-  "_borders_right": "_borders_right_1emri_gg_",
-  "_fixed": "__fixed_1emri_gg_",
-  "__SSpinContainer": "___SSpinContainer_1emri_gg_",
-  "_headerHeight": "__headerHeight_1emri_gg_",
-  "--headerHeight": "--headerHeight_1emri",
-  "_compact": "__compact_1emri_gg_",
-  "--data-aria-level": "--data-aria-level_1emri",
-  "__SAccordionToggle": "___SAccordionToggle_1emri_gg_",
-  "_expanded": "__expanded_1emri_gg_",
-  "_use_primary": "_use_primary_1emri_gg_",
-  "_use_secondary": "_use_secondary_1emri_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_1dql7_gg_,.___SRowGroup_1dql7_gg_,.___SRow_1dql7_gg_{display:contents}.___SBody_1dql7_gg_.__compact_1dql7_gg_ .___SCell_1dql7_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1dql7_gg_.__compact_1dql7_gg_ .___SCell_1dql7_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1dql7) - 1)))}.___SCell_1dql7_gg_.__gridArea_1dql7_gg_,.___SCollapseRow_1dql7_gg_.__gridArea_1dql7_gg_,.___SRow_1dql7_gg_.__gridArea_1dql7_gg_{grid-area:var(--gridArea_1dql7)}.___SCollapseRow_1dql7_gg_ .___SCell_1dql7_gg_{display:block}.___SRow_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_.__expanded_1dql7_gg_._accordionType_cell_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_).__withAccordion_1dql7_gg_,.___SRow_1dql7_gg_.__expanded_1dql7_gg_._accordionType_row_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-actions-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_muted_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_muted_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_muted_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_muted_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_._theme_muted_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_muted_1dql7_gg_,.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_info_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_info_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_info_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_info_1dql7_gg_,.___SRow_1dql7_gg_._theme_info_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_info_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_success_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_success_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_success_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_success_1dql7_gg_,.___SRow_1dql7_gg_._theme_success_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_success_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_warning_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_warning_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_warning_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_warning_1dql7_gg_,.___SRow_1dql7_gg_._theme_warning_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_warning_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_._theme_danger_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_[data-grouped-by=rowgroup]._theme_danger_1dql7_gg_,.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_._theme_danger_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRowGroup_1dql7_gg_:has(.___SCell_1dql7_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1dql7_gg_>.___SCell_1dql7_gg_._theme_danger_1dql7_gg_,.___SRow_1dql7_gg_._theme_danger_1dql7_gg_:hover>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_),.___SRow_1dql7_gg_:hover>.___SCell_1dql7_gg_._theme_danger_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1dql7_gg_._theme_muted_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1dql7_gg_._theme_muted_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1dql7_gg_._theme_info_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1dql7_gg_._theme_info_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1dql7_gg_._theme_success_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1dql7_gg_._theme_success_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1dql7_gg_._theme_warning_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1dql7_gg_._theme_warning_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1dql7_gg_._theme_danger_1dql7_gg_ .___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1dql7_gg_._theme_danger_1dql7_gg_.__active_1dql7_gg_>.___SCell_1dql7_gg_:not(.__theme_1dql7_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1dql7_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_1dql7_gg_ .___SAccordionToggle_1dql7_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1dql7_gg_ .___SAccordionToggle_1dql7_gg_.__expanded_1dql7_gg_{transform:rotate(90deg)}.___SCell_1dql7_gg_._use_primary_1dql7_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1dql7_gg_._use_primary_1dql7_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_1dql7) - 1)))}.___SCell_1dql7_gg_._use_secondary_1dql7_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1dql7_gg_._use_secondary_1dql7_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_1dql7) - 1)))}.___SCell_1dql7_gg_._borders_both_1dql7_gg_,.___SCell_1dql7_gg_._borders_left_1dql7_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1dql7_gg_._borders_both_1dql7_gg_,.___SCell_1dql7_gg_._borders_right_1dql7_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1dql7_gg_.__fixed_1dql7_gg_{position:sticky;z-index:2}.___SCell_1dql7_gg_._theme_muted_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1dql7_gg_._theme_info_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1dql7_gg_._theme_success_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1dql7_gg_._theme_warning_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1dql7_gg_._theme_danger_1dql7_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1dql7_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_1dql7_gg_.__headerHeight_1dql7_gg_{top:var(--headerHeight_1dql7)}" /*__inner_css_end__*/, "1dql7_gg_") /*__reshadow_css_end__*/, {
+  "__SBody": "___SBody_1dql7_gg_",
+  "__SRow": "___SRow_1dql7_gg_",
+  "__SRowGroup": "___SRowGroup_1dql7_gg_",
+  "_gridArea": "__gridArea_1dql7_gg_",
+  "__SCell": "___SCell_1dql7_gg_",
+  "__SCollapseRow": "___SCollapseRow_1dql7_gg_",
+  "--gridArea": "--gridArea_1dql7",
+  "_active": "__active_1dql7_gg_",
+  "_theme": "__theme_1dql7_gg_",
+  "_expanded": "__expanded_1dql7_gg_",
+  "_accordionType_row": "_accordionType_row_1dql7_gg_",
+  "_accordionType_cell": "_accordionType_cell_1dql7_gg_",
+  "_withAccordion": "__withAccordion_1dql7_gg_",
+  "_theme_muted": "_theme_muted_1dql7_gg_",
+  "_theme_info": "_theme_info_1dql7_gg_",
+  "_theme_success": "_theme_success_1dql7_gg_",
+  "_theme_warning": "_theme_warning_1dql7_gg_",
+  "_theme_danger": "_theme_danger_1dql7_gg_",
+  "_borders_both": "_borders_both_1dql7_gg_",
+  "_borders_left": "_borders_left_1dql7_gg_",
+  "_borders_right": "_borders_right_1dql7_gg_",
+  "_fixed": "__fixed_1dql7_gg_",
+  "__SSpinContainer": "___SSpinContainer_1dql7_gg_",
+  "_headerHeight": "__headerHeight_1dql7_gg_",
+  "--headerHeight": "--headerHeight_1dql7",
+  "_compact": "__compact_1dql7_gg_",
+  "--data-aria-level": "--data-aria-level_1dql7",
+  "__SAccordionToggle": "___SAccordionToggle_1dql7_gg_",
+  "_use_primary": "_use_primary_1dql7_gg_",
+  "_use_secondary": "_use_secondary_1dql7_gg_"
 });
 var RowRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RowRoot, _Component);
@@ -60,7 +63,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(RowRoot, [{
     key: "cellHasAccordion",
     value: function cellHasAccordion(cellValue) {
-      return !(cellValue instanceof _MergedCells.MergedRowsCell || cellValue instanceof _MergedCells.MergedColumnsCell) && Boolean(cellValue[_DataTable.ACCORDION]);
+      return !(cellValue instanceof _MergedCells.MergedRowsCell || cellValue instanceof _MergedCells.MergedColumnsCell) && Boolean(cellValue === null || cellValue === void 0 ? void 0 : cellValue[_DataTable.ACCORDION]);
     }
   }, {
     key: "render",
@@ -78,22 +81,27 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps.styles,
         rowIndex = _this$asProps.rowIndex,
         ariaRowIndex = _this$asProps.ariaRowIndex,
+        gridRowIndex = _this$asProps.gridRowIndex,
         expanded = _this$asProps.expanded,
         accordionDataGridArea = _this$asProps.accordionDataGridArea,
         expandedRows = _this$asProps.expandedRows,
         onExpandRow = _this$asProps.onExpandRow,
         _this$asProps$ariaLe = _this$asProps['aria-level'],
-        ariaLevel = _this$asProps$ariaLe === void 0 ? 1 : _this$asProps$ariaLe;
+        ariaLevel = _this$asProps$ariaLe === void 0 ? 1 : _this$asProps$ariaLe,
+        rowMarginTop = _this$asProps.rowMarginTop;
       var accordion = row[_DataTable.ACCORDION];
+      var accordionType = accordion ? 'row' : undefined;
       if (!accordion) {
         var cellWithAccordion = Object.values(row).find(function (value) {
           return _this.cellHasAccordion(value);
         });
         accordion = cellWithAccordion === null || cellWithAccordion === void 0 ? void 0 : cellWithAccordion[_DataTable.ACCORDION];
+        accordionType = 'cell';
       }
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SRow, _ref2.cn("SRow", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "role": 'row',
-        "aria-rowindex": ariaRowIndex
+        "aria-rowindex": ariaRowIndex,
+        "accordionType": accordionType
       }, _ref))), columns.map(function (column, i) {
         var index = i;
         var cellValue = row[column.name];
@@ -110,15 +118,22 @@ var RowRoot = /*#__PURE__*/function (_Component) {
             style[name] = value;
           }
         }
+        if (rowMarginTop) {
+          style.marginTop = rowMarginTop;
+        }
         return /*#__PURE__*/React.createElement(_Body.Body.Cell, {
           key: index,
           "aria-expanded": row[_DataTable.ACCORDION] && index === 0 || _this.cellHasAccordion(cellValue) ? expanded : undefined,
           "data-aria-level": index === 0 ? ariaLevel : undefined,
           row: row,
           rowIndex: rowIndex,
+          gridRowIndex: gridRowIndex,
           columnIndex: index,
           style: style,
           column: column
+          // @ts-ignore
+          ,
+          withAccordion: _this.cellHasAccordion(cellValue)
         });
       })), /*#__PURE__*/React.isValidElement(accordion) && /*#__PURE__*/React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
         "key": rowIndex,
@@ -143,16 +158,16 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React.createElement(Row, {
           key: i,
           row: subrow,
-          columns: columns
-          // visible={expanded}
-          ,
+          columns: columns,
           rows: row[_DataTable.ACCORDION],
           rowIndex: rowIndex,
           "aria-posinset": i + 1,
           "aria-level": ariaLevel + 1,
           ariaRowIndex: ariaRowIndex + 1 + i,
+          gridRowIndex: gridRowIndex + 1 + i,
           expanded: expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.includes(rowIndex + i),
-          onExpandRow: onExpandRow
+          onExpandRow: onExpandRow,
+          theme: 'muted'
         });
       })));
     }