@semcore/data-table 16.0.6 → 16.0.7-prerelease.0
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 +13 -0
- package/lib/cjs/components/Body/Body.js +39 -37
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +37 -36
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +37 -36
- 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 +33 -33
- package/lib/cjs/components/DataTable/DataTable.js +45 -42
- 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 +24 -22
- package/lib/cjs/components/Head/Column.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +24 -22
- package/lib/cjs/components/Head/Group.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +60 -35
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/components/Head/Head.types.js.map +1 -1
- package/lib/cjs/components/Head/style.shadow.css +4 -0
- package/lib/cjs/style/scroll-shadows.shadow.css +12 -4
- package/lib/es6/components/Body/Body.js +39 -37
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +37 -36
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/Row.js +37 -36
- 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 +33 -33
- package/lib/es6/components/DataTable/DataTable.js +45 -42
- 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 +24 -22
- package/lib/es6/components/Head/Column.js.map +1 -1
- package/lib/es6/components/Head/Group.js +24 -22
- package/lib/es6/components/Head/Group.js.map +1 -1
- package/lib/es6/components/Head/Head.js +61 -36
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/components/Head/Head.types.js.map +1 -1
- package/lib/es6/components/Head/style.shadow.css +4 -0
- package/lib/es6/style/scroll-shadows.shadow.css +12 -4
- package/lib/esm/components/Body/Body.mjs +40 -38
- package/lib/esm/components/Body/Cell.mjs +38 -37
- package/lib/esm/components/Body/Row.mjs +38 -37
- package/lib/esm/components/Body/style.shadow.css +33 -33
- package/lib/esm/components/DataTable/DataTable.mjs +46 -43
- package/lib/esm/components/Head/Column.mjs +25 -23
- package/lib/esm/components/Head/Group.mjs +25 -23
- package/lib/esm/components/Head/Head.mjs +50 -30
- package/lib/esm/components/Head/style.shadow.css +4 -0
- package/lib/esm/style/scroll-shadows.shadow.css +12 -4
- package/lib/types/components/Body/Row.types.d.ts +1 -0
- package/lib/types/components/DataTable/DataTable.types.d.ts +2 -17
- package/lib/types/components/Head/Head.types.d.ts +4 -1
- package/package.json +22 -22
|
@@ -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","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","fromRow","fromCol","columnsCount","MergedRowsCell","rowsCount","_this$calculateAnimat","createElement","cn","Collapse","fixed","_objectSpread2","assignProps","handleKeyDown","onFocusCell","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","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';\n\nconst DEFAULT_ROW_DURATION = 50;\n\nclass CellRoot extends Component<DataTableCellProps, {}, {}, [], CellPropsInner> {\n static displayName = 'Cell';\n static style = style;\n\n cellRef = React.createRef<HTMLDivElement>();\n\n lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n componentWillUnmount() {\n const { virtualScroll, tableRef } = this.asProps;\n if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {\n tableRef.current?.setAttribute('tabIndex', '0');\n }\n }\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n e.preventDefault();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus();\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus();\n e.preventDefault();\n }\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n }\n }\n };\n\n onFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {\n e.target.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n const focusableChildren = Array.from(e.currentTarget.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [e.currentTarget, false];\n }\n }\n };\n\n calculateAnimationSettings() {\n const {\n accordionRowIndex = 0,\n isAccordionRow,\n animationExpand,\n accordionDuration,\n rows,\n } = this.asProps;\n\n if (!isAccordionRow) {\n return {};\n }\n\n const rowsLength = rows.length;\n const durationPerRow = (duration: number) => duration / rowsLength;\n\n const duration = Array.isArray(accordionDuration)\n ? [durationPerRow(accordionDuration[0]), durationPerRow(accordionDuration[1])]\n : accordionDuration !== undefined\n ? durationPerRow(accordionDuration)\n : rowsLength > 4\n ? durationPerRow(200)\n : DEFAULT_ROW_DURATION;\n\n let delay;\n const delayIndex = animationExpand ? accordionRowIndex : rows.length - 1 - accordionRowIndex;\n\n if (Array.isArray(duration)) {\n delay = [duration[0] * delayIndex, duration[1] * delayIndex];\n } else if (duration !== undefined) {\n delay = duration * delayIndex;\n }\n\n return { duration, delay };\n }\n\n 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 } = this.asProps;\n\n const cell = row[column.name];\n const cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;\n\n let scope: null | 'rowgroup' | 'colgroup' = null;\n let gridArea: string | undefined = undefined;\n\n const fromRow = gridRowIndex;\n const fromCol = columnIndex + 1;\n\n if (cell instanceof MergedColumnsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n scope = 'colgroup';\n } else if (cell instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n }\n\n const { duration, delay } = this.calculateAnimationSettings();\n\n return sstyled(styles)(\n <SCellWrapper\n gridArea={gridArea}\n tag={isAccordionRow ? Collapse : undefined}\n visible={animationExpand}\n interactive\n duration={duration}\n delay={delay}\n timingFunction='linear'\n defaultHeight='100%'\n style={style}\n fixed={column.fixed}\n >\n <SCell\n ref={this.cellRef}\n render={Flex}\n innerOutline\n tabIndex={-1}\n onKeyDown={this.handleKeyDown}\n onFocus={this.onFocusCell}\n 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 >\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","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","fromRow","fromCol","columnsCount","MergedRowsCell","rowsCount","_this$calculateAnimat","createElement","cn","Collapse","fixed","_objectSpread2","assignProps","handleKeyDown","onFocusCell","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","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';\n\nconst DEFAULT_ROW_DURATION = 50;\n\nclass CellRoot extends Component<DataTableCellProps, {}, {}, [], CellPropsInner> {\n static displayName = 'Cell';\n static style = style;\n\n cellRef = React.createRef<HTMLDivElement>();\n\n lockedCell: [HTMLElement | null, boolean] = [null, false];\n\n componentWillUnmount() {\n const { virtualScroll, tableRef } = this.asProps;\n if (virtualScroll && this.cellRef.current && isFocusInside(this.cellRef.current)) {\n tableRef.current?.setAttribute('tabIndex', '0');\n }\n }\n\n handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.currentTarget === this.lockedCell[0]) {\n const focusableChildren = Array.from(this.lockedCell[0].children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (this.lockedCell[1]) {\n if (e.key === 'Escape') {\n this.lockedCell[0]?.focus();\n this.lockedCell[1] = false;\n }\n if (e.key.startsWith('Arrow')) {\n e.stopPropagation();\n e.preventDefault();\n }\n if (e.key === 'Tab') {\n if (e.target === focusableChildren[0] && e.shiftKey) {\n focusableChildren[focusableChildren.length - 1]?.focus();\n e.preventDefault();\n } else if (e.target === focusableChildren[focusableChildren.length - 1] && !e.shiftKey) {\n focusableChildren[0]?.focus();\n e.preventDefault();\n }\n e.stopPropagation();\n }\n } else if (e.key === 'Enter') {\n e.preventDefault();\n e.stopPropagation();\n this.lockedCell[1] = true;\n focusableChildren[0]?.focus();\n }\n }\n };\n\n onFocusCell = (e: React.FocusEvent<HTMLElement, HTMLElement>) => {\n if (e.target === e.currentTarget && e.target.matches(':focus-visible')) {\n e.target.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'center',\n });\n\n const focusableChildren = Array.from(e.currentTarget.children).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (focusableChildren.length === 1) {\n focusableChildren[0].focus();\n } else if (focusableChildren.length > 1) {\n this.lockedCell = [e.currentTarget, false];\n }\n }\n };\n\n calculateAnimationSettings() {\n const {\n accordionRowIndex = 0,\n isAccordionRow,\n animationExpand,\n accordionDuration,\n rows,\n } = this.asProps;\n\n if (!isAccordionRow) {\n return {};\n }\n\n const rowsLength = rows.length;\n const durationPerRow = (duration: number) => duration / rowsLength;\n\n const duration = Array.isArray(accordionDuration)\n ? [durationPerRow(accordionDuration[0]), durationPerRow(accordionDuration[1])]\n : accordionDuration !== undefined\n ? durationPerRow(accordionDuration)\n : rowsLength > 4\n ? durationPerRow(200)\n : DEFAULT_ROW_DURATION;\n\n let delay;\n const delayIndex = animationExpand ? accordionRowIndex : rows.length - 1 - accordionRowIndex;\n\n if (Array.isArray(duration)) {\n delay = [duration[0] * delayIndex, duration[1] * delayIndex];\n } else if (duration !== undefined) {\n delay = duration * delayIndex;\n }\n\n return { duration, delay };\n }\n\n 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 } = this.asProps;\n\n const cell = row[column.name];\n const cellName = cell instanceof MergedColumnsCell ? cell.dataKey : column.name;\n\n let scope: null | 'rowgroup' | 'colgroup' = null;\n let gridArea: string | undefined = undefined;\n\n const fromRow = gridRowIndex;\n const fromCol = columnIndex + 1;\n\n if (cell instanceof MergedColumnsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n scope = 'colgroup';\n } else if (cell instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n }\n\n const { duration, delay } = this.calculateAnimationSettings();\n\n return sstyled(styles)(\n <SCellWrapper\n gridArea={gridArea}\n tag={isAccordionRow ? Collapse : undefined}\n visible={animationExpand}\n interactive\n duration={duration}\n delay={delay}\n timingFunction='linear'\n defaultHeight='100%'\n style={style}\n fixed={column.fixed}\n >\n <SCell\n ref={this.cellRef}\n render={Flex}\n innerOutline\n tabIndex={-1}\n onKeyDown={this.handleKeyDown}\n onFocus={this.onFocusCell}\n 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 >\n <Children />\n </SCell>\n </SCellWrapper>,\n );\n }\n}\n\nexport const Cell = createComponent(CellRoot);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -24,44 +24,45 @@ var _MergedCells = require("./MergedCells");
|
|
|
24
24
|
var _DataTable = require("../DataTable/DataTable");
|
|
25
25
|
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)); }
|
|
26
26
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
27
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1hhtt_gg_,.___SBody_1hhtt_gg_,.___SRowGroup_1hhtt_gg_,.___SRow_1hhtt_gg_{display:contents}.___SBody_1hhtt_gg_.__compact_1hhtt_gg_ .___SCell_1hhtt_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1hhtt_gg_.__compact_1hhtt_gg_ .___SCell_1hhtt_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1hhtt) - 1)))}.___SCellWrapper_1hhtt_gg_.__gridArea_1hhtt_gg_,.___SCollapseRow_1hhtt_gg_.__gridArea_1hhtt_gg_,.___SRow_1hhtt_gg_.__gridArea_1hhtt_gg_{grid-area:var(--gridArea_1hhtt)}.___SCellWrapper_1hhtt_gg_{height:100%}.___SAccordionRows_1hhtt_gg_>.___SRow_1hhtt_gg_.__isAccordionRow_1hhtt_gg_:last-child>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_,.___SCollapseRow_1hhtt_gg_.__gridArea_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1hhtt_gg_ .___SCell_1hhtt_gg_{display:block}.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_).__expanded_1hhtt_gg_.__withAccordion_1hhtt_gg_,.___SRow_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_._accordionType_row_1hhtt_gg_.__expanded_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_.__isAccordionRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_muted_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_):not(.__expanded_1hhtt_gg_.__withAccordion_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_muted_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_):not(.__expanded_1hhtt_gg_.__withAccordion_1hhtt_gg_),.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_muted_1hhtt_gg_,.___SRow_1hhtt_gg_:not(._accordionType_row_1hhtt_gg_.__expanded_1hhtt_gg_):hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_):not(.__expanded_1hhtt_gg_.__withAccordion_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_info_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_info_1hhtt_gg_,.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_info_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_success_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_success_1hhtt_gg_,.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_success_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_warning_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_warning_1hhtt_gg_,.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_warning_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]._theme_danger_1hhtt_gg_,.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRowGroup_1hhtt_gg_:has(.___SCell_1hhtt_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_danger_1hhtt_gg_,.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_),.___SRow_1hhtt_gg_:hover>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_._theme_danger_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1hhtt_gg_._theme_muted_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1hhtt_gg_._theme_info_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1hhtt_gg_._theme_success_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1hhtt_gg_._theme_warning_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_ .___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1hhtt_gg_._theme_danger_1hhtt_gg_.__active_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_:not(.__theme_1hhtt_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1hhtt_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_1hhtt_gg_ .___SAccordionToggle_1hhtt_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1hhtt_gg_ .___SAccordionToggle_1hhtt_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1hhtt_gg_ .___SAccordionToggle_1hhtt_gg_.__expanded_1hhtt_gg_ svg{transform:rotate(90deg)}.___SCell_1hhtt_gg_.__withAccordion_1hhtt_gg_,.___SCheckboxCell_1hhtt_gg_,.___SRow_1hhtt_gg_._accordionType_row_1hhtt_gg_>.___SCellWrapper_1hhtt_gg_>.___SCell_1hhtt_gg_{cursor:pointer}.___SCell_1hhtt_gg_._use_primary_1hhtt_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1hhtt_gg_._use_primary_1hhtt_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_1hhtt) - 1)))}.___SCell_1hhtt_gg_._use_secondary_1hhtt_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1hhtt_gg_._use_secondary_1hhtt_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_1hhtt) - 1)))}.___SCell_1hhtt_gg_._borders_both_1hhtt_gg_,.___SCell_1hhtt_gg_._borders_left_1hhtt_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1hhtt_gg_._borders_both_1hhtt_gg_,.___SCell_1hhtt_gg_._borders_right_1hhtt_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1hhtt_gg_.__fixed_1hhtt_gg_{position:sticky;z-index:2}.___SCell_1hhtt_gg_._theme_muted_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1hhtt_gg_._theme_info_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1hhtt_gg_._theme_success_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1hhtt_gg_._theme_warning_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1hhtt_gg_._theme_danger_1hhtt_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1hhtt_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_1hhtt_gg_.__headerHeight_1hhtt_gg_{top:var(--headerHeight_1hhtt)}.___SEmptyData_1hhtt_gg_{grid-column:1/-1}.___SRow_1hhtt_gg_._sideIndents_wide_1hhtt_gg_ .___SCellWrapper_1hhtt_gg_:first-child .___SCell_1hhtt_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1hhtt_gg_._sideIndents_wide_1hhtt_gg_ .___SCellWrapper_1hhtt_gg_:last-child .___SCell_1hhtt_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1hhtt_gg_"),
|
|
27
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SAccordionRows_1qpr0_gg_,.___SBody_1qpr0_gg_,.___SRowGroup_1qpr0_gg_,.___SRow_1qpr0_gg_{display:contents}.___SBody_1qpr0_gg_.__compact_1qpr0_gg_ .___SCell_1qpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_1qpr0_gg_.__compact_1qpr0_gg_ .___SCell_1qpr0_gg_[data-aria-level]{padding-left:calc(var(--intergalactic-spacing-2x, 8px) + (var(--intergalactic-spacing-5x, 20px)*(var(--data-aria-level_1qpr0) - 1)))}.___SCellWrapper_1qpr0_gg_.__gridArea_1qpr0_gg_,.___SCollapseRow_1qpr0_gg_.__gridArea_1qpr0_gg_,.___SRow_1qpr0_gg_.__gridArea_1qpr0_gg_{grid-area:var(--gridArea_1qpr0)}.___SCellWrapper_1qpr0_gg_{height:100%}.___SAccordionRows_1qpr0_gg_>.___SRow_1qpr0_gg_.__isAccordionRow_1qpr0_gg_:last-child>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_,.___SCollapseRow_1qpr0_gg_.__gridArea_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_{border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_1qpr0_gg_ .___SCell_1qpr0_gg_{display:block}.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_).__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_,.___SRow_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_._accordionType_row_1qpr0_gg_.__expanded_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCollapseRow_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_.__isAccordionRow_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_muted_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_),.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_,.___SRow_1qpr0_gg_:not(._accordionType_row_1qpr0_gg_.__expanded_1qpr0_gg_):hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_):not(.__expanded_1qpr0_gg_.__withAccordion_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_info_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_success_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_warning_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]._theme_danger_1qpr0_gg_,.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRowGroup_1qpr0_gg_:has(.___SCell_1qpr0_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_1qpr0_gg_:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_,.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_),.___SRow_1qpr0_gg_:hover:not(.__isNonInteractive_1qpr0_gg_)>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_1qpr0_gg_._theme_muted_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_1qpr0_gg_._theme_info_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_1qpr0_gg_._theme_success_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_1qpr0_gg_._theme_warning_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_ .___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_1qpr0_gg_._theme_danger_1qpr0_gg_.__active_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_:not(.__theme_1qpr0_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_1qpr0_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_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_{margin-right:var(--intergalactic-spacing-3x, 12px);margin-top:var(--intergalactic-spacing-05x, 2px);height:-moz-fit-content;height:fit-content}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_1qpr0_gg_ .___SAccordionToggle_1qpr0_gg_.__expanded_1qpr0_gg_ svg{transform:rotate(90deg)}.___SCell_1qpr0_gg_.__withAccordion_1qpr0_gg_,.___SCheckboxCell_1qpr0_gg_,.___SRow_1qpr0_gg_._accordionType_row_1qpr0_gg_>.___SCellWrapper_1qpr0_gg_>.___SCell_1qpr0_gg_{cursor:pointer}.___SCell_1qpr0_gg_._use_primary_1qpr0_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qpr0_gg_._use_primary_1qpr0_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_1qpr0) - 1)))}.___SCell_1qpr0_gg_._use_secondary_1qpr0_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_1qpr0_gg_._use_secondary_1qpr0_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_1qpr0) - 1)))}.___SCell_1qpr0_gg_._borders_both_1qpr0_gg_,.___SCell_1qpr0_gg_._borders_left_1qpr0_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_1qpr0_gg_._borders_both_1qpr0_gg_,.___SCell_1qpr0_gg_._borders_right_1qpr0_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_1qpr0_gg_.__fixed_1qpr0_gg_{position:sticky;z-index:2}.___SCell_1qpr0_gg_._theme_muted_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_1qpr0_gg_._theme_info_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_1qpr0_gg_._theme_success_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_1qpr0_gg_._theme_warning_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_1qpr0_gg_._theme_danger_1qpr0_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_1qpr0_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_1qpr0_gg_.__headerHeight_1qpr0_gg_{top:var(--headerHeight_1qpr0)}.___SEmptyData_1qpr0_gg_{grid-column:1/-1}.___SRow_1qpr0_gg_._sideIndents_wide_1qpr0_gg_ .___SCellWrapper_1qpr0_gg_:first-child .___SCell_1qpr0_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SRow_1qpr0_gg_._sideIndents_wide_1qpr0_gg_ .___SCellWrapper_1qpr0_gg_:last-child .___SCell_1qpr0_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}", /*__inner_css_end__*/"1qpr0_gg_"),
|
|
28
28
|
/*__reshadow_css_end__*/
|
|
29
29
|
{
|
|
30
|
-
"__SBody": "
|
|
31
|
-
"__SRow": "
|
|
32
|
-
"__SRowGroup": "
|
|
33
|
-
"__SAccordionRows": "
|
|
34
|
-
"_gridArea": "
|
|
35
|
-
"__SCellWrapper": "
|
|
36
|
-
"__SCollapseRow": "
|
|
37
|
-
"--gridArea": "--
|
|
38
|
-
"__SCell": "
|
|
39
|
-
"_isAccordionRow": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_theme": "
|
|
42
|
-
"_accordionType_row": "
|
|
43
|
-
"_expanded": "
|
|
44
|
-
"_withAccordion": "
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
30
|
+
"__SBody": "___SBody_1qpr0_gg_",
|
|
31
|
+
"__SRow": "___SRow_1qpr0_gg_",
|
|
32
|
+
"__SRowGroup": "___SRowGroup_1qpr0_gg_",
|
|
33
|
+
"__SAccordionRows": "___SAccordionRows_1qpr0_gg_",
|
|
34
|
+
"_gridArea": "__gridArea_1qpr0_gg_",
|
|
35
|
+
"__SCellWrapper": "___SCellWrapper_1qpr0_gg_",
|
|
36
|
+
"__SCollapseRow": "___SCollapseRow_1qpr0_gg_",
|
|
37
|
+
"--gridArea": "--gridArea_1qpr0",
|
|
38
|
+
"__SCell": "___SCell_1qpr0_gg_",
|
|
39
|
+
"_isAccordionRow": "__isAccordionRow_1qpr0_gg_",
|
|
40
|
+
"_active": "__active_1qpr0_gg_",
|
|
41
|
+
"_theme": "__theme_1qpr0_gg_",
|
|
42
|
+
"_accordionType_row": "_accordionType_row_1qpr0_gg_",
|
|
43
|
+
"_expanded": "__expanded_1qpr0_gg_",
|
|
44
|
+
"_withAccordion": "__withAccordion_1qpr0_gg_",
|
|
45
|
+
"_isNonInteractive": "__isNonInteractive_1qpr0_gg_",
|
|
46
|
+
"_theme_muted": "_theme_muted_1qpr0_gg_",
|
|
47
|
+
"_theme_info": "_theme_info_1qpr0_gg_",
|
|
48
|
+
"_theme_success": "_theme_success_1qpr0_gg_",
|
|
49
|
+
"_theme_warning": "_theme_warning_1qpr0_gg_",
|
|
50
|
+
"_theme_danger": "_theme_danger_1qpr0_gg_",
|
|
51
|
+
"__SCheckboxCell": "___SCheckboxCell_1qpr0_gg_",
|
|
52
|
+
"_borders_both": "_borders_both_1qpr0_gg_",
|
|
53
|
+
"_borders_left": "_borders_left_1qpr0_gg_",
|
|
54
|
+
"_borders_right": "_borders_right_1qpr0_gg_",
|
|
55
|
+
"_fixed": "__fixed_1qpr0_gg_",
|
|
56
|
+
"__SSpinContainer": "___SSpinContainer_1qpr0_gg_",
|
|
57
|
+
"_headerHeight": "__headerHeight_1qpr0_gg_",
|
|
58
|
+
"--headerHeight": "--headerHeight_1qpr0",
|
|
59
|
+
"__SEmptyData": "___SEmptyData_1qpr0_gg_",
|
|
60
|
+
"_compact": "__compact_1qpr0_gg_",
|
|
61
|
+
"--data-aria-level": "--data-aria-level_1qpr0",
|
|
62
|
+
"__SAccordionToggle": "___SAccordionToggle_1qpr0_gg_",
|
|
63
|
+
"_use_primary": "_use_primary_1qpr0_gg_",
|
|
64
|
+
"_use_secondary": "_use_secondary_1qpr0_gg_",
|
|
65
|
+
"_sideIndents_wide": "_sideIndents_wide_1qpr0_gg_"
|
|
65
66
|
});
|
|
66
67
|
var RowRoot = /*#__PURE__*/function (_Component) {
|
|
67
68
|
function RowRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","React","_interopRequireWildcard","_Body","_MergedCells","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","RowRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","key","onBackFromAccordion","cellIndex","_inherits2","_createClass2","cellHasAccordion","cellValue","MergedRowsCell","MergedColumnsCell","Boolean","ACCORDION","render","_ref","_ref2","_this2","SRow","Box","SCollapseRow","Collapse","SAccordionRows","SCell","Body","Cell","SCheckboxCell","_this$asProps3","columns","rows","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","mergedRow","isAccordionRow","animationExpand","accordionRowIndex","accordionDuration","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","accordionId","rowUniqKey","UNIQ_ROW_KEY","createElement","Fragment","cn","_objectSpread2","assignProps","includes","map","column","i","_ref3","checked","name","SELECT_ALL","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","id","columnIndex","withAccordion","isValidElement","handleBackFromAccordion","isArray","subrow","Row","Component","exports","createComponent","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import { Box, Collapse } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport * as React from 'react';\n\nimport { Body } from './Body';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { DataTableRowProps, RowPropsInner } from './Row.types';\nimport style from './style.shadow.css';\nimport { ACCORDION, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue } from '../DataTable/DataTable.types';\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 SAccordionRows = Box;\n const SCell = Body.Cell;\n const SCheckboxCell = Body.Cell;\n const {\n columns,\n row,\n rows,\n styles,\n rowIndex,\n ariaRowIndex,\n gridRowIndex,\n expanded,\n accordionDataGridArea,\n 'aria-level': ariaLevel = 1,\n scrollAreaRef,\n selectedRows,\n uid,\n getFixedStyle,\n mergedRow,\n isAccordionRow,\n animationExpand,\n accordionRowIndex,\n accordionDuration,\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 const accordionId = `${uid}_${ariaRowIndex + 1}`;\n const rowUniqKey = row[UNIQ_ROW_KEY];\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(rowUniqKey) ? 'info' : undefined}\n use:expanded={expanded && !mergedRow}\n >\n {columns.map((column, i) => {\n if (selectedRows && i === 0) {\n const checked = selectedRows.includes(rowUniqKey);\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={accordionId}\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 isAccordionRow={isAccordionRow}\n animationExpand={animationExpand}\n accordionRowIndex={accordionRowIndex}\n rows={rows}\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={accordionId}\n visible={expanded}\n interactive\n gridArea={accordionDataGridArea}\n duration={accordionDuration ?? 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='100%'\n onKeyDown={this.handleBackFromAccordion}\n >\n {accordion}\n </SCell>\n </SCollapseRow>\n )}\n\n {row[ACCORDION] && Array.isArray(row[ACCORDION]) && (\n <SAccordionRows id={accordionId} role='rowgroup'>\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-hidden={!expanded}\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 animationExpand={expanded}\n accordionRowIndex={i}\n />\n );\n })}\n </SAccordionRows>\n )}\n </>,\n );\n }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Row.js","names":["_core","require","_baseComponents","_checkbox","_interopRequireDefault","React","_interopRequireWildcard","_Body","_MergedCells","_DataTable","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","RowRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","value","event","_this$asProps","asProps","row","rowIndex","onSelectRow","preventDefault","stopPropagation","_this$asProps2","key","onBackFromAccordion","cellIndex","_inherits2","_createClass2","cellHasAccordion","cellValue","MergedRowsCell","MergedColumnsCell","Boolean","ACCORDION","render","_ref","_ref2","_this2","SRow","Box","SCollapseRow","Collapse","SAccordionRows","SCell","Body","Cell","SCheckboxCell","_this$asProps3","columns","rows","styles","ariaRowIndex","gridRowIndex","expanded","accordionDataGridArea","_this$asProps3$ariaL","ariaLevel","scrollAreaRef","selectedRows","uid","getFixedStyle","mergedRow","isAccordionRow","animationExpand","accordionRowIndex","accordionDuration","accordion","accordionType","undefined","cells","Object","values","cellWithAccordionIndex","findIndex","cellWithAccordion","accordionId","rowUniqKey","UNIQ_ROW_KEY","createElement","Fragment","cn","_objectSpread2","assignProps","includes","map","column","i","_ref3","checked","name","SELECT_ALL","toString","handleClickCheckbox","handleSelectRow","index","fixed","_getFixedStyle","_getFixedStyle2","_slicedToArray2","id","columnIndex","withAccordion","isValidElement","handleBackFromAccordion","isArray","subrow","Row","Component","exports","createComponent","parent"],"sources":["../../../../src/components/Body/Row.tsx"],"sourcesContent":["import { Box, Collapse } from '@semcore/base-components';\nimport Checkbox from '@semcore/checkbox';\nimport { Component, Root, sstyled, createComponent } from '@semcore/core';\nimport * as React from 'react';\n\nimport { Body } from './Body';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { DataTableRowProps, RowPropsInner } from './Row.types';\nimport style from './style.shadow.css';\nimport { ACCORDION, SELECT_ALL, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue } from '../DataTable/DataTable.types';\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 SAccordionRows = Box;\n const SCell = Body.Cell;\n const SCheckboxCell = Body.Cell;\n const {\n columns,\n row,\n rows,\n styles,\n rowIndex,\n ariaRowIndex,\n gridRowIndex,\n expanded,\n accordionDataGridArea,\n 'aria-level': ariaLevel = 1,\n scrollAreaRef,\n selectedRows,\n uid,\n getFixedStyle,\n mergedRow,\n isAccordionRow,\n animationExpand,\n accordionRowIndex,\n accordionDuration,\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 const accordionId = `${uid}_${ariaRowIndex + 1}`;\n const rowUniqKey = row[UNIQ_ROW_KEY];\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(rowUniqKey) ? 'info' : undefined}\n use:expanded={expanded && !mergedRow}\n >\n {columns.map((column, i) => {\n if (selectedRows && i === 0) {\n const checked = selectedRows.includes(rowUniqKey);\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={accordionId}\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 isAccordionRow={isAccordionRow}\n animationExpand={animationExpand}\n accordionRowIndex={accordionRowIndex}\n rows={rows}\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={accordionId}\n visible={expanded}\n interactive\n gridArea={accordionDataGridArea}\n duration={accordionDuration ?? 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='100%'\n onKeyDown={this.handleBackFromAccordion}\n >\n {accordion}\n </SCell>\n </SCollapseRow>\n )}\n\n {row[ACCORDION] && Array.isArray(row[ACCORDION]) && (\n <SAccordionRows id={accordionId} role='rowgroup'>\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-hidden={!expanded}\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 animationExpand={expanded}\n accordionRowIndex={i}\n />\n );\n })}\n </SAccordionRows>\n )}\n </>,\n );\n }\n}\n\n// @ts-ignore\nexport const Row = createComponent(RowRoot, {}, { parent: Body });\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\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 isAccordionRow?: DataTableCellProps['isAccordionRow'];\n animationExpand?: DataTableCellProps['animationExpand'];\n accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\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?: UniqRowKey[];\n onSelectRow?: (\n isSelect: boolean,\n selectedRowIndex: number,\n row: DTRow,\n event?: React.SyntheticEvent<HTMLElement>,\n ) => void;\n\n inert?: '';\n\n accordionDuration?: number | [number, number];\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":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Row.types.js","names":[],"sources":["../../../../src/components/Body/Row.types.ts"],"sourcesContent":["import type { DataTableCellProps } from './Cell.types';\nimport type { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport type { ACCORDION, ROW_GROUP, ROW_INDEX, UNIQ_ROW_KEY } from '../DataTable/DataTable';\nimport type { DTValue, DTUse, DataTableData } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\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 isAccordionRow?: DataTableCellProps['isAccordionRow'];\n animationExpand?: DataTableCellProps['animationExpand'];\n accordionRowIndex?: DataTableCellProps['accordionRowIndex'];\n isNonInteractive?: 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?: UniqRowKey[];\n onSelectRow?: (\n isSelect: boolean,\n selectedRowIndex: number,\n row: DTRow,\n event?: React.SyntheticEvent<HTMLElement>,\n ) => void;\n\n inert?: '';\n\n accordionDuration?: number | [number, number];\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":"","ignoreList":[]}
|
|
@@ -47,61 +47,61 @@ SCollapseRow > SCellWrapper > SCell:not([theme]), SRow[isAccordionRow] > SCellWr
|
|
|
47
47
|
|
|
48
48
|
/* we need a media query here because of the postcssHoverMediaFeature plugin. it doesn't handle this type of selectors correctly */
|
|
49
49
|
@media (hover: hover) {
|
|
50
|
-
SRow:not([accordionType='row'][expanded]):hover > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
|
|
51
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
|
|
52
|
-
SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
|
|
50
|
+
SRow:not([accordionType='row'][expanded]):hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
|
|
51
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]):not([expanded][withAccordion]),
|
|
52
|
+
SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]):not([expanded][withAccordion]) {
|
|
53
53
|
background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
/* MUTED THEME */
|
|
57
|
-
SRow:hover > SCellWrapper > SCell[theme='muted'],
|
|
58
|
-
SRow[theme='muted']:hover > SCellWrapper > SCell:not([theme]),
|
|
59
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='muted'],
|
|
60
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='muted'] > SCellWrapper > SCell:not([theme]),
|
|
61
|
-
SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='muted'],
|
|
62
|
-
SRowGroup:has(SCell:hover) > SRow[theme='muted'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
57
|
+
SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='muted'],
|
|
58
|
+
SRow[theme='muted']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
59
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='muted'],
|
|
60
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='muted']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
61
|
+
SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='muted'],
|
|
62
|
+
SRowGroup:has(SCell:hover) > SRow[theme='muted']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
63
63
|
/* The color is hardcoded because need hex(in figma rgba) */
|
|
64
64
|
/* disable-tokens-validator */
|
|
65
65
|
background-color: var(--intergalactic-table-td-cell-hover, #f0f0f4);
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
/* INFO THEME */
|
|
69
|
-
SRow:hover > SCellWrapper > SCell[theme='info'],
|
|
70
|
-
SRow[theme='info']:hover > SCellWrapper > SCell:not([theme]),
|
|
71
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='info'],
|
|
72
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info'] > SCellWrapper > SCell:not([theme]),
|
|
73
|
-
SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info'],
|
|
74
|
-
SRowGroup:has(SCell:hover) > SRow[theme='info'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
69
|
+
SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='info'],
|
|
70
|
+
SRow[theme='info']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
71
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='info'],
|
|
72
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='info']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
73
|
+
SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='info'],
|
|
74
|
+
SRowGroup:has(SCell:hover) > SRow[theme='info']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
75
75
|
background-color: var(--intergalactic-table-td-cell-selected-hover, #c4e5fe);
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
/* SUCCESS THEME */
|
|
79
|
-
SRow:hover > SCellWrapper > SCell[theme='success'],
|
|
80
|
-
SRow[theme='success']:hover > SCellWrapper > SCell:not([theme]),
|
|
81
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='success'],
|
|
82
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='success'] > SCellWrapper > SCell:not([theme]),
|
|
83
|
-
SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='success'],
|
|
84
|
-
SRowGroup:has(SCell:hover) > SRow[theme='success'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
79
|
+
SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='success'],
|
|
80
|
+
SRow[theme='success']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
81
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='success'],
|
|
82
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='success']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
83
|
+
SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='success'],
|
|
84
|
+
SRowGroup:has(SCell:hover) > SRow[theme='success']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
85
85
|
background-color: var(--intergalactic-table-td-cell-new-hover, #9ef2c9);
|
|
86
86
|
}
|
|
87
87
|
|
|
88
88
|
/* WARNING THEME */
|
|
89
|
-
SRow:hover > SCellWrapper > SCell[theme='warning'],
|
|
90
|
-
SRow[theme='warning']:hover > SCellWrapper > SCell:not([theme]),
|
|
91
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='warning'],
|
|
92
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='warning'] > SCellWrapper > SCell:not([theme]),
|
|
93
|
-
SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='warning'],
|
|
94
|
-
SRowGroup:has(SCell:hover) > SRow[theme='warning'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
89
|
+
SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='warning'],
|
|
90
|
+
SRow[theme='warning']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
91
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='warning'],
|
|
92
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='warning']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
93
|
+
SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='warning'],
|
|
94
|
+
SRowGroup:has(SCell:hover) > SRow[theme='warning']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
95
95
|
background-color: var(--intergalactic-table-td-cell-warning-hover, #ffdca2);
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
/* DANGER THEME */
|
|
99
|
-
SRow:hover > SCellWrapper > SCell[theme='danger'],
|
|
100
|
-
SRow[theme='danger']:hover > SCellWrapper > SCell:not([theme]),
|
|
101
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow > SCellWrapper > SCell[theme='danger'],
|
|
102
|
-
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='danger'] > SCellWrapper > SCell:not([theme]),
|
|
103
|
-
SRowGroup:has(SCell:hover) > SRow > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='danger'],
|
|
104
|
-
SRowGroup:has(SCell:hover) > SRow[theme='danger'] > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
99
|
+
SRow:hover:not([isNonInteractive]) > SCellWrapper > SCell[theme='danger'],
|
|
100
|
+
SRow[theme='danger']:hover:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
101
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[theme='danger'],
|
|
102
|
+
SRowGroup:has(SCell[data-grouped-by='rowgroup']:hover) > SRow[theme='danger']:not([isNonInteractive]) > SCellWrapper > SCell:not([theme]),
|
|
103
|
+
SRowGroup:has(SCell:hover) > SRow:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup'][theme='danger'],
|
|
104
|
+
SRowGroup:has(SCell:hover) > SRow[theme='danger']:not([isNonInteractive]) > SCellWrapper > SCell[data-grouped-by='rowgroup']:not([theme]) {
|
|
105
105
|
background-color: var(--intergalactic-table-td-cell-critical-hover, #ffd7df);
|
|
106
106
|
}
|
|
107
107
|
}
|
|
@@ -33,35 +33,35 @@ var _MergedCells = require("../Body/MergedCells");
|
|
|
33
33
|
var _Head = require("../Head/Head");
|
|
34
34
|
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)); }
|
|
35
35
|
/*!__reshadow-styles__:"./dataTable.shadow.css"*/
|
|
36
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
36
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SDataTable_f7mr6_gg_{display:grid;align-items:start;min-width:-moz-fit-content;min-width:fit-content}.___SDataTable_f7mr6_gg_.__gridTemplateColumns_f7mr6_gg_{grid-template-columns:var(--gridTemplateColumns_f7mr6)}.___SDataTable_f7mr6_gg_.__gridTemplateAreas_f7mr6_gg_{grid-template-areas:var(--gridTemplateAreas_f7mr6)}.___SDataTable_f7mr6_gg_.__gridTemplateRows_f7mr6_gg_{grid-template-rows:var(--gridTemplateRows_f7mr6)}", /*__inner_css_end__*/"f7mr6_gg_"),
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
{
|
|
39
|
-
"__SDataTable": "
|
|
40
|
-
"_gridTemplateColumns": "
|
|
41
|
-
"--gridTemplateColumns": "--
|
|
42
|
-
"_gridTemplateAreas": "
|
|
43
|
-
"--gridTemplateAreas": "--
|
|
44
|
-
"_gridTemplateRows": "
|
|
45
|
-
"--gridTemplateRows": "--
|
|
39
|
+
"__SDataTable": "___SDataTable_f7mr6_gg_",
|
|
40
|
+
"_gridTemplateColumns": "__gridTemplateColumns_f7mr6_gg_",
|
|
41
|
+
"--gridTemplateColumns": "--gridTemplateColumns_f7mr6",
|
|
42
|
+
"_gridTemplateAreas": "__gridTemplateAreas_f7mr6_gg_",
|
|
43
|
+
"--gridTemplateAreas": "--gridTemplateAreas_f7mr6",
|
|
44
|
+
"_gridTemplateRows": "__gridTemplateRows_f7mr6_gg_",
|
|
45
|
+
"--gridTemplateRows": "--gridTemplateRows_f7mr6"
|
|
46
46
|
});
|
|
47
47
|
/*!__reshadow-styles__:"../../style/scroll-shadows.shadow.css"*/
|
|
48
|
-
var scrollStyles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
48
|
+
var scrollStyles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SScrollArea_1ks92_gg_{width:-moz-fit-content;width:fit-content}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_{overflow:visible;overflow:initial}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_both_1ks92_gg_{overflow:auto}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_both_1ks92_gg_.__loading_1ks92_gg_,.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_horizontal_1ks92_gg_.__loading_1ks92_gg_,.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_vertical_1ks92_gg_.__loading_1ks92_gg_{overflow:hidden}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_horizontal_1ks92_gg_{overflow-x:auto;overflow-y:initial}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_._scrollDirection_vertical_1ks92_gg_{overflow-x:initial;overflow-y:auto}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__headerHeight_1ks92_gg_{scroll-padding-top:var(--headerHeight_1ks92)}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__leftScrollPadding_1ks92_gg_{scroll-padding-left:var(--leftScrollPadding_1ks92)}.___SScrollArea_1ks92_gg_ .___SContainer_1ks92_gg_.__rightScrollPadding_1ks92_gg_{scroll-padding-right:var(--rightScrollPadding_1ks92)}.___SScrollArea_1ks92_gg_ .___SShadowVertical_1ks92_gg_:before{display:none}.___SScrollArea_1ks92_gg_ .___SShadowHorizontal_1ks92_gg_:after,.___SScrollArea_1ks92_gg_ .___SShadowHorizontal_1ks92_gg_:before,.___SScrollArea_1ks92_gg_ .___SShadowVertical_1ks92_gg_:after{z-index:2}", /*__inner_css_end__*/"1ks92_gg_"),
|
|
49
49
|
/*__reshadow_css_end__*/
|
|
50
50
|
{
|
|
51
|
-
"__SScrollArea": "
|
|
52
|
-
"__SContainer": "
|
|
53
|
-
"_scrollDirection_both": "
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"_headerHeight": "
|
|
58
|
-
"--headerHeight": "--
|
|
59
|
-
"_leftScrollPadding": "
|
|
60
|
-
"--leftScrollPadding": "--
|
|
61
|
-
"_rightScrollPadding": "
|
|
62
|
-
"--rightScrollPadding": "--
|
|
63
|
-
"__SShadowVertical": "
|
|
64
|
-
"__SShadowHorizontal": "
|
|
51
|
+
"__SScrollArea": "___SScrollArea_1ks92_gg_",
|
|
52
|
+
"__SContainer": "___SContainer_1ks92_gg_",
|
|
53
|
+
"_scrollDirection_both": "_scrollDirection_both_1ks92_gg_",
|
|
54
|
+
"_loading": "__loading_1ks92_gg_",
|
|
55
|
+
"_scrollDirection_horizontal": "_scrollDirection_horizontal_1ks92_gg_",
|
|
56
|
+
"_scrollDirection_vertical": "_scrollDirection_vertical_1ks92_gg_",
|
|
57
|
+
"_headerHeight": "__headerHeight_1ks92_gg_",
|
|
58
|
+
"--headerHeight": "--headerHeight_1ks92",
|
|
59
|
+
"_leftScrollPadding": "__leftScrollPadding_1ks92_gg_",
|
|
60
|
+
"--leftScrollPadding": "--leftScrollPadding_1ks92",
|
|
61
|
+
"_rightScrollPadding": "__rightScrollPadding_1ks92_gg_",
|
|
62
|
+
"--rightScrollPadding": "--rightScrollPadding_1ks92",
|
|
63
|
+
"__SShadowVertical": "___SShadowVertical_1ks92_gg_",
|
|
64
|
+
"__SShadowHorizontal": "___SShadowHorizontal_1ks92_gg_"
|
|
65
65
|
});
|
|
66
66
|
var ACCORDION = exports.ACCORDION = Symbol('accordion');
|
|
67
67
|
var ROW_GROUP = exports.ROW_GROUP = Symbol('ROW_GROUP');
|
|
@@ -104,19 +104,18 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
104
104
|
var _this$asProps = _this.asProps,
|
|
105
105
|
selectedRows = _this$asProps.selectedRows,
|
|
106
106
|
onSelectedRowsChange = _this$asProps.onSelectedRowsChange;
|
|
107
|
-
if (selectedRows
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
}
|
|
114
|
-
onSelectedRowsChange((0, _toConsumableArray2["default"])(newSelectedRows), event, {
|
|
115
|
-
selectedRowIndex: selectedRowIndex,
|
|
116
|
-
isSelected: isSelected,
|
|
117
|
-
row: row
|
|
118
|
-
});
|
|
107
|
+
if (!selectedRows || !onSelectedRowsChange) return;
|
|
108
|
+
var selectedRowsSet = new Set(selectedRows);
|
|
109
|
+
if (selectedRowsSet.has(row[UNIQ_ROW_KEY])) {
|
|
110
|
+
selectedRowsSet["delete"](row[UNIQ_ROW_KEY]);
|
|
111
|
+
} else {
|
|
112
|
+
selectedRowsSet.add(row[UNIQ_ROW_KEY]);
|
|
119
113
|
}
|
|
114
|
+
onSelectedRowsChange(Array.from(selectedRowsSet), event, {
|
|
115
|
+
selectedRowIndex: selectedRowIndex,
|
|
116
|
+
isSelected: isSelected,
|
|
117
|
+
row: row
|
|
118
|
+
});
|
|
120
119
|
});
|
|
121
120
|
(0, _defineProperty2["default"])(_this, "setSelectAllMessage", function (selectedAll) {
|
|
122
121
|
if (_this.selectAllMessageTimer) {
|
|
@@ -412,7 +411,8 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
412
411
|
var _this2 = this;
|
|
413
412
|
var _this$asProps2 = this.asProps,
|
|
414
413
|
headerProps = _this$asProps2.headerProps,
|
|
415
|
-
loading = _this$asProps2.loading
|
|
414
|
+
loading = _this$asProps2.loading,
|
|
415
|
+
selectedRows = _this$asProps2.selectedRows;
|
|
416
416
|
if (headerProps !== null && headerProps !== void 0 && headerProps.sticky && !headerProps.h || loading || this.columns.some(function (c) {
|
|
417
417
|
return c.fixed;
|
|
418
418
|
})) {
|
|
@@ -529,15 +529,18 @@ var DataTableRoot = /*#__PURE__*/function (_Component) {
|
|
|
529
529
|
sideIndents: sideIndents,
|
|
530
530
|
totalRows: this.totalRows,
|
|
531
531
|
selectedRows: selectedRows,
|
|
532
|
+
flatRows: this.flatRows,
|
|
532
533
|
onChangeSelectAll: function onChangeSelectAll(value, e) {
|
|
533
|
-
|
|
534
|
-
|
|
534
|
+
var mappedFlatRows = _this3.flatRows.map(function (r) {
|
|
535
|
+
return r[UNIQ_ROW_KEY];
|
|
536
|
+
});
|
|
537
|
+
var selectedRowsSet = new Set(selectedRows);
|
|
538
|
+
if (value) {
|
|
539
|
+
mappedFlatRows.forEach(selectedRowsSet.add, selectedRowsSet);
|
|
535
540
|
} else {
|
|
536
|
-
|
|
537
|
-
return row[UNIQ_ROW_KEY];
|
|
538
|
-
});
|
|
539
|
-
onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(_selectedRows, e);
|
|
541
|
+
mappedFlatRows.forEach(selectedRowsSet["delete"], selectedRowsSet);
|
|
540
542
|
}
|
|
543
|
+
onSelectedRowsChange === null || onSelectedRowsChange === void 0 || onSelectedRowsChange(Array.from(selectedRowsSet), e);
|
|
541
544
|
},
|
|
542
545
|
getFixedStyle: this.getFixedStyle,
|
|
543
546
|
onCellClick: this.handleCellClick
|