@semcore/data-table 3.8.2 → 3.8.4
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 +15 -2
- package/lib/cjs/Body.js +27 -20
- package/lib/cjs/Body.js.map +1 -1
- package/lib/cjs/DataTable.js +64 -53
- package/lib/cjs/DataTable.js.map +1 -1
- package/lib/cjs/Head.js +12 -8
- package/lib/cjs/Head.js.map +1 -1
- package/lib/cjs/style/data-table.shadow.css +14 -9
- package/lib/cjs/types.js.map +1 -1
- package/lib/es6/Body.js +27 -20
- package/lib/es6/Body.js.map +1 -1
- package/lib/es6/DataTable.js +64 -53
- package/lib/es6/DataTable.js.map +1 -1
- package/lib/es6/Head.js +12 -8
- package/lib/es6/Head.js.map +1 -1
- package/lib/es6/style/data-table.shadow.css +14 -9
- package/lib/es6/types.js.map +1 -1
- package/lib/types/Body.d.ts +3 -3
- package/lib/types/Head.d.ts +1 -0
- package/lib/types/types.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.8.
|
|
5
|
+
## [3.8.4] - 2023-04-28
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Semantically connected cells with corresponding headers.
|
|
10
|
+
- Added `scope` for table header.
|
|
11
|
+
|
|
12
|
+
## [3.8.3] - 2023-04-25
|
|
13
|
+
|
|
14
|
+
### Fixed
|
|
15
|
+
|
|
16
|
+
- Fixed missing `key` warning.
|
|
17
|
+
|
|
18
|
+
## [3.8.1] - 2023-04-17
|
|
6
19
|
|
|
7
20
|
### Changed
|
|
8
21
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/utils` [3.50.
|
|
22
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.50.0 ~> 3.50.3]).
|
|
10
23
|
|
|
11
24
|
## [3.8.0] - 2023-03-31
|
|
12
25
|
|
package/lib/cjs/Body.js
CHANGED
|
@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports["default"] = void 0;
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
11
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
11
12
|
var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
|
|
12
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
13
14
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
@@ -28,12 +29,12 @@ var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"
|
|
|
28
29
|
var _excluded = ["childrenPropsGetter"],
|
|
29
30
|
_excluded2 = ["childrenPropsGetter"];
|
|
30
31
|
/*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
|
|
31
|
-
var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SShadowHorizontal": "
|
|
33
|
-
"--left": "--
|
|
34
|
-
"--right": "--
|
|
35
|
-
"__SContainer": "
|
|
36
|
-
"_disabledScroll": "
|
|
32
|
+
var scrollStyles = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SShadowHorizontal_jk9yh_gg_:before{left:var(--left_jk9yh)!important}.___SShadowHorizontal_jk9yh_gg_:after{right:var(--right_jk9yh)!important}.___SContainer_jk9yh_gg_.__disabledScroll_jk9yh_gg_{overflow:visible}" /*__inner_css_end__*/, "jk9yh_gg_") /*__reshadow_css_end__*/, {
|
|
33
|
+
"__SShadowHorizontal": "___SShadowHorizontal_jk9yh_gg_",
|
|
34
|
+
"--left": "--left_jk9yh",
|
|
35
|
+
"--right": "--right_jk9yh",
|
|
36
|
+
"__SContainer": "___SContainer_jk9yh_gg_",
|
|
37
|
+
"_disabledScroll": "__disabledScroll_jk9yh_gg_"
|
|
37
38
|
});
|
|
38
39
|
var testEnv = process.env.NODE_ENV === 'test';
|
|
39
40
|
var getCellsByColumn = function getCellsByColumn(cells) {
|
|
@@ -109,23 +110,25 @@ var Body = /*#__PURE__*/function (_Component) {
|
|
|
109
110
|
}
|
|
110
111
|
(0, _createClass2["default"])(Body, [{
|
|
111
112
|
key: "renderCells",
|
|
112
|
-
value: function renderCells(cells, rowData,
|
|
113
|
+
value: function renderCells(cells, rowData, dataIndex) {
|
|
113
114
|
var _this2 = this;
|
|
114
115
|
var SCell = _flexBox.Flex;
|
|
115
116
|
var _this$asProps = this.asProps,
|
|
116
117
|
styles = _this$asProps.styles,
|
|
117
118
|
columns = _this$asProps.columns,
|
|
118
|
-
use = _this$asProps.use
|
|
119
|
-
|
|
119
|
+
use = _this$asProps.use,
|
|
120
|
+
uid = _this$asProps.uid;
|
|
121
|
+
return cells.map(function (cell, cellIndex) {
|
|
120
122
|
if (Array.isArray(cell)) {
|
|
121
123
|
var _ref2;
|
|
122
124
|
var SGroupCell = 'div';
|
|
123
125
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SGroupCell, _ref2.cn("SGroupCell", {
|
|
126
|
+
"key": cellIndex,
|
|
124
127
|
"role": "rowgroup",
|
|
125
128
|
"data-ui-name": "group-cell"
|
|
126
129
|
}), _this2.renderRows(cell));
|
|
127
130
|
} else {
|
|
128
|
-
var _ref3, _column$props, _column$props2;
|
|
131
|
+
var _ref3, _column$parentColumns, _column$props, _column$props2;
|
|
129
132
|
var nameParts = cell.name.split('/');
|
|
130
133
|
var firstName = nameParts[0];
|
|
131
134
|
var lastName = nameParts[nameParts.length - 1];
|
|
@@ -142,6 +145,9 @@ var Body = /*#__PURE__*/function (_Component) {
|
|
|
142
145
|
_getFixedStyle2 = (0, _slicedToArray2["default"])(_getFixedStyle, 2),
|
|
143
146
|
name = _getFixedStyle2[0],
|
|
144
147
|
value = _getFixedStyle2[1];
|
|
148
|
+
var parentColumnNames = (_column$parentColumns = column === null || column === void 0 ? void 0 : column.parentColumns.map(function (column) {
|
|
149
|
+
return column.name;
|
|
150
|
+
})) !== null && _column$parentColumns !== void 0 ? _column$parentColumns : [];
|
|
145
151
|
var vars = (Array.isArray(cell.cssVar) ? cell.cssVar : [cell.cssVar]).map(function (name) {
|
|
146
152
|
return "var(".concat(name, ")");
|
|
147
153
|
});
|
|
@@ -170,16 +176,20 @@ var Body = /*#__PURE__*/function (_Component) {
|
|
|
170
176
|
} : _cellPropLayer$childr,
|
|
171
177
|
other = (0, _objectWithoutProperties2["default"])(cellPropLayer, _excluded);
|
|
172
178
|
var propsCell = (0, _assignProps2["default"])(other, props);
|
|
173
|
-
props = (0, _assignProps2["default"])(childrenPropsGetter(propsCell, rowData,
|
|
179
|
+
props = (0, _assignProps2["default"])(childrenPropsGetter(propsCell, rowData, dataIndex), propsCell);
|
|
174
180
|
}
|
|
175
181
|
} catch (err) {
|
|
176
182
|
_iterator.e(err);
|
|
177
183
|
} finally {
|
|
178
184
|
_iterator.f();
|
|
179
185
|
}
|
|
186
|
+
var headerIds = [cell.name].concat((0, _toConsumableArray2["default"])(parentColumnNames)).filter(Boolean).map(function (name) {
|
|
187
|
+
return "igc-table-".concat(uid, "-").concat(name);
|
|
188
|
+
});
|
|
180
189
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCell, _ref3.cn("SCell", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
|
|
181
190
|
"key": cell.name,
|
|
182
|
-
"role": "cell"
|
|
191
|
+
"role": "cell",
|
|
192
|
+
"headers": headerIds.join(' ')
|
|
183
193
|
}, props), {}, {
|
|
184
194
|
"fixed": cell.fixed,
|
|
185
195
|
"theme": props.theme,
|
|
@@ -195,8 +205,7 @@ var Body = /*#__PURE__*/function (_Component) {
|
|
|
195
205
|
value: function renderRow(cells, _ref7) {
|
|
196
206
|
var _ref4;
|
|
197
207
|
var dataIndex = _ref7.dataIndex,
|
|
198
|
-
topOffset = _ref7.topOffset
|
|
199
|
-
nested = _ref7.nested;
|
|
208
|
+
topOffset = _ref7.topOffset;
|
|
200
209
|
var SRow = _flexBox.Box;
|
|
201
210
|
var _this$asProps2 = this.asProps,
|
|
202
211
|
styles = _this$asProps2.styles,
|
|
@@ -206,7 +215,7 @@ var Body = /*#__PURE__*/function (_Component) {
|
|
|
206
215
|
var rowHeightFromProps = (0, _typeof2["default"])(virtualScroll) === 'object' && (virtualScroll === null || virtualScroll === void 0 ? void 0 : virtualScroll.rowHeight);
|
|
207
216
|
var rowData = cells.flatRowData || getCellsByColumn(cells);
|
|
208
217
|
var key = rowData[uniqueKey] ? String(rowData[uniqueKey]) : "row_".concat(dataIndex);
|
|
209
|
-
var needToMeasureHeight = dataIndex === 0 && !
|
|
218
|
+
var needToMeasureHeight = dataIndex === 0 && !rowHeightFromProps;
|
|
210
219
|
var props = {
|
|
211
220
|
children: this.renderCells(cells, rowData, dataIndex),
|
|
212
221
|
theme: undefined,
|
|
@@ -215,7 +224,7 @@ var Body = /*#__PURE__*/function (_Component) {
|
|
|
215
224
|
top: topOffset,
|
|
216
225
|
ref: needToMeasureHeight ? this.firstRowRef : undefined,
|
|
217
226
|
key: key,
|
|
218
|
-
'aria-rowindex': dataIndex +
|
|
227
|
+
'aria-rowindex': dataIndex + 2
|
|
219
228
|
};
|
|
220
229
|
var _iterator2 = (0, _createForOfIteratorHelper2["default"])(rowPropsLayers),
|
|
221
230
|
_step2;
|
|
@@ -245,8 +254,7 @@ var Body = /*#__PURE__*/function (_Component) {
|
|
|
245
254
|
var _this3 = this;
|
|
246
255
|
return rows.map(function (cells, dataIndex) {
|
|
247
256
|
return _this3.renderRow(cells, {
|
|
248
|
-
dataIndex: dataIndex
|
|
249
|
-
nested: false
|
|
257
|
+
dataIndex: dataIndex
|
|
250
258
|
});
|
|
251
259
|
});
|
|
252
260
|
}
|
|
@@ -288,8 +296,7 @@ var Body = /*#__PURE__*/function (_Component) {
|
|
|
288
296
|
topOffset = _ref9.topOffset;
|
|
289
297
|
return _this4.renderRow(cells, {
|
|
290
298
|
dataIndex: dataIndex,
|
|
291
|
-
topOffset: topOffset
|
|
292
|
-
nested: false
|
|
299
|
+
topOffset: topOffset
|
|
293
300
|
});
|
|
294
301
|
});
|
|
295
302
|
}
|
package/lib/cjs/Body.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_scrollArea","_utils","_assignProps2","_interopRequireWildcard","_resizeObserverPolyfill","_rafTrottle","_excluded","_excluded2","scrollStyles","sstyled","insert","testEnv","process","env","NODE_ENV","getCellsByColumn","cells","flattenCells","flat","Object","fromEntries","map","cell","name","data","Body","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","rowHeight","undefined","scrollAreaHeight","scrollOffset","React","createRef","virtualScroll","asProps","rowHeightFromProps","_typeof2","state","trottle","entries","contentRect","height","setState","oldState","event","_ref6","target","scrollTop","firstRowRef","current","firstRowResizeObserver","ResizeObserver","handleFirstRowResize","observe","_createClass2","key","value","renderCells","rowData","index","_this2","SCell","Flex","_this$asProps","styles","columns","use","isArray","_ref2","SGroupCell","createElement","cn","renderRows","_ref3","_column$props","_column$props2","nameParts","split","firstName","lastName","firstColumn","find","c","lastColumn","column","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","vars","cssVar","props","children","Fragment","justifyContent","alignItems","borderLeft","borderRight","style","width","join","_iterator","_createForOfIteratorHelper2","cellPropsLayers","_step","s","n","done","cellPropLayer","_cellPropLayer$childr","childrenPropsGetter","p","other","_objectWithoutProperties2","propsCell","assignProps","err","e","f","_objectSpread2","fixed","theme","renderRow","_ref7","_ref4","dataIndex","topOffset","nested","SRow","Box","_this$asProps2","rowPropsLayers","uniqueKey","flatRowData","String","needToMeasureHeight","active","positioned","top","ref","_iterator2","_step2","rowPropsLayer","_rowPropsLayer$childr","propsRow","rows","_this3","renderVirtualizedRows","_ref8","_this4","_this$state","getRowHeight","tollerance","startIndex","Math","max","floor","lastIndex","min","ceil","needToMeasureFirstRowHeight","firstRow","visibleRows","slice","processedVisibleRows","unshift","_ref9","componentWillUnmount","_this$firstRowResizeO","disconnect","render","_ref","_ref5","_this5","SBody","SBodyWrapper","SScrollAreaBar","ScrollArea","Bar","SHeightHold","_this$asProps3","Children","$scrollRef","onResize","onScroll","disabledScroll","columnsInitialized","reduce","sum","_ref10","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","callAllEventHandlers","handleScrollAreaResize","handleScrollAreaScroll","Container","origin","Component","_default","exports"],"sources":["../../src/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex, IBoxProps } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport { getFixedStyle, getScrollOffsetValue } from './utils';\nimport { RowData, Column, NestedCells, PropsLayer, Cell } from './types';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport scrollStyles from './style/scroll-area.shadow.css';\nimport syncScroll from '@semcore/utils/lib/syncScroll';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nconst testEnv = process.env.NODE_ENV === 'test';\n\nconst getCellsByColumn = (cells: NestedCells): RowData => {\n const flattenCells = cells.flat(20) as Cell[];\n return Object.fromEntries(flattenCells.map((cell) => [cell.name, cell.data]));\n};\n\ntype AsProps = {\n rows: NestedCells[];\n columns: Column[];\n $scrollRef: ReturnType<ReturnType<typeof syncScroll>>;\n onResize: ResizeObserverCallback;\n onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n rowPropsLayers: PropsLayer[];\n use: 'primary' | 'secondary';\n uniqueKey: string;\n virtualScroll?: boolean | { tollerance?: number; rowHeight?: number };\n disabledScroll?: boolean;\n};\n\ntype State = {\n rowHeight: number | undefined;\n scrollAreaHeight: undefined | number;\n scrollOffset: number;\n};\n\nclass Body extends Component<AsProps, State> {\n state: State = {\n rowHeight: undefined,\n scrollAreaHeight: undefined,\n scrollOffset: 0,\n };\n\n firstRowRef = React.createRef<HTMLElement>();\n firstRowResizeObserver: ResizeObserver | null = null;\n\n getRowHeight = () => {\n const { virtualScroll } = this.asProps;\n const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n return rowHeightFromProps || this.state.rowHeight;\n };\n\n renderCells(cells: NestedCells, rowData: RowData, index: number) {\n const SCell = Flex;\n const { styles, columns, use } = this.asProps;\n return cells.map((cell) => {\n if (Array.isArray(cell)) {\n const SGroupCell = 'div';\n return sstyled(styles)(\n <SGroupCell role=\"rowgroup\" data-ui-name=\"group-cell\">\n {this.renderRows(cell as NestedCells[])}\n </SGroupCell>,\n );\n } else {\n const nameParts = cell.name.split('/');\n const firstName = nameParts[0];\n const lastName = nameParts[nameParts.length - 1];\n const firstColumn = columns.find((c) => c.name === firstName);\n const lastColumn = columns.find((c) => c.name === lastName);\n const column = columns.find((c) => c.name === cell.name);\n const [name, value] = getFixedStyle(cell, columns);\n const vars = (Array.isArray(cell.cssVar) ? cell.cssVar : [cell.cssVar]).map(\n (name) => `var(${name})`,\n );\n type CellProps = IBoxProps & {\n name: string;\n children: React.ReactNode;\n style: React.CSSProperties;\n };\n\n let props: CellProps = {\n name: cell.name,\n children: <>{cell.data}</>,\n justifyContent: column?.props?.justifyContent,\n alignItems: column?.props?.alignItems,\n borderLeft: firstColumn?.borderLeft,\n borderRight: lastColumn?.borderRight,\n style: {\n width: vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`,\n },\n };\n if (name !== undefined && value !== undefined) {\n props.style[name] = value;\n }\n\n for (const cellPropLayer of cell.cellPropsLayers || []) {\n const { childrenPropsGetter = (p) => p, ...other } = cellPropLayer;\n const propsCell = assignProps(other, props);\n props = assignProps(childrenPropsGetter(propsCell, rowData, index), propsCell);\n }\n\n return sstyled(styles)(\n <SCell\n key={cell.name}\n role=\"cell\"\n {...props}\n fixed={cell.fixed}\n theme={props.theme}\n use={use}\n borderLeft={props.borderLeft}\n borderRight={props.borderRight}\n />,\n ) as React.ReactElement;\n }\n }, [] as React.ReactElement[]);\n }\n\n renderRow(\n cells: NestedCells,\n { dataIndex, topOffset, nested }: { dataIndex: number; topOffset?: number; nested: boolean },\n ) {\n const SRow = Box;\n const { styles, rowPropsLayers, uniqueKey, virtualScroll } = this.asProps;\n const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n\n const rowData = cells.flatRowData || getCellsByColumn(cells);\n const key = rowData[uniqueKey] ? String(rowData[uniqueKey]) : `row_${dataIndex}`;\n const needToMeasureHeight = dataIndex === 0 && !nested && !rowHeightFromProps;\n\n let props = {\n children: this.renderCells(cells, rowData, dataIndex),\n theme: undefined,\n active: undefined,\n positioned: topOffset !== undefined,\n top: topOffset,\n ref: needToMeasureHeight ? this.firstRowRef : undefined,\n key,\n 'aria-rowindex': dataIndex + 1,\n };\n\n for (const rowPropsLayer of rowPropsLayers) {\n const { childrenPropsGetter = (p) => p, ...other } = rowPropsLayer;\n const propsRow = assignProps(other, props);\n props = assignProps(childrenPropsGetter(propsRow, rowData, dataIndex), propsRow);\n }\n\n return sstyled(styles)(<SRow role=\"row\" {...props} />);\n }\n\n renderRows(rows: NestedCells[]) {\n return rows.map((cells, dataIndex) => this.renderRow(cells, { dataIndex, nested: false }));\n }\n\n renderVirtualizedRows(rows: NestedCells[]) {\n if (rows.length === 0) return [];\n\n const { virtualScroll } = this.asProps;\n const { scrollOffset, scrollAreaHeight } = this.state;\n const rowHeight = this.getRowHeight();\n\n const tollerance = (typeof virtualScroll === 'object' ? virtualScroll?.tollerance : 2) ?? 2;\n const startIndex = Math.max(Math.floor(scrollOffset / rowHeight!) - tollerance, 0);\n const lastIndex = Math.min(\n Math.ceil((scrollOffset + scrollAreaHeight!) / rowHeight!) + tollerance,\n rows.length,\n );\n\n const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n const needToMeasureFirstRowHeight = !rowHeightFromProps;\n\n const firstRow = { cells: rows[0], dataIndex: 0, topOffset: 0 };\n const visibleRows = rowHeight !== undefined ? rows.slice(startIndex, lastIndex) : [];\n const processedVisibleRows = visibleRows.map((cells, index) => ({\n cells,\n dataIndex: startIndex + index,\n topOffset: rowHeight! * (startIndex + index),\n }));\n if (needToMeasureFirstRowHeight && startIndex !== 0) {\n processedVisibleRows.unshift(firstRow);\n }\n\n return processedVisibleRows.map(({ cells, dataIndex, topOffset }) =>\n this.renderRow(cells, { dataIndex, topOffset, nested: false }),\n );\n }\n\n handleFirstRowResize = trottle((entries: ResizeObserverEntry[]) => {\n const { contentRect } = entries[0];\n const { height } = contentRect;\n this.setState((oldState: State) => {\n if (oldState.rowHeight === height) return oldState;\n return { rowHeight: height };\n });\n });\n\n handleScrollAreaResize = trottle((entries: ResizeObserverEntry[]) => {\n const { virtualScroll } = this.asProps;\n if (!virtualScroll) return;\n const { contentRect } = entries[0];\n const { height } = contentRect;\n this.setState((oldState: State) => {\n if (oldState.scrollAreaHeight === height) return oldState;\n return { scrollAreaHeight: height };\n });\n });\n\n handleScrollAreaScroll = (event: React.SyntheticEvent<HTMLElement>) => {\n const { scrollTop } = event.target as HTMLElement;\n const { virtualScroll } = this.asProps;\n if (virtualScroll) {\n this.setState((oldState: State) => {\n if (oldState.scrollOffset === scrollTop) return oldState;\n return { scrollOffset: scrollTop };\n });\n }\n };\n\n setupRowSizeObserver = () => {\n if (!this.firstRowRef.current) return;\n if (!this.asProps.virtualScroll) return;\n this.firstRowResizeObserver = new ResizeObserver(this.handleFirstRowResize);\n this.firstRowResizeObserver.observe(this.firstRowRef.current);\n };\n\n componentWillUnmount() {\n this.firstRowResizeObserver?.disconnect();\n }\n\n render() {\n const SBody = Root;\n const SBodyWrapper = Box;\n const SScrollAreaBar = ScrollArea.Bar;\n const SHeightHold = Box;\n const {\n Children,\n styles,\n rows,\n columns,\n $scrollRef,\n virtualScroll,\n onResize,\n onScroll,\n disabledScroll,\n } = this.asProps;\n\n const columnsInitialized = columns.reduce((sum, { width }) => sum + width, 0) > 0 || testEnv;\n\n const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(columns);\n const offsetSum = offsetLeftSum + offsetRightSum;\n\n const rowHeight = this.getRowHeight();\n const holdHeight =\n rowHeight !== undefined && virtualScroll ? rowHeight * rows.length : undefined;\n\n if (virtualScroll && columnsInitialized && !rowHeight) {\n new Promise(() => this.setupRowSizeObserver());\n }\n\n return sstyled(styles)(\n <SBodyWrapper>\n <ScrollArea\n shadow\n styles={scrollStyles}\n use:left={`${offsetLeftSum}px`}\n use:right={`${offsetRightSum}px`}\n onResize={callAllEventHandlers(onResize, this.handleScrollAreaResize)}\n onScroll={callAllEventHandlers(onScroll, this.handleScrollAreaScroll)}\n >\n <ScrollArea.Container ref={$scrollRef} disabledScroll={disabledScroll}>\n <SBody render={Box} role=\"rowgroup\">\n {holdHeight ? <SHeightHold hMin={holdHeight} aria-hidden={true} /> : null}\n {columnsInitialized && !virtualScroll ? this.renderRows(rows) : null}\n {columnsInitialized && virtualScroll ? this.renderVirtualizedRows(rows) : null}\n </SBody>\n </ScrollArea.Container>\n <SScrollAreaBar\n orientation=\"horizontal\"\n left={`${offsetLeftSum}px`}\n right={`${offsetRightSum}px`}\n offsetSum={`${offsetSum}px`}\n />\n <SScrollAreaBar orientation=\"vertical\" />\n </ScrollArea>\n {Children.origin}\n </SBodyWrapper>,\n );\n }\n}\n\nexport default Body;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Body.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_scrollArea","_utils","_assignProps2","_interopRequireWildcard","_resizeObserverPolyfill","_rafTrottle","_excluded","_excluded2","scrollStyles","sstyled","insert","testEnv","process","env","NODE_ENV","getCellsByColumn","cells","flattenCells","flat","Object","fromEntries","map","cell","name","data","Body","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","rowHeight","undefined","scrollAreaHeight","scrollOffset","React","createRef","virtualScroll","asProps","rowHeightFromProps","_typeof2","state","trottle","entries","contentRect","height","setState","oldState","event","_ref6","target","scrollTop","firstRowRef","current","firstRowResizeObserver","ResizeObserver","handleFirstRowResize","observe","_createClass2","key","value","renderCells","rowData","dataIndex","_this2","SCell","Flex","_this$asProps","styles","columns","use","uid","cellIndex","isArray","_ref2","SGroupCell","createElement","cn","renderRows","_ref3","_column$parentColumns","_column$props","_column$props2","nameParts","split","firstName","lastName","firstColumn","find","c","lastColumn","column","_getFixedStyle","getFixedStyle","_getFixedStyle2","_slicedToArray2","parentColumnNames","parentColumns","vars","cssVar","props","children","Fragment","justifyContent","alignItems","borderLeft","borderRight","style","width","join","_iterator","_createForOfIteratorHelper2","cellPropsLayers","_step","s","n","done","cellPropLayer","_cellPropLayer$childr","childrenPropsGetter","p","other","_objectWithoutProperties2","propsCell","assignProps","err","e","f","headerIds","_toConsumableArray2","filter","Boolean","_objectSpread2","fixed","theme","renderRow","_ref7","_ref4","topOffset","SRow","Box","_this$asProps2","rowPropsLayers","uniqueKey","flatRowData","String","needToMeasureHeight","active","positioned","top","ref","_iterator2","_step2","rowPropsLayer","_rowPropsLayer$childr","propsRow","rows","_this3","renderVirtualizedRows","_ref8","_this4","_this$state","getRowHeight","tollerance","startIndex","Math","max","floor","lastIndex","min","ceil","needToMeasureFirstRowHeight","firstRow","visibleRows","slice","processedVisibleRows","index","unshift","_ref9","componentWillUnmount","_this$firstRowResizeO","disconnect","render","_ref","_ref5","_this5","SBody","SBodyWrapper","SScrollAreaBar","ScrollArea","Bar","SHeightHold","_this$asProps3","Children","$scrollRef","onResize","onScroll","disabledScroll","columnsInitialized","reduce","sum","_ref10","_getScrollOffsetValue","getScrollOffsetValue","_getScrollOffsetValue2","offsetLeftSum","offsetRightSum","offsetSum","holdHeight","Promise","setupRowSizeObserver","callAllEventHandlers","handleScrollAreaResize","handleScrollAreaScroll","Container","origin","Component","_default","exports"],"sources":["../../src/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex, IBoxProps } from '@semcore/flex-box';\nimport ScrollArea from '@semcore/scroll-area';\nimport { getFixedStyle, getScrollOffsetValue } from './utils';\nimport { RowData, Column, NestedCells, PropsLayer, Cell } from './types';\nimport assignProps, { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport scrollStyles from './style/scroll-area.shadow.css';\nimport syncScroll from '@semcore/utils/lib/syncScroll';\nimport trottle from '@semcore/utils/lib/rafTrottle';\n\nconst testEnv = process.env.NODE_ENV === 'test';\n\nconst getCellsByColumn = (cells: NestedCells): RowData => {\n const flattenCells = cells.flat(20) as Cell[];\n return Object.fromEntries(flattenCells.map((cell) => [cell.name, cell.data]));\n};\n\ntype AsProps = {\n rows: NestedCells[];\n columns: Column[];\n $scrollRef: ReturnType<ReturnType<typeof syncScroll>>;\n onResize: ResizeObserverCallback;\n onScroll?: (event: React.SyntheticEvent<HTMLElement>) => void;\n rowPropsLayers: PropsLayer[];\n use: 'primary' | 'secondary';\n uniqueKey: string;\n virtualScroll?: boolean | { tollerance?: number; rowHeight?: number };\n disabledScroll?: boolean;\n uid?: string;\n};\n\ntype State = {\n rowHeight: number | undefined;\n scrollAreaHeight: undefined | number;\n scrollOffset: number;\n};\n\nclass Body extends Component<AsProps, State> {\n state: State = {\n rowHeight: undefined,\n scrollAreaHeight: undefined,\n scrollOffset: 0,\n };\n\n firstRowRef = React.createRef<HTMLElement>();\n firstRowResizeObserver: ResizeObserver | null = null;\n\n getRowHeight = () => {\n const { virtualScroll } = this.asProps;\n const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n return rowHeightFromProps || this.state.rowHeight;\n };\n\n renderCells(cells: NestedCells, rowData: RowData, dataIndex: number) {\n const SCell = Flex;\n const { styles, columns, use, uid } = this.asProps;\n return cells.map((cell, cellIndex) => {\n if (Array.isArray(cell)) {\n const SGroupCell = 'div';\n return sstyled(styles)(\n <SGroupCell key={cellIndex} role=\"rowgroup\" data-ui-name=\"group-cell\">\n {this.renderRows(cell as NestedCells[])}\n </SGroupCell>,\n );\n } else {\n const nameParts = cell.name.split('/');\n const firstName = nameParts[0];\n const lastName = nameParts[nameParts.length - 1];\n const firstColumn = columns.find((c) => c.name === firstName);\n const lastColumn = columns.find((c) => c.name === lastName);\n const column = columns.find((c) => c.name === cell.name);\n const [name, value] = getFixedStyle(cell, columns);\n const parentColumnNames = column?.parentColumns.map((column) => column.name) ?? [];\n const vars = (Array.isArray(cell.cssVar) ? cell.cssVar : [cell.cssVar]).map(\n (name) => `var(${name})`,\n );\n type CellProps = IBoxProps & {\n name: string;\n children: React.ReactNode;\n style: React.CSSProperties;\n };\n\n let props: CellProps = {\n name: cell.name,\n children: <>{cell.data}</>,\n justifyContent: column?.props?.justifyContent,\n alignItems: column?.props?.alignItems,\n borderLeft: firstColumn?.borderLeft,\n borderRight: lastColumn?.borderRight,\n style: {\n width: vars.length === 1 ? vars[0] : `calc(${vars.join(' + ')})`,\n },\n };\n if (name !== undefined && value !== undefined) {\n props.style[name] = value;\n }\n\n for (const cellPropLayer of cell.cellPropsLayers || []) {\n const { childrenPropsGetter = (p) => p, ...other } = cellPropLayer;\n const propsCell = assignProps(other, props);\n props = assignProps(childrenPropsGetter(propsCell, rowData, dataIndex), propsCell);\n }\n\n const headerIds = [cell.name, ...parentColumnNames]\n .filter(Boolean)\n .map((name) => `igc-table-${uid}-${name}`);\n\n return sstyled(styles)(\n <SCell\n key={cell.name}\n role=\"cell\"\n headers={headerIds.join(' ')}\n {...props}\n fixed={cell.fixed}\n theme={props.theme}\n use={use}\n borderLeft={props.borderLeft}\n borderRight={props.borderRight}\n />,\n ) as React.ReactElement;\n }\n }, [] as React.ReactElement[]);\n }\n\n renderRow(\n cells: NestedCells,\n { dataIndex, topOffset }: { dataIndex: number; topOffset?: number },\n ) {\n const SRow = Box;\n const { styles, rowPropsLayers, uniqueKey, virtualScroll } = this.asProps;\n const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n\n const rowData = cells.flatRowData || getCellsByColumn(cells);\n const key = rowData[uniqueKey] ? String(rowData[uniqueKey]) : `row_${dataIndex}`;\n const needToMeasureHeight = dataIndex === 0 && !rowHeightFromProps;\n\n let props = {\n children: this.renderCells(cells, rowData, dataIndex),\n theme: undefined,\n active: undefined,\n positioned: topOffset !== undefined,\n top: topOffset,\n ref: needToMeasureHeight ? this.firstRowRef : undefined,\n key,\n 'aria-rowindex': dataIndex + 2,\n };\n\n for (const rowPropsLayer of rowPropsLayers) {\n const { childrenPropsGetter = (p) => p, ...other } = rowPropsLayer;\n const propsRow = assignProps(other, props);\n props = assignProps(childrenPropsGetter(propsRow, rowData, dataIndex), propsRow);\n }\n\n return sstyled(styles)(<SRow role=\"row\" {...props} />);\n }\n\n renderRows(rows: NestedCells[]) {\n return rows.map((cells, dataIndex) => this.renderRow(cells, { dataIndex }));\n }\n\n renderVirtualizedRows(rows: NestedCells[]) {\n if (rows.length === 0) return [];\n\n const { virtualScroll } = this.asProps;\n const { scrollOffset, scrollAreaHeight } = this.state;\n const rowHeight = this.getRowHeight();\n\n const tollerance = (typeof virtualScroll === 'object' ? virtualScroll?.tollerance : 2) ?? 2;\n const startIndex = Math.max(Math.floor(scrollOffset / rowHeight!) - tollerance, 0);\n const lastIndex = Math.min(\n Math.ceil((scrollOffset + scrollAreaHeight!) / rowHeight!) + tollerance,\n rows.length,\n );\n\n const rowHeightFromProps = typeof virtualScroll === 'object' && virtualScroll?.rowHeight;\n const needToMeasureFirstRowHeight = !rowHeightFromProps;\n\n const firstRow = { cells: rows[0], dataIndex: 0, topOffset: 0 };\n const visibleRows = rowHeight !== undefined ? rows.slice(startIndex, lastIndex) : [];\n const processedVisibleRows = visibleRows.map((cells, index) => ({\n cells,\n dataIndex: startIndex + index,\n topOffset: rowHeight! * (startIndex + index),\n }));\n if (needToMeasureFirstRowHeight && startIndex !== 0) {\n processedVisibleRows.unshift(firstRow);\n }\n\n return processedVisibleRows.map(({ cells, dataIndex, topOffset }) =>\n this.renderRow(cells, { dataIndex, topOffset }),\n );\n }\n\n handleFirstRowResize = trottle((entries: ResizeObserverEntry[]) => {\n const { contentRect } = entries[0];\n const { height } = contentRect;\n this.setState((oldState: State) => {\n if (oldState.rowHeight === height) return oldState;\n return { rowHeight: height };\n });\n });\n\n handleScrollAreaResize = trottle((entries: ResizeObserverEntry[]) => {\n const { virtualScroll } = this.asProps;\n if (!virtualScroll) return;\n const { contentRect } = entries[0];\n const { height } = contentRect;\n this.setState((oldState: State) => {\n if (oldState.scrollAreaHeight === height) return oldState;\n return { scrollAreaHeight: height };\n });\n });\n\n handleScrollAreaScroll = (event: React.SyntheticEvent<HTMLElement>) => {\n const { scrollTop } = event.target as HTMLElement;\n const { virtualScroll } = this.asProps;\n if (virtualScroll) {\n this.setState((oldState: State) => {\n if (oldState.scrollOffset === scrollTop) return oldState;\n return { scrollOffset: scrollTop };\n });\n }\n };\n\n setupRowSizeObserver = () => {\n if (!this.firstRowRef.current) return;\n if (!this.asProps.virtualScroll) return;\n this.firstRowResizeObserver = new ResizeObserver(this.handleFirstRowResize);\n this.firstRowResizeObserver.observe(this.firstRowRef.current);\n };\n\n componentWillUnmount() {\n this.firstRowResizeObserver?.disconnect();\n }\n\n render() {\n const SBody = Root;\n const SBodyWrapper = Box;\n const SScrollAreaBar = ScrollArea.Bar;\n const SHeightHold = Box;\n const {\n Children,\n styles,\n rows,\n columns,\n $scrollRef,\n virtualScroll,\n onResize,\n onScroll,\n disabledScroll,\n } = this.asProps;\n\n const columnsInitialized = columns.reduce((sum, { width }) => sum + width, 0) > 0 || testEnv;\n\n const [offsetLeftSum, offsetRightSum] = getScrollOffsetValue(columns);\n const offsetSum = offsetLeftSum + offsetRightSum;\n\n const rowHeight = this.getRowHeight();\n const holdHeight =\n rowHeight !== undefined && virtualScroll ? rowHeight * rows.length : undefined;\n\n if (virtualScroll && columnsInitialized && !rowHeight) {\n new Promise(() => this.setupRowSizeObserver());\n }\n\n return sstyled(styles)(\n <SBodyWrapper>\n <ScrollArea\n shadow\n styles={scrollStyles}\n use:left={`${offsetLeftSum}px`}\n use:right={`${offsetRightSum}px`}\n onResize={callAllEventHandlers(onResize, this.handleScrollAreaResize)}\n onScroll={callAllEventHandlers(onScroll, this.handleScrollAreaScroll)}\n >\n <ScrollArea.Container ref={$scrollRef} disabledScroll={disabledScroll}>\n <SBody render={Box} role=\"rowgroup\">\n {holdHeight ? <SHeightHold hMin={holdHeight} aria-hidden={true} /> : null}\n {columnsInitialized && !virtualScroll ? this.renderRows(rows) : null}\n {columnsInitialized && virtualScroll ? this.renderVirtualizedRows(rows) : null}\n </SBody>\n </ScrollArea.Container>\n <SScrollAreaBar\n orientation=\"horizontal\"\n left={`${offsetLeftSum}px`}\n right={`${offsetRightSum}px`}\n offsetSum={`${offsetSum}px`}\n />\n <SScrollAreaBar orientation=\"vertical\" />\n </ScrollArea>\n {Children.origin}\n </SBodyWrapper>,\n );\n }\n}\n\nexport default Body;\n"],"mappings":"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"}
|
package/lib/cjs/DataTable.js
CHANGED
|
@@ -24,49 +24,50 @@ var _fire = _interopRequireDefault(require("@semcore/utils/lib/fire"));
|
|
|
24
24
|
var _utils = require("./utils");
|
|
25
25
|
var _Head = _interopRequireDefault(require("./Head"));
|
|
26
26
|
var _Body = _interopRequireDefault(require("./Body"));
|
|
27
|
+
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
27
28
|
var _excluded = ["children", "name", "fixed", "resizable", "sortable", "flex", "vBorders", "active"],
|
|
28
29
|
_excluded2 = ["name", "children"];
|
|
29
30
|
/*__reshadow-styles__:"./style/data-table.shadow.css"*/
|
|
30
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_15xws_gg_,.___SHeadWrapper_15xws_gg_{position:relative}.___SDataTable_15xws_gg_.__compact_15xws_gg_ .___SCell_15xws_gg_,.___SDataTable_15xws_gg_.__compact_15xws_gg_ .___SColumn_15xws_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_15xws_gg_.__sticky_15xws_gg_{position:sticky;top:0;z-index:2}.___SHead_15xws_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_15xws_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_15xws_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SColumn_15xws_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SColumn_15xws_gg_.__hidden_15xws_gg_{height:0!important;padding:0!important;overflow:hidden!important;border:0!important}.___SColumn_15xws_gg_._use_primary_15xws_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_15xws_gg_._use_secondary_15xws_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_15xws_gg_.__group_15xws_gg_.__use_15xws_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_15xws_gg_.__groupHead_15xws_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_15xws_gg_.__sortable_15xws_gg_{cursor:pointer}@media (hover:hover){.___SColumn_15xws_gg_.__sortable_15xws_gg_._use_primary_15xws_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_15xws_gg_.__sortable_15xws_gg_:hover .___SSortWrapper_15xws_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_15xws_gg_.__sortable_15xws_gg_:hover .___SSortIcon_15xws_gg_,.___SColumn_15xws_gg_.__sortable_15xws_gg_:hover .___SSortWrapper_15xws_gg_:before{display:block;opacity:1}}.___SColumn_15xws_gg_._use_primary_15xws_gg_.__active_15xws_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_15xws_gg_.__active_15xws_gg_ .___SSortWrapper_15xws_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_15xws_gg_.__active_15xws_gg_ .___SSortIcon_15xws_gg_{display:block;position:relative;opacity:1}.___SColumn_15xws_gg_.__resizable_15xws_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_15xws_gg_.__resizable_15xws_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_15xws_gg_.__resizable_15xws_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_15xws_gg_.__fixed_15xws_gg_{position:sticky;z-index:2}.___SCell_15xws_gg_.__borderLeft_15xws_gg_,.___SColumn_15xws_gg_.__borderLeft_15xws_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_15xws_gg_.__borderRight_15xws_gg_,.___SColumn_15xws_gg_.__borderRight_15xws_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_15xws_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_15xws_gg_,.___SSortWrapper_15xws_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_15xws_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_15xws_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_15xws_gg_._use_primary_15xws_gg_ .___SSortWrapper_15xws_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_15xws_gg_._use_secondary_15xws_gg_ .___SSortWrapper_15xws_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_15xws_gg_{position:relative}.___SBody_15xws_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_15xws_gg_{display:flex;flex-direction:row;position:relative}.___SRow_15xws_gg_.__active_15xws_gg_>.___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_._theme_muted_15xws_gg_.__active_15xws_gg_>.___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}@media (hover:hover){.___SRow_15xws_gg_ .___SCell_15xws_gg_:hover+.___SGroupCell_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_:hover>.___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_15xws_gg_._theme_muted_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_15xws_gg_._theme_muted_15xws_gg_ .___SCell_15xws_gg_:hover+.___SGroupCell_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_._theme_muted_15xws_gg_:hover>.___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_:hover>.___SCell_15xws_gg_._theme_muted_15xws_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_15xws_gg_._theme_info_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_15xws_gg_._theme_info_15xws_gg_.__active_15xws_gg_>.___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}@media (hover:hover){.___SRow_15xws_gg_._theme_info_15xws_gg_ .___SCell_15xws_gg_:hover+.___SGroupCell_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_._theme_info_15xws_gg_:hover>.___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_:hover>.___SCell_15xws_gg_._theme_info_15xws_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_15xws_gg_._theme_success_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_15xws_gg_._theme_success_15xws_gg_.__active_15xws_gg_>.___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}@media (hover:hover){.___SRow_15xws_gg_._theme_success_15xws_gg_ .___SCell_15xws_gg_:hover+.___SGroupCell_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_._theme_success_15xws_gg_:hover>.___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_:hover>.___SCell_15xws_gg_._theme_success_15xws_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_15xws_gg_._theme_warning_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_15xws_gg_._theme_warning_15xws_gg_.__active_15xws_gg_>.___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}@media (hover:hover){.___SRow_15xws_gg_._theme_warning_15xws_gg_ .___SCell_15xws_gg_:hover+.___SGroupCell_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_._theme_warning_15xws_gg_:hover>.___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_:hover>.___SCell_15xws_gg_._theme_warning_15xws_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_15xws_gg_._theme_danger_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_15xws_gg_._theme_danger_15xws_gg_.__active_15xws_gg_>.___SCell_15xws_gg_:not(.__theme_15xws_gg_){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}@media (hover:hover){.___SRow_15xws_gg_._theme_danger_15xws_gg_ .___SCell_15xws_gg_:hover+.___SGroupCell_15xws_gg_ .___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_._theme_danger_15xws_gg_:hover>.___SCell_15xws_gg_:not(.__theme_15xws_gg_),.___SRow_15xws_gg_:hover>.___SCell_15xws_gg_._theme_danger_15xws_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_15xws_gg_.__positioned_15xws_gg_{position:absolute}.___SCell_15xws_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap}.___SCell_15xws_gg_._use_primary_15xws_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_15xws_gg_._use_secondary_15xws_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_15xws_gg_.__fixed_15xws_gg_{position:sticky;z-index:1}.___SCell_15xws_gg_._theme_muted_15xws_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_15xws_gg_._theme_info_15xws_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_15xws_gg_._theme_success_15xws_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_15xws_gg_._theme_warning_15xws_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_15xws_gg_._theme_danger_15xws_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_15xws_gg_._orientation_horizontal_15xws_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2}.___SScrollAreaBar_15xws_gg_._orientation_vertical_15xws_gg_{width:12px}.___SScrollAreaBar_15xws_gg_._orientation_horizontal_15xws_gg_{margin-left:calc(var(--left_15xws) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_15xws) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_15xws) - 8px)}.___SHeightHold_15xws_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "15xws_gg_") /*__reshadow_css_end__*/, {
|
|
31
|
-
"__SDataTable": "
|
|
32
|
-
"_compact": "
|
|
33
|
-
"__SColumn": "
|
|
34
|
-
"__SCell": "
|
|
35
|
-
"__SHeadWrapper": "
|
|
36
|
-
"_sticky": "
|
|
37
|
-
"__SHead": "
|
|
38
|
-
"_hidden": "
|
|
39
|
-
"_use_primary": "
|
|
40
|
-
"_use_secondary": "
|
|
41
|
-
"_group": "
|
|
42
|
-
"_use": "
|
|
43
|
-
"_groupHead": "
|
|
44
|
-
"_sortable": "
|
|
45
|
-
"__SSortWrapper": "
|
|
46
|
-
"__SSortIcon": "
|
|
47
|
-
"_active": "
|
|
48
|
-
"_resizable": "
|
|
49
|
-
"_fixed": "
|
|
50
|
-
"_borderLeft": "
|
|
51
|
-
"_borderRight": "
|
|
52
|
-
"__SBodyWrapper": "
|
|
53
|
-
"__SBody": "
|
|
54
|
-
"__SRow": "
|
|
55
|
-
"_theme": "
|
|
56
|
-
"__SGroupCell": "
|
|
57
|
-
"_theme_muted": "
|
|
58
|
-
"_theme_info": "
|
|
59
|
-
"_theme_success": "
|
|
60
|
-
"_theme_warning": "
|
|
61
|
-
"_theme_danger": "
|
|
62
|
-
"_positioned": "
|
|
63
|
-
"__SScrollAreaBar": "
|
|
64
|
-
"_orientation_horizontal": "
|
|
65
|
-
"_orientation_vertical": "
|
|
66
|
-
"--left": "--
|
|
67
|
-
"--right": "--
|
|
68
|
-
"--offsetSum": "--
|
|
69
|
-
"__SHeightHold": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDataTable_17vnv_gg_,.___SHeadWrapper_17vnv_gg_{position:relative}.___SDataTable_17vnv_gg_.__compact_17vnv_gg_ .___SCell_17vnv_gg_,.___SDataTable_17vnv_gg_.__compact_17vnv_gg_ .___SColumn_17vnv_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-2x, 8px)}.___SHeadWrapper_17vnv_gg_.__sticky_17vnv_gg_{position:sticky;top:0;z-index:2}.___SHead_17vnv_gg_{display:flex;position:relative;flex-direction:row;min-width:-moz-fit-content;min-width:fit-content;z-index:0}.___SColumn_17vnv_gg_{display:flex;align-items:flex-start;flex-grow:1;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;position:relative}.___SColumn_17vnv_gg_.focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SColumn_17vnv_gg_:focus-visible{outline:0;box-shadow:inset var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SColumn_17vnv_gg_.__hidden_17vnv_gg_{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.___SColumn_17vnv_gg_._use_primary_17vnv_gg_{padding:var(--intergalactic-spacing-3x, 12px);border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);background-color:var(--intergalactic-table-th-primary-cell, #f4f5f9)}.___SColumn_17vnv_gg_._use_secondary_17vnv_gg_{padding:var(--intergalactic-spacing-2x, 8px);border-bottom:1px solid var(--intergalactic-border-table-accent, #a9abb6);background-color:var(--intergalactic-table-th-secondary-cell, #ffffff)}.___SColumn_17vnv_gg_.__group_17vnv_gg_.__use_17vnv_gg_{display:flex;flex-wrap:wrap;flex-direction:column;align-items:normal;border-bottom:none;padding:0}.___SColumn_17vnv_gg_.__groupHead_17vnv_gg_{justify-content:center;z-index:1;border-bottom:none}.___SColumn_17vnv_gg_.__sortable_17vnv_gg_{cursor:pointer}@media (hover:hover){.___SColumn_17vnv_gg_.__sortable_17vnv_gg_._use_primary_17vnv_gg_:hover{background-color:var(--intergalactic-table-th-primary-cell-hover, #e0e1e9)}.___SColumn_17vnv_gg_.__sortable_17vnv_gg_:hover .___SSortWrapper_17vnv_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_17vnv_gg_.__sortable_17vnv_gg_:hover .___SSortIcon_17vnv_gg_,.___SColumn_17vnv_gg_.__sortable_17vnv_gg_:hover .___SSortWrapper_17vnv_gg_:before{display:block;opacity:1}}.___SColumn_17vnv_gg_._use_primary_17vnv_gg_.__active_17vnv_gg_{background-color:var(--intergalactic-table-th-primary-cell-active, #e0e1e9);width:100%}.___SColumn_17vnv_gg_.__active_17vnv_gg_ .___SSortWrapper_17vnv_gg_{flex-basis:calc(var(--intergalactic-spacing-1x, 4px) + 16px);opacity:1}.___SColumn_17vnv_gg_.__active_17vnv_gg_ .___SSortIcon_17vnv_gg_{display:block;position:relative;opacity:1}.___SColumn_17vnv_gg_.__resizable_17vnv_gg_{border-right:1px solid transparent}@media (hover:hover){.___SColumn_17vnv_gg_.__resizable_17vnv_gg_:hover:after{border-right-color:var(--intergalactic-border-table-accent, #a9abb6)}}.___SColumn_17vnv_gg_.__resizable_17vnv_gg_:after{content:\"\";position:absolute;bottom:0;right:-1px;height:100%;width:5px;background:0 0;cursor:col-resize;border-right:1px solid transparent}.___SColumn_17vnv_gg_.__fixed_17vnv_gg_{position:sticky;z-index:2}.___SCell_17vnv_gg_.__borderLeft_17vnv_gg_,.___SColumn_17vnv_gg_.__borderLeft_17vnv_gg_{border-left:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SCell_17vnv_gg_.__borderRight_17vnv_gg_,.___SColumn_17vnv_gg_.__borderRight_17vnv_gg_{border-right:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SSortWrapper_17vnv_gg_{flex-shrink:99999;position:relative;flex-basis:0;height:100%;min-height:16px;opacity:0;transition:all .3s ease}.___SSortIcon_17vnv_gg_,.___SSortWrapper_17vnv_gg_:before{display:none;position:absolute;right:0;opacity:0;transition:opacity .3s ease}.___SSortWrapper_17vnv_gg_:before{content:\"\";top:0;width:20px;height:100%}.___SSortIcon_17vnv_gg_{fill:var(--intergalactic-icon-secondary-neutral-hover-active, #8a8e9b);top:calc(1em*1.25 - 16px);margin-left:var(--intergalactic-spacing-1x, 4px)}.___SColumn_17vnv_gg_._use_primary_17vnv_gg_ .___SSortWrapper_17vnv_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-primary-cell-hover, #e0e1e9) 67.5%,rgba(224,225,233,0) 105%)}.___SColumn_17vnv_gg_._use_secondary_17vnv_gg_ .___SSortWrapper_17vnv_gg_:before{background:linear-gradient(270deg,var(--intergalactic-table-th-secondary-cell, #ffffff) 67.5%,rgba(255,255,255,0) 105%)}.___SBodyWrapper_17vnv_gg_{position:relative}.___SBody_17vnv_gg_{display:flex;flex-direction:column;position:relative;min-width:-moz-fit-content;min-width:fit-content}.___SRow_17vnv_gg_{display:flex;flex-direction:row;position:relative}.___SRow_17vnv_gg_.__active_17vnv_gg_>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_._theme_muted_17vnv_gg_.__active_17vnv_gg_>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}@media (hover:hover){.___SRow_17vnv_gg_ .___SCell_17vnv_gg_:hover+.___SGroupCell_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_:hover>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_17vnv_gg_._theme_muted_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}@media (hover:hover){.___SRow_17vnv_gg_._theme_muted_17vnv_gg_ .___SCell_17vnv_gg_:hover+.___SGroupCell_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_._theme_muted_17vnv_gg_:hover>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_:hover>.___SCell_17vnv_gg_._theme_muted_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-hover, #f0f0f4)}}.___SRow_17vnv_gg_._theme_info_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SRow_17vnv_gg_._theme_info_17vnv_gg_.__active_17vnv_gg_>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}@media (hover:hover){.___SRow_17vnv_gg_._theme_info_17vnv_gg_ .___SCell_17vnv_gg_:hover+.___SGroupCell_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_._theme_info_17vnv_gg_:hover>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_:hover>.___SCell_17vnv_gg_._theme_info_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-selected-hover, #c4e5fe)}}.___SRow_17vnv_gg_._theme_success_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SRow_17vnv_gg_._theme_success_17vnv_gg_.__active_17vnv_gg_>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}@media (hover:hover){.___SRow_17vnv_gg_._theme_success_17vnv_gg_ .___SCell_17vnv_gg_:hover+.___SGroupCell_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_._theme_success_17vnv_gg_:hover>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_:hover>.___SCell_17vnv_gg_._theme_success_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-new-hover, #9ef2c9)}}.___SRow_17vnv_gg_._theme_warning_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SRow_17vnv_gg_._theme_warning_17vnv_gg_.__active_17vnv_gg_>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}@media (hover:hover){.___SRow_17vnv_gg_._theme_warning_17vnv_gg_ .___SCell_17vnv_gg_:hover+.___SGroupCell_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_._theme_warning_17vnv_gg_:hover>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_:hover>.___SCell_17vnv_gg_._theme_warning_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-warning-hover, #ffdca2)}}.___SRow_17vnv_gg_._theme_danger_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SRow_17vnv_gg_._theme_danger_17vnv_gg_.__active_17vnv_gg_>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_){background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}@media (hover:hover){.___SRow_17vnv_gg_._theme_danger_17vnv_gg_ .___SCell_17vnv_gg_:hover+.___SGroupCell_17vnv_gg_ .___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_._theme_danger_17vnv_gg_:hover>.___SCell_17vnv_gg_:not(.__theme_17vnv_gg_),.___SRow_17vnv_gg_:hover>.___SCell_17vnv_gg_._theme_danger_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-critical-hover, #ffd7df)}}.___SRow_17vnv_gg_.__positioned_17vnv_gg_{position:absolute}.___SCell_17vnv_gg_{display:flex;flex:1;flex-basis:auto;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23);box-sizing:border-box;border-bottom:1px solid var(--intergalactic-border-secondary, #e0e1e9);overflow:hidden;white-space:nowrap}.___SCell_17vnv_gg_._use_primary_17vnv_gg_{padding:var(--intergalactic-spacing-3x, 12px);min-height:45px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_17vnv_gg_._use_secondary_17vnv_gg_{padding:var(--intergalactic-spacing-2x, 8px);min-height:37px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SCell_17vnv_gg_.__fixed_17vnv_gg_{position:sticky;z-index:1}.___SCell_17vnv_gg_._theme_muted_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-unread, #f4f5f9)}.___SCell_17vnv_gg_._theme_info_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-selected, #e9f7ff)}.___SCell_17vnv_gg_._theme_success_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-new, #dbfee8)}.___SCell_17vnv_gg_._theme_warning_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-warning, #fff3d9)}.___SCell_17vnv_gg_._theme_danger_17vnv_gg_{background-color:var(--intergalactic-table-td-cell-critical, #fff0f7)}.___SScrollAreaBar_17vnv_gg_._orientation_horizontal_17vnv_gg_{position:sticky;bottom:0;left:0;margin-top:calc(-1*var(--intergalactic-spacing-3x, 12px));z-index:2}.___SScrollAreaBar_17vnv_gg_._orientation_vertical_17vnv_gg_{width:12px}.___SScrollAreaBar_17vnv_gg_._orientation_horizontal_17vnv_gg_{margin-left:calc(var(--left_17vnv) + var(--intergalactic-spacing-1x, 4px));margin-right:calc(var(--right_17vnv) + var(--intergalactic-spacing-1x, 4px));width:calc(100% - var(--offsetSum_17vnv) - 8px)}.___SHeightHold_17vnv_gg_{position:absolute;top:0;width:100%;pointer-events:none;z-index:-1}" /*__inner_css_end__*/, "17vnv_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SDataTable": "___SDataTable_17vnv_gg_",
|
|
33
|
+
"_compact": "__compact_17vnv_gg_",
|
|
34
|
+
"__SColumn": "___SColumn_17vnv_gg_",
|
|
35
|
+
"__SCell": "___SCell_17vnv_gg_",
|
|
36
|
+
"__SHeadWrapper": "___SHeadWrapper_17vnv_gg_",
|
|
37
|
+
"_sticky": "__sticky_17vnv_gg_",
|
|
38
|
+
"__SHead": "___SHead_17vnv_gg_",
|
|
39
|
+
"_hidden": "__hidden_17vnv_gg_",
|
|
40
|
+
"_use_primary": "_use_primary_17vnv_gg_",
|
|
41
|
+
"_use_secondary": "_use_secondary_17vnv_gg_",
|
|
42
|
+
"_group": "__group_17vnv_gg_",
|
|
43
|
+
"_use": "__use_17vnv_gg_",
|
|
44
|
+
"_groupHead": "__groupHead_17vnv_gg_",
|
|
45
|
+
"_sortable": "__sortable_17vnv_gg_",
|
|
46
|
+
"__SSortWrapper": "___SSortWrapper_17vnv_gg_",
|
|
47
|
+
"__SSortIcon": "___SSortIcon_17vnv_gg_",
|
|
48
|
+
"_active": "__active_17vnv_gg_",
|
|
49
|
+
"_resizable": "__resizable_17vnv_gg_",
|
|
50
|
+
"_fixed": "__fixed_17vnv_gg_",
|
|
51
|
+
"_borderLeft": "__borderLeft_17vnv_gg_",
|
|
52
|
+
"_borderRight": "__borderRight_17vnv_gg_",
|
|
53
|
+
"__SBodyWrapper": "___SBodyWrapper_17vnv_gg_",
|
|
54
|
+
"__SBody": "___SBody_17vnv_gg_",
|
|
55
|
+
"__SRow": "___SRow_17vnv_gg_",
|
|
56
|
+
"_theme": "__theme_17vnv_gg_",
|
|
57
|
+
"__SGroupCell": "___SGroupCell_17vnv_gg_",
|
|
58
|
+
"_theme_muted": "_theme_muted_17vnv_gg_",
|
|
59
|
+
"_theme_info": "_theme_info_17vnv_gg_",
|
|
60
|
+
"_theme_success": "_theme_success_17vnv_gg_",
|
|
61
|
+
"_theme_warning": "_theme_warning_17vnv_gg_",
|
|
62
|
+
"_theme_danger": "_theme_danger_17vnv_gg_",
|
|
63
|
+
"_positioned": "__positioned_17vnv_gg_",
|
|
64
|
+
"__SScrollAreaBar": "___SScrollAreaBar_17vnv_gg_",
|
|
65
|
+
"_orientation_horizontal": "_orientation_horizontal_17vnv_gg_",
|
|
66
|
+
"_orientation_vertical": "_orientation_vertical_17vnv_gg_",
|
|
67
|
+
"--left": "--left_17vnv",
|
|
68
|
+
"--right": "--right_17vnv",
|
|
69
|
+
"--offsetSum": "--offsetSum_17vnv",
|
|
70
|
+
"__SHeightHold": "___SHeightHold_17vnv_gg_"
|
|
70
71
|
});
|
|
71
72
|
var REVERSED_SORT_DIRECTION = {
|
|
72
73
|
desc: 'asc',
|
|
@@ -221,10 +222,14 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
221
222
|
forwardRef: child.ref,
|
|
222
223
|
children: children,
|
|
223
224
|
ref: (column === null || column === void 0 ? void 0 : (_column$props = column.props) === null || _column$props === void 0 ? void 0 : _column$props.ref) || /*#__PURE__*/_react["default"].createRef()
|
|
224
|
-
})
|
|
225
|
+
}),
|
|
226
|
+
parentColumns: []
|
|
225
227
|
};
|
|
226
228
|
if (columns) {
|
|
227
229
|
columnChildren.columns = columns;
|
|
230
|
+
columns.forEach(function (column) {
|
|
231
|
+
return column.parentColumns.unshift(columnChildren);
|
|
232
|
+
});
|
|
228
233
|
}
|
|
229
234
|
columnsChildren.push(columnChildren);
|
|
230
235
|
});
|
|
@@ -233,7 +238,9 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
233
238
|
}, {
|
|
234
239
|
key: "getHeadProps",
|
|
235
240
|
value: function getHeadProps(props) {
|
|
236
|
-
var
|
|
241
|
+
var _this$asProps = this.asProps,
|
|
242
|
+
use = _this$asProps.use,
|
|
243
|
+
uid = _this$asProps.uid;
|
|
237
244
|
var columnsChildren = this.childrenToColumns(props.children);
|
|
238
245
|
this.columns = (0, _utils.flattenColumns)(columnsChildren);
|
|
239
246
|
return {
|
|
@@ -241,16 +248,18 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
241
248
|
columnsChildren: columnsChildren,
|
|
242
249
|
use: use,
|
|
243
250
|
onResize: this.handlerResize,
|
|
244
|
-
$scrollRef: this.scrollHeadRef
|
|
251
|
+
$scrollRef: this.scrollHeadRef,
|
|
252
|
+
uid: uid
|
|
245
253
|
};
|
|
246
254
|
}
|
|
247
255
|
}, {
|
|
248
256
|
key: "getBodyProps",
|
|
249
257
|
value: function getBodyProps(props) {
|
|
250
|
-
var _this$
|
|
251
|
-
data = _this$
|
|
252
|
-
use = _this$
|
|
253
|
-
uniqueKey = _this$
|
|
258
|
+
var _this$asProps2 = this.asProps,
|
|
259
|
+
data = _this$asProps2.data,
|
|
260
|
+
use = _this$asProps2.use,
|
|
261
|
+
uniqueKey = _this$asProps2.uniqueKey,
|
|
262
|
+
uid = _this$asProps2.uid;
|
|
254
263
|
var cellPropsLayers = {};
|
|
255
264
|
var rowPropsLayers = [];
|
|
256
265
|
_react["default"].Children.forEach(props.children, function (child) {
|
|
@@ -280,7 +289,8 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
280
289
|
uniqueKey: uniqueKey,
|
|
281
290
|
use: use,
|
|
282
291
|
rowPropsLayers: rowPropsLayers,
|
|
283
|
-
$scrollRef: this.scrollBodyRef
|
|
292
|
+
$scrollRef: this.scrollBodyRef,
|
|
293
|
+
uid: uid
|
|
284
294
|
};
|
|
285
295
|
}
|
|
286
296
|
}, {
|
|
@@ -381,14 +391,14 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
381
391
|
var _ref = this.asProps,
|
|
382
392
|
_ref2;
|
|
383
393
|
var SDataTable = _flexBox.Box;
|
|
384
|
-
var _this$
|
|
385
|
-
Children = _this$
|
|
386
|
-
styles = _this$
|
|
387
|
-
data = _this$
|
|
394
|
+
var _this$asProps3 = this.asProps,
|
|
395
|
+
Children = _this$asProps3.Children,
|
|
396
|
+
styles = _this$asProps3.styles,
|
|
397
|
+
data = _this$asProps3.data;
|
|
388
398
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDataTable, _ref2.cn("SDataTable", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
389
399
|
"__excludeProps": ['data'],
|
|
390
400
|
"ref": this.tableRef,
|
|
391
|
-
"role":
|
|
401
|
+
"role": "table",
|
|
392
402
|
"aria-rowcount": (data !== null && data !== void 0 ? data : []).length
|
|
393
403
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})));
|
|
394
404
|
}
|
|
@@ -397,6 +407,7 @@ var RootDefinitionTable = /*#__PURE__*/function (_Component) {
|
|
|
397
407
|
}(_core.Component);
|
|
398
408
|
(0, _defineProperty2["default"])(RootDefinitionTable, "displayName", 'DefinitionTable');
|
|
399
409
|
(0, _defineProperty2["default"])(RootDefinitionTable, "style", style);
|
|
410
|
+
(0, _defineProperty2["default"])(RootDefinitionTable, "enhance", [(0, _uniqueID["default"])()]);
|
|
400
411
|
(0, _defineProperty2["default"])(RootDefinitionTable, "defaultProps", {
|
|
401
412
|
use: 'primary',
|
|
402
413
|
uniqueKey: 'id',
|