@synerise/ds-table 0.41.3 → 0.42.3
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 +32 -0
- package/dist/Cell/Action/ActionCell.js +1 -1
- package/dist/Cell/Action/ActionCell.styles.js +1 -1
- package/dist/Cell/Action/ActionCell.types.js +1 -0
- package/dist/Cell/AvatarLabel/AvatarLabel.js +5 -5
- package/dist/Cell/AvatarLabel/AvatarLabel.styles.js +2 -2
- package/dist/Cell/AvatarLabel/AvatarLabel.types.js +1 -0
- package/dist/Cell/Copyable/Copyable.styles.js +1 -1
- package/dist/Cell/Copyable/Copyable.types.js +1 -0
- package/dist/Cell/Copyable/CopyableCell.js +6 -20
- package/dist/Cell/Editable/EditableCell.js +13 -26
- package/dist/Cell/Editable/EditableCell.styles.js +1 -1
- package/dist/Cell/Editable/EditableCell.types.js +1 -0
- package/dist/Cell/FlagLabel/FlagLabelCell.js +2 -2
- package/dist/Cell/FlagLabel/FlagLabelCell.types.js +1 -0
- package/dist/Cell/IconLabel/IconLabel.js +1 -1
- package/dist/Cell/IconLabel/IconLabel.styles.js +1 -1
- package/dist/Cell/IconLabel/IconLabel.types.d.ts +1 -1
- package/dist/Cell/IconLabel/IconLabel.types.js +1 -0
- package/dist/Cell/IconTooltipCell/IconTooltipCell.js +2 -2
- package/dist/Cell/IconTooltipCell/IconTooltipCell.types.d.ts +1 -1
- package/dist/Cell/IconTooltipCell/IconTooltipCell.types.js +1 -0
- package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js +6 -19
- package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.js +1 -0
- package/dist/Cell/LabelsWithShowMore/Modal/Modal.js +6 -19
- package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.js +1 -0
- package/dist/Cell/Star/StarCell.js +7 -8
- package/dist/Cell/Star/StarCell.styles.d.ts +1 -1
- package/dist/Cell/Star/StarCell.styles.js +1 -1
- package/dist/Cell/Star/StarCell.types.js +1 -0
- package/dist/Cell/StatusLabel/StatusLabel.js +2 -2
- package/dist/Cell/StatusLabel/StatusLabel.types.js +1 -0
- package/dist/Cell/TagIcon/TagIcon.js +1 -1
- package/dist/Cell/TagIcon/TagIcon.types.js +1 -0
- package/dist/ColumnSortMenu/SortIcons.js +15 -16
- package/dist/ColumnSortMenu/SortRenderer.js +40 -55
- package/dist/ColumnSortMenu/TitleWithSort.js +5 -5
- package/dist/ColumnSortMenu/columnWithSortButtons.js +7 -5
- package/dist/ColumnSortMenu/groupedColumnsSort.js +5 -17
- package/dist/ColumnSortMenu/replaceSortButtons.js +1 -1
- package/dist/ColumnSortMenu/useSortState.js +38 -43
- package/dist/DefaultTable/DefaultTable.js +35 -54
- package/dist/FilterTrigger/FilterTrigger.js +18 -32
- package/dist/FilterTrigger/FilterTrigger.styles.js +1 -1
- package/dist/FilterTrigger/FilterTrigger.types.js +1 -0
- package/dist/GroupTable/GroupTable.js +16 -38
- package/dist/GroupTable/GroupTable.styles.js +2 -2
- package/dist/GroupTable/GroupTable.types.js +1 -0
- package/dist/GroupTable/GroupTableBody/GroupTableBody.js +23 -37
- package/dist/GroupTable/GroupTableBody/GroupTableBody.types.js +1 -0
- package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js +3 -3
- package/dist/GroupTable/GroupTableHeader/GroupTableHeader.types.js +1 -0
- package/dist/InfiniteScroll/BackToTopButton.js +4 -5
- package/dist/InfiniteScroll/InfiniteLoaderItem.js +12 -13
- package/dist/ItemsMenu/ItemsMenu.js +1 -1
- package/dist/ItemsMenu/ItemsMenu.types.js +1 -0
- package/dist/Table.js +26 -38
- package/dist/Table.styles.js +2 -2
- package/dist/Table.types.js +1 -0
- package/dist/TableHeader/TableHeader.js +14 -27
- package/dist/TableHeader/TableHeader.types.js +1 -0
- package/dist/TableHeader/TableLimit/TableLimit.js +4 -4
- package/dist/TableHeader/TableLimit/TableLimit.types.js +1 -0
- package/dist/TableHeader/TableSelection.js +29 -40
- package/dist/TableHeader/TableSelection.types.js +1 -0
- package/dist/TreeTable/TreeTable.js +15 -30
- package/dist/TreeTable/TreeTable.styles.js +2 -2
- package/dist/VirtualTable/VirtualTable.js +46 -66
- package/dist/VirtualTable/VirtualTable.styles.js +1 -1
- package/dist/VirtualTable/VirtualTable.types.js +1 -0
- package/dist/VirtualTable/VirtualTableRow.js +53 -76
- package/dist/hooks/useRowStar.js +7 -7
- package/dist/hooks/useRowStar.types.js +1 -0
- package/dist/style/index.css +1 -1
- package/dist/utils/calculatePixels.js +1 -1
- package/dist/utils/locale.js +1 -1
- package/package.json +20 -20
|
@@ -1,35 +1,15 @@
|
|
|
1
|
+
var _excluded = ["children"];
|
|
2
|
+
|
|
1
3
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
2
4
|
|
|
3
5
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
4
6
|
|
|
5
7
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
8
|
|
|
7
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
8
|
-
|
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
|
|
11
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
12
|
-
|
|
13
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
9
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
10
|
|
|
17
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
18
|
-
|
|
19
11
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
20
12
|
|
|
21
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
22
|
-
|
|
23
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
24
|
-
|
|
25
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
26
|
-
|
|
27
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
28
|
-
|
|
29
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
30
|
-
|
|
31
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
32
|
-
|
|
33
13
|
import * as React from 'react';
|
|
34
14
|
import { compact } from 'lodash';
|
|
35
15
|
import Table from 'antd/lib/table';
|
|
@@ -56,7 +36,7 @@ function DefaultTable(props) {
|
|
|
56
36
|
columns = props.columns;
|
|
57
37
|
var sortStateApi = useSortState(columnsToSortState(columns));
|
|
58
38
|
|
|
59
|
-
var _useRowStar = useRowStar((rowStar
|
|
39
|
+
var _useRowStar = useRowStar((rowStar == null ? void 0 : rowStar.starredRowKeys) || []),
|
|
60
40
|
getRowStarColumn = _useRowStar.getRowStarColumn;
|
|
61
41
|
|
|
62
42
|
var starColumn = getRowStarColumn(props);
|
|
@@ -68,28 +48,26 @@ function DefaultTable(props) {
|
|
|
68
48
|
var toggleRowSelection = React.useCallback(function (checked, record) {
|
|
69
49
|
var key = getRowKey(record);
|
|
70
50
|
|
|
71
|
-
if (
|
|
51
|
+
if (selection != null && selection.selectedRowKeys && selection.onChange && key !== undefined) {
|
|
72
52
|
var onChange = selection.onChange,
|
|
73
53
|
selectedRowKeys = selection.selectedRowKeys;
|
|
74
|
-
|
|
75
|
-
var selectedKeys = _toConsumableArray(selectedRowKeys);
|
|
76
|
-
|
|
54
|
+
var selectedKeys = [].concat(selectedRowKeys);
|
|
77
55
|
var selectedRows = [];
|
|
78
56
|
|
|
79
57
|
if (record.children !== undefined && Array.isArray(record.children)) {
|
|
80
58
|
record.children.forEach(function (child) {
|
|
81
59
|
var childKey = getRowKey(child);
|
|
82
|
-
selectedKeys = checked && childKey ? [].concat(
|
|
60
|
+
selectedKeys = checked && childKey ? [].concat(selectedKeys, [childKey]) : selectedKeys.filter(function (k) {
|
|
83
61
|
return k !== childKey;
|
|
84
62
|
});
|
|
85
63
|
});
|
|
86
64
|
} else {
|
|
87
|
-
selectedKeys = checked ? [].concat(
|
|
65
|
+
selectedKeys = checked ? [].concat(selectedRowKeys, [key]) : selectedRowKeys.filter(function (k) {
|
|
88
66
|
return k !== key;
|
|
89
67
|
});
|
|
90
68
|
}
|
|
91
69
|
|
|
92
|
-
selectedKeys =
|
|
70
|
+
selectedKeys = [].concat(new Set(selectedKeys));
|
|
93
71
|
|
|
94
72
|
if (dataSource) {
|
|
95
73
|
dataSource.forEach(function (row) {
|
|
@@ -117,7 +95,7 @@ function DefaultTable(props) {
|
|
|
117
95
|
}, [selection, getRowKey, dataSource]);
|
|
118
96
|
var RenderRow = React.useCallback(function (row) {
|
|
119
97
|
var children = row.children,
|
|
120
|
-
rowProps =
|
|
98
|
+
rowProps = _objectWithoutPropertiesLoose(row, _excluded);
|
|
121
99
|
|
|
122
100
|
var classNameWithLevel = row.className.split(' ').find(function (name) {
|
|
123
101
|
return name.includes('row-level');
|
|
@@ -128,20 +106,21 @@ function DefaultTable(props) {
|
|
|
128
106
|
level = classNameWithLevel.split('-').pop();
|
|
129
107
|
}
|
|
130
108
|
|
|
131
|
-
return (
|
|
109
|
+
return (
|
|
110
|
+
/*#__PURE__*/
|
|
111
|
+
// eslint-disable-next-line react/jsx-handler-names
|
|
132
112
|
React.createElement("tr", _extends({}, rowProps, {
|
|
133
|
-
className:
|
|
113
|
+
className: row.className + " ds-table-row " + (level ? "ds-table-row-level-" + level : '')
|
|
134
114
|
}), children)
|
|
135
115
|
);
|
|
136
116
|
}, []);
|
|
137
117
|
var prependedColumns = compact([!!rowStar && starColumn]);
|
|
138
|
-
var decoratedColumns = columns
|
|
118
|
+
var decoratedColumns = columns == null ? void 0 : columns.map(function (column) {
|
|
139
119
|
return columnWithSortButtons(sortStateApi)(column);
|
|
140
120
|
});
|
|
141
121
|
var decoratedComponents = components && Object.entries(components).map(function (_ref) {
|
|
142
|
-
var
|
|
143
|
-
|
|
144
|
-
value = _ref2[1];
|
|
122
|
+
var key = _ref[0],
|
|
123
|
+
value = _ref[1];
|
|
145
124
|
|
|
146
125
|
if (typeof value === 'function') {
|
|
147
126
|
return [key, function (rawData, meta) {
|
|
@@ -152,24 +131,26 @@ function DefaultTable(props) {
|
|
|
152
131
|
}
|
|
153
132
|
|
|
154
133
|
return [key, value];
|
|
155
|
-
}).reduce(function (acc,
|
|
156
|
-
var
|
|
157
|
-
key = _ref4[0],
|
|
158
|
-
value = _ref4[1];
|
|
134
|
+
}).reduce(function (acc, _ref2) {
|
|
135
|
+
var _objectSpread2;
|
|
159
136
|
|
|
160
|
-
|
|
137
|
+
var key = _ref2[0],
|
|
138
|
+
value = _ref2[1];
|
|
139
|
+
return _objectSpread({}, acc, (_objectSpread2 = {}, _objectSpread2[key] = value, _objectSpread2));
|
|
161
140
|
}, {});
|
|
162
|
-
return (
|
|
141
|
+
return (
|
|
142
|
+
/*#__PURE__*/
|
|
143
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
163
144
|
// @ts-ignore
|
|
164
145
|
React.createElement(Table, _extends({}, props, {
|
|
165
146
|
"data-popup-container": true,
|
|
166
|
-
columns: [].concat(
|
|
147
|
+
columns: [].concat(prependedColumns, decoratedColumns),
|
|
167
148
|
expandable: _objectSpread({
|
|
168
149
|
expandIconColumnIndex: -1
|
|
169
150
|
}, expandable),
|
|
170
151
|
locale: _objectSpread({}, locale, {
|
|
171
|
-
emptyText: React.createElement(Result, {
|
|
172
|
-
description: (locale
|
|
152
|
+
emptyText: /*#__PURE__*/React.createElement(Result, {
|
|
153
|
+
description: (locale == null ? void 0 : locale.emptyText) || /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
173
154
|
id: "DS.TABLE.EMPTY_TEXT"
|
|
174
155
|
}),
|
|
175
156
|
type: "no-results",
|
|
@@ -183,7 +164,7 @@ function DefaultTable(props) {
|
|
|
183
164
|
}
|
|
184
165
|
}, decoratedComponents),
|
|
185
166
|
rowSelection: selection && _objectSpread({}, selection, {
|
|
186
|
-
selections: selection
|
|
167
|
+
selections: selection == null ? void 0 : (_selection$selections = selection.selections) == null ? void 0 : _selection$selections.filter(Boolean),
|
|
187
168
|
columnWidth: 64,
|
|
188
169
|
renderCell: function renderCell(checked, record) {
|
|
189
170
|
var _record$children, _record$children2;
|
|
@@ -193,22 +174,22 @@ function DefaultTable(props) {
|
|
|
193
174
|
var hasChilds = record.children !== undefined && Array.isArray(record.children);
|
|
194
175
|
var allChildsChecked = hasChilds && // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
195
176
|
// @ts-expect-error: FIXME: Property 'children' does not exist on type 'T'.ts(2339)
|
|
196
|
-
((_record$children = record.children)
|
|
177
|
+
((_record$children = record.children) == null ? void 0 : _record$children.filter(function (child) {
|
|
197
178
|
var childKey = getRowKey(child);
|
|
198
|
-
return childKey && (selection
|
|
179
|
+
return childKey && (selection == null ? void 0 : selection.selectedRowKeys.indexOf(childKey)) < 0;
|
|
199
180
|
}).length) === 0 || false;
|
|
200
181
|
var checkedChilds = // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
201
182
|
// @ts-expect-error: FIXME: Property 'children' does not exist on type 'T'.ts(2339)
|
|
202
|
-
((_record$children2 = record.children)
|
|
183
|
+
((_record$children2 = record.children) == null ? void 0 : _record$children2.filter(function (child) {
|
|
203
184
|
var childKey = getRowKey(child);
|
|
204
|
-
return childKey && (selection
|
|
185
|
+
return childKey && (selection == null ? void 0 : selection.selectedRowKeys.indexOf(childKey)) >= 0;
|
|
205
186
|
})) || [];
|
|
206
187
|
var isIndeterminate = // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
207
188
|
// @ts-expect-error: FIXME: Property 'children' does not exist on type 'T'.ts(2339)
|
|
208
189
|
hasChilds && checkedChilds.length > 0 && checkedChilds.length < record.children.length;
|
|
209
|
-
return React.createElement(Tooltip, {
|
|
210
|
-
title: locale
|
|
211
|
-
}, React.createElement(Button.Checkbox, {
|
|
190
|
+
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
191
|
+
title: locale == null ? void 0 : locale.selectRowTooltip
|
|
192
|
+
}, /*#__PURE__*/React.createElement(Button.Checkbox, {
|
|
212
193
|
checked: checked || allChildsChecked,
|
|
213
194
|
disabled: !checked && Boolean(selection.limit && selection.limit <= selection.selectedRowKeys.length),
|
|
214
195
|
indeterminate: isIndeterminate,
|
|
@@ -1,18 +1,5 @@
|
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
|
|
5
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
|
|
7
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
8
|
-
|
|
9
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
11
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
1
|
import * as React from 'react';
|
|
14
|
-
import Icon from '@synerise/ds-icon';
|
|
15
|
-
import { Close3S, FolderM } from '@synerise/ds-icon/dist/icons';
|
|
2
|
+
import Icon, { Close3S, FolderM } from '@synerise/ds-icon';
|
|
16
3
|
import Tooltip from '@synerise/ds-tooltip';
|
|
17
4
|
import { useOnClickOutside } from '@synerise/ds-utils';
|
|
18
5
|
import * as S from './FilterTrigger.styles';
|
|
@@ -35,9 +22,8 @@ var FilterTrigger = function FilterTrigger(_ref) {
|
|
|
35
22
|
disabled = _ref.disabled;
|
|
36
23
|
|
|
37
24
|
var _React$useState = React.useState(false),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
setOpened = _React$useState2[1];
|
|
25
|
+
opened = _React$useState[0],
|
|
26
|
+
setOpened = _React$useState[1];
|
|
41
27
|
|
|
42
28
|
React.useEffect(function () {
|
|
43
29
|
selected && setOpened(true);
|
|
@@ -52,40 +38,40 @@ var FilterTrigger = function FilterTrigger(_ref) {
|
|
|
52
38
|
var triggerMode = opened ? 'icon-label' : 'single-icon';
|
|
53
39
|
var triggerType = opened ? 'tertiary' : 'ghost';
|
|
54
40
|
var triggerOnClick = opened ? show : handleOpen;
|
|
55
|
-
return React.createElement("span", {
|
|
41
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
56
42
|
ref: ref
|
|
57
|
-
}, React.createElement(S.FilterButtonGroup, {
|
|
43
|
+
}, /*#__PURE__*/React.createElement(S.FilterButtonGroup, {
|
|
58
44
|
splitMode: true
|
|
59
|
-
}, React.createElement(Tooltip, {
|
|
60
|
-
title: (selected
|
|
61
|
-
}, React.createElement(S.FilterButton, {
|
|
45
|
+
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
46
|
+
title: (selected == null ? void 0 : selected.name) || tooltips.define
|
|
47
|
+
}, /*#__PURE__*/React.createElement(S.FilterButton, {
|
|
62
48
|
opened: opened,
|
|
63
49
|
selected: selected,
|
|
64
50
|
type: triggerType,
|
|
65
51
|
mode: triggerMode,
|
|
66
52
|
disabled: disabled,
|
|
67
53
|
onClick: triggerOnClick,
|
|
68
|
-
"data-testid": "filter-trigger-"
|
|
69
|
-
}, React.createElement(Icon, {
|
|
54
|
+
"data-testid": "filter-trigger-" + name
|
|
55
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
70
56
|
component: iconComponent
|
|
71
|
-
}), React.createElement(S.FilterButtonLabel, null, (selected
|
|
57
|
+
}), /*#__PURE__*/React.createElement(S.FilterButtonLabel, null, (selected == null ? void 0 : selected.name) || openedLabel))), selected && /*#__PURE__*/React.createElement(Tooltip, {
|
|
72
58
|
title: tooltips.clear
|
|
73
|
-
}, React.createElement(S.ClearButton, {
|
|
59
|
+
}, /*#__PURE__*/React.createElement(S.ClearButton, {
|
|
74
60
|
mode: "single-icon",
|
|
75
61
|
type: "tertiary",
|
|
76
62
|
onClick: handleClear,
|
|
77
63
|
"data-testid": "clear-button"
|
|
78
|
-
}, React.createElement(Icon, {
|
|
79
|
-
component: React.createElement(Close3S, null)
|
|
80
|
-
}))), opened && React.createElement(Tooltip, {
|
|
64
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
65
|
+
component: /*#__PURE__*/React.createElement(Close3S, null)
|
|
66
|
+
}))), opened && /*#__PURE__*/React.createElement(Tooltip, {
|
|
81
67
|
title: tooltips.list
|
|
82
|
-
}, React.createElement(S.ListButton, {
|
|
68
|
+
}, /*#__PURE__*/React.createElement(S.ListButton, {
|
|
83
69
|
mode: "single-icon",
|
|
84
70
|
type: "tertiary",
|
|
85
71
|
onClick: showList,
|
|
86
72
|
"data-testid": "show-list-button"
|
|
87
|
-
}, React.createElement(Icon, {
|
|
88
|
-
component: React.createElement(FolderM, null)
|
|
73
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
74
|
+
component: /*#__PURE__*/React.createElement(FolderM, null)
|
|
89
75
|
})))));
|
|
90
76
|
};
|
|
91
77
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import Button from '@synerise/ds-button';
|
|
3
3
|
import ButtonGroup from '@synerise/ds-button-group';
|
|
4
|
-
import { IconContainer } from '@synerise/ds-icon
|
|
4
|
+
import { IconContainer } from '@synerise/ds-icon';
|
|
5
5
|
export var FilterButtonGroup = styled(ButtonGroup).withConfig({
|
|
6
6
|
displayName: "FilterTriggerstyles__FilterButtonGroup",
|
|
7
7
|
componentId: "sc-1h4wcrp-0"
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,29 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
var _excluded = ["rows"];
|
|
2
2
|
|
|
3
|
-
function
|
|
3
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
4
|
|
|
5
5
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
6
6
|
|
|
7
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
8
|
-
|
|
9
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
|
|
11
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
12
|
-
|
|
13
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
14
|
-
|
|
15
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
|
-
|
|
17
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
18
|
-
|
|
19
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
|
|
21
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
22
|
-
|
|
23
|
-
function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
24
|
-
|
|
25
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
|
-
|
|
27
7
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
28
8
|
|
|
29
9
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
@@ -84,16 +64,14 @@ function GroupTable(props) {
|
|
|
84
64
|
var _React$useState = React.useState(initialGroupsCollapsed || !dataSource ? [] : dataSource.map(function (group) {
|
|
85
65
|
return group.key;
|
|
86
66
|
})),
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
setExpandedGroups = _React$useState2[1];
|
|
67
|
+
expandedGroups = _React$useState[0],
|
|
68
|
+
setExpandedGroups = _React$useState[1];
|
|
90
69
|
|
|
91
70
|
var sortStateApi = useSortState(columnsToSortState(columns));
|
|
92
71
|
|
|
93
|
-
var _React$
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
setData = _React$useState4[1];
|
|
72
|
+
var _React$useState2 = React.useState(dataSource || []),
|
|
73
|
+
data = _React$useState2[0],
|
|
74
|
+
setData = _React$useState2[1];
|
|
97
75
|
|
|
98
76
|
React.useEffect(function () {
|
|
99
77
|
setData(dataSource || []);
|
|
@@ -107,11 +85,11 @@ function GroupTable(props) {
|
|
|
107
85
|
return key !== groupKey;
|
|
108
86
|
}));
|
|
109
87
|
} else {
|
|
110
|
-
setExpandedGroups([].concat(
|
|
88
|
+
setExpandedGroups([].concat(expandedGroups, [groupKey]));
|
|
111
89
|
}
|
|
112
90
|
}, [expandedGroups, setExpandedGroups]);
|
|
113
91
|
var activeColumn = React.useMemo(function () {
|
|
114
|
-
return
|
|
92
|
+
return data != null && data.length ? data[0].column : undefined;
|
|
115
93
|
}, [data]);
|
|
116
94
|
var allItems = React.useMemo(function () {
|
|
117
95
|
var result = [];
|
|
@@ -129,7 +107,7 @@ function GroupTable(props) {
|
|
|
129
107
|
|
|
130
108
|
if (active) {
|
|
131
109
|
var rows = active.rows,
|
|
132
|
-
activeGroup =
|
|
110
|
+
activeGroup = _objectWithoutPropertiesLoose(active, _excluded);
|
|
133
111
|
|
|
134
112
|
return activeGroup;
|
|
135
113
|
}
|
|
@@ -137,13 +115,13 @@ function GroupTable(props) {
|
|
|
137
115
|
return undefined;
|
|
138
116
|
}, [data]);
|
|
139
117
|
var groupTableColumnDecorator = flow(addActiveColumnClass(activeColumn), addSortClassByState(sortStateApi), clearDefaultColumnSortOrder);
|
|
140
|
-
var columnsWithCustomSorting = columns
|
|
141
|
-
var decoratedColumns = columnsWithCustomSorting
|
|
118
|
+
var columnsWithCustomSorting = columns == null ? void 0 : columns.map(columnWithSortButtons(sortStateApi));
|
|
119
|
+
var decoratedColumns = columnsWithCustomSorting == null ? void 0 : columnsWithCustomSorting.map(groupTableColumnDecorator);
|
|
142
120
|
var columnsWithActiveSorting = getColumnsWithActiveSorting(sortStateApi, columns);
|
|
143
121
|
var sortedRowsData = activeColumn ? sortDataSourceRows(sortStateApi, columnsWithActiveSorting, dataSource) : dataSource;
|
|
144
|
-
return React.createElement("div", {
|
|
145
|
-
className: "ds-table ds-table-cell-size-"
|
|
146
|
-
}, React.createElement(Table, _extends({}, props, {
|
|
122
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
123
|
+
className: "ds-table ds-table-cell-size-" + cellSize + " " + (roundedHeader ? 'ds-table-rounded' : '')
|
|
124
|
+
}, /*#__PURE__*/React.createElement(Table, _extends({}, props, {
|
|
147
125
|
dataSource: sortedRowsData // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
148
126
|
// @ts-ignore: FIXME: antd table columns type is not compatible with DS
|
|
149
127
|
,
|
|
@@ -153,7 +131,7 @@ function GroupTable(props) {
|
|
|
153
131
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
154
132
|
row: function row(record) {
|
|
155
133
|
var activeGroup = getActiveGroup(record['data-row-key']);
|
|
156
|
-
return React.createElement(GroupTableBody, {
|
|
134
|
+
return /*#__PURE__*/React.createElement(GroupTableBody, {
|
|
157
135
|
group: record,
|
|
158
136
|
selection: selection,
|
|
159
137
|
rowKey: rowKey,
|
|
@@ -48,8 +48,8 @@ export var SubRow = styled.td.withConfig({
|
|
|
48
48
|
var theme = _ref2.theme,
|
|
49
49
|
selected = _ref2.selected,
|
|
50
50
|
sorted = _ref2.sorted;
|
|
51
|
-
if (selected) return
|
|
52
|
-
if (sorted) return
|
|
51
|
+
if (selected) return theme.palette['yellow-050'] + ";";
|
|
52
|
+
if (sorted) return theme.palette['blue-050'] + ";";
|
|
53
53
|
return "";
|
|
54
54
|
}, function (props) {
|
|
55
55
|
if (props.selected || props.sorted) return '500';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,21 +1,8 @@
|
|
|
1
|
-
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
2
|
-
|
|
3
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
|
|
5
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
|
|
7
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
|
|
8
|
-
|
|
9
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
10
|
-
|
|
11
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
12
|
-
|
|
13
1
|
import * as React from 'react';
|
|
14
2
|
import Checkbox from '@synerise/ds-checkbox/dist';
|
|
15
3
|
import Status from '@synerise/ds-status';
|
|
16
4
|
import Button from '@synerise/ds-button';
|
|
17
|
-
import Icon from '@synerise/ds-icon';
|
|
18
|
-
import AddS from '@synerise/ds-icon/dist/icons/AddS';
|
|
5
|
+
import Icon, { AddS } from '@synerise/ds-icon';
|
|
19
6
|
import { GROUP_BY } from '@synerise/ds-column-manager/dist/ColumnManagerGroupSettings/ColumnManagerGroupSettings.types';
|
|
20
7
|
import * as S from '../GroupTable.styles';
|
|
21
8
|
|
|
@@ -43,83 +30,82 @@ function GroupTableBody(_ref) {
|
|
|
43
30
|
var selectedRowsNumber = React.useMemo(function () {
|
|
44
31
|
var _selection$selectedRo;
|
|
45
32
|
|
|
46
|
-
return (selection
|
|
33
|
+
return (selection == null ? void 0 : (_selection$selectedRo = selection.selectedRowKeys) == null ? void 0 : _selection$selectedRo.filter(function (key) {
|
|
47
34
|
return allRowKeys.includes(key);
|
|
48
35
|
}).length) || 0;
|
|
49
36
|
}, [allRowKeys, selection]);
|
|
50
37
|
var activeColumn = React.useMemo(function () {
|
|
51
|
-
return group.children.length ? columns
|
|
38
|
+
return group.children.length ? columns == null ? void 0 : columns.find(function (column) {
|
|
52
39
|
return column.dataIndex === group.children[0].props.record.column;
|
|
53
40
|
}) : undefined;
|
|
54
41
|
}, [columns, group]);
|
|
55
42
|
var groupExpander = React.useMemo(function () {
|
|
56
|
-
return !hideGroupExpander && React.createElement(Button.Expander, {
|
|
43
|
+
return !hideGroupExpander && /*#__PURE__*/React.createElement(Button.Expander, {
|
|
57
44
|
onClick: function onClick() {
|
|
58
45
|
return expandGroup(group['data-row-key']);
|
|
59
46
|
},
|
|
60
47
|
expanded: expanded
|
|
61
48
|
});
|
|
62
49
|
}, [expanded, expandGroup, hideGroupExpander, group]);
|
|
63
|
-
return React.createElement(React.Fragment, null, React.createElement(S.GroupTableRow, {
|
|
64
|
-
className:
|
|
65
|
-
}, React.createElement("td", {
|
|
50
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.GroupTableRow, {
|
|
51
|
+
className: group.className + " ds-group-row"
|
|
52
|
+
}, /*#__PURE__*/React.createElement("td", {
|
|
66
53
|
colSpan: group.children.length + 1
|
|
67
|
-
}, React.createElement(S.GroupRow, null, React.createElement(S.GroupRowLeft, null, selection && React.createElement(S.GroupSelection, null, React.createElement(Checkbox, {
|
|
54
|
+
}, /*#__PURE__*/React.createElement(S.GroupRow, null, /*#__PURE__*/React.createElement(S.GroupRowLeft, null, selection && /*#__PURE__*/React.createElement(S.GroupSelection, null, /*#__PURE__*/React.createElement(Checkbox, {
|
|
68
55
|
checked: selectedRowsNumber === allRowKeys.length && allRowKeys.length > 0,
|
|
69
56
|
disabled: allRowKeys.length === 0,
|
|
70
57
|
indeterminate: selectedRowsNumber > 0 && selectedRowsNumber < allRowKeys.length,
|
|
71
58
|
onChange: function onChange(event) {
|
|
72
59
|
if (event.target.checked) {
|
|
73
|
-
var selectedKeys =
|
|
74
|
-
|
|
60
|
+
var selectedKeys = [].concat(new Set([].concat(selection == null ? void 0 : selection.selectedRowKeys, allRowKeys)));
|
|
75
61
|
selection.onChange(selectedKeys, allItems.filter(function (item) {
|
|
76
62
|
return selectedKeys.indexOf(getRowKey(item)) >= 0;
|
|
77
63
|
}));
|
|
78
64
|
} else {
|
|
79
|
-
var _selectedKeys = selection
|
|
65
|
+
var _selectedKeys = selection == null ? void 0 : selection.selectedRowKeys.filter(function (selected) {
|
|
80
66
|
return allRowKeys.indexOf(selected) < 0;
|
|
81
67
|
});
|
|
82
68
|
|
|
83
69
|
selection.onChange(_selectedKeys, allItems.filter(function (item) {
|
|
84
|
-
return (_selectedKeys
|
|
70
|
+
return (_selectedKeys == null ? void 0 : _selectedKeys.indexOf(getRowKey(item))) < 0;
|
|
85
71
|
}));
|
|
86
72
|
}
|
|
87
73
|
}
|
|
88
|
-
})), React.createElement(S.GroupValue, {
|
|
74
|
+
})), /*#__PURE__*/React.createElement(S.GroupValue, {
|
|
89
75
|
withSelection: Boolean(selection)
|
|
90
|
-
},
|
|
76
|
+
}, activeColumn != null && activeColumn.render && (activeGroup == null ? void 0 : activeGroup.groupType) === GROUP_BY.value ? activeColumn.render(group.children[0].props.record.value, {}, -1) : /*#__PURE__*/React.createElement(S.GroupValueLabel, null, group.children[0].props.record.value), /*#__PURE__*/React.createElement(Status, {
|
|
91
77
|
type: "disabled",
|
|
92
78
|
label: group.children[0].props.record.rows.length
|
|
93
|
-
}))), React.createElement(S.GroupRowRight, null, addItem && activeGroup && React.createElement(S.GroupAddItemButton, {
|
|
79
|
+
}))), /*#__PURE__*/React.createElement(S.GroupRowRight, null, addItem && activeGroup && /*#__PURE__*/React.createElement(S.GroupAddItemButton, {
|
|
94
80
|
type: "ghost",
|
|
95
81
|
mode: "icon-label",
|
|
96
82
|
onClick: function onClick() {
|
|
97
83
|
addItem(activeGroup.column, activeGroup.value);
|
|
98
84
|
}
|
|
99
|
-
}, React.createElement(Icon, {
|
|
100
|
-
component: React.createElement(AddS, null)
|
|
85
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
86
|
+
component: /*#__PURE__*/React.createElement(AddS, null)
|
|
101
87
|
}), "Add item"), groupExpander)))), expanded && group.children[0].props.record.rows.map( // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
102
88
|
function (rowRecord) {
|
|
103
89
|
var key = getRowKey(rowRecord);
|
|
104
|
-
return React.createElement("tr", {
|
|
90
|
+
return /*#__PURE__*/React.createElement("tr", {
|
|
105
91
|
key: rowRecord.column
|
|
106
|
-
}, selection && React.createElement(S.SubRow, {
|
|
92
|
+
}, selection && /*#__PURE__*/React.createElement(S.SubRow, {
|
|
107
93
|
withBorderLeft: true
|
|
108
|
-
}, React.createElement(Checkbox, {
|
|
94
|
+
}, /*#__PURE__*/React.createElement(Checkbox, {
|
|
109
95
|
checked: selection.selectedRowKeys.indexOf(key) >= 0,
|
|
110
96
|
onChange: function onChange(event) {
|
|
111
97
|
if (event.target.checked) {
|
|
112
|
-
selection.onChange([].concat(
|
|
98
|
+
selection.onChange([].concat(selection.selectedRowKeys, [key]), [].concat(allItems, [rowRecord]));
|
|
113
99
|
} else {
|
|
114
|
-
selection.onChange(selection
|
|
100
|
+
selection.onChange(selection == null ? void 0 : selection.selectedRowKeys.filter(function (item) {
|
|
115
101
|
return item !== key;
|
|
116
102
|
}), allItems.filter(function (item) {
|
|
117
103
|
return getRowKey(item) !== key;
|
|
118
104
|
}));
|
|
119
105
|
}
|
|
120
106
|
}
|
|
121
|
-
})), columns
|
|
122
|
-
return column.dataIndex && React.createElement(S.SubRow, {
|
|
107
|
+
})), columns == null ? void 0 : columns.map(function (column, index) {
|
|
108
|
+
return column.dataIndex && /*#__PURE__*/React.createElement(S.SubRow, {
|
|
123
109
|
key: index,
|
|
124
110
|
selected: column.dataIndex === group.children[0].props.record.column,
|
|
125
111
|
sorted: Boolean(column.sortOrder)
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -10,12 +10,12 @@ function GroupTableHeader(_ref) {
|
|
|
10
10
|
sortColumn(child);
|
|
11
11
|
}
|
|
12
12
|
}, [sortColumn]);
|
|
13
|
-
return React.createElement("tr", null, header.children.map( // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
13
|
+
return /*#__PURE__*/React.createElement("tr", null, header.children.map( // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14
14
|
function (child) {
|
|
15
15
|
var _child$props$addition;
|
|
16
16
|
|
|
17
17
|
var isColumnActive = activeColumnKey === child.key;
|
|
18
|
-
return React.createElement("th", {
|
|
18
|
+
return /*#__PURE__*/React.createElement("th", {
|
|
19
19
|
key: child.key,
|
|
20
20
|
rowSpan: child.props.rowspan,
|
|
21
21
|
onClick: isColumnActive ? function (e) {
|
|
@@ -23,7 +23,7 @@ function GroupTableHeader(_ref) {
|
|
|
23
23
|
} : function () {
|
|
24
24
|
return clickHandle(child);
|
|
25
25
|
},
|
|
26
|
-
className:
|
|
26
|
+
className: child.props.className + " " + (((_child$props$addition = child.props.additionalProps) == null ? void 0 : _child$props$addition.className) || '') + " " + (isColumnActive ? 'ds-table-active-column' : '')
|
|
27
27
|
}, child.props.children);
|
|
28
28
|
}));
|
|
29
29
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
2
|
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import Icon from '@synerise/ds-icon';
|
|
5
|
-
import { ArrowUpCircleM } from '@synerise/ds-icon/dist/icons';
|
|
4
|
+
import Icon, { ArrowUpCircleM } from '@synerise/ds-icon';
|
|
6
5
|
import * as S from './BackToTopButton.styles';
|
|
7
6
|
export var BackToTopButton = function BackToTopButton(props) {
|
|
8
|
-
return React.createElement(S.OffsetButton, _extends({
|
|
7
|
+
return /*#__PURE__*/React.createElement(S.OffsetButton, _extends({
|
|
9
8
|
type: "custom-color",
|
|
10
9
|
mode: "icon-label",
|
|
11
10
|
color: "grey",
|
|
12
|
-
icon: React.createElement(Icon, {
|
|
13
|
-
component: React.createElement(ArrowUpCircleM, null)
|
|
11
|
+
icon: /*#__PURE__*/React.createElement(Icon, {
|
|
12
|
+
component: /*#__PURE__*/React.createElement(ArrowUpCircleM, null)
|
|
14
13
|
})
|
|
15
14
|
}, props));
|
|
16
15
|
};
|