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

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

@@ -1 +1 @@
-{"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","rowsCount","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 = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n      scope = 'rowgroup';\n    } else {\n      gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n    }\n\n    return sstyled(styles)(\n      <SCell\n        ref={this.cellRef}\n        render={Flex}\n        innerOutline\n        tabIndex={-1}\n        onKeyDown={this.handleKeyDown}\n        onFocus={this.onFocusCell}\n        name={cellName}\n        role={'gridcell'}\n        aria-colindex={columnIndex + 1}\n        data-grouped-by={scope}\n        scope={scope}\n        aria-colspan={cell instanceof MergedColumnsCell ? cell.columnsCount : undefined}\n        aria-rowspan={cell instanceof MergedRowsCell ? cell.rowsCount : undefined}\n        gridArea={gridArea}\n        borders={column.borders}\n        flexWrap={column.flexWrap}\n        alignItems={column.alignItems}\n        alignContent={column.alignContent}\n        justifyContent={column.justifyContent}\n        fixed={column.fixed}\n      >\n        <Children />\n      </SCell>,\n    );\n  }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Cell.js","names":["_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","rowsCount","createElement","cn","_objectSpread2","assignProps","handleKeyDown","onFocusCell","toString","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 = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n      scope = 'rowgroup';\n    } else {\n      gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n    }\n\n    return sstyled(styles)(\n      <SCell\n        ref={this.cellRef}\n        render={Flex}\n        innerOutline\n        tabIndex={-1}\n        onKeyDown={this.handleKeyDown}\n        onFocus={this.onFocusCell}\n        name={cellName.toString()}\n        role={'gridcell'}\n        aria-colindex={columnIndex + 1}\n        data-grouped-by={scope}\n        scope={scope}\n        aria-colspan={cell instanceof MergedColumnsCell ? cell.columnsCount : undefined}\n        aria-rowspan={cell instanceof MergedRowsCell ? cell.rowsCount : undefined}\n        gridArea={gridArea}\n        borders={column.borders}\n        flexWrap={column.flexWrap}\n        alignItems={column.alignItems}\n        alignContent={column.alignContent}\n        justifyContent={column.justifyContent}\n        fixed={column.fixed}\n      >\n        <Children />\n      </SCell>,\n    );\n  }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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"}

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

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

@@ -8,22 +8,26 @@ exports.MergedRowsCell = exports.MergedColumnsCell = void 0;
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var MergedRowsCell = /*#__PURE__*/(0, _createClass2["default"])(function MergedRowsCell(value, rowsCount) {
+var MergedRowsCell = /*#__PURE__*/(0, _createClass2["default"])(function MergedRowsCell(value, rowsCount, accordion) {
   (0, _classCallCheck2["default"])(this, MergedRowsCell);
   (0, _defineProperty2["default"])(this, "value", void 0);
   (0, _defineProperty2["default"])(this, "rowsCount", void 0);
+  (0, _defineProperty2["default"])(this, "accordion", void 0);
   this.value = value;
   this.rowsCount = rowsCount;
+  this.accordion = accordion;
 });
 exports.MergedRowsCell = MergedRowsCell;
-var MergedColumnsCell = /*#__PURE__*/(0, _createClass2["default"])(function MergedColumnsCell(value, options) {
+var MergedColumnsCell = /*#__PURE__*/(0, _createClass2["default"])(function MergedColumnsCell(value, options, accordion) {
   (0, _classCallCheck2["default"])(this, MergedColumnsCell);
   (0, _defineProperty2["default"])(this, "value", void 0);
   (0, _defineProperty2["default"])(this, "columnsCount", void 0);
   (0, _defineProperty2["default"])(this, "dataKey", void 0);
+  (0, _defineProperty2["default"])(this, "accordion", void 0);
   this.value = value;
   this.columnsCount = options.size;
   this.dataKey = options.dataKey;
+  this.accordion = accordion;
 });
 exports.MergedColumnsCell = MergedColumnsCell;
 //# sourceMappingURL=MergedCells.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MergedCells.js","names":["MergedRowsCell","_createClass2","value","rowsCount","_classCallCheck2","_defineProperty2","exports","MergedColumnsCell","options","columnsCount","size","dataKey"],"sources":["../../../../src/components/Body/MergedCells.ts"],"sourcesContent":["export class MergedRowsCell {\n  public readonly value: any;\n  public readonly rowsCount: number;\n\n  constructor(value: any, rowsCount: number) {\n    this.value = value;\n    this.rowsCount = rowsCount;\n  }\n}\n\nexport class MergedColumnsCell {\n  public readonly value: any;\n  public readonly columnsCount: number;\n  public readonly dataKey: string;\n\n  constructor(value: any, options: { size: number; dataKey: string }) {\n    this.value = value;\n    this.columnsCount = options.size;\n    this.dataKey = options.dataKey;\n  }\n}\n"],"mappings":";;;;;;;;;;IAAaA,cAAc,oBAAAC,aAAA,aAIzB,SAAAD,eAAYE,KAAU,EAAEC,SAAiB,EAAE;EAAA,IAAAC,gBAAA,mBAAAJ,cAAA;EAAA,IAAAK,gBAAA;EAAA,IAAAA,gBAAA;EACzC,IAAI,CAACH,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACC,SAAS,GAAGA,SAAS;AAC5B,CAAC;AAAAG,OAAA,CAAAN,cAAA,GAAAA,cAAA;AAAA,IAGUO,iBAAiB,oBAAAN,aAAA,aAK5B,SAAAM,kBAAYL,KAAU,EAAEM,OAA0C,EAAE;EAAA,IAAAJ,gBAAA,mBAAAG,iBAAA;EAAA,IAAAF,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EAClE,IAAI,CAACH,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACO,YAAY,GAAGD,OAAO,CAACE,IAAI;EAChC,IAAI,CAACC,OAAO,GAAGH,OAAO,CAACG,OAAO;AAChC,CAAC;AAAAL,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}
+{"version":3,"file":"MergedCells.js","names":["MergedRowsCell","_createClass2","value","rowsCount","accordion","_classCallCheck2","_defineProperty2","exports","MergedColumnsCell","options","columnsCount","size","dataKey"],"sources":["../../../../src/components/Body/MergedCells.ts"],"sourcesContent":["import { DataTableData } from '../DataTable/DataTable.types';\n\nexport class MergedRowsCell {\n  public readonly value: any;\n  public readonly rowsCount: number;\n  public readonly accordion?: React.ReactNode | DataTableData;\n\n  constructor(value: any, rowsCount: number, accordion?: React.ReactNode | DataTableData) {\n    this.value = value;\n    this.rowsCount = rowsCount;\n    this.accordion = accordion;\n  }\n}\n\nexport class MergedColumnsCell {\n  public readonly value: any;\n  public readonly columnsCount: number;\n  public readonly dataKey: string;\n  public readonly accordion?: React.ReactNode | DataTableData;\n\n  constructor(\n    value: any,\n    options: { size: number; dataKey: string },\n    accordion?: React.ReactNode | DataTableData,\n  ) {\n    this.value = value;\n    this.columnsCount = options.size;\n    this.dataKey = options.dataKey;\n    this.accordion = accordion;\n  }\n}\n"],"mappings":";;;;;;;;;;IAEaA,cAAc,oBAAAC,aAAA,aAKzB,SAAAD,eAAYE,KAAU,EAAEC,SAAiB,EAAEC,SAA2C,EAAE;EAAA,IAAAC,gBAAA,mBAAAL,cAAA;EAAA,IAAAM,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EACtF,IAAI,CAACJ,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACC,SAAS,GAAGA,SAAS;EAC1B,IAAI,CAACC,SAAS,GAAGA,SAAS;AAC5B,CAAC;AAAAG,OAAA,CAAAP,cAAA,GAAAA,cAAA;AAAA,IAGUQ,iBAAiB,oBAAAP,aAAA,aAM5B,SAAAO,kBACEN,KAAU,EACVO,OAA0C,EAC1CL,SAA2C,EAC3C;EAAA,IAAAC,gBAAA,mBAAAG,iBAAA;EAAA,IAAAF,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EACA,IAAI,CAACJ,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACQ,YAAY,GAAGD,OAAO,CAACE,IAAI;EAChC,IAAI,CAACC,OAAO,GAAGH,OAAO,CAACG,OAAO;EAC9B,IAAI,CAACR,SAAS,GAAGA,SAAS;AAC5B,CAAC;AAAAG,OAAA,CAAAC,iBAAA,GAAAA,iBAAA"}

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

@@ -22,42 +22,42 @@ var _DataTable = require("../DataTable/DataTable");
 var _MergedCells = require("./MergedCells");
 var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
 /*!__reshadow-styles__:"./style.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_sdxd5_gg_,.___SRowGroup_sdxd5_gg_,.___SRow_sdxd5_gg_{display:contents}.___SBody_sdxd5_gg_.__compact_sdxd5_gg_ .___SCell_sdxd5_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_sdxd5_gg_.__compact_sdxd5_gg_ .___SCell_sdxd5_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_sdxd5) - 1)))}.___SCell_sdxd5_gg_.__gridArea_sdxd5_gg_,.___SCollapseRow_sdxd5_gg_.__gridArea_sdxd5_gg_,.___SRow_sdxd5_gg_.__gridArea_sdxd5_gg_{grid-area:var(--gridArea_sdxd5)}.___SCollapseRow_sdxd5_gg_ .___SCell_sdxd5_gg_{display:block}.___SRow_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_._accordionType_cell_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_).__withAccordion_sdxd5_gg_,.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_._accordionType_row_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_.__expanded_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_muted_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_,.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_info_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_success_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_warning_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]._theme_danger_sdxd5_gg_,.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRowGroup_sdxd5_gg_:has(.___SCell_sdxd5_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_sdxd5_gg_>.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_,.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_:hover>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_),.___SRow_sdxd5_gg_:hover>.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_sdxd5_gg_._theme_muted_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_sdxd5_gg_._theme_info_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_sdxd5_gg_._theme_success_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_sdxd5_gg_._theme_warning_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_ .___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_sdxd5_gg_._theme_danger_sdxd5_gg_.__active_sdxd5_gg_>.___SCell_sdxd5_gg_:not(.__theme_sdxd5_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_sdxd5_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_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_sdxd5_gg_ .___SAccordionToggle_sdxd5_gg_.__expanded_sdxd5_gg_ svg{transform:rotate(90deg)}.___SCheckboxCell_sdxd5_gg_,.___SRow_sdxd5_gg_._accordionType_cell_sdxd5_gg_>.___SCell_sdxd5_gg_.__withAccordion_sdxd5_gg_,.___SRow_sdxd5_gg_._accordionType_row_sdxd5_gg_>.___SCell_sdxd5_gg_{cursor:pointer}.___SCell_sdxd5_gg_._use_primary_sdxd5_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_sdxd5_gg_._use_primary_sdxd5_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_sdxd5) - 1)))}.___SCell_sdxd5_gg_._use_secondary_sdxd5_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_sdxd5_gg_._use_secondary_sdxd5_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_sdxd5) - 1)))}.___SCell_sdxd5_gg_._borders_both_sdxd5_gg_,.___SCell_sdxd5_gg_._borders_left_sdxd5_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_sdxd5_gg_._borders_both_sdxd5_gg_,.___SCell_sdxd5_gg_._borders_right_sdxd5_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_sdxd5_gg_.__fixed_sdxd5_gg_{position:sticky;z-index:2}.___SCell_sdxd5_gg_._theme_muted_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_sdxd5_gg_._theme_info_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_sdxd5_gg_._theme_success_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_sdxd5_gg_._theme_warning_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_sdxd5_gg_._theme_danger_sdxd5_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_sdxd5_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_sdxd5_gg_.__headerHeight_sdxd5_gg_{top:var(--headerHeight_sdxd5)}.___SEmptyData_sdxd5_gg_{grid-column:1/-1}.___SRow_sdxd5_gg_._sideIndents_wide_sdxd5_gg_ .___SCell_sdxd5_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_sdxd5_gg_._sideIndents_wide_sdxd5_gg_ .___SCell_sdxd5_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"sdxd5_gg_"),
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBody_yrn54_gg_,.___SRowGroup_yrn54_gg_,.___SRow_yrn54_gg_{display:contents}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_yrn54_gg_.__compact_yrn54_gg_ .___SCell_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_.__gridArea_yrn54_gg_,.___SCollapseRow_yrn54_gg_.__gridArea_yrn54_gg_,.___SRow_yrn54_gg_.__gridArea_yrn54_gg_{grid-area:var(--gridArea_yrn54)}.___SCollapseRow_yrn54_gg_ .___SCell_yrn54_gg_{display:block}.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_).__expanded_yrn54_gg_.__withAccordion_yrn54_gg_,.___SRow_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_.__isAccordionRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_muted_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_),.___SRow_yrn54_gg_._theme_muted_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_muted_yrn54_gg_,.___SRow_yrn54_gg_:not(._accordionType_row_yrn54_gg_.__expanded_yrn54_gg_):hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_):not(.__expanded_yrn54_gg_.__withAccordion_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_info_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_info_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_info_yrn54_gg_,.___SRow_yrn54_gg_._theme_info_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_success_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_success_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_success_yrn54_gg_,.___SRow_yrn54_gg_._theme_success_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_warning_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_warning_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_,.___SRow_yrn54_gg_._theme_warning_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_[data-grouped-by=rowgroup]._theme_danger_yrn54_gg_,.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_._theme_danger_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRowGroup_yrn54_gg_:has(.___SCell_yrn54_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_yrn54_gg_>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_,.___SRow_yrn54_gg_._theme_danger_yrn54_gg_:hover>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_),.___SRow_yrn54_gg_:hover>.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_yrn54_gg_._theme_muted_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_yrn54_gg_._theme_info_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_yrn54_gg_._theme_success_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_yrn54_gg_._theme_warning_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_ .___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_yrn54_gg_._theme_danger_yrn54_gg_.__active_yrn54_gg_>.___SCell_yrn54_gg_:not(.__theme_yrn54_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_yrn54_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_yrn54_gg_ .___SAccordionToggle_yrn54_gg_.__expanded_yrn54_gg_ svg{transform:rotate(90deg)}.___SCell_yrn54_gg_.__withAccordion_yrn54_gg_,.___SCheckboxCell_yrn54_gg_,.___SRow_yrn54_gg_._accordionType_row_yrn54_gg_>.___SCell_yrn54_gg_{cursor:pointer}.___SCell_yrn54_gg_._use_primary_yrn54_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_primary_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_yrn54_gg_._use_secondary_yrn54_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-2x, 8px))*(var(--data-aria-level_yrn54) - 1)))}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_left_yrn54_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_._borders_both_yrn54_gg_,.___SCell_yrn54_gg_._borders_right_yrn54_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_yrn54_gg_.__fixed_yrn54_gg_{position:sticky;z-index:2}.___SCell_yrn54_gg_._theme_muted_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_yrn54_gg_._theme_info_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_yrn54_gg_._theme_success_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_yrn54_gg_._theme_warning_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_yrn54_gg_._theme_danger_yrn54_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_yrn54_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SSpinContainer_yrn54_gg_.__headerHeight_yrn54_gg_{top:var(--headerHeight_yrn54)}.___SEmptyData_yrn54_gg_{grid-column:1/-1}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:first-child{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_yrn54_gg_._sideIndents_wide_yrn54_gg_ .___SCell_yrn54_gg_:last-child{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"yrn54_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SBody": "___SBody_sdxd5_gg_",
-  "__SRow": "___SRow_sdxd5_gg_",
-  "__SRowGroup": "___SRowGroup_sdxd5_gg_",
-  "_gridArea": "__gridArea_sdxd5_gg_",
-  "__SCell": "___SCell_sdxd5_gg_",
-  "__SCollapseRow": "___SCollapseRow_sdxd5_gg_",
-  "--gridArea": "--gridArea_sdxd5",
-  "_active": "__active_sdxd5_gg_",
-  "_theme": "__theme_sdxd5_gg_",
-  "_expanded": "__expanded_sdxd5_gg_",
-  "_accordionType_row": "_accordionType_row_sdxd5_gg_",
-  "_accordionType_cell": "_accordionType_cell_sdxd5_gg_",
-  "_withAccordion": "__withAccordion_sdxd5_gg_",
-  "_theme_muted": "_theme_muted_sdxd5_gg_",
-  "_theme_info": "_theme_info_sdxd5_gg_",
-  "_theme_success": "_theme_success_sdxd5_gg_",
-  "_theme_warning": "_theme_warning_sdxd5_gg_",
-  "_theme_danger": "_theme_danger_sdxd5_gg_",
-  "__SCheckboxCell": "___SCheckboxCell_sdxd5_gg_",
-  "_borders_both": "_borders_both_sdxd5_gg_",
-  "_borders_left": "_borders_left_sdxd5_gg_",
-  "_borders_right": "_borders_right_sdxd5_gg_",
-  "_fixed": "__fixed_sdxd5_gg_",
-  "__SSpinContainer": "___SSpinContainer_sdxd5_gg_",
-  "_headerHeight": "__headerHeight_sdxd5_gg_",
-  "--headerHeight": "--headerHeight_sdxd5",
-  "__SEmptyData": "___SEmptyData_sdxd5_gg_",
-  "_compact": "__compact_sdxd5_gg_",
-  "--data-aria-level": "--data-aria-level_sdxd5",
-  "__SAccordionToggle": "___SAccordionToggle_sdxd5_gg_",
-  "_use_primary": "_use_primary_sdxd5_gg_",
-  "_use_secondary": "_use_secondary_sdxd5_gg_",
-  "_sideIndents_wide": "_sideIndents_wide_sdxd5_gg_"
+  "__SBody": "___SBody_yrn54_gg_",
+  "__SRow": "___SRow_yrn54_gg_",
+  "__SRowGroup": "___SRowGroup_yrn54_gg_",
+  "_gridArea": "__gridArea_yrn54_gg_",
+  "__SCell": "___SCell_yrn54_gg_",
+  "__SCollapseRow": "___SCollapseRow_yrn54_gg_",
+  "--gridArea": "--gridArea_yrn54",
+  "_active": "__active_yrn54_gg_",
+  "_theme": "__theme_yrn54_gg_",
+  "_accordionType_row": "_accordionType_row_yrn54_gg_",
+  "_expanded": "__expanded_yrn54_gg_",
+  "_withAccordion": "__withAccordion_yrn54_gg_",
+  "_isAccordionRow": "__isAccordionRow_yrn54_gg_",
+  "_theme_muted": "_theme_muted_yrn54_gg_",
+  "_theme_info": "_theme_info_yrn54_gg_",
+  "_theme_success": "_theme_success_yrn54_gg_",
+  "_theme_warning": "_theme_warning_yrn54_gg_",
+  "_theme_danger": "_theme_danger_yrn54_gg_",
+  "__SCheckboxCell": "___SCheckboxCell_yrn54_gg_",
+  "_borders_both": "_borders_both_yrn54_gg_",
+  "_borders_left": "_borders_left_yrn54_gg_",
+  "_borders_right": "_borders_right_yrn54_gg_",
+  "_fixed": "__fixed_yrn54_gg_",
+  "__SSpinContainer": "___SSpinContainer_yrn54_gg_",
+  "_headerHeight": "__headerHeight_yrn54_gg_",
+  "--headerHeight": "--headerHeight_yrn54",
+  "__SEmptyData": "___SEmptyData_yrn54_gg_",
+  "_compact": "__compact_yrn54_gg_",
+  "--data-aria-level": "--data-aria-level_yrn54",
+  "__SAccordionToggle": "___SAccordionToggle_yrn54_gg_",
+  "_use_primary": "_use_primary_yrn54_gg_",
+  "_use_secondary": "_use_secondary_yrn54_gg_",
+  "_sideIndents_wide": "_sideIndents_wide_yrn54_gg_"
 });
 var RowRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RowRoot, _Component);
@@ -128,9 +128,10 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         scrollAreaRef = _this$asProps3.scrollAreaRef,
         selectedRows = _this$asProps3.selectedRows,
         uid = _this$asProps3.uid,
-        getFixedStyle = _this$asProps3.getFixedStyle;
+        getFixedStyle = _this$asProps3.getFixedStyle,
+        mergedRow = _this$asProps3.mergedRow;
       var accordion = row[_DataTable.ACCORDION];
-      var accordionType = accordion ? 'row' : undefined;
+      var accordionType = accordion && !mergedRow ? 'row' : undefined;
       if (!accordion) {
         var cells = Object.values(row);
         var cellWithAccordionIndex = cells.findIndex(function (value) {
@@ -139,13 +140,13 @@ var RowRoot = /*#__PURE__*/function (_Component) {
         this.cellIndex = cellWithAccordionIndex;
         var cellWithAccordion = cells[cellWithAccordionIndex];
         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,
         "accordionType": accordionType,
-        "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowIndex) ? 'info' : undefined
+        "theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowIndex) ? 'info' : undefined,
+        "use:expanded": expanded && !mergedRow
       }, _ref))), columns.map(function (column, i) {
         if (selectedRows && i === 0) {
           var _ref3;
@@ -191,10 +192,8 @@ var RowRoot = /*#__PURE__*/function (_Component) {
           gridRowIndex: gridRowIndex,
           columnIndex: index,
           style: style,
-          column: column
-          // @ts-ignore
-          ,
-          withAccordion: _this2.cellHasAccordion(cellValue)
+          column: column,
+          withAccordion: Boolean(cellValue instanceof _MergedCells.MergedRowsCell && cellValue.accordion) || _this2.cellHasAccordion(cellValue)
         });
       })), /*#__PURE__*/React.isValidElement(accordion) && /*#__PURE__*/React.createElement(SCollapseRow, _ref2.cn("SCollapseRow", {
         "key": rowIndex,
@@ -232,7 +231,7 @@ var RowRoot = /*#__PURE__*/function (_Component) {
           "aria-level": ariaLevel + 1,
           ariaRowIndex: ariaRowIndex + 1 + i,
           gridRowIndex: gridRowIndex + 1 + i,
-          expanded: true,
+          isAccordionRow: true,
           getFixedStyle: getFixedStyle
         });
       })));

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

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

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

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

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

