@semcore/data-table 16.3.1 → 16.3.2-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/lib/cjs/components/Body/Body.js +47 -44
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Body.types.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +55 -52
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/Cell.types.js.map +1 -1
- package/lib/cjs/components/Body/MergedCells.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +181 -99
- package/lib/cjs/components/Body/Row.js.map +1 -1
- package/lib/cjs/components/Body/Row.types.js.map +1 -1
- package/lib/cjs/components/Body/style.shadow.css +32 -4
- package/lib/cjs/components/DataTable/DataTable.js +46 -44
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/cjs/components/Head/Column.js +36 -36
- package/lib/cjs/components/Head/Group.js +36 -36
- package/lib/cjs/components/Head/Head.js +36 -36
- package/lib/es6/components/Body/Body.js +47 -44
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Body.types.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +56 -53
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/Cell.types.js.map +1 -1
- package/lib/es6/components/Body/MergedCells.js.map +1 -1
- package/lib/es6/components/Body/Row.js +181 -99
- package/lib/es6/components/Body/Row.js.map +1 -1
- package/lib/es6/components/Body/Row.types.js.map +1 -1
- package/lib/es6/components/Body/style.shadow.css +32 -4
- package/lib/es6/components/DataTable/DataTable.js +46 -44
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/DataTable/DataTable.types.js.map +1 -1
- package/lib/es6/components/Head/Column.js +36 -36
- package/lib/es6/components/Head/Group.js +36 -36
- package/lib/es6/components/Head/Head.js +36 -36
- package/lib/esm/components/Body/Body.mjs +48 -45
- package/lib/esm/components/Body/Cell.mjs +84 -80
- package/lib/esm/components/Body/Row.mjs +139 -66
- package/lib/esm/components/Body/style.shadow.css +32 -4
- package/lib/esm/components/DataTable/DataTable.mjs +48 -46
- package/lib/esm/components/Head/Column.mjs +37 -37
- package/lib/esm/components/Head/Group.mjs +37 -37
- package/lib/esm/components/Head/Head.mjs +37 -37
- package/lib/types/components/Body/Body.types.d.ts +4 -0
- package/lib/types/components/Body/Cell.types.d.ts +1 -0
- package/lib/types/components/Body/MergedCells.d.ts +5 -5
- package/lib/types/components/Body/Row.d.ts +4 -0
- package/lib/types/components/Body/Row.types.d.ts +2 -1
- package/lib/types/components/DataTable/DataTable.types.d.ts +2 -1
- package/package.json +7 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.js","names":["_core","require","_baseComponents","_getFocusableIn","_isFocusInside","React","_interopRequireWildcard","_MergedCells","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","DEFAULT_ROW_DURATION","CellRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","createRef","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","_this$asProps","asProps","rowIndex","columnIndex","onClick","row","colIndex","_inherits2","_createClass2","value","componentWillUnmount","_this$asProps2","virtualScroll","tableRef","cellRef","current","isFocusInside","_tableRef$current","setAttribute","calculateAnimationSettings","_this$asProps3","_this$asProps3$accord","accordionRowIndex","isAccordionRow","animationExpand","accordionDuration","rows","rowsLength","durationPerRow","duration","isArray","undefined","delay","delayIndex","render","_ref","_ref2","SCellWrapper","Box","SCell","Flex","_this$asProps4","Children","styles","column","gridRowIndex","shadowVertical","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","fromRow","fromCol","columnsCount","MergedRowsCell","rowsCount","_this$calculateAnimat","createElement","cn","Collapse","fixed","showShadowVertical","_objectSpread2","assignProps","handleKeyDown","onFocusCell","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","textAlign","Component","Cell","exports","createComponent"],"sources":["../../../../src/components/Body/Cell.tsx"],"sourcesContent":["import { Box, Collapse, Flex } from '@semcore/base-components';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport * as React from 'react';\n\nimport type { CellPropsInner, DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport style from './style.shadow.css';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nconst DEFAULT_ROW_DURATION = 50;\n\nclass CellRoot<Data extends DataTableData, UniqKeyType> extends Component<DataTableCellProps<UniqKeyType>, {}, {}, [], CellPropsInner<Data, UniqKeyType>> {\n static displayName = 'Cell';\n static style = style;\n\n cellRef = React.createRef<HTMLDivElement>();\n\n lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n componentWillUnmount() {\n const { virtualScroll, tableRef } = this.asProps;\n if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {\n tableRef.current?.setAttribute('tabIndex', '0');\n }\n }\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n e.preventDefault();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus();\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus();\n e.preventDefault();\n }\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n }\n }\n };\n\n onFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {\n e.target.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n const focusableChildren = Array.from(e.currentTarget.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [e.currentTarget, false];\n }\n }\n };\n\n calculateAnimationSettings() {\n const {\n accordionRowIndex = 0,\n isAccordionRow,\n animationExpand,\n accordionDuration,\n rows,\n } = this.asProps;\n\n if (!isAccordionRow) {\n return {};\n }\n\n const rowsLength = rows.length;\n const durationPerRow = (duration: number) => duration / rowsLength;\n\n const duration = Array.isArray(accordionDuration)\n ? [durationPerRow(accordionDuration[0]), durationPerRow(accordionDuration[1])]\n : accordionDuration !== undefined\n ? durationPerRow(accordionDuration)\n : rowsLength > 4\n ? durationPerRow(200)\n : DEFAULT_ROW_DURATION;\n\n let delay;\n const delayIndex = animationExpand ? accordionRowIndex : rows.length - 1 - accordionRowIndex;\n\n if (Array.isArray(duration)) {\n delay = [duration[0] * delayIndex, duration[1] * delayIndex];\n } else if (duration !== undefined) {\n delay = duration * delayIndex;\n }\n\n return { duration, delay };\n }\n\n handleClickCell = (e: React.SyntheticEvent) => {\n const { rowIndex, columnIndex, onClick, row } = this.asProps;\n\n onClick(e, { rowIndex, colIndex: columnIndex, row });\n };\n\n render() {\n const SCellWrapper = Box;\n const SCell = Root;\n const {\n Children,\n styles,\n row,\n column,\n columnIndex,\n gridRowIndex,\n isAccordionRow,\n animationExpand,\n style,\n shadowVertical,\n } = this.asProps;\n\n const cell = row[column.name];\n const cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;\n\n let scope: null | 'rowgroup' | 'colgroup' = null;\n let gridArea: string | undefined = undefined;\n\n const fromRow = gridRowIndex;\n const fromCol = columnIndex + 1;\n\n if (cell instanceof MergedColumnsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n scope = 'colgroup';\n } else if (cell instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n }\n\n const { duration, delay } = this.calculateAnimationSettings();\n\n return sstyled(styles)(\n <SCellWrapper\n gridArea={gridArea}\n tag={isAccordionRow ? Collapse : undefined}\n visible={animationExpand}\n duration={duration}\n delay={delay}\n defaultHeight='100%'\n timingFunction='linear'\n style={style}\n fixed={column.fixed}\n shadowVertical={column.showShadowVertical ? shadowVertical : undefined}\n >\n <SCell\n ref={this.cellRef}\n render={Flex}\n innerOutline\n tabIndex={-1}\n onKeyDown={this.handleKeyDown}\n onFocus={this.onFocusCell}\n use:onClick={this.handleClickCell}\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 textAlign={column.textAlign}\n >\n <Children />\n </SCell>\n </SCellWrapper>,\n );\n }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Cell.js","names":["_core","require","_baseComponents","_getFocusableIn","_isFocusInside","React","_interopRequireWildcard","_MergedCells","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","DEFAULT_ROW_DURATION","CellRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","createRef","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","_this$asProps","asProps","rowIndex","columnIndex","onClick","row","colIndex","_inherits2","_createClass2","value","componentWillUnmount","_this$asProps2","virtualScroll","tableRef","cellRef","current","isFocusInside","_tableRef$current","setAttribute","calculateAnimationSettings","_this$asProps3","_this$asProps3$accord","accordionRowIndex","isAccordionRow","animationExpand","accordionDuration","rows","rowsLength","durationPerRow","duration","isArray","undefined","delay","delayIndex","render","_ref","_ref2","SCellWrapper","Box","SCell","Flex","_this$asProps4","Children","styles","column","gridRowIndex","shadowVertical","calculatedHeight","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","fromRow","fromCol","columnsCount","MergedRowsCell","rowsCount","_this$calculateAnimat","createElement","cn","fixed","showShadowVertical","_objectSpread2","assignProps","handleKeyDown","onFocusCell","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","textAlign","Component","Cell","exports","createComponent"],"sources":["../../../../src/components/Body/Cell.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport * as React from 'react';\n\nimport type { CellPropsInner, DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport style from './style.shadow.css';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nconst DEFAULT_ROW_DURATION = 50;\n\nclass CellRoot<Data extends DataTableData, UniqKeyType> extends Component<DataTableCellProps<UniqKeyType>, {}, {}, [], CellPropsInner<Data, UniqKeyType>> {\n static displayName = 'Cell';\n static style = style;\n\n cellRef = React.createRef<HTMLDivElement>();\n\n lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n componentWillUnmount() {\n const { virtualScroll, tableRef } = this.asProps;\n if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {\n tableRef.current?.setAttribute('tabIndex', '0');\n }\n }\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n e.preventDefault();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus();\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus();\n e.preventDefault();\n }\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n }\n }\n };\n\n onFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {\n e.target.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n const focusableChildren = Array.from(e.currentTarget.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [e.currentTarget, false];\n }\n }\n };\n\n calculateAnimationSettings() {\n const {\n accordionRowIndex = 0,\n isAccordionRow,\n animationExpand,\n accordionDuration,\n rows,\n } = this.asProps;\n\n if (!isAccordionRow) {\n return {};\n }\n\n const rowsLength = rows.length;\n const durationPerRow = (duration: number) => duration / rowsLength;\n\n const duration = Array.isArray(accordionDuration)\n ? [durationPerRow(accordionDuration[0]), durationPerRow(accordionDuration[1])]\n : accordionDuration !== undefined\n ? durationPerRow(accordionDuration)\n : rowsLength > 4\n ? durationPerRow(200)\n : DEFAULT_ROW_DURATION;\n\n let delay;\n const delayIndex = animationExpand ? accordionRowIndex : rows.length - 1 - accordionRowIndex;\n\n if (Array.isArray(duration)) {\n delay = [duration[0] * delayIndex, duration[1] * delayIndex];\n } else if (duration !== undefined) {\n delay = duration * delayIndex;\n }\n\n return { duration, delay };\n }\n\n handleClickCell = (e: React.SyntheticEvent) => {\n const { rowIndex, columnIndex, onClick, row } = this.asProps;\n\n onClick(e, { rowIndex, colIndex: columnIndex, row });\n };\n\n render() {\n const SCellWrapper = Box;\n const SCell = Root;\n const {\n Children,\n styles,\n row,\n column,\n columnIndex,\n gridRowIndex,\n isAccordionRow,\n animationExpand,\n style,\n shadowVertical,\n calculatedHeight,\n } = this.asProps;\n\n const cell = row[column.name];\n const cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;\n\n let scope: null | 'rowgroup' | 'colgroup' = null;\n let gridArea: string | undefined = undefined;\n\n const fromRow = gridRowIndex;\n const fromCol = columnIndex + 1;\n\n if (cell instanceof MergedColumnsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n scope = 'colgroup';\n } else if (cell instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n }\n\n const { duration, delay } = this.calculateAnimationSettings();\n\n return sstyled(styles)(\n <SCellWrapper\n // @ts-ignore\n gridArea={gridArea}\n duration={`${duration}ms`}\n delay={`${delay}ms`}\n h={isAccordionRow ? (animationExpand ? `${calculatedHeight}px` : `0px`) : undefined}\n style={style}\n fixed={column.fixed}\n shadowVertical={column.showShadowVertical ? shadowVertical : undefined}\n >\n <SCell\n ref={this.cellRef}\n render={Flex}\n innerOutline\n tabIndex={-1}\n onKeyDown={this.handleKeyDown}\n onFocus={this.onFocusCell}\n use:onClick={this.handleClickCell}\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 textAlign={column.textAlign}\n >\n <Children />\n </SCell>\n </SCellWrapper>,\n );\n }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.types.js","names":[],"sources":["../../../../src/components/Body/Cell.types.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type * as React from 'react';\n\nimport type { BodyPropsInner } from './Body.types';\nimport type { DTRow, DTRows } from './Row.types';\nimport type { DataTableData, DTUse } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type Theme = 'muted' | 'info' | 'success' | 'warning' | 'danger';\n\nexport type DataTableCellProps<UniqKeyType> = {\n id: string;\n accordionId: string;\n row: DTRow<UniqKeyType>;\n rowIndex: number;\n column: DTColumn;\n columnIndex: number;\n gridRowIndex: number;\n children?: React.ReactNode;\n\n expanded?: boolean;\n withAccordion?: boolean;\n\n isAccordionRow?: boolean;\n animationExpand?: boolean;\n accordionRowIndex?: number;\n rows: DTRows<UniqKeyType>;\n};\n\nexport type CellPropsInner<Data extends DataTableData, UniqKeyType> = {\n use: DTUse;\n\n virtualScroll: boolean;\n tableRef: React.RefObject<HTMLDivElement>;\n accordionDuration?: number | [number, number];\n onClick: (e: React.SyntheticEvent, opt: { rowIndex: number; colIndex: number; row?: DTRow<UniqKeyType> }) => void;\n flatRows: DTRow<UniqKeyType>[];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>;\n lastLeftFixedIndex: number;\n firstRightFixedIndex: number;\n withoutBorder?: boolean;\n};\n\nexport type DataTableCellType = (<UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableCellProps<UniqKeyType>>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableCellProps<any>>;\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Cell.types.js","names":[],"sources":["../../../../src/components/Body/Cell.types.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type * as React from 'react';\n\nimport type { BodyPropsInner } from './Body.types';\nimport type { DTRow, DTRows } from './Row.types';\nimport type { DataTableData, DTUse } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\nexport type Theme = 'muted' | 'info' | 'success' | 'warning' | 'danger';\n\nexport type DataTableCellProps<UniqKeyType> = {\n id: string;\n accordionId: string;\n row: DTRow<UniqKeyType>;\n rowIndex: number;\n column: DTColumn;\n columnIndex: number;\n gridRowIndex: number;\n children?: React.ReactNode;\n\n expanded?: boolean;\n withAccordion?: boolean;\n\n isAccordionRow?: boolean;\n animationExpand?: boolean;\n accordionRowIndex?: number;\n rows: DTRows<UniqKeyType>;\n};\n\nexport type CellPropsInner<Data extends DataTableData, UniqKeyType> = {\n use: DTUse;\n\n virtualScroll: boolean;\n tableRef: React.RefObject<HTMLDivElement>;\n accordionDuration?: number | [number, number];\n onClick: (e: React.SyntheticEvent, opt: { rowIndex: number; colIndex: number; row?: DTRow<UniqKeyType> }) => void;\n flatRows: DTRow<UniqKeyType>[];\n shadowVertical?: BodyPropsInner<Data, UniqKeyType>;\n lastLeftFixedIndex: number;\n firstRightFixedIndex: number;\n withoutBorder?: boolean;\n calculatedHeight: number;\n};\n\nexport type DataTableCellType = (<UniqKeyType, Tag extends Intergalactic.Tag = 'div'>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', DataTableCellProps<UniqKeyType>>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', DataTableCellProps<any>>;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MergedCells.js","names":["MergedRowsCell","exports","_createClass2","value","rowsCount","accordion","_classCallCheck2","_defineProperty2","MergedColumnsCell","options","columnsCount","size","dataKey"],"sources":["../../../../src/components/Body/MergedCells.ts"],"sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"MergedCells.js","names":["MergedRowsCell","exports","_createClass2","value","rowsCount","accordion","_classCallCheck2","_defineProperty2","MergedColumnsCell","options","columnsCount","size","dataKey"],"sources":["../../../../src/components/Body/MergedCells.ts"],"sourcesContent":["import type { DTRows } from './Row.types';\n\nexport class MergedRowsCell {\n public readonly value: any;\n public readonly rowsCount: number;\n public readonly accordion?: React.ReactNode | DTRows<any>;\n\n constructor(value: any, rowsCount: number, accordion?: React.ReactNode | DTRows<any>) {\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 | DTRows<any>;\n\n constructor(\n value: any,\n options: { size: number; dataKey: string },\n accordion?: React.ReactNode | DTRows<any>,\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,GAAAC,OAAA,CAAAD,cAAA,oBAAAE,aAAA,aAKzB,SAAAF,eAAYG,KAAU,EAAEC,SAAiB,EAAEC,SAAyC,EAAE;EAAA,IAAAC,gBAAA,mBAAAN,cAAA;EAAA,IAAAO,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EACpF,IAAI,CAACJ,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACC,SAAS,GAAGA,SAAS;EAC1B,IAAI,CAACC,SAAS,GAAGA,SAAS;AAC5B,CAAC;AAAA,IAGUG,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,oBAAAN,aAAA,aAM5B,SAAAM,kBACEL,KAAU,EACVM,OAA0C,EAC1CJ,SAAyC,EACzC;EAAA,IAAAC,gBAAA,mBAAAE,iBAAA;EAAA,IAAAD,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EAAA,IAAAA,gBAAA;EACA,IAAI,CAACJ,KAAK,GAAGA,KAAK;EAClB,IAAI,CAACO,YAAY,GAAGD,OAAO,CAACE,IAAI;EAChC,IAAI,CAACC,OAAO,GAAGH,OAAO,CAACG,OAAO;EAC9B,IAAI,CAACP,SAAS,GAAGA,SAAS;AAC5B,CAAC","ignoreList":[]}
|
|
@@ -29,52 +29,55 @@ var _MergedCells = require("./MergedCells");
|
|
|
29
29
|
var _DataTable = require("../DataTable/DataTable");
|
|
30
30
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
31
31
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
32
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_52u23_gg_,.___SBody_52u23_gg_,.___SRowGroup_52u23_gg_,.___SRow_52u23_gg_{display:contents}.___SBody_52u23_gg_.__compact_52u23_gg_ .___SCell_52u23_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_52u23_gg_.__compact_52u23_gg_ .___SCell_52u23_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_52u23) - 1)))}.___SCellWrapper_52u23_gg_.__gridArea_52u23_gg_,.___SCollapseRow_52u23_gg_.__gridArea_52u23_gg_,.___SRow_52u23_gg_.__gridArea_52u23_gg_{grid-area:var(--gridArea_52u23)}.___SCellWrapper_52u23_gg_{height:100%;overflow:hidden}.___SCollapseRow_52u23_gg_.__gridArea_52u23_gg_>.___SCellWrapper_52u23_gg_,.___SRow_52u23_gg_.__isAccordionRow_52u23_gg_>.___SCellWrapper_52u23_gg_{height:auto;overflow:auto}.___SAccordionRows_52u23_gg_>.___SRow_52u23_gg_.__isAccordionRow_52u23_gg_:last-child>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__withoutBorder_52u23_gg_),.___SCollapseRow_52u23_gg_.__gridArea_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__withoutBorder_52u23_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_52u23_gg_ .___SCell_52u23_gg_{display:block}.___SCell_52u23_gg_:not(.__theme_52u23_gg_).__expanded_52u23_gg_.__withAccordion_52u23_gg_,.___SRow_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRow_52u23_gg_._accordionType_row_52u23_gg_.__expanded_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRow_52u23_gg_.__isAccordionRow_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_muted_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_muted_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_muted_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_muted_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_._theme_muted_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_muted_52u23_gg_,.___SRow_52u23_gg_:not(._accordionType_row_52u23_gg_.__expanded_52u23_gg_):hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_info_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_info_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_info_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_info_52u23_gg_,.___SRow_52u23_gg_._theme_info_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_info_52u23_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_success_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_success_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_success_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_success_52u23_gg_,.___SRow_52u23_gg_._theme_success_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_success_52u23_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_warning_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_warning_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_warning_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_warning_52u23_gg_,.___SRow_52u23_gg_._theme_warning_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_warning_52u23_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_._theme_danger_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_[data-grouped-by=rowgroup]._theme_danger_52u23_gg_,.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_._theme_danger_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_),.___SRowGroup_52u23_gg_:has(.___SCell_52u23_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_52u23_gg_:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_danger_52u23_gg_,.___SRow_52u23_gg_._theme_danger_52u23_gg_:hover:not(.__expanded_52u23_gg_.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_):not(.__expanded_52u23_gg_.__withAccordion_52u23_gg_),.___SRow_52u23_gg_:hover:not(.__isNonInteractive_52u23_gg_)>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_._theme_danger_52u23_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_52u23_gg_._theme_muted_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_52u23_gg_._theme_muted_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_52u23_gg_._theme_info_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_52u23_gg_._theme_info_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_52u23_gg_._theme_success_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_52u23_gg_._theme_success_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_52u23_gg_._theme_warning_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_52u23_gg_._theme_warning_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_52u23_gg_._theme_danger_52u23_gg_ .___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_52u23_gg_._theme_danger_52u23_gg_.__active_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_:not(.__theme_52u23_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_52u23_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0;overflow:hidden}.___SCell_52u23_gg_ .___SAccordionToggle_52u23_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_52u23_gg_ .___SAccordionToggle_52u23_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_52u23_gg_ .___SAccordionToggle_52u23_gg_.__expanded_52u23_gg_ svg{transform:rotate(90deg)}.___SCell_52u23_gg_.__withoutBorder_52u23_gg_{border-bottom:none}.___SCell_52u23_gg_.__withAccordion_52u23_gg_,.___SCheckboxCell_52u23_gg_,.___SRow_52u23_gg_._accordionType_row_52u23_gg_>.___SCellWrapper_52u23_gg_>.___SCell_52u23_gg_{cursor:pointer}.___SCell_52u23_gg_._use_primary_52u23_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_52u23_gg_._use_primary_52u23_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_52u23) - 1)))}.___SCell_52u23_gg_._use_secondary_52u23_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_52u23_gg_._use_secondary_52u23_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_52u23) - 1)))}.___SCell_52u23_gg_._borders_both_52u23_gg_,.___SCell_52u23_gg_._borders_left_52u23_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_52u23_gg_._borders_both_52u23_gg_,.___SCell_52u23_gg_._borders_right_52u23_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_52u23_gg_.__fixed_52u23_gg_{position:sticky;z-index:2}.___SCell_52u23_gg_._theme_muted_52u23_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_52u23_gg_._theme_info_52u23_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_52u23_gg_._theme_success_52u23_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_52u23_gg_._theme_warning_52u23_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_52u23_gg_._theme_danger_52u23_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_52u23_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));z-index:15}.___SSpinContainer_52u23_gg_:focus-visible{z-index:15}.___SSpinContainer_52u23_gg_.__headerHeight_52u23_gg_{top:var(--headerHeight_52u23)}.___SEmptyData_52u23_gg_{grid-column:1/-1}.___SRow_52u23_gg_._sideIndents_wide_52u23_gg_ .___SCellWrapper_52u23_gg_:first-child .___SCell_52u23_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_52u23_gg_._sideIndents_wide_52u23_gg_ .___SCellWrapper_52u23_gg_:last-child .___SCell_52u23_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_52u23_gg_.__fixed_52u23_gg_.__shadowVertical_52u23_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_median_52u23_gg_,.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_start_52u23_gg_{margin-right:-5px}.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_median_52u23_gg_:after,.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_start_52u23_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_median_52u23_gg_ .___SCell_52u23_gg_,.___SCellWrapper_52u23_gg_._fixed_left_52u23_gg_._shadowVertical_start_52u23_gg_ .___SCell_52u23_gg_{margin-right:5px}.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_end_52u23_gg_,.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_median_52u23_gg_{margin-left:-5px}.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_end_52u23_gg_:after,.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_median_52u23_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_end_52u23_gg_ .___SCell_52u23_gg_,.___SCellWrapper_52u23_gg_._fixed_right_52u23_gg_._shadowVertical_median_52u23_gg_ .___SCell_52u23_gg_{margin-left:5px}", /*__inner_css_end__*/"52u23_gg_"),
|
|
32
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_p1jyf_gg_,.___SBody_p1jyf_gg_,.___SRowGroup_p1jyf_gg_,.___SRow_p1jyf_gg_{display:contents}.___SBody_p1jyf_gg_.__compact_p1jyf_gg_ .___SCell_p1jyf_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_p1jyf_gg_.__compact_p1jyf_gg_ .___SCell_p1jyf_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_p1jyf) - 1)))}.___SBody_p1jyf_gg_.__compact_p1jyf_gg_ .___SRow_p1jyf_gg_ .___SCellWrapper_p1jyf_gg_:first-child .___SCell_p1jyf_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_p1jyf) - 1)))}.___SBody_p1jyf_gg_.__compact_p1jyf_gg_ .___SRow_p1jyf_gg_._sideIndents_wide_p1jyf_gg_ .___SCellWrapper_p1jyf_gg_:first-child .___SCell_p1jyf_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_p1jyf) - 1)))}.___SBody_p1jyf_gg_.__compact_p1jyf_gg_ .___SCell_p1jyf_gg_ .___SAccordionToggle_p1jyf_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_p1jyf_gg_.__gridArea_p1jyf_gg_,.___SCollapseRow_p1jyf_gg_.__gridArea_p1jyf_gg_,.___SRow_p1jyf_gg_.__gridArea_p1jyf_gg_{grid-area:var(--gridArea_p1jyf)}.___SCellWrapper_p1jyf_gg_{height:100%;overflow:hidden}.___SCollapseRow_p1jyf_gg_.__gridArea_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_,.___SRow_p1jyf_gg_.__isAccordionRow_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_{height:auto;overflow:auto}.___SAccordionRows_p1jyf_gg_>.___SRow_p1jyf_gg_.__isAccordionRow_p1jyf_gg_:last-child>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__withoutBorder_p1jyf_gg_),.___SCollapseRow_p1jyf_gg_.__gridArea_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__withoutBorder_p1jyf_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_{display:block}.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_).__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_,.___SRow_p1jyf_gg_.__active_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_),.___SRow_p1jyf_gg_._accordionType_row_p1jyf_gg_.__expanded_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_),.___SRow_p1jyf_gg_.__isAccordionRow_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_._theme_muted_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]._theme_muted_p1jyf_gg_,.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_._theme_muted_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_muted_p1jyf_gg_,.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_),.___SRow_p1jyf_gg_._theme_muted_p1jyf_gg_:hover:not(.__expanded_p1jyf_gg_.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_),.___SRow_p1jyf_gg_:hover:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_muted_p1jyf_gg_,.___SRow_p1jyf_gg_:not(._accordionType_row_p1jyf_gg_.__expanded_p1jyf_gg_):hover:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_._theme_info_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]._theme_info_p1jyf_gg_,.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_._theme_info_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_info_p1jyf_gg_,.___SRow_p1jyf_gg_._theme_info_p1jyf_gg_:hover:not(.__expanded_p1jyf_gg_.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_),.___SRow_p1jyf_gg_:hover:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_info_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_._theme_success_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]._theme_success_p1jyf_gg_,.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_._theme_success_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_success_p1jyf_gg_,.___SRow_p1jyf_gg_._theme_success_p1jyf_gg_:hover:not(.__expanded_p1jyf_gg_.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_),.___SRow_p1jyf_gg_:hover:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_success_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_._theme_warning_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]._theme_warning_p1jyf_gg_,.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_._theme_warning_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_warning_p1jyf_gg_,.___SRow_p1jyf_gg_._theme_warning_p1jyf_gg_:hover:not(.__expanded_p1jyf_gg_.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_),.___SRow_p1jyf_gg_:hover:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_warning_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_._theme_danger_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]._theme_danger_p1jyf_gg_,.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_._theme_danger_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_),.___SRowGroup_p1jyf_gg_:has(.___SCell_p1jyf_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_p1jyf_gg_:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_danger_p1jyf_gg_,.___SRow_p1jyf_gg_._theme_danger_p1jyf_gg_:hover:not(.__expanded_p1jyf_gg_.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_):not(.__expanded_p1jyf_gg_.__withAccordion_p1jyf_gg_),.___SRow_p1jyf_gg_:hover:not(.__isNonInteractive_p1jyf_gg_)>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_._theme_danger_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_p1jyf_gg_._theme_muted_p1jyf_gg_ .___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_p1jyf_gg_._theme_muted_p1jyf_gg_.__active_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_p1jyf_gg_._theme_info_p1jyf_gg_ .___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_p1jyf_gg_._theme_info_p1jyf_gg_.__active_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_p1jyf_gg_._theme_success_p1jyf_gg_ .___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_p1jyf_gg_._theme_success_p1jyf_gg_.__active_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_p1jyf_gg_._theme_warning_p1jyf_gg_ .___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_p1jyf_gg_._theme_warning_p1jyf_gg_.__active_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_p1jyf_gg_._theme_danger_p1jyf_gg_ .___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_p1jyf_gg_._theme_danger_p1jyf_gg_.__active_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_:not(.__theme_p1jyf_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_p1jyf_gg_{display:flex;height:100%;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);white-space:pre-wrap;word-break:break-word;font-feature-settings:\"tnum\";font-variant-numeric:tabular-nums;transition:width calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out;outline:0;overflow:hidden}.___SCell_p1jyf_gg_ .___SAccordionToggle_p1jyf_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-05x, 2px)*-1);height:-moz-fit-content;height:fit-content}.___SCell_p1jyf_gg_ .___SAccordionToggle_p1jyf_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_p1jyf_gg_ .___SAccordionToggle_p1jyf_gg_.__expanded_p1jyf_gg_ svg{transform:rotate(90deg)}.___SCell_p1jyf_gg_.__withoutBorder_p1jyf_gg_{border-bottom:none}.___SCell_p1jyf_gg_.__withAccordion_p1jyf_gg_,.___SCheckboxCell_p1jyf_gg_,.___SRow_p1jyf_gg_._accordionType_row_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_>.___SCell_p1jyf_gg_{cursor:pointer}.___SCell_p1jyf_gg_._use_primary_p1jyf_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_p1jyf_gg_._use_primary_p1jyf_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-3x, 12px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_p1jyf) - 1)))}.___SCell_p1jyf_gg_._use_secondary_p1jyf_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_p1jyf_gg_._use_secondary_p1jyf_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_p1jyf) - 1)))}.___SCell_p1jyf_gg_._borders_both_p1jyf_gg_,.___SCell_p1jyf_gg_._borders_left_p1jyf_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_p1jyf_gg_._borders_both_p1jyf_gg_,.___SCell_p1jyf_gg_._borders_right_p1jyf_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_p1jyf_gg_.__fixed_p1jyf_gg_{position:sticky;z-index:2}.___SCell_p1jyf_gg_._theme_muted_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_p1jyf_gg_._theme_info_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_p1jyf_gg_._theme_success_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_p1jyf_gg_._theme_warning_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_p1jyf_gg_._theme_danger_p1jyf_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_p1jyf_gg_{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));z-index:15}.___SSpinContainer_p1jyf_gg_:focus-visible{z-index:15}.___SSpinContainer_p1jyf_gg_.__headerHeight_p1jyf_gg_{top:var(--headerHeight_p1jyf)}.___SEmptyData_p1jyf_gg_{grid-column:1/-1}.___SRow_p1jyf_gg_._sideIndents_wide_p1jyf_gg_ .___SCellWrapper_p1jyf_gg_:first-child .___SCell_p1jyf_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_p1jyf_gg_._sideIndents_wide_p1jyf_gg_ .___SCellWrapper_p1jyf_gg_:first-child .___SCell_p1jyf_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-5x, 20px) + ((var(--intergalactic-spacing-5x, 20px) + var(--intergalactic-spacing-1x, 4px) + var(--intergalactic-spacing-05x, 2px))*(var(--data-aria-level_p1jyf) - 1)))}.___SRow_p1jyf_gg_._sideIndents_wide_p1jyf_gg_ .___SCellWrapper_p1jyf_gg_:last-child .___SCell_p1jyf_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SRow_p1jyf_gg_.__isAccordionRow_p1jyf_gg_.__withAnimation_p1jyf_gg_>.___SCellWrapper_p1jyf_gg_{transition-property:height;transition-delay:var(--delay_p1jyf);transition-duration:var(--duration_p1jyf);transition-timing-function:linear;overflow:clip}.___SCellWrapper_p1jyf_gg_.__fixed_p1jyf_gg_.__shadowVertical_p1jyf_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_p1jyf_gg_._fixed_left_p1jyf_gg_._shadowVertical_median_p1jyf_gg_,.___SCellWrapper_p1jyf_gg_._fixed_left_p1jyf_gg_._shadowVertical_start_p1jyf_gg_{margin-right:-5px}.___SCellWrapper_p1jyf_gg_._fixed_left_p1jyf_gg_._shadowVertical_median_p1jyf_gg_:after,.___SCellWrapper_p1jyf_gg_._fixed_left_p1jyf_gg_._shadowVertical_start_p1jyf_gg_:after{display:block;right:0;background:var(--intergalactic-scroll-area-shadow-left,\n linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_p1jyf_gg_._fixed_left_p1jyf_gg_._shadowVertical_median_p1jyf_gg_ .___SCell_p1jyf_gg_,.___SCellWrapper_p1jyf_gg_._fixed_left_p1jyf_gg_._shadowVertical_start_p1jyf_gg_ .___SCell_p1jyf_gg_{margin-right:5px}.___SCellWrapper_p1jyf_gg_._fixed_right_p1jyf_gg_._shadowVertical_end_p1jyf_gg_,.___SCellWrapper_p1jyf_gg_._fixed_right_p1jyf_gg_._shadowVertical_median_p1jyf_gg_{margin-left:-5px}.___SCellWrapper_p1jyf_gg_._fixed_right_p1jyf_gg_._shadowVertical_end_p1jyf_gg_:after,.___SCellWrapper_p1jyf_gg_._fixed_right_p1jyf_gg_._shadowVertical_median_p1jyf_gg_:after{display:block;left:0;background:var(--intergalactic-scroll-area-shadow-right,\n linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SCellWrapper_p1jyf_gg_._fixed_right_p1jyf_gg_._shadowVertical_end_p1jyf_gg_ .___SCell_p1jyf_gg_,.___SCellWrapper_p1jyf_gg_._fixed_right_p1jyf_gg_._shadowVertical_median_p1jyf_gg_ .___SCell_p1jyf_gg_{margin-left:5px}", /*__inner_css_end__*/"p1jyf_gg_"),
|
|
33
33
|
/*__reshadow_css_end__*/
|
|
34
34
|
{
|
|
35
|
-
"__SBody": "
|
|
36
|
-
"__SRow": "
|
|
37
|
-
"__SRowGroup": "
|
|
38
|
-
"__SAccordionRows": "
|
|
39
|
-
"_gridArea": "
|
|
40
|
-
"__SCellWrapper": "
|
|
41
|
-
"__SCollapseRow": "
|
|
42
|
-
"--gridArea": "--
|
|
43
|
-
"_isAccordionRow": "
|
|
44
|
-
"__SCell": "
|
|
45
|
-
"_withoutBorder": "
|
|
46
|
-
"_active": "
|
|
47
|
-
"_theme": "
|
|
48
|
-
"_accordionType_row": "
|
|
49
|
-
"_expanded": "
|
|
50
|
-
"_withAccordion": "
|
|
51
|
-
"_isNonInteractive": "
|
|
52
|
-
"_theme_muted": "
|
|
53
|
-
"_theme_info": "
|
|
54
|
-
"_theme_success": "
|
|
55
|
-
"_theme_warning": "
|
|
56
|
-
"_theme_danger": "
|
|
57
|
-
"__SCheckboxCell": "
|
|
58
|
-
"_borders_both": "
|
|
59
|
-
"_borders_left": "
|
|
60
|
-
"_borders_right": "
|
|
61
|
-
"_fixed": "
|
|
62
|
-
"__SSpinContainer": "
|
|
63
|
-
"_headerHeight": "
|
|
64
|
-
"--headerHeight": "--
|
|
65
|
-
"__SEmptyData": "
|
|
66
|
-
"
|
|
67
|
-
"--
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"_sideIndents_wide": "
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
35
|
+
"__SBody": "___SBody_p1jyf_gg_",
|
|
36
|
+
"__SRow": "___SRow_p1jyf_gg_",
|
|
37
|
+
"__SRowGroup": "___SRowGroup_p1jyf_gg_",
|
|
38
|
+
"__SAccordionRows": "___SAccordionRows_p1jyf_gg_",
|
|
39
|
+
"_gridArea": "__gridArea_p1jyf_gg_",
|
|
40
|
+
"__SCellWrapper": "___SCellWrapper_p1jyf_gg_",
|
|
41
|
+
"__SCollapseRow": "___SCollapseRow_p1jyf_gg_",
|
|
42
|
+
"--gridArea": "--gridArea_p1jyf",
|
|
43
|
+
"_isAccordionRow": "__isAccordionRow_p1jyf_gg_",
|
|
44
|
+
"__SCell": "___SCell_p1jyf_gg_",
|
|
45
|
+
"_withoutBorder": "__withoutBorder_p1jyf_gg_",
|
|
46
|
+
"_active": "__active_p1jyf_gg_",
|
|
47
|
+
"_theme": "__theme_p1jyf_gg_",
|
|
48
|
+
"_accordionType_row": "_accordionType_row_p1jyf_gg_",
|
|
49
|
+
"_expanded": "__expanded_p1jyf_gg_",
|
|
50
|
+
"_withAccordion": "__withAccordion_p1jyf_gg_",
|
|
51
|
+
"_isNonInteractive": "__isNonInteractive_p1jyf_gg_",
|
|
52
|
+
"_theme_muted": "_theme_muted_p1jyf_gg_",
|
|
53
|
+
"_theme_info": "_theme_info_p1jyf_gg_",
|
|
54
|
+
"_theme_success": "_theme_success_p1jyf_gg_",
|
|
55
|
+
"_theme_warning": "_theme_warning_p1jyf_gg_",
|
|
56
|
+
"_theme_danger": "_theme_danger_p1jyf_gg_",
|
|
57
|
+
"__SCheckboxCell": "___SCheckboxCell_p1jyf_gg_",
|
|
58
|
+
"_borders_both": "_borders_both_p1jyf_gg_",
|
|
59
|
+
"_borders_left": "_borders_left_p1jyf_gg_",
|
|
60
|
+
"_borders_right": "_borders_right_p1jyf_gg_",
|
|
61
|
+
"_fixed": "__fixed_p1jyf_gg_",
|
|
62
|
+
"__SSpinContainer": "___SSpinContainer_p1jyf_gg_",
|
|
63
|
+
"_headerHeight": "__headerHeight_p1jyf_gg_",
|
|
64
|
+
"--headerHeight": "--headerHeight_p1jyf",
|
|
65
|
+
"__SEmptyData": "___SEmptyData_p1jyf_gg_",
|
|
66
|
+
"_withAnimation": "__withAnimation_p1jyf_gg_",
|
|
67
|
+
"--delay": "--delay_p1jyf",
|
|
68
|
+
"--duration": "--duration_p1jyf",
|
|
69
|
+
"_compact": "__compact_p1jyf_gg_",
|
|
70
|
+
"--data-aria-level": "--data-aria-level_p1jyf",
|
|
71
|
+
"_sideIndents_wide": "_sideIndents_wide_p1jyf_gg_",
|
|
72
|
+
"__SAccordionToggle": "___SAccordionToggle_p1jyf_gg_",
|
|
73
|
+
"_use_primary": "_use_primary_p1jyf_gg_",
|
|
74
|
+
"_use_secondary": "_use_secondary_p1jyf_gg_",
|
|
75
|
+
"_shadowVertical": "__shadowVertical_p1jyf_gg_",
|
|
76
|
+
"_fixed_left": "_fixed_left_p1jyf_gg_",
|
|
77
|
+
"_shadowVertical_median": "_shadowVertical_median_p1jyf_gg_",
|
|
78
|
+
"_shadowVertical_start": "_shadowVertical_start_p1jyf_gg_",
|
|
79
|
+
"_fixed_right": "_fixed_right_p1jyf_gg_",
|
|
80
|
+
"_shadowVertical_end": "_shadowVertical_end_p1jyf_gg_"
|
|
78
81
|
});
|
|
79
82
|
var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
80
83
|
function RowRoot(props) {
|
|
@@ -85,7 +88,9 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
85
88
|
(0, _defineProperty2["default"])(_this, "closeAccordionTimeout", 0);
|
|
86
89
|
(0, _defineProperty2["default"])(_this, "rowElementRef", /*#__PURE__*/React.createRef());
|
|
87
90
|
(0, _defineProperty2["default"])(_this, "state", {
|
|
88
|
-
expandedForAnimation: false
|
|
91
|
+
expandedForAnimation: false,
|
|
92
|
+
calculatedHeight: 0,
|
|
93
|
+
withAnimation: true
|
|
89
94
|
});
|
|
90
95
|
(0, _defineProperty2["default"])(_this, "handleSelectRow", function (value, event) {
|
|
91
96
|
var _this$asProps = _this.asProps,
|
|
@@ -192,12 +197,38 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
192
197
|
value: function componentDidMount() {
|
|
193
198
|
var _this$asProps$compone2, _this$asProps5;
|
|
194
199
|
(_this$asProps$compone2 = (_this$asProps5 = this.asProps).componentRef) === null || _this$asProps$compone2 === void 0 || _this$asProps$compone2.call(_this$asProps5, this);
|
|
200
|
+
var animationExpand = this.asProps.animationExpand;
|
|
201
|
+
if (animationExpand && this.rowElementRef.current) {
|
|
202
|
+
var height = this.calculateRowHeight(this.rowElementRef.current);
|
|
203
|
+
this.setState({
|
|
204
|
+
calculatedHeight: height
|
|
205
|
+
});
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
}, {
|
|
209
|
+
key: "componentDidUpdate",
|
|
210
|
+
value: function componentDidUpdate(prevProps) {
|
|
211
|
+
var _this$asProps6 = this.asProps,
|
|
212
|
+
animationExpand = _this$asProps6.animationExpand,
|
|
213
|
+
row = _this$asProps6.row;
|
|
214
|
+
if (animationExpand && prevProps.row !== row && this.rowElementRef.current) {
|
|
215
|
+
var height = this.calculateRowHeight(this.rowElementRef.current);
|
|
216
|
+
this.setState({
|
|
217
|
+
calculatedHeight: height,
|
|
218
|
+
withAnimation: false
|
|
219
|
+
});
|
|
220
|
+
}
|
|
221
|
+
if (prevProps.animationExpand !== animationExpand && animationExpand === false) {
|
|
222
|
+
this.setState({
|
|
223
|
+
withAnimation: true
|
|
224
|
+
});
|
|
225
|
+
}
|
|
195
226
|
}
|
|
196
227
|
}, {
|
|
197
228
|
key: "componentWillUnmount",
|
|
198
229
|
value: function componentWillUnmount() {
|
|
199
|
-
var _this$asProps$compone3, _this$
|
|
200
|
-
(_this$asProps$compone3 = (_this$
|
|
230
|
+
var _this$asProps$compone3, _this$asProps7;
|
|
231
|
+
(_this$asProps$compone3 = (_this$asProps7 = this.asProps).componentRef) === null || _this$asProps$compone3 === void 0 || _this$asProps$compone3.call(_this$asProps7, null);
|
|
201
232
|
}
|
|
202
233
|
}, {
|
|
203
234
|
key: "cellHasAccordion",
|
|
@@ -221,20 +252,22 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
221
252
|
var _props$children,
|
|
222
253
|
_value3,
|
|
223
254
|
_this3 = this;
|
|
224
|
-
var _this$
|
|
225
|
-
use = _this$
|
|
226
|
-
renderCell = _this$
|
|
227
|
-
expandedRows = _this$
|
|
228
|
-
styles = _this$
|
|
229
|
-
getI18nText = _this$
|
|
230
|
-
virtualScroll = _this$
|
|
231
|
-
tableRef = _this$
|
|
232
|
-
accordionDuration = _this$
|
|
233
|
-
onCellClick = _this$
|
|
234
|
-
rawData = _this$
|
|
235
|
-
shadowVertical = _this$
|
|
236
|
-
flatRows = _this$
|
|
237
|
-
variant = _this$
|
|
255
|
+
var _this$asProps8 = this.asProps,
|
|
256
|
+
use = _this$asProps8.use,
|
|
257
|
+
renderCell = _this$asProps8.renderCell,
|
|
258
|
+
expandedRows = _this$asProps8.expandedRows,
|
|
259
|
+
styles = _this$asProps8.styles,
|
|
260
|
+
getI18nText = _this$asProps8.getI18nText,
|
|
261
|
+
virtualScroll = _this$asProps8.virtualScroll,
|
|
262
|
+
tableRef = _this$asProps8.tableRef,
|
|
263
|
+
accordionDuration = _this$asProps8.accordionDuration,
|
|
264
|
+
onCellClick = _this$asProps8.onCellClick,
|
|
265
|
+
rawData = _this$asProps8.rawData,
|
|
266
|
+
shadowVertical = _this$asProps8.shadowVertical,
|
|
267
|
+
flatRows = _this$asProps8.flatRows,
|
|
268
|
+
variant = _this$asProps8.variant,
|
|
269
|
+
isAccordionRow = _this$asProps8.isAccordionRow,
|
|
270
|
+
accordionRowIndex = _this$asProps8.accordionRowIndex;
|
|
238
271
|
var SAccordionToggle = _button.ButtonLink;
|
|
239
272
|
var dataKey = props.column.name;
|
|
240
273
|
var cellValue = props.row[dataKey];
|
|
@@ -268,12 +301,13 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
268
301
|
onClick: onCellClick,
|
|
269
302
|
flatRows: this.asProps.flatRows,
|
|
270
303
|
shadowVertical: shadowVertical,
|
|
271
|
-
withoutBorder: withoutBorder
|
|
304
|
+
withoutBorder: withoutBorder,
|
|
305
|
+
calculatedHeight: this.state.calculatedHeight
|
|
272
306
|
};
|
|
273
307
|
if (renderCell) {
|
|
274
308
|
var _value$toString, _value2;
|
|
275
309
|
var rowRawData = rawData[props.rowIndex];
|
|
276
|
-
if (props.accordionRowIndex && rowRawData[_DataTable.ACCORDION] && Array.isArray(rowRawData[_DataTable.ACCORDION])) {
|
|
310
|
+
if (props.accordionRowIndex !== undefined && rowRawData[_DataTable.ACCORDION] && Array.isArray(rowRawData[_DataTable.ACCORDION])) {
|
|
277
311
|
rowRawData = rowRawData[_DataTable.ACCORDION][props.accordionRowIndex];
|
|
278
312
|
}
|
|
279
313
|
var external = renderCell({
|
|
@@ -287,7 +321,9 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
287
321
|
value: /*#__PURE__*/React.isValidElement(value) ? value : (_value$toString = (_value2 = value) === null || _value2 === void 0 ? void 0 : _value2.toString()) !== null && _value$toString !== void 0 ? _value$toString : '',
|
|
288
322
|
isMergedRows: isMergedRows,
|
|
289
323
|
isMergedColumns: isMergedColumns,
|
|
290
|
-
rawData: rowRawData
|
|
324
|
+
rawData: rowRawData,
|
|
325
|
+
isAccordionRow: Boolean(isAccordionRow),
|
|
326
|
+
accordionRowIndex: accordionRowIndex
|
|
291
327
|
});
|
|
292
328
|
if (this.isReactNode(external) || Array.isArray(external)) {
|
|
293
329
|
extraProps.children = external;
|
|
@@ -347,32 +383,39 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
347
383
|
var SAccordionRows = _baseComponents.Box;
|
|
348
384
|
var SCell = Row.Cell;
|
|
349
385
|
var SCheckboxCell = Row.Cell;
|
|
350
|
-
var _this$
|
|
351
|
-
columns = _this$
|
|
352
|
-
row = _this$
|
|
353
|
-
rows = _this$
|
|
354
|
-
styles = _this$
|
|
355
|
-
rowIndex = _this$
|
|
356
|
-
gridRowIndex = _this$
|
|
357
|
-
_this$
|
|
358
|
-
ariaLevel = _this$
|
|
359
|
-
selectedRows = _this$
|
|
360
|
-
expandedRows = _this$
|
|
361
|
-
uid = _this$
|
|
362
|
-
getFixedStyle = _this$
|
|
363
|
-
mergedRow = _this$
|
|
364
|
-
isAccordionRow = _this$
|
|
365
|
-
animationExpand = _this$
|
|
366
|
-
accordionRowIndex = _this$
|
|
367
|
-
accordionDuration = _this$
|
|
368
|
-
use = _this$
|
|
369
|
-
shadowVertical = _this$
|
|
370
|
-
variant = _this$
|
|
371
|
-
flatRows = _this$
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
386
|
+
var _this$asProps9 = this.asProps,
|
|
387
|
+
columns = _this$asProps9.columns,
|
|
388
|
+
row = _this$asProps9.row,
|
|
389
|
+
rows = _this$asProps9.rows,
|
|
390
|
+
styles = _this$asProps9.styles,
|
|
391
|
+
rowIndex = _this$asProps9.rowIndex,
|
|
392
|
+
gridRowIndex = _this$asProps9.gridRowIndex,
|
|
393
|
+
_this$asProps9$ariaL = _this$asProps9['aria-level'],
|
|
394
|
+
ariaLevel = _this$asProps9$ariaL === void 0 ? 1 : _this$asProps9$ariaL,
|
|
395
|
+
selectedRows = _this$asProps9.selectedRows,
|
|
396
|
+
expandedRows = _this$asProps9.expandedRows,
|
|
397
|
+
uid = _this$asProps9.uid,
|
|
398
|
+
getFixedStyle = _this$asProps9.getFixedStyle,
|
|
399
|
+
mergedRow = _this$asProps9.mergedRow,
|
|
400
|
+
isAccordionRow = _this$asProps9.isAccordionRow,
|
|
401
|
+
animationExpand = _this$asProps9.animationExpand,
|
|
402
|
+
accordionRowIndex = _this$asProps9.accordionRowIndex,
|
|
403
|
+
accordionDuration = _this$asProps9.accordionDuration,
|
|
404
|
+
use = _this$asProps9.use,
|
|
405
|
+
shadowVertical = _this$asProps9.shadowVertical,
|
|
406
|
+
variant = _this$asProps9.variant,
|
|
407
|
+
flatRows = _this$asProps9.flatRows,
|
|
408
|
+
sideIndents = _this$asProps9.sideIndents,
|
|
409
|
+
renderCell = _this$asProps9.renderCell,
|
|
410
|
+
rawData = _this$asProps9.rawData;
|
|
411
|
+
var _this$state = this.state,
|
|
412
|
+
expandedForAnimation = _this$state.expandedForAnimation,
|
|
413
|
+
withAnimation = _this$state.withAnimation;
|
|
414
|
+
var expanded = (expandedRows === null || expandedRows === void 0 ? void 0 : expandedRows.has(row[_DataTable.UNIQ_ROW_KEY])) && !expandedForAnimation;
|
|
415
|
+
var accordionRows = Array.isArray(row[_DataTable.ACCORDION]) ? row[_DataTable.ACCORDION] : undefined;
|
|
416
|
+
var accordionComponent = /*#__PURE__*/React.isValidElement(row[_DataTable.ACCORDION]) ? row[_DataTable.ACCORDION] : undefined;
|
|
417
|
+
var accordionType = (accordionRows || accordionComponent) && !mergedRow ? 'row' : undefined;
|
|
418
|
+
if (!accordionRows && !accordionComponent) {
|
|
376
419
|
var cells = Object.entries(row);
|
|
377
420
|
var foundCell = cells.find(function (_ref7) {
|
|
378
421
|
var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
|
|
@@ -383,14 +426,22 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
383
426
|
if (foundCell) {
|
|
384
427
|
this.cellName = foundCell[0];
|
|
385
428
|
var value = foundCell[1];
|
|
386
|
-
|
|
429
|
+
if (value instanceof _MergedCells.MergedRowsCell && value.accordion) {
|
|
430
|
+
if (Array.isArray(value.accordion)) {
|
|
431
|
+
accordionRows = value.accordion;
|
|
432
|
+
} else {
|
|
433
|
+
accordionComponent = value.accordion;
|
|
434
|
+
}
|
|
435
|
+
} else if (this.cellHasAccordion(value)) {
|
|
436
|
+
accordionComponent = value[_DataTable.ACCORDION];
|
|
437
|
+
}
|
|
387
438
|
}
|
|
388
439
|
}
|
|
389
440
|
var accordionDataGridArea = '';
|
|
390
|
-
if (
|
|
441
|
+
if (accordionRows || accordionComponent) {
|
|
391
442
|
var _row$ROW_GROUP;
|
|
392
443
|
var rowIncrement = (_row$ROW_GROUP = row[_DataTable.ROW_GROUP]) !== null && _row$ROW_GROUP !== void 0 && _row$ROW_GROUP.size ? row[_DataTable.ROW_GROUP].size + 1 : 1;
|
|
393
|
-
accordionDataGridArea =
|
|
444
|
+
accordionDataGridArea = accordionRows ? "".concat(gridRowIndex + rowIncrement, " / 1 / ").concat(gridRowIndex + rowIncrement + accordionRows.length, " / ").concat(columns.length + 1) : "".concat(gridRowIndex + rowIncrement, " / 1 / ").concat(gridRowIndex + rowIncrement, " / ").concat(columns.length + 1);
|
|
394
445
|
}
|
|
395
446
|
var rowUniqKey = row[_DataTable.UNIQ_ROW_KEY];
|
|
396
447
|
var accordionId = "".concat(uid, "_").concat(rowUniqKey);
|
|
@@ -400,7 +451,8 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
400
451
|
"accordionType": accordionType,
|
|
401
452
|
"theme": selectedRows !== null && selectedRows !== void 0 && selectedRows.includes(rowUniqKey) ? 'info' : undefined,
|
|
402
453
|
"use:expanded": expanded && !mergedRow,
|
|
403
|
-
"onClick": this.handleClickRow(row)
|
|
454
|
+
"onClick": this.handleClickRow(row),
|
|
455
|
+
"withAnimation": withAnimation
|
|
404
456
|
}, _ref))), columns.map(function (column, i) {
|
|
405
457
|
if (selectedRows && i === 0 && row[_DataTable.IS_EMPTY_DATA_ROW] !== true) {
|
|
406
458
|
var _ref4;
|
|
@@ -453,7 +505,7 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
453
505
|
accordionRowIndex: accordionRowIndex,
|
|
454
506
|
rows: rows
|
|
455
507
|
});
|
|
456
|
-
})), /*#__PURE__*/React.isValidElement(
|
|
508
|
+
})), /*#__PURE__*/React.isValidElement(accordionComponent) && /*#__PURE__*/React.createElement(SCollapseRow, _ref3.cn("SCollapseRow", {
|
|
457
509
|
"key": rowIndex,
|
|
458
510
|
"role": 'row',
|
|
459
511
|
"id": accordionId,
|
|
@@ -477,24 +529,25 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
477
529
|
},
|
|
478
530
|
"w": '100%',
|
|
479
531
|
"onKeyDown": this.handleBackFromAccordion
|
|
480
|
-
}),
|
|
532
|
+
}), accordionComponent)), Array.isArray(accordionRows) && /*#__PURE__*/React.createElement(SAccordionRows, _ref3.cn("SAccordionRows", {
|
|
481
533
|
"id": accordionId,
|
|
482
534
|
"role": 'rowgroup',
|
|
483
535
|
"aria-hidden": !expanded
|
|
484
|
-
}),
|
|
536
|
+
}), (expanded || expandedForAnimation) && accordionRows.map(function (subrow, i) {
|
|
485
537
|
return /*#__PURE__*/React.createElement(Row, {
|
|
486
538
|
key: i
|
|
487
539
|
// @ts-ignore
|
|
488
540
|
,
|
|
489
541
|
row: subrow,
|
|
490
542
|
columns: columns,
|
|
491
|
-
rows:
|
|
543
|
+
rows: accordionRows,
|
|
492
544
|
rowIndex: rowIndex,
|
|
493
545
|
"aria-hidden": !expanded,
|
|
494
546
|
"aria-posinset": i + 1,
|
|
495
547
|
"aria-level": ariaLevel + 1,
|
|
496
548
|
gridRowIndex: gridRowIndex + 1 + i,
|
|
497
549
|
isAccordionRow: true,
|
|
550
|
+
accordionIndex: i,
|
|
498
551
|
getFixedStyle: getFixedStyle,
|
|
499
552
|
animationExpand: expanded,
|
|
500
553
|
accordionRowIndex: i,
|
|
@@ -502,7 +555,10 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
502
555
|
shadowVertical: shadowVertical,
|
|
503
556
|
accordionDuration: accordionDuration,
|
|
504
557
|
variant: variant,
|
|
505
|
-
flatRows: flatRows
|
|
558
|
+
flatRows: flatRows,
|
|
559
|
+
sideIndents: sideIndents,
|
|
560
|
+
renderCell: renderCell,
|
|
561
|
+
rawData: rawData
|
|
506
562
|
});
|
|
507
563
|
})));
|
|
508
564
|
}
|
|
@@ -511,6 +567,32 @@ var RowRoot = exports.RowRoot = /*#__PURE__*/function (_Component) {
|
|
|
511
567
|
value: function isReactNode(obj) {
|
|
512
568
|
return typeof obj === 'string' || typeof obj === 'number' || /*#__PURE__*/React.isValidElement(obj) || typeof obj === 'boolean' || obj === undefined || obj === null;
|
|
513
569
|
}
|
|
570
|
+
}, {
|
|
571
|
+
key: "calculateRowHeight",
|
|
572
|
+
value: function calculateRowHeight(rowElement) {
|
|
573
|
+
var accordionFull = rowElement.cloneNode(true);
|
|
574
|
+
if (!(accordionFull instanceof HTMLElement)) {
|
|
575
|
+
return 0;
|
|
576
|
+
}
|
|
577
|
+
var columnsWidth = [];
|
|
578
|
+
var columns = Array.from(rowElement.children);
|
|
579
|
+
columns.forEach(function (column) {
|
|
580
|
+
columnsWidth.push(column.getBoundingClientRect().width);
|
|
581
|
+
});
|
|
582
|
+
accordionFull.style.display = 'grid';
|
|
583
|
+
accordionFull.style.position = 'absolute';
|
|
584
|
+
accordionFull.style.visibility = 'hidden';
|
|
585
|
+
accordionFull.style.gridTemplateColumns = columnsWidth.join('px ') + 'px';
|
|
586
|
+
Array.from(accordionFull.children).forEach(function (child) {
|
|
587
|
+
if (child instanceof HTMLElement) {
|
|
588
|
+
child.style.height = '100%';
|
|
589
|
+
}
|
|
590
|
+
});
|
|
591
|
+
document.body.appendChild(accordionFull);
|
|
592
|
+
var height = accordionFull.getBoundingClientRect().height;
|
|
593
|
+
document.body.removeChild(accordionFull);
|
|
594
|
+
return height;
|
|
595
|
+
}
|
|
514
596
|
}]);
|
|
515
597
|
}(_core.Component);
|
|
516
598
|
(0, _defineProperty2["default"])(RowRoot, "displayName", 'Row');
|