@semcore/data-table 16.5.3-prerelease.4 → 17.0.0-prerelease.17
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 +6 -0
- package/lib/cjs/components/AccordionRows/AccordionRows.js +144 -157
- package/lib/cjs/components/AccordionRows/AccordionRows.js.map +1 -1
- package/lib/cjs/components/Body/Body.js +373 -395
- package/lib/cjs/components/Body/Body.js.map +1 -1
- package/lib/cjs/components/Body/Cell.js +135 -151
- package/lib/cjs/components/Body/Cell.js.map +1 -1
- package/lib/cjs/components/Body/LimitOverlay.js +142 -158
- package/lib/cjs/components/Body/LimitOverlay.js.map +1 -1
- package/lib/cjs/components/Body/MergedCells.js +25 -23
- package/lib/cjs/components/Body/MergedCells.js.map +1 -1
- package/lib/cjs/components/Body/Row.js +498 -539
- package/lib/cjs/components/Body/Row.js.map +1 -1
- package/lib/cjs/components/DataTable/DataTable.js +867 -938
- package/lib/cjs/components/DataTable/DataTable.js.map +1 -1
- package/lib/cjs/components/Head/Column.js +208 -234
- package/lib/cjs/components/Head/Column.js.map +1 -1
- package/lib/cjs/components/Head/Group.js +79 -92
- package/lib/cjs/components/Head/Group.js.map +1 -1
- package/lib/cjs/components/Head/Head.js +229 -263
- package/lib/cjs/components/Head/Head.js.map +1 -1
- package/lib/cjs/enhancers/focusableCell.js +6 -14
- package/lib/cjs/enhancers/focusableCell.js.map +1 -1
- package/lib/cjs/index.js +7 -14
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/components/AccordionRows/AccordionRows.js +142 -156
- package/lib/es6/components/AccordionRows/AccordionRows.js.map +1 -1
- package/lib/es6/components/Body/Body.js +370 -392
- package/lib/es6/components/Body/Body.js.map +1 -1
- package/lib/es6/components/Body/Cell.js +131 -147
- package/lib/es6/components/Body/Cell.js.map +1 -1
- package/lib/es6/components/Body/LimitOverlay.js +138 -154
- package/lib/es6/components/Body/LimitOverlay.js.map +1 -1
- package/lib/es6/components/Body/MergedCells.js +22 -22
- package/lib/es6/components/Body/MergedCells.js.map +1 -1
- package/lib/es6/components/Body/Row.js +493 -535
- package/lib/es6/components/Body/Row.js.map +1 -1
- package/lib/es6/components/DataTable/DataTable.js +861 -932
- package/lib/es6/components/DataTable/DataTable.js.map +1 -1
- package/lib/es6/components/Head/Column.js +201 -228
- package/lib/es6/components/Head/Column.js.map +1 -1
- package/lib/es6/components/Head/Group.js +74 -88
- package/lib/es6/components/Head/Group.js.map +1 -1
- package/lib/es6/components/Head/Head.js +228 -262
- package/lib/es6/components/Head/Head.js.map +1 -1
- package/lib/es6/enhancers/focusableCell.js +6 -14
- package/lib/es6/enhancers/focusableCell.js.map +1 -1
- package/lib/es6/index.js +3 -9
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/components/AccordionRows/AccordionRows.mjs +143 -134
- package/lib/esm/components/Body/Body.mjs +377 -343
- package/lib/esm/components/Body/Cell.mjs +136 -135
- package/lib/esm/components/Body/LimitOverlay.mjs +141 -144
- package/lib/esm/components/Body/MergedCells.mjs +22 -22
- package/lib/esm/components/Body/Row.mjs +498 -458
- package/lib/esm/components/DataTable/DataTable.mjs +866 -842
- package/lib/esm/components/Head/Column.mjs +208 -201
- package/lib/esm/components/Head/Group.mjs +76 -84
- package/lib/esm/components/Head/Head.mjs +231 -216
- package/lib/esm/enhancers/focusableCell.mjs +7 -14
- package/lib/esm/index.mjs +2 -5
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/types/components/Body/Cell.d.ts +1 -3
- package/lib/types/components/Body/Row.d.ts +1 -1
- package/lib/types/components/Head/Column.d.ts +2 -2
- package/lib/types/components/Head/Group.d.ts +1 -1
- package/lib/types/index.d.ts +2 -6
- package/package.json +20 -22
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.js","names":["_core","require","_baseComponents","_getFocusableIn","_isFocusInside","_isInteractiveElement","React","_interopRequireWildcard","_MergedCells","_focusableCell","styles","sstyled","insert","CellRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","createRef","e","handleKeydownFocusCell","lockedCell","handleFocusCell","target","currentTarget","_e$currentTarget$pare","_this$cellRef$current","_this$cellRef$current2","_this$asProps","asProps","rowIndex","columnIndex","onClick","row","accordionRowIndex","rowElement","parentElement","ariaRowindex","Number","getAttribute","rowIndexValue","undefined","isNaN","focusableChildren","from","cellRef","current","children","flatMap","node","getFocusableIn","isInteractiveElement","colIndex","_inherits2","_createClass2","key","value","componentWillUnmount","_this$asProps2","virtualScroll","tableRef","isFocusInside","_tableRef$current","setAttribute","render","_ref","_ref2","SCellWrapper","Box","SCell","Flex","_this$asProps3","Children","style","column","gridRowIndex","shadowVertical","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","fromRow","fromCol","MergedRowsCell","rowsCount","columnsCount","createElement","cn","fixed","showShadowVertical","_objectSpread2","assignProps","handleFocusableCellKeyDown","handleFocusableCellFocus","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 { Root, sstyled, createComponent, Component } from '@semcore/core';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport * as React from 'react';\n\nimport type { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport styles from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass CellRoot<Data extends DataTableData, UniqKeyType> extends Component<DataTableCellProps<Data, UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Cell';\n static style = styles;\n\n cellRef = React.createRef<HTMLDivElement>();\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 handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n };\n\n handleClickCell = (e: React.SyntheticEvent<HTMLElement>) => {\n const { rowIndex, columnIndex, onClick, row, accordionRowIndex } = this.asProps;\n\n const rowElement = e.currentTarget.parentElement?.parentElement;\n const ariaRowindex = Number(rowElement?.getAttribute('aria-rowindex'));\n let rowIndexValue = accordionRowIndex === undefined ? rowIndex : rowIndex + 1 + accordionRowIndex;\n\n if (!isNaN(ariaRowindex)) {\n rowIndexValue = ariaRowindex - 2;\n }\n\n const focusableChildren = Array.from(this.cellRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.cellRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.cellRef.current;\n this.lockedCell[1] = true;\n }\n\n onClick?.(e, { rowIndex: rowIndexValue, colIndex: columnIndex, row });\n };\n\n render() {\n const SCellWrapper = Box;\n const SCell = Root;\n const {\n Children,\n styles,\n style,\n row,\n column,\n columnIndex,\n gridRowIndex,\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 if (cell.value instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.value.rowsCount} / ${fromCol + cell.columnsCount}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n scope = 'colgroup';\n }\n } else if (cell instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n }\n\n return sstyled(styles)(\n <SCellWrapper\n // @ts-ignore\n gridArea={gridArea}\n fixed={column.fixed}\n style={style}\n shadowVertical={column.showShadowVertical ? shadowVertical : undefined}\n >\n <SCell\n ref={this.cellRef}\n render={Flex}\n innerOutline\n tabIndex={-1}\n onKeyDown={this.handleFocusableCellKeyDown}\n onFocus={this.handleFocusableCellFocus}\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\n ? cell.rowsCount\n : cell instanceof MergedColumnsCell && cell.value instanceof MergedRowsCell\n ? cell.value.rowsCount\n : 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","_isInteractiveElement","React","_interopRequireWildcard","_MergedCells","_focusableCell","styles","sstyled","insert","CellRoot","Component","constructor","args","_defineProperty2","default","createRef","e","handleKeydownFocusCell","lockedCell","handleFocusCell","target","currentTarget","rowIndex","columnIndex","onClick","row","accordionRowIndex","asProps","rowElement","parentElement","ariaRowindex","Number","getAttribute","rowIndexValue","undefined","isNaN","focusableChildren","Array","from","cellRef","current","children","flatMap","node","getFocusableIn","isInteractiveElement","length","colIndex","componentWillUnmount","virtualScroll","tableRef","isFocusInside","setAttribute","render","_ref","_ref2","SCellWrapper","Box","SCell","Flex","Children","style","column","gridRowIndex","shadowVertical","cell","name","cellName","MergedColumnsCell","dataKey","scope","gridArea","fromRow","fromCol","value","MergedRowsCell","rowsCount","columnsCount","createElement","cn","fixed","showShadowVertical","assignProps","handleFocusableCellKeyDown","handleFocusableCellFocus","handleClickCell","toString","borders","flexWrap","alignItems","alignContent","justifyContent","textAlign","Cell","exports","createComponent"],"sources":["../../../../src/components/Body/Cell.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Root, sstyled, createComponent, Component } from '@semcore/core';\nimport { getFocusableIn } from '@semcore/core/lib/utils/focus-lock/getFocusableIn';\nimport { isFocusInside } from '@semcore/core/lib/utils/focus-lock/isFocusInside';\nimport { isInteractiveElement } from '@semcore/core/lib/utils/isInteractiveElement';\nimport * as React from 'react';\n\nimport type { DataTableCellProps } from './Cell.types';\nimport { MergedColumnsCell, MergedRowsCell } from './MergedCells';\nimport styles from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport type { DataTableData } from '../DataTable/DataTable.types';\n\nclass CellRoot<Data extends DataTableData, UniqKeyType> extends Component<DataTableCellProps<Data, UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n static displayName = 'Cell';\n static style = styles;\n\n cellRef = React.createRef<HTMLDivElement>();\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 handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n };\n\n handleClickCell = (e: React.SyntheticEvent<HTMLElement>) => {\n const { rowIndex, columnIndex, onClick, row, accordionRowIndex } = this.asProps;\n\n const rowElement = e.currentTarget.parentElement?.parentElement;\n const ariaRowindex = Number(rowElement?.getAttribute('aria-rowindex'));\n let rowIndexValue = accordionRowIndex === undefined ? rowIndex : rowIndex + 1 + accordionRowIndex;\n\n if (!isNaN(ariaRowindex)) {\n rowIndexValue = ariaRowindex - 2;\n }\n\n const focusableChildren = Array.from(this.cellRef.current?.children ?? []).flatMap((node) =>\n getFocusableIn(node as HTMLElement),\n );\n\n if (isInteractiveElement(e.target) && this.cellRef.current && focusableChildren.length > 1) {\n this.lockedCell[0] = this.cellRef.current;\n this.lockedCell[1] = true;\n }\n\n onClick?.(e, { rowIndex: rowIndexValue, colIndex: columnIndex, row });\n };\n\n render() {\n const SCellWrapper = Box;\n const SCell = Root;\n const {\n Children,\n styles,\n style,\n row,\n column,\n columnIndex,\n gridRowIndex,\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 if (cell.value instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.value.rowsCount} / ${fromCol + cell.columnsCount}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + cell.columnsCount}`;\n scope = 'colgroup';\n }\n } else if (cell instanceof MergedRowsCell) {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + cell.rowsCount} / ${fromCol + 1}`;\n scope = 'rowgroup';\n } else {\n gridArea = `${fromRow} / ${fromCol} / ${fromRow + 1} / ${fromCol + 1}`;\n }\n\n return sstyled(styles)(\n <SCellWrapper\n // @ts-ignore\n gridArea={gridArea}\n fixed={column.fixed}\n style={style}\n shadowVertical={column.showShadowVertical ? shadowVertical : undefined}\n >\n <SCell\n ref={this.cellRef}\n render={Flex}\n innerOutline\n tabIndex={-1}\n onKeyDown={this.handleFocusableCellKeyDown}\n onFocus={this.handleFocusableCellFocus}\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\n ? cell.rowsCount\n : cell instanceof MergedColumnsCell && cell.value instanceof MergedRowsCell\n ? cell.value.rowsCount\n : 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,15 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports.LimitOverlay = void 0;
|
|
9
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
10
|
var _core = require("@semcore/core");
|
|
15
11
|
var _baseComponents = require("@semcore/base-components");
|
|
@@ -18,75 +14,70 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
18
14
|
var _focusableCell = require("../../enhancers/focusableCell");
|
|
19
15
|
var _DataTable = require("../DataTable/DataTable");
|
|
20
16
|
/*!__reshadow-styles__:"./style.shadow.css"*/
|
|
21
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBody_17cjj_gg_,.___SRowGroup_17cjj_gg_,.___SRow_17cjj_gg_{display:contents}.___SAccordionRows_17cjj_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_17cjj);overflow:clip;transition-property:max-height;transition-duration:var(--duration_17cjj);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SCell_17cjj_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SCell_17cjj_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_17cjj) - 1)))}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SRow_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_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_17cjj) - 1)))}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SCollapseRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_[data-aria-level],.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_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_17cjj) - 1)))}.___SBody_17cjj_gg_.__compact_17cjj_gg_ .___SCell_17cjj_gg_ .___SAccordionToggle_17cjj_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_17cjj_gg_.__gridArea_17cjj_gg_,.___SCollapseRow_17cjj_gg_.__gridArea_17cjj_gg_,.___SRow_17cjj_gg_.__gridArea_17cjj_gg_{grid-area:var(--gridArea_17cjj)}.___SCellWrapper_17cjj_gg_{height:100%;overflow:hidden}.___SCollapseRow_17cjj_gg_.__gridArea_17cjj_gg_>.___SCellWrapper_17cjj_gg_,.___SRow_17cjj_gg_.__isAccordionRow_17cjj_gg_>.___SCellWrapper_17cjj_gg_{height:auto;overflow:auto}.___SAccordionRows_17cjj_gg_>.___SRow_17cjj_gg_.__isAccordionRow_17cjj_gg_:last-child>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__withoutBorder_17cjj_gg_),.___SCollapseRow_17cjj_gg_.__gridArea_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__withoutBorder_17cjj_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_{display:block}.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_).__expanded_17cjj_gg_.__withAccordion_17cjj_gg_,.___SRow_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._accordionType_row_17cjj_gg_.__expanded_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_17cjj_gg_._theme_muted_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_17cjj_gg_._theme_info_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SCell_17cjj_gg_._theme_success_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SCell_17cjj_gg_._theme_warning_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SCell_17cjj_gg_._theme_danger_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}.___SCollapseRow_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_.__isAccordionRow_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:not(._accordionType_row_17cjj_gg_.__expanded_17cjj_gg_):hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_muted_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_muted_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_muted_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_muted_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_muted_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_muted_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_info_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_info_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_info_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_info_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_info_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_info_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_success_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_success_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_success_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_success_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_success_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_success_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_warning_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_warning_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_warning_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_warning_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_warning_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_warning_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_._theme_danger_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_[data-grouped-by=rowgroup]._theme_danger_17cjj_gg_:not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_._theme_danger_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not([aria-hidden]),.___SRowGroup_17cjj_gg_:has(.___SCell_17cjj_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_17cjj_gg_:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden])>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_danger_17cjj_gg_:not([aria-hidden]),.___SRow_17cjj_gg_._theme_danger_17cjj_gg_:hover:not(.__expanded_17cjj_gg_.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_):not([aria-hidden]),.___SRow_17cjj_gg_:hover:not(.__isNonInteractive_17cjj_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_17cjj_gg_:hover))>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_._theme_danger_17cjj_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_17cjj_gg_._theme_muted_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_17cjj_gg_._theme_muted_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_muted_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_17cjj_gg_._theme_info_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_17cjj_gg_._theme_info_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_info_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_17cjj_gg_._theme_success_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_17cjj_gg_._theme_success_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_success_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_17cjj_gg_._theme_warning_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_17cjj_gg_._theme_warning_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_warning_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_17cjj_gg_._theme_danger_17cjj_gg_ .___SCell_17cjj_gg_:not(.__theme_17cjj_gg_):not(.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_17cjj_gg_._theme_danger_17cjj_gg_ .___SCell_17cjj_gg_.__expanded_17cjj_gg_.__withAccordion_17cjj_gg_:not(.__theme_17cjj_gg_),.___SRow_17cjj_gg_._theme_danger_17cjj_gg_.__active_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_:not(.__theme_17cjj_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_17cjj_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_17cjj_gg_ .___SAccordionToggle_17cjj_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_17cjj_gg_ .___SAccordionToggle_17cjj_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_17cjj_gg_ .___SAccordionToggle_17cjj_gg_.__expanded_17cjj_gg_ svg{transform:rotate(90deg)}.___SCell_17cjj_gg_.__withoutBorder_17cjj_gg_{border-bottom:none}.___SCell_17cjj_gg_.__withAccordion_17cjj_gg_,.___SCell_17cjj_gg_._name_Symbol\\(SELECT_ALL\\)_17cjj_gg_,.___SRow_17cjj_gg_._accordionType_row_17cjj_gg_>.___SCellWrapper_17cjj_gg_>.___SCell_17cjj_gg_{cursor:pointer}.___SCheckboxCell_17cjj_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCell_17cjj_gg_._use_primary_17cjj_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_17cjj_gg_._use_primary_17cjj_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_17cjj) - 1)))}.___SCell_17cjj_gg_._use_secondary_17cjj_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_17cjj_gg_._use_secondary_17cjj_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_17cjj) - 1)))}.___SCell_17cjj_gg_._borders_both_17cjj_gg_,.___SCell_17cjj_gg_._borders_left_17cjj_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_17cjj_gg_._borders_both_17cjj_gg_,.___SCell_17cjj_gg_._borders_right_17cjj_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_17cjj_gg_.__fixed_17cjj_gg_{position:sticky;z-index:2}.___SCell_17cjj_gg_._theme_muted_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_17cjj_gg_._theme_info_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_17cjj_gg_._theme_success_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_17cjj_gg_._theme_warning_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_17cjj_gg_._theme_danger_17cjj_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_17cjj_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_17cjj_gg_:focus-visible{z-index:15}.___SSpinContainer_17cjj_gg_.__headerHeight_17cjj_gg_{top:var(--headerHeight_17cjj)}.___SEmptyData_17cjj_gg_{grid-column:1/-1}.___SCollapseRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_,.___SRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_gg_[data-aria-level],.___SRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:first-child .___SCell_17cjj_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_17cjj) - 1)))}.___SCollapseRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:last-child .___SCell_17cjj_gg_,.___SRow_17cjj_gg_._sideIndents_wide_17cjj_gg_ .___SCellWrapper_17cjj_gg_:last-child .___SCell_17cjj_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_17cjj_gg_.__fixed_17cjj_gg_.__shadowVertical_17cjj_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_median_17cjj_gg_,.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_start_17cjj_gg_{margin-right:-5px}.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_median_17cjj_gg_:after,.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_start_17cjj_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_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_median_17cjj_gg_ .___SCell_17cjj_gg_,.___SCellWrapper_17cjj_gg_._fixed_left_17cjj_gg_._shadowVertical_start_17cjj_gg_ .___SCell_17cjj_gg_{margin-right:5px}.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_end_17cjj_gg_,.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_median_17cjj_gg_{margin-left:-5px}.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_end_17cjj_gg_:after,.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_median_17cjj_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_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_end_17cjj_gg_ .___SCell_17cjj_gg_,.___SCellWrapper_17cjj_gg_._fixed_right_17cjj_gg_._shadowVertical_median_17cjj_gg_ .___SCell_17cjj_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_17cjj_gg_.__gridArea_17cjj_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_17cjj);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_17cjj_gg_.__left_17cjj_gg_{position:sticky;left:var(---left_17cjj)}.___SCell_17cjj_gg_.__innerOutline_17cjj_gg_:focus-visible{transition:none}", /*__inner_css_end__*/"17cjj_gg_"),
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBody_16wu2_gg_,.___SRowGroup_16wu2_gg_,.___SRow_16wu2_gg_{display:contents}.___SAccordionRows_16wu2_gg_{display:grid;grid-column:1/-1;grid-row:var(--gridRow_16wu2);overflow:clip;transition-property:max-height;transition-duration:var(--duration_16wu2);transition-timing-function:linear;grid-template-columns:subgrid}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SCell_16wu2_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SCell_16wu2_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_16wu2) - 1)))}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SRow_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_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_16wu2) - 1)))}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SCollapseRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_[data-aria-level],.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_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_16wu2) - 1)))}.___SBody_16wu2_gg_.__compact_16wu2_gg_ .___SCell_16wu2_gg_ .___SAccordionToggle_16wu2_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCellWrapper_16wu2_gg_.__gridArea_16wu2_gg_,.___SCollapseRow_16wu2_gg_.__gridArea_16wu2_gg_,.___SRow_16wu2_gg_.__gridArea_16wu2_gg_{grid-area:var(--gridArea_16wu2)}.___SCellWrapper_16wu2_gg_{height:100%;overflow:hidden}.___SCollapseRow_16wu2_gg_.__gridArea_16wu2_gg_>.___SCellWrapper_16wu2_gg_,.___SRow_16wu2_gg_.__isAccordionRow_16wu2_gg_>.___SCellWrapper_16wu2_gg_{height:auto;overflow:auto}.___SAccordionRows_16wu2_gg_>.___SRow_16wu2_gg_.__isAccordionRow_16wu2_gg_:last-child>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__withoutBorder_16wu2_gg_),.___SCollapseRow_16wu2_gg_.__gridArea_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__withoutBorder_16wu2_gg_){border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6)}.___SCollapseRow_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_{display:block}.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_).__expanded_16wu2_gg_.__withAccordion_16wu2_gg_,.___SRow_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._accordionType_row_16wu2_gg_.__expanded_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_16wu2_gg_._theme_muted_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SCell_16wu2_gg_._theme_info_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SCell_16wu2_gg_._theme_success_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SCell_16wu2_gg_._theme_warning_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SCell_16wu2_gg_._theme_danger_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}.___SCollapseRow_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_.__isAccordionRow_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-accordion, #f4f5f9)}@media (hover:hover){.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:not(._accordionType_row_16wu2_gg_.__expanded_16wu2_gg_):hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_muted_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_muted_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_muted_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_muted_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_muted_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_muted_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_info_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_info_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_info_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_info_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_info_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_info_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_success_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_success_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_success_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_success_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_success_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_success_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_warning_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_warning_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_warning_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_warning_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_warning_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_warning_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_._theme_danger_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_[data-grouped-by=rowgroup]._theme_danger_16wu2_gg_:not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_._theme_danger_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not([aria-hidden]),.___SRowGroup_16wu2_gg_:has(.___SCell_16wu2_gg_[data-grouped-by=rowgroup]:hover)>.___SRow_16wu2_gg_:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden])>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_danger_16wu2_gg_:not([aria-hidden]),.___SRow_16wu2_gg_._theme_danger_16wu2_gg_:hover:not(.__expanded_16wu2_gg_.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_):not([aria-hidden]),.___SRow_16wu2_gg_:hover:not(.__isNonInteractive_16wu2_gg_):not([aria-hidden]):not(:has(.___SLimitOverlayCellWrapper_16wu2_gg_:hover))>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_._theme_danger_16wu2_gg_:not([aria-hidden]){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_16wu2_gg_._theme_muted_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SRow_16wu2_gg_._theme_muted_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_muted_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-active, #e6e7ed)}.___SRow_16wu2_gg_._theme_info_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_16wu2_gg_._theme_info_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_info_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-selected-active, #c4e5fe)}.___SRow_16wu2_gg_._theme_success_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_16wu2_gg_._theme_success_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_success_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-new-active, #9ef2c9)}.___SRow_16wu2_gg_._theme_warning_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_16wu2_gg_._theme_warning_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_warning_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-warning-active, #ffdca2)}.___SRow_16wu2_gg_._theme_danger_16wu2_gg_ .___SCell_16wu2_gg_:not(.__theme_16wu2_gg_):not(.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_16wu2_gg_._theme_danger_16wu2_gg_ .___SCell_16wu2_gg_.__expanded_16wu2_gg_.__withAccordion_16wu2_gg_:not(.__theme_16wu2_gg_),.___SRow_16wu2_gg_._theme_danger_16wu2_gg_.__active_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_:not(.__theme_16wu2_gg_){background-color:var(--intergalactic-table-td-cell-critical-active, #ffd7df)}.___SCell_16wu2_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_16wu2_gg_ .___SAccordionToggle_16wu2_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_16wu2_gg_ .___SAccordionToggle_16wu2_gg_ svg{transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SCell_16wu2_gg_ .___SAccordionToggle_16wu2_gg_.__expanded_16wu2_gg_ svg{transform:rotate(90deg)}.___SCell_16wu2_gg_.__withoutBorder_16wu2_gg_{border-bottom:none}.___SCell_16wu2_gg_.__withAccordion_16wu2_gg_,.___SCell_16wu2_gg_._name_Symbol\\(SELECT_ALL\\)_16wu2_gg_,.___SRow_16wu2_gg_._accordionType_row_16wu2_gg_>.___SCellWrapper_16wu2_gg_>.___SCell_16wu2_gg_{cursor:pointer}.___SCheckboxCell_16wu2_gg_[aria-hidden]{filter:blur(3px);pointer-events:none}.___SCell_16wu2_gg_._use_primary_16wu2_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_16wu2_gg_._use_primary_16wu2_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_16wu2) - 1)))}.___SCell_16wu2_gg_._use_secondary_16wu2_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_16wu2_gg_._use_secondary_16wu2_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_16wu2) - 1)))}.___SCell_16wu2_gg_._borders_both_16wu2_gg_,.___SCell_16wu2_gg_._borders_left_16wu2_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_16wu2_gg_._borders_both_16wu2_gg_,.___SCell_16wu2_gg_._borders_right_16wu2_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCellWrapper_16wu2_gg_.__fixed_16wu2_gg_{position:sticky;z-index:2}.___SCell_16wu2_gg_._theme_muted_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_16wu2_gg_._theme_info_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_16wu2_gg_._theme_success_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_16wu2_gg_._theme_warning_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_16wu2_gg_._theme_danger_16wu2_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SSpinContainer_16wu2_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_16wu2_gg_:focus-visible{z-index:15}.___SSpinContainer_16wu2_gg_.__headerHeight_16wu2_gg_{top:var(--headerHeight_16wu2)}.___SEmptyData_16wu2_gg_{grid-column:1/-1}.___SCollapseRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_,.___SRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_{padding-left:var(--intergalactic-spacing-5x, 20px)}.___SCollapseRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_gg_[data-aria-level],.___SRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:first-child .___SCell_16wu2_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_16wu2) - 1)))}.___SCollapseRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:last-child .___SCell_16wu2_gg_,.___SRow_16wu2_gg_._sideIndents_wide_16wu2_gg_ .___SCellWrapper_16wu2_gg_:last-child .___SCell_16wu2_gg_{padding-right:var(--intergalactic-spacing-5x, 20px)}.___SCellWrapper_16wu2_gg_.__fixed_16wu2_gg_.__shadowVertical_16wu2_gg_:after{content:\"\";position:absolute;pointer-events:none;display:none;top:0;width:5px;height:100%;z-index:5}.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_median_16wu2_gg_,.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_start_16wu2_gg_{margin-right:-5px}.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_median_16wu2_gg_:after,.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_start_16wu2_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_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_median_16wu2_gg_ .___SCell_16wu2_gg_,.___SCellWrapper_16wu2_gg_._fixed_left_16wu2_gg_._shadowVertical_start_16wu2_gg_ .___SCell_16wu2_gg_{margin-right:5px}.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_end_16wu2_gg_,.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_median_16wu2_gg_{margin-left:-5px}.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_end_16wu2_gg_:after,.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_median_16wu2_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_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_end_16wu2_gg_ .___SCell_16wu2_gg_,.___SCellWrapper_16wu2_gg_._fixed_right_16wu2_gg_._shadowVertical_median_16wu2_gg_ .___SCell_16wu2_gg_{margin-left:5px}.___SLimitOverlayCellWrapper_16wu2_gg_.__gridArea_16wu2_gg_{width:100%;height:100%;align-items:center;justify-content:center;z-index:16;grid-area:var(--gridArea_16wu2);backdrop-filter:blur(6px)}.___SLimitOverlayCellWrapper_16wu2_gg_.__left_16wu2_gg_{position:sticky;left:var(---left_16wu2)}.___SCell_16wu2_gg_.__innerOutline_16wu2_gg_:focus-visible{transition:none}", /*__inner_css_end__*/"16wu2_gg_"),
|
|
22
18
|
/*__reshadow_css_end__*/
|
|
23
19
|
{
|
|
24
|
-
"__SBody": "
|
|
25
|
-
"__SRow": "
|
|
26
|
-
"__SRowGroup": "
|
|
27
|
-
"__SAccordionRows": "
|
|
28
|
-
"--gridRow": "--
|
|
29
|
-
"--duration": "--
|
|
30
|
-
"_gridArea": "
|
|
31
|
-
"__SCellWrapper": "
|
|
32
|
-
"__SCollapseRow": "
|
|
33
|
-
"--gridArea": "--
|
|
34
|
-
"_isAccordionRow": "
|
|
35
|
-
"__SCell": "
|
|
36
|
-
"_withoutBorder": "
|
|
37
|
-
"_active": "
|
|
38
|
-
"_theme": "
|
|
39
|
-
"_accordionType_row": "
|
|
40
|
-
"_expanded": "
|
|
41
|
-
"_withAccordion": "
|
|
42
|
-
"_theme_muted": "
|
|
43
|
-
"_theme_info": "
|
|
44
|
-
"_theme_success": "
|
|
45
|
-
"_theme_warning": "
|
|
46
|
-
"_theme_danger": "
|
|
47
|
-
"_isNonInteractive": "
|
|
48
|
-
"__SLimitOverlayCellWrapper": "
|
|
49
|
-
"_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)
|
|
50
|
-
"__SCheckboxCell": "
|
|
51
|
-
"_borders_both": "
|
|
52
|
-
"_borders_left": "
|
|
53
|
-
"_borders_right": "
|
|
54
|
-
"_fixed": "
|
|
55
|
-
"__SSpinContainer": "
|
|
56
|
-
"_headerHeight": "
|
|
57
|
-
"--headerHeight": "--
|
|
58
|
-
"__SEmptyData": "
|
|
59
|
-
"_left": "
|
|
60
|
-
"---left": "---
|
|
61
|
-
"_innerOutline": "
|
|
62
|
-
"_compact": "
|
|
63
|
-
"--data-aria-level": "--data-aria-
|
|
64
|
-
"_sideIndents_wide": "
|
|
65
|
-
"__SAccordionToggle": "
|
|
66
|
-
"_use_primary": "
|
|
67
|
-
"_use_secondary": "
|
|
68
|
-
"_shadowVertical": "
|
|
69
|
-
"_fixed_left": "
|
|
70
|
-
"_shadowVertical_median": "
|
|
71
|
-
"_shadowVertical_start": "
|
|
72
|
-
"_fixed_right": "
|
|
73
|
-
"_shadowVertical_end": "
|
|
20
|
+
"__SBody": "___SBody_16wu2_gg_",
|
|
21
|
+
"__SRow": "___SRow_16wu2_gg_",
|
|
22
|
+
"__SRowGroup": "___SRowGroup_16wu2_gg_",
|
|
23
|
+
"__SAccordionRows": "___SAccordionRows_16wu2_gg_",
|
|
24
|
+
"--gridRow": "--gridRow_16wu2",
|
|
25
|
+
"--duration": "--duration_16wu2",
|
|
26
|
+
"_gridArea": "__gridArea_16wu2_gg_",
|
|
27
|
+
"__SCellWrapper": "___SCellWrapper_16wu2_gg_",
|
|
28
|
+
"__SCollapseRow": "___SCollapseRow_16wu2_gg_",
|
|
29
|
+
"--gridArea": "--gridArea_16wu2",
|
|
30
|
+
"_isAccordionRow": "__isAccordionRow_16wu2_gg_",
|
|
31
|
+
"__SCell": "___SCell_16wu2_gg_",
|
|
32
|
+
"_withoutBorder": "__withoutBorder_16wu2_gg_",
|
|
33
|
+
"_active": "__active_16wu2_gg_",
|
|
34
|
+
"_theme": "__theme_16wu2_gg_",
|
|
35
|
+
"_accordionType_row": "_accordionType_row_16wu2_gg_",
|
|
36
|
+
"_expanded": "__expanded_16wu2_gg_",
|
|
37
|
+
"_withAccordion": "__withAccordion_16wu2_gg_",
|
|
38
|
+
"_theme_muted": "_theme_muted_16wu2_gg_",
|
|
39
|
+
"_theme_info": "_theme_info_16wu2_gg_",
|
|
40
|
+
"_theme_success": "_theme_success_16wu2_gg_",
|
|
41
|
+
"_theme_warning": "_theme_warning_16wu2_gg_",
|
|
42
|
+
"_theme_danger": "_theme_danger_16wu2_gg_",
|
|
43
|
+
"_isNonInteractive": "__isNonInteractive_16wu2_gg_",
|
|
44
|
+
"__SLimitOverlayCellWrapper": "___SLimitOverlayCellWrapper_16wu2_gg_",
|
|
45
|
+
"_name_Symbol(SELECT_ALL)": "_name_Symbol(SELECT_ALL)_16wu2_gg_",
|
|
46
|
+
"__SCheckboxCell": "___SCheckboxCell_16wu2_gg_",
|
|
47
|
+
"_borders_both": "_borders_both_16wu2_gg_",
|
|
48
|
+
"_borders_left": "_borders_left_16wu2_gg_",
|
|
49
|
+
"_borders_right": "_borders_right_16wu2_gg_",
|
|
50
|
+
"_fixed": "__fixed_16wu2_gg_",
|
|
51
|
+
"__SSpinContainer": "___SSpinContainer_16wu2_gg_",
|
|
52
|
+
"_headerHeight": "__headerHeight_16wu2_gg_",
|
|
53
|
+
"--headerHeight": "--headerHeight_16wu2",
|
|
54
|
+
"__SEmptyData": "___SEmptyData_16wu2_gg_",
|
|
55
|
+
"_left": "__left_16wu2_gg_",
|
|
56
|
+
"---left": "---left_16wu2",
|
|
57
|
+
"_innerOutline": "__innerOutline_16wu2_gg_",
|
|
58
|
+
"_compact": "__compact_16wu2_gg_",
|
|
59
|
+
"--data-aria-level": "--data-aria-level_16wu2",
|
|
60
|
+
"_sideIndents_wide": "_sideIndents_wide_16wu2_gg_",
|
|
61
|
+
"__SAccordionToggle": "___SAccordionToggle_16wu2_gg_",
|
|
62
|
+
"_use_primary": "_use_primary_16wu2_gg_",
|
|
63
|
+
"_use_secondary": "_use_secondary_16wu2_gg_",
|
|
64
|
+
"_shadowVertical": "__shadowVertical_16wu2_gg_",
|
|
65
|
+
"_fixed_left": "_fixed_left_16wu2_gg_",
|
|
66
|
+
"_shadowVertical_median": "_shadowVertical_median_16wu2_gg_",
|
|
67
|
+
"_shadowVertical_start": "_shadowVertical_start_16wu2_gg_",
|
|
68
|
+
"_fixed_right": "_fixed_right_16wu2_gg_",
|
|
69
|
+
"_shadowVertical_end": "_shadowVertical_end_16wu2_gg_"
|
|
74
70
|
});
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
(0,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
_this = (0, _callSuper2["default"])(this, LimitOverlayRoot, [].concat(args));
|
|
83
|
-
(0, _defineProperty2["default"])(_this, "lockedCell", [null, false]);
|
|
84
|
-
(0, _defineProperty2["default"])(_this, "limitWrapperRef", /*#__PURE__*/React.createRef());
|
|
85
|
-
(0, _defineProperty2["default"])(_this, "handleFocusableCellKeyDown", function (e) {
|
|
86
|
-
(0, _focusableCell.handleKeydownFocusCell)(_this.lockedCell, e);
|
|
71
|
+
class LimitOverlayRoot extends _core.Component {
|
|
72
|
+
constructor(...args) {
|
|
73
|
+
super(...args);
|
|
74
|
+
(0, _defineProperty2.default)(this, "lockedCell", [null, false]);
|
|
75
|
+
(0, _defineProperty2.default)(this, "limitWrapperRef", /*#__PURE__*/React.createRef());
|
|
76
|
+
(0, _defineProperty2.default)(this, "handleFocusableCellKeyDown", e => {
|
|
77
|
+
(0, _focusableCell.handleKeydownFocusCell)(this.lockedCell, e);
|
|
87
78
|
});
|
|
88
|
-
(0, _defineProperty2
|
|
89
|
-
|
|
79
|
+
(0, _defineProperty2.default)(this, "handleFocusableCellFocus", e => {
|
|
80
|
+
const tableElement = this.asProps.tableRef.current;
|
|
90
81
|
if (tableElement && !(0, _hasParent.hasParent)(e.relatedTarget, tableElement)) {
|
|
91
82
|
if (e.target instanceof HTMLElement) {
|
|
92
83
|
e.target.dataset.skipTargetFocus = 'true';
|
|
@@ -95,98 +86,91 @@ var LimitOverlayRoot = /*#__PURE__*/function (_Component) {
|
|
|
95
86
|
if (e.target instanceof HTMLElement) {
|
|
96
87
|
e.target.dataset.skipTargetFocus = undefined;
|
|
97
88
|
}
|
|
98
|
-
(0, _focusableCell.handleFocusCell)(
|
|
89
|
+
(0, _focusableCell.handleFocusCell)(this.lockedCell, e.target, e.currentTarget);
|
|
99
90
|
}
|
|
100
91
|
});
|
|
101
|
-
return _this;
|
|
102
92
|
}
|
|
103
|
-
(
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
}
|
|
123
|
-
var columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;
|
|
124
|
-
var columnEnd = columns.length + 1;
|
|
125
|
-
return "".concat(rowStart, " / ").concat(columnStart, " / ").concat(rowEnd, " / ").concat(columnEnd);
|
|
93
|
+
get limitOverlayGridArea() {
|
|
94
|
+
const {
|
|
95
|
+
columns,
|
|
96
|
+
hasGroups,
|
|
97
|
+
flatRows,
|
|
98
|
+
limit
|
|
99
|
+
} = this.asProps;
|
|
100
|
+
const {
|
|
101
|
+
fromRow,
|
|
102
|
+
fromColumn
|
|
103
|
+
} = limit;
|
|
104
|
+
const rowOffset = hasGroups ? 3 : 2;
|
|
105
|
+
const rowStart = fromRow !== undefined ? rowOffset + flatRows[fromRow][_DataTable.GRID_ROW_INDEX] : rowOffset;
|
|
106
|
+
let rowEnd = rowOffset;
|
|
107
|
+
const lastRow = flatRows[flatRows.length - 1];
|
|
108
|
+
if (lastRow[_DataTable.ACCORDION]) {
|
|
109
|
+
rowEnd = rowEnd + lastRow[_DataTable.GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[_DataTable.ACCORDION]) ? lastRow[_DataTable.ACCORDION].length : 1);
|
|
110
|
+
} else {
|
|
111
|
+
rowEnd = rowEnd + lastRow[_DataTable.GRID_ROW_INDEX] + 1;
|
|
126
112
|
}
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
left: left,
|
|
142
|
-
width: width
|
|
143
|
-
};
|
|
144
|
-
}
|
|
113
|
+
const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;
|
|
114
|
+
const columnEnd = columns.length + 1;
|
|
115
|
+
return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;
|
|
116
|
+
}
|
|
117
|
+
get sizes() {
|
|
118
|
+
const {
|
|
119
|
+
scrollAreaRef,
|
|
120
|
+
columns
|
|
121
|
+
} = this.asProps;
|
|
122
|
+
if (columns.some(c => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {
|
|
123
|
+
const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();
|
|
124
|
+
const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();
|
|
125
|
+
const left = limitWrapperRect.x - scrollAreaRect.x;
|
|
126
|
+
const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;
|
|
145
127
|
return {
|
|
146
|
-
left
|
|
147
|
-
width
|
|
128
|
+
left,
|
|
129
|
+
width
|
|
148
130
|
};
|
|
149
131
|
}
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
}(
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
132
|
+
return {
|
|
133
|
+
left: 0,
|
|
134
|
+
width: 0
|
|
135
|
+
};
|
|
136
|
+
}
|
|
137
|
+
render() {
|
|
138
|
+
var _ref;
|
|
139
|
+
const SLimitOverlayCellWrapper = _baseComponents.Flex;
|
|
140
|
+
const {
|
|
141
|
+
columns,
|
|
142
|
+
rows,
|
|
143
|
+
styles,
|
|
144
|
+
limit
|
|
145
|
+
} = this.asProps;
|
|
146
|
+
const rowsLimit = limit.fromRow;
|
|
147
|
+
const columnsLimit = limit.fromColumn;
|
|
148
|
+
const renderOverlay = limit.renderOverlay;
|
|
149
|
+
const colIndex = columnsLimit ? columnsLimit + 1 : 1;
|
|
150
|
+
const colSpan = columns.length - (columnsLimit ?? 0);
|
|
151
|
+
const rowsSpan = rows.length - (rowsLimit ?? 0);
|
|
152
|
+
const {
|
|
153
|
+
width,
|
|
154
|
+
left
|
|
155
|
+
} = this.sizes;
|
|
156
|
+
return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/React.createElement(SLimitOverlayCellWrapper, _ref.cn("SLimitOverlayCellWrapper", {
|
|
157
|
+
"ref": this.limitWrapperRef,
|
|
158
|
+
"gridArea": this.limitOverlayGridArea,
|
|
159
|
+
"w": width ? width : undefined,
|
|
160
|
+
"left": left ? left : undefined,
|
|
161
|
+
"onClick": e => e.stopPropagation()
|
|
162
|
+
}), /*#__PURE__*/React.createElement(_baseComponents.Box, _ref.cn("Box", {
|
|
163
|
+
"role": 'gridcell',
|
|
164
|
+
"aria-colindex": colIndex,
|
|
165
|
+
"aria-colspan": colSpan,
|
|
166
|
+
"aria-rowspan": rowsSpan,
|
|
167
|
+
"tabIndex": -1,
|
|
168
|
+
"onFocus": this.handleFocusableCellFocus,
|
|
169
|
+
"onKeyDown": this.handleFocusableCellKeyDown
|
|
170
|
+
}), renderOverlay?.()));
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
(0, _defineProperty2.default)(LimitOverlayRoot, "displayName", 'LimitOverlay');
|
|
174
|
+
(0, _defineProperty2.default)(LimitOverlayRoot, "style", style);
|
|
175
|
+
const LimitOverlay = exports.LimitOverlay = (0, _core.createComponent)(LimitOverlayRoot);
|
|
192
176
|
//# sourceMappingURL=LimitOverlay.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LimitOverlay.js","names":["_core","require","_baseComponents","_hasParent","React","_interopRequireWildcard","_focusableCell","_DataTable","style","sstyled","insert","LimitOverlayRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","createRef","e","handleKeydownFocusCell","lockedCell","tableElement","asProps","tableRef","current","hasParent","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","handleFocusCell","currentTarget","_inherits2","_createClass2","key","get","_this$asProps","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","GRID_ROW_INDEX","rowEnd","lastRow","ACCORDION","isArray","columnStart","columnEnd","_this$asProps2","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","value","render","_ref","SLimitOverlayCellWrapper","Flex","_this$asProps3","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","_this$sizes","sizes","createElement","cn","limitOverlayGridArea","onClick","stopPropagation","Box","handleFocusableCellFocus","handleFocusableCellKeyDown","Component","LimitOverlay","exports","createComponent"],"sources":["../../../../src/components/Body/LimitOverlay.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Component, createComponent, type Intergalactic, sstyled } from '@semcore/core';\nimport { hasParent } from '@semcore/core/lib/utils/hasParent';\nimport * as React from 'react';\n\nimport type { DTRow, DTRows } from './Row.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport { ACCORDION, GRID_ROW_INDEX } from '../DataTable/DataTable';\nimport type { DataTableProps } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype LimitOverlayProps<UniqKeyType> = {\n columns: DTColumn[];\n rows: DTRows<UniqKeyType>;\n limit: Exclude<DataTableProps<any, any, any>['limit'], undefined>;\n flatRows: DTRow<UniqKeyType>[];\n hasGroups: boolean;\n tableRef: React.RefObject<HTMLDivElement>;\n scrollAreaRef: React.RefObject<HTMLDivElement>;\n};\n\nclass LimitOverlayRoot<UniqKeyType> extends Component<LimitOverlayProps<UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n limitWrapperRef = React.createRef<HTMLDivElement>();\n\n static displayName = 'LimitOverlay';\n static style = style;\n\n get limitOverlayGridArea() {\n const {\n columns,\n hasGroups,\n flatRows,\n limit,\n } = this.asProps;\n\n const { fromRow, fromColumn } = limit;\n\n const rowOffset = hasGroups ? 3 : 2;\n\n const rowStart = fromRow !== undefined\n ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX]\n : rowOffset;\n let rowEnd = rowOffset;\n\n const lastRow = flatRows[flatRows.length - 1];\n if (lastRow[ACCORDION]) {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);\n } else {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;\n }\n\n const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;\n const columnEnd = columns.length + 1;\n\n return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;\n }\n\n get sizes() {\n const { scrollAreaRef, columns } = this.asProps;\n\n if (columns.some((c) => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {\n const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();\n const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();\n\n const left = limitWrapperRect.x - scrollAreaRect.x;\n const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;\n\n return {\n left,\n width,\n };\n }\n\n return {\n left: 0,\n width: 0,\n };\n }\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n const tableElement = this.asProps.tableRef.current;\n if (tableElement && !hasParent(e.relatedTarget, tableElement)) {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = 'true';\n }\n } else {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = undefined;\n }\n\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n }\n };\n\n render() {\n const SLimitOverlayCellWrapper = Flex;\n const { columns, rows, styles, limit } = this.asProps;\n\n const rowsLimit = limit.fromRow;\n const columnsLimit = limit.fromColumn;\n const renderOverlay = limit.renderOverlay;\n\n const colIndex = columnsLimit ? columnsLimit + 1 : 1;\n const colSpan = columns.length - (columnsLimit ?? 0);\n const rowsSpan = rows.length - (rowsLimit ?? 0);\n const { width, left } = this.sizes;\n\n return sstyled(styles)(\n <SLimitOverlayCellWrapper\n ref={this.limitWrapperRef}\n // @ts-ignore\n gridArea={this.limitOverlayGridArea}\n w={width ? width : undefined}\n left={left ? left : undefined}\n onClick={(e) => e.stopPropagation()}\n >\n <Box\n role='gridcell'\n aria-colindex={colIndex}\n aria-colspan={colSpan}\n aria-rowspan={rowsSpan}\n tabIndex={-1}\n onFocus={this.handleFocusableCellFocus}\n onKeyDown={this.handleFocusableCellKeyDown}\n >\n {renderOverlay?.()}\n </Box>\n </SLimitOverlayCellWrapper>,\n );\n }\n}\n\ntype LimitOverlayType = (<\n UniqKeyType,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', LimitOverlayProps<UniqKeyType>>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', LimitOverlayProps<any>>;\n\nexport const LimitOverlay = createComponent(LimitOverlayRoot) as LimitOverlayType;\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAKA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAmE;AAAA,IAAAO,KAAA,8BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAc7DC,gBAAgB,0BAAAC,UAAA;EAAA,SAAAD,iBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,gBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,OAAAQ,WAAA,mBAAAV,gBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,gBACK,CAAC,IAAI,EAAE,KAAK,CAAC;IAAA,IAAAU,gBAAA,aAAAV,KAAA,kCAEpBT,KAAK,CAACoB,SAAS,CAAiB,CAAC;IAAA,IAAAD,gBAAA,aAAAV,KAAA,gCAyDtB,UAACY,CAAsB,EAAK;MACvD,IAAAC,qCAAsB,EAACb,KAAA,CAAKc,UAAU,EAAEF,CAAC,CAAC;IAC5C,CAAC;IAAA,IAAAF,gBAAA,aAAAV,KAAA,8BAE0B,UAACY,CAAmB,EAAK;MAClD,IAAMG,YAAY,GAAGf,KAAA,CAAKgB,OAAO,CAACC,QAAQ,CAACC,OAAO;MAClD,IAAIH,YAAY,IAAI,CAAC,IAAAI,oBAAS,EAACP,CAAC,CAACQ,aAAa,EAAEL,YAAY,CAAC,EAAE;QAC7D,IAAIH,CAAC,CAACS,MAAM,YAAYC,WAAW,EAAE;UACnCV,CAAC,CAACS,MAAM,CAACE,OAAO,CAACC,eAAe,GAAG,MAAM;QAC3C;MACF,CAAC,MAAM;QACL,IAAIZ,CAAC,CAACS,MAAM,YAAYC,WAAW,EAAE;UACnCV,CAAC,CAACS,MAAM,CAACE,OAAO,CAACC,eAAe,GAAGC,SAAS;QAC9C;QAEA,IAAAC,8BAAe,EAAC1B,KAAA,CAAKc,UAAU,EAAEF,CAAC,CAACS,MAAM,EAAET,CAAC,CAACe,aAAa,CAAC;MAC7D;IACF,CAAC;IAAA,OAAA3B,KAAA;EAAA;EAAA,IAAA4B,UAAA,aAAA9B,gBAAA,EAAAC,UAAA;EAAA,WAAA8B,aAAA,aAAA/B,gBAAA;IAAAgC,GAAA;IAAAC,GAAA,EArED,SAAAA,IAAA,EAA2B;MACzB,IAAAC,aAAA,GAKI,IAAI,CAAChB,OAAO;QAJdiB,OAAO,GAAAD,aAAA,CAAPC,OAAO;QACPC,SAAS,GAAAF,aAAA,CAATE,SAAS;QACTC,QAAQ,GAAAH,aAAA,CAARG,QAAQ;QACRC,KAAK,GAAAJ,aAAA,CAALI,KAAK;MAGP,IAAQC,OAAO,GAAiBD,KAAK,CAA7BC,OAAO;QAAEC,UAAU,GAAKF,KAAK,CAApBE,UAAU;MAE3B,IAAMC,SAAS,GAAGL,SAAS,GAAG,CAAC,GAAG,CAAC;MAEnC,IAAMM,QAAQ,GAAGH,OAAO,KAAKZ,SAAS,GAClCc,SAAS,GAAGJ,QAAQ,CAACE,OAAO,CAAC,CAACI,yBAAc,CAAC,GAC7CF,SAAS;MACb,IAAIG,MAAM,GAAGH,SAAS;MAEtB,IAAMI,OAAO,GAAGR,QAAQ,CAACA,QAAQ,CAAC/B,MAAM,GAAG,CAAC,CAAC;MAC7C,IAAIuC,OAAO,CAACC,oBAAS,CAAC,EAAE;QACtBF,MAAM,GAAGA,MAAM,GAAGC,OAAO,CAACF,yBAAc,CAAC,GAAG,CAAC,IAAInC,KAAK,CAACuC,OAAO,CAACF,OAAO,CAACC,oBAAS,CAAC,CAAC,GAAGD,OAAO,CAACC,oBAAS,CAAC,CAACxC,MAAM,GAAG,CAAC,CAAC;MACrH,CAAC,MAAM;QACLsC,MAAM,GAAGA,MAAM,GAAGC,OAAO,CAACF,yBAAc,CAAC,GAAG,CAAC;MAC/C;MAEA,IAAMK,WAAW,GAAGR,UAAU,KAAKb,SAAS,GAAGa,UAAU,GAAG,CAAC,GAAG,CAAC;MACjE,IAAMS,SAAS,GAAGd,OAAO,CAAC7B,MAAM,GAAG,CAAC;MAEpC,UAAAK,MAAA,CAAU+B,QAAQ,SAAA/B,MAAA,CAAMqC,WAAW,SAAArC,MAAA,CAAMiC,MAAM,SAAAjC,MAAA,CAAMsC,SAAS;IAChE;EAAC;IAAAjB,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAY;MACV,IAAAiB,cAAA,GAAmC,IAAI,CAAChC,OAAO;QAAvCiC,aAAa,GAAAD,cAAA,CAAbC,aAAa;QAAEhB,OAAO,GAAAe,cAAA,CAAPf,OAAO;MAE9B,IAAIA,OAAO,CAACiB,IAAI,CAAC,UAACC,CAAC;QAAA,OAAKA,CAAC,CAACC,KAAK;MAAA,EAAC,IAAI,IAAI,CAACC,eAAe,CAACnC,OAAO,IAAI+B,aAAa,CAAC/B,OAAO,EAAE;QACzF,IAAMoC,cAAc,GAAGL,aAAa,CAAC/B,OAAO,CAACqC,qBAAqB,CAAC,CAAC;QACpE,IAAMC,gBAAgB,GAAG,IAAI,CAACH,eAAe,CAACnC,OAAO,CAACqC,qBAAqB,CAAC,CAAC;QAE7E,IAAME,IAAI,GAAGD,gBAAgB,CAACE,CAAC,GAAGJ,cAAc,CAACI,CAAC;QAClD,IAAMC,KAAK,GAAGL,cAAc,CAACK,KAAK,GAAGH,gBAAgB,CAACE,CAAC,GAAGJ,cAAc,CAACI,CAAC;QAE1E,OAAO;UACLD,IAAI,EAAJA,IAAI;UACJE,KAAK,EAALA;QACF,CAAC;MACH;MAEA,OAAO;QACLF,IAAI,EAAE,CAAC;QACPE,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAA7B,GAAA;IAAA8B,KAAA,EAqBD,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA;MACP,IAAMC,wBAAwB,GAAGC,oBAAI;MACrC,IAAAC,cAAA,GAAyC,IAAI,CAACjD,OAAO;QAA7CiB,OAAO,GAAAgC,cAAA,CAAPhC,OAAO;QAAEiC,IAAI,GAAAD,cAAA,CAAJC,IAAI;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAE/B,KAAK,GAAA6B,cAAA,CAAL7B,KAAK;MAEpC,IAAMgC,SAAS,GAAGhC,KAAK,CAACC,OAAO;MAC/B,IAAMgC,YAAY,GAAGjC,KAAK,CAACE,UAAU;MACrC,IAAMgC,aAAa,GAAGlC,KAAK,CAACkC,aAAa;MAEzC,IAAMC,QAAQ,GAAGF,YAAY,GAAGA,YAAY,GAAG,CAAC,GAAG,CAAC;MACpD,IAAMG,OAAO,GAAGvC,OAAO,CAAC7B,MAAM,IAAIiE,YAAY,aAAZA,YAAY,cAAZA,YAAY,GAAI,CAAC,CAAC;MACpD,IAAMI,QAAQ,GAAGP,IAAI,CAAC9D,MAAM,IAAIgE,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,CAAC,CAAC;MAC/C,IAAAM,WAAA,GAAwB,IAAI,CAACC,KAAK;QAA1BhB,KAAK,GAAAe,WAAA,CAALf,KAAK;QAAEF,IAAI,GAAAiB,WAAA,CAAJjB,IAAI;MAEnB,OAAAK,IAAA,GAAO,IAAAlE,aAAO,EAACuE,MAAM,CAAC,eACpB5E,KAAA,CAAAqF,aAAA,CAACb,wBAAwB,EAAAD,IAAA,CAAAe,EAAA;QAAA,OAClB,IAAI,CAACxB,eAAe;QAAA,YAEf,IAAI,CAACyB,oBAAoB;QAAA,KAChCnB,KAAK,GAAGA,KAAK,GAAGlC,SAAS;QAAA,QACtBgC,IAAI,GAAGA,IAAI,GAAGhC,SAAS;QAAA,WACpB,SAAAsD,QAACnE,CAAC;UAAA,OAAKA,CAAC,CAACoE,eAAe,CAAC,CAAC;QAAA;MAAA,iBAEnCzF,KAAA,CAAAqF,aAAA,CAACvF,eAAA,CAAA4F,GAAG,EAAAnB,IAAA,CAAAe,EAAA;QAAA,QACG,UAAU;QAAA,iBACAN,QAAQ;QAAA,gBACTC,OAAO;QAAA,gBACPC,QAAQ;QAAA,YACZ,CAAC,CAAC;QAAA,WACH,IAAI,CAACS,wBAAwB;QAAA,aAC3B,IAAI,CAACC;MAA0B,IAEzCb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAG,CACd,CACmB,CAAC;IAE/B;EAAC;AAAA,EAlHyCc,eAAS;AAAA,IAAA1E,gBAAA,aAA/CZ,gBAAgB,iBAKC,cAAc;AAAA,IAAAY,gBAAA,aAL/BZ,gBAAgB,WAMLH,KAAK;AAuHf,IAAM0F,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,qBAAe,EAACzF,gBAAgB,CAAqB","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"LimitOverlay.js","names":["_core","require","_baseComponents","_hasParent","React","_interopRequireWildcard","_focusableCell","_DataTable","style","sstyled","insert","LimitOverlayRoot","Component","constructor","args","_defineProperty2","default","createRef","e","handleKeydownFocusCell","lockedCell","tableElement","asProps","tableRef","current","hasParent","relatedTarget","target","HTMLElement","dataset","skipTargetFocus","undefined","handleFocusCell","currentTarget","limitOverlayGridArea","columns","hasGroups","flatRows","limit","fromRow","fromColumn","rowOffset","rowStart","GRID_ROW_INDEX","rowEnd","lastRow","length","ACCORDION","Array","isArray","columnStart","columnEnd","sizes","scrollAreaRef","some","c","fixed","limitWrapperRef","scrollAreaRect","getBoundingClientRect","limitWrapperRect","left","x","width","render","_ref","SLimitOverlayCellWrapper","Flex","rows","styles","rowsLimit","columnsLimit","renderOverlay","colIndex","colSpan","rowsSpan","createElement","cn","stopPropagation","Box","handleFocusableCellFocus","handleFocusableCellKeyDown","LimitOverlay","exports","createComponent"],"sources":["../../../../src/components/Body/LimitOverlay.tsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { Component, createComponent, type Intergalactic, sstyled } from '@semcore/core';\nimport { hasParent } from '@semcore/core/lib/utils/hasParent';\nimport * as React from 'react';\n\nimport type { DTRow, DTRows } from './Row.types';\nimport style from './style.shadow.css';\nimport type { IFocusableCell, LockedCell } from '../../enhancers/focusableCell';\nimport { handleFocusCell, handleKeydownFocusCell } from '../../enhancers/focusableCell';\nimport { ACCORDION, GRID_ROW_INDEX } from '../DataTable/DataTable';\nimport type { DataTableProps } from '../DataTable/DataTable.types';\nimport type { DTColumn } from '../Head/Column.types';\n\ntype LimitOverlayProps<UniqKeyType> = {\n columns: DTColumn[];\n rows: DTRows<UniqKeyType>;\n limit: Exclude<DataTableProps<any, any, any>['limit'], undefined>;\n flatRows: DTRow<UniqKeyType>[];\n hasGroups: boolean;\n tableRef: React.RefObject<HTMLDivElement>;\n scrollAreaRef: React.RefObject<HTMLDivElement>;\n};\n\nclass LimitOverlayRoot<UniqKeyType> extends Component<LimitOverlayProps<UniqKeyType>> implements IFocusableCell {\n lockedCell: LockedCell = [null, false];\n\n limitWrapperRef = React.createRef<HTMLDivElement>();\n\n static displayName = 'LimitOverlay';\n static style = style;\n\n get limitOverlayGridArea() {\n const {\n columns,\n hasGroups,\n flatRows,\n limit,\n } = this.asProps;\n\n const { fromRow, fromColumn } = limit;\n\n const rowOffset = hasGroups ? 3 : 2;\n\n const rowStart = fromRow !== undefined\n ? rowOffset + flatRows[fromRow][GRID_ROW_INDEX]\n : rowOffset;\n let rowEnd = rowOffset;\n\n const lastRow = flatRows[flatRows.length - 1];\n if (lastRow[ACCORDION]) {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1 + (Array.isArray(lastRow[ACCORDION]) ? lastRow[ACCORDION].length : 1);\n } else {\n rowEnd = rowEnd + lastRow[GRID_ROW_INDEX] + 1;\n }\n\n const columnStart = fromColumn !== undefined ? fromColumn + 1 : 1;\n const columnEnd = columns.length + 1;\n\n return `${rowStart} / ${columnStart} / ${rowEnd} / ${columnEnd}`;\n }\n\n get sizes() {\n const { scrollAreaRef, columns } = this.asProps;\n\n if (columns.some((c) => c.fixed) && this.limitWrapperRef.current && scrollAreaRef.current) {\n const scrollAreaRect = scrollAreaRef.current.getBoundingClientRect();\n const limitWrapperRect = this.limitWrapperRef.current.getBoundingClientRect();\n\n const left = limitWrapperRect.x - scrollAreaRect.x;\n const width = scrollAreaRect.width - limitWrapperRect.x + scrollAreaRect.x;\n\n return {\n left,\n width,\n };\n }\n\n return {\n left: 0,\n width: 0,\n };\n }\n\n handleFocusableCellKeyDown = (e: React.KeyboardEvent) => {\n handleKeydownFocusCell(this.lockedCell, e);\n };\n\n handleFocusableCellFocus = (e: React.FocusEvent) => {\n const tableElement = this.asProps.tableRef.current;\n if (tableElement && !hasParent(e.relatedTarget, tableElement)) {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = 'true';\n }\n } else {\n if (e.target instanceof HTMLElement) {\n e.target.dataset.skipTargetFocus = undefined;\n }\n\n handleFocusCell(this.lockedCell, e.target, e.currentTarget);\n }\n };\n\n render() {\n const SLimitOverlayCellWrapper = Flex;\n const { columns, rows, styles, limit } = this.asProps;\n\n const rowsLimit = limit.fromRow;\n const columnsLimit = limit.fromColumn;\n const renderOverlay = limit.renderOverlay;\n\n const colIndex = columnsLimit ? columnsLimit + 1 : 1;\n const colSpan = columns.length - (columnsLimit ?? 0);\n const rowsSpan = rows.length - (rowsLimit ?? 0);\n const { width, left } = this.sizes;\n\n return sstyled(styles)(\n <SLimitOverlayCellWrapper\n ref={this.limitWrapperRef}\n // @ts-ignore\n gridArea={this.limitOverlayGridArea}\n w={width ? width : undefined}\n left={left ? left : undefined}\n onClick={(e) => e.stopPropagation()}\n >\n <Box\n role='gridcell'\n aria-colindex={colIndex}\n aria-colspan={colSpan}\n aria-rowspan={rowsSpan}\n tabIndex={-1}\n onFocus={this.handleFocusableCellFocus}\n onKeyDown={this.handleFocusableCellKeyDown}\n >\n {renderOverlay?.()}\n </Box>\n </SLimitOverlayCellWrapper>,\n );\n }\n}\n\ntype LimitOverlayType = (<\n UniqKeyType,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', LimitOverlayProps<UniqKeyType>>\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', LimitOverlayProps<any>>;\n\nexport const LimitOverlay = createComponent(LimitOverlayRoot) as LimitOverlayType;\n"],"mappings":";;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAC,uBAAA,CAAAJ,OAAA;AAKA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAAmE;AAAA,MAAAO,KAAA,8BAAAR,KAAA,CAAAS,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAcnE,MAAMC,gBAAgB,SAAsBC,eAAS,CAA2D;EAAAC,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,sBACrF,CAAC,IAAI,EAAE,KAAK,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wCAEpBZ,KAAK,CAACa,SAAS,CAAiB,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,sCAyDrBE,CAAsB,IAAK;MACvD,IAAAC,qCAAsB,EAAC,IAAI,CAACC,UAAU,EAAEF,CAAC,CAAC;IAC5C,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,oCAE2BE,CAAmB,IAAK;MAClD,MAAMG,YAAY,GAAG,IAAI,CAACC,OAAO,CAACC,QAAQ,CAACC,OAAO;MAClD,IAAIH,YAAY,IAAI,CAAC,IAAAI,oBAAS,EAACP,CAAC,CAACQ,aAAa,EAAEL,YAAY,CAAC,EAAE;QAC7D,IAAIH,CAAC,CAACS,MAAM,YAAYC,WAAW,EAAE;UACnCV,CAAC,CAACS,MAAM,CAACE,OAAO,CAACC,eAAe,GAAG,MAAM;QAC3C;MACF,CAAC,MAAM;QACL,IAAIZ,CAAC,CAACS,MAAM,YAAYC,WAAW,EAAE;UACnCV,CAAC,CAACS,MAAM,CAACE,OAAO,CAACC,eAAe,GAAGC,SAAS;QAC9C;QAEA,IAAAC,8BAAe,EAAC,IAAI,CAACZ,UAAU,EAAEF,CAAC,CAACS,MAAM,EAAET,CAAC,CAACe,aAAa,CAAC;MAC7D;IACF,CAAC;EAAA;EArED,IAAIC,oBAAoBA,CAAA,EAAG;IACzB,MAAM;MACJC,OAAO;MACPC,SAAS;MACTC,QAAQ;MACRC;IACF,CAAC,GAAG,IAAI,CAAChB,OAAO;IAEhB,MAAM;MAAEiB,OAAO;MAAEC;IAAW,CAAC,GAAGF,KAAK;IAErC,MAAMG,SAAS,GAAGL,SAAS,GAAG,CAAC,GAAG,CAAC;IAEnC,MAAMM,QAAQ,GAAGH,OAAO,KAAKR,SAAS,GAClCU,SAAS,GAAGJ,QAAQ,CAACE,OAAO,CAAC,CAACI,yBAAc,CAAC,GAC7CF,SAAS;IACb,IAAIG,MAAM,GAAGH,SAAS;IAEtB,MAAMI,OAAO,GAAGR,QAAQ,CAACA,QAAQ,CAACS,MAAM,GAAG,CAAC,CAAC;IAC7C,IAAID,OAAO,CAACE,oBAAS,CAAC,EAAE;MACtBH,MAAM,GAAGA,MAAM,GAAGC,OAAO,CAACF,yBAAc,CAAC,GAAG,CAAC,IAAIK,KAAK,CAACC,OAAO,CAACJ,OAAO,CAACE,oBAAS,CAAC,CAAC,GAAGF,OAAO,CAACE,oBAAS,CAAC,CAACD,MAAM,GAAG,CAAC,CAAC;IACrH,CAAC,MAAM;MACLF,MAAM,GAAGA,MAAM,GAAGC,OAAO,CAACF,yBAAc,CAAC,GAAG,CAAC;IAC/C;IAEA,MAAMO,WAAW,GAAGV,UAAU,KAAKT,SAAS,GAAGS,UAAU,GAAG,CAAC,GAAG,CAAC;IACjE,MAAMW,SAAS,GAAGhB,OAAO,CAACW,MAAM,GAAG,CAAC;IAEpC,OAAO,GAAGJ,QAAQ,MAAMQ,WAAW,MAAMN,MAAM,MAAMO,SAAS,EAAE;EAClE;EAEA,IAAIC,KAAKA,CAAA,EAAG;IACV,MAAM;MAAEC,aAAa;MAAElB;IAAQ,CAAC,GAAG,IAAI,CAACb,OAAO;IAE/C,IAAIa,OAAO,CAACmB,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,KAAK,CAAC,IAAI,IAAI,CAACC,eAAe,CAACjC,OAAO,IAAI6B,aAAa,CAAC7B,OAAO,EAAE;MACzF,MAAMkC,cAAc,GAAGL,aAAa,CAAC7B,OAAO,CAACmC,qBAAqB,CAAC,CAAC;MACpE,MAAMC,gBAAgB,GAAG,IAAI,CAACH,eAAe,CAACjC,OAAO,CAACmC,qBAAqB,CAAC,CAAC;MAE7E,MAAME,IAAI,GAAGD,gBAAgB,CAACE,CAAC,GAAGJ,cAAc,CAACI,CAAC;MAClD,MAAMC,KAAK,GAAGL,cAAc,CAACK,KAAK,GAAGH,gBAAgB,CAACE,CAAC,GAAGJ,cAAc,CAACI,CAAC;MAE1E,OAAO;QACLD,IAAI;QACJE;MACF,CAAC;IACH;IAEA,OAAO;MACLF,IAAI,EAAE,CAAC;MACPE,KAAK,EAAE;IACT,CAAC;EACH;EAqBAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA;IACP,MAAMC,wBAAwB,GAAGC,oBAAI;IACrC,MAAM;MAAEhC,OAAO;MAAEiC,IAAI;MAAEC,MAAM;MAAE/B;IAAM,CAAC,GAAG,IAAI,CAAChB,OAAO;IAErD,MAAMgD,SAAS,GAAGhC,KAAK,CAACC,OAAO;IAC/B,MAAMgC,YAAY,GAAGjC,KAAK,CAACE,UAAU;IACrC,MAAMgC,aAAa,GAAGlC,KAAK,CAACkC,aAAa;IAEzC,MAAMC,QAAQ,GAAGF,YAAY,GAAGA,YAAY,GAAG,CAAC,GAAG,CAAC;IACpD,MAAMG,OAAO,GAAGvC,OAAO,CAACW,MAAM,IAAIyB,YAAY,IAAI,CAAC,CAAC;IACpD,MAAMI,QAAQ,GAAGP,IAAI,CAACtB,MAAM,IAAIwB,SAAS,IAAI,CAAC,CAAC;IAC/C,MAAM;MAAEP,KAAK;MAAEF;IAAK,CAAC,GAAG,IAAI,CAACT,KAAK;IAElC,OAAAa,IAAA,GAAO,IAAAxD,aAAO,EAAC4D,MAAM,CAAC,eACpBjE,KAAA,CAAAwE,aAAA,CAACV,wBAAwB,EAAAD,IAAA,CAAAY,EAAA;MAAA,OAClB,IAAI,CAACpB,eAAe;MAAA,YAEf,IAAI,CAACvB,oBAAoB;MAAA,KAChC6B,KAAK,GAAGA,KAAK,GAAGhC,SAAS;MAAA,QACtB8B,IAAI,GAAGA,IAAI,GAAG9B,SAAS;MAAA,WACnBb,CAAC,IAAKA,CAAC,CAAC4D,eAAe,CAAC;IAAC,iBAEnC1E,KAAA,CAAAwE,aAAA,CAAC1E,eAAA,CAAA6E,GAAG,EAAAd,IAAA,CAAAY,EAAA;MAAA,QACG,UAAU;MAAA,iBACAJ,QAAQ;MAAA,gBACTC,OAAO;MAAA,gBACPC,QAAQ;MAAA,YACZ,CAAC,CAAC;MAAA,WACH,IAAI,CAACK,wBAAwB;MAAA,aAC3B,IAAI,CAACC;IAA0B,IAEzCT,aAAa,GAAG,CACd,CACmB,CAAC;EAE/B;AACF;AAAC,IAAAzD,gBAAA,CAAAC,OAAA,EAnHKL,gBAAgB,iBAKC,cAAc;AAAA,IAAAI,gBAAA,CAAAC,OAAA,EAL/BL,gBAAgB,WAMLH,KAAK;AAuHf,MAAM0E,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,qBAAe,EAACzE,gBAAgB,CAAqB","ignoreList":[]}
|