@@ -27,23 +27,20 @@ SRow[active] > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SRow[expanded][accordionType='row'] > SCell:not([theme]) {
+SRow[accordionType='row'][expanded] > SCell:not([theme]),
+SCell:not([theme])[expanded][withAccordion] {
   background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
 }
 
-SRow[expanded][accordionType='cell'] > SCell:not([theme])[withAccordion] {
-  background-color: var(--intergalactic-table-td-cell-active, #e6e7ed);
-}
-
-SCollapseRow > SCell:not([theme]), SRow[expanded] > SCell:not([theme]) {
+SCollapseRow > SCell:not([theme]), SRow[isAccordionRow] > SCell:not([theme]) {
   background-color: var(--intergalactic-table-td-cell-accordion, #f4f5f9);
 }
 
 /* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
 @media (hover: hover) {
-  SRow:hover > SCell:not([theme]),
-  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell:not([theme]),
-  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup']:not([theme]) {
+  SRow:not([accordionType='row'][expanded]):hover > SCell:not([theme]):not([expanded][withAccordion]),
+  SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCell:not([theme]):not([expanded][withAccordion]),
+  SRowGroup:has(SCell:hover) > SRow > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
     background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
   }
 
@@ -177,7 +174,7 @@ SCell {
   }
 }
 
-SRow[accordionType='row'] > SCell, SRow[accordionType='cell'] > SCell[withAccordion], SCheckboxCell {
+SRow[accordionType='row'] > SCell, SCell[withAccordion], SCheckboxCell {
   cursor: pointer;
 }
 

package/lib/cjs/components/DataTable/DataTable.js

@@ -144,10 +144,13 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
       var expandedRows = _this.asProps.expandedRows;
       if (expandedRows.has(expandedRow[UNIQ_ROW_KEY])) {
         expandedRows["delete"](expandedRow[UNIQ_ROW_KEY]);
+        setTimeout(function () {
+          _this.handlers.expandedRows(new Set((0, _toConsumableArray2["default"])(expandedRows)));
+        }, 300);
       } else {
         expandedRows.add(expandedRow[UNIQ_ROW_KEY]);
+        _this.handlers.expandedRows(new Set((0, _toConsumableArray2["default"])(expandedRows)));
       }
-      _this.handlers.expandedRows(new Set((0, _toConsumableArray2["default"])(expandedRows)));
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeFocusCell", function (rowIndex, colIndex, direction) {
       var _this$tableRef$curren2, _this$tableRef$curren3;
@@ -948,7 +951,7 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
             var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
               key = _ref8[0],
               value = _ref8[1];
-            acc[key] = new _MergedCells.MergedRowsCell(value, groupedRows.length);
+            acc[key] = new _MergedCells.MergedRowsCell(value, groupedRows.length, row[ACCORDION]);
             groupedKeys.push(key);
             return acc;
           }, (_Object$entries$reduc2 = {}, (0, _defineProperty2["default"])(_Object$entries$reduc2, UNIQ_ROW_KEY, ''), (0, _defineProperty2["default"])(_Object$entries$reduc2, ROW_INDEX, -1), _Object$entries$reduc2));
@@ -957,8 +960,14 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
             if (index === 0) {
               var rowData = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, childRow), groupedRowData);
               dtRow = makeDtRow(rowData);
+              dtRow[ROW_GROUP] = new Set();
             } else {
+              var _innerRows$, _innerRows$$ROW_GROUP;
+              if (index === groupedRows.length - 1 && row[ACCORDION]) {
+                childRow[ACCORDION] = row[ACCORDION];
+              }
               dtRow = makeDtRow(childRow, groupedKeys);
+              (_innerRows$ = innerRows[0]) === null || _innerRows$ === void 0 ? void 0 : (_innerRows$$ROW_GROUP = _innerRows$[ROW_GROUP]) === null || _innerRows$$ROW_GROUP === void 0 ? void 0 : _innerRows$$ROW_GROUP.add(dtRow[UNIQ_ROW_KEY]);
             }
             innerRows.push(dtRow);
             rowIndex++;