@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.
Files changed (77) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/Cell/Action/ActionCell.js +1 -1
  3. package/dist/Cell/Action/ActionCell.styles.js +1 -1
  4. package/dist/Cell/Action/ActionCell.types.js +1 -0
  5. package/dist/Cell/AvatarLabel/AvatarLabel.js +5 -5
  6. package/dist/Cell/AvatarLabel/AvatarLabel.styles.js +2 -2
  7. package/dist/Cell/AvatarLabel/AvatarLabel.types.js +1 -0
  8. package/dist/Cell/Copyable/Copyable.styles.js +1 -1
  9. package/dist/Cell/Copyable/Copyable.types.js +1 -0
  10. package/dist/Cell/Copyable/CopyableCell.js +6 -20
  11. package/dist/Cell/Editable/EditableCell.js +13 -26
  12. package/dist/Cell/Editable/EditableCell.styles.js +1 -1
  13. package/dist/Cell/Editable/EditableCell.types.js +1 -0
  14. package/dist/Cell/FlagLabel/FlagLabelCell.js +2 -2
  15. package/dist/Cell/FlagLabel/FlagLabelCell.types.js +1 -0
  16. package/dist/Cell/IconLabel/IconLabel.js +1 -1
  17. package/dist/Cell/IconLabel/IconLabel.styles.js +1 -1
  18. package/dist/Cell/IconLabel/IconLabel.types.d.ts +1 -1
  19. package/dist/Cell/IconLabel/IconLabel.types.js +1 -0
  20. package/dist/Cell/IconTooltipCell/IconTooltipCell.js +2 -2
  21. package/dist/Cell/IconTooltipCell/IconTooltipCell.types.d.ts +1 -1
  22. package/dist/Cell/IconTooltipCell/IconTooltipCell.types.js +1 -0
  23. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js +6 -19
  24. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.js +1 -0
  25. package/dist/Cell/LabelsWithShowMore/Modal/Modal.js +6 -19
  26. package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.js +1 -0
  27. package/dist/Cell/Star/StarCell.js +7 -8
  28. package/dist/Cell/Star/StarCell.styles.d.ts +1 -1
  29. package/dist/Cell/Star/StarCell.styles.js +1 -1
  30. package/dist/Cell/Star/StarCell.types.js +1 -0
  31. package/dist/Cell/StatusLabel/StatusLabel.js +2 -2
  32. package/dist/Cell/StatusLabel/StatusLabel.types.js +1 -0
  33. package/dist/Cell/TagIcon/TagIcon.js +1 -1
  34. package/dist/Cell/TagIcon/TagIcon.types.js +1 -0
  35. package/dist/ColumnSortMenu/SortIcons.js +15 -16
  36. package/dist/ColumnSortMenu/SortRenderer.js +40 -55
  37. package/dist/ColumnSortMenu/TitleWithSort.js +5 -5
  38. package/dist/ColumnSortMenu/columnWithSortButtons.js +7 -5
  39. package/dist/ColumnSortMenu/groupedColumnsSort.js +5 -17
  40. package/dist/ColumnSortMenu/replaceSortButtons.js +1 -1
  41. package/dist/ColumnSortMenu/useSortState.js +38 -43
  42. package/dist/DefaultTable/DefaultTable.js +35 -54
  43. package/dist/FilterTrigger/FilterTrigger.js +18 -32
  44. package/dist/FilterTrigger/FilterTrigger.styles.js +1 -1
  45. package/dist/FilterTrigger/FilterTrigger.types.js +1 -0
  46. package/dist/GroupTable/GroupTable.js +16 -38
  47. package/dist/GroupTable/GroupTable.styles.js +2 -2
  48. package/dist/GroupTable/GroupTable.types.js +1 -0
  49. package/dist/GroupTable/GroupTableBody/GroupTableBody.js +23 -37
  50. package/dist/GroupTable/GroupTableBody/GroupTableBody.types.js +1 -0
  51. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js +3 -3
  52. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.types.js +1 -0
  53. package/dist/InfiniteScroll/BackToTopButton.js +4 -5
  54. package/dist/InfiniteScroll/InfiniteLoaderItem.js +12 -13
  55. package/dist/ItemsMenu/ItemsMenu.js +1 -1
  56. package/dist/ItemsMenu/ItemsMenu.types.js +1 -0
  57. package/dist/Table.js +26 -38
  58. package/dist/Table.styles.js +2 -2
  59. package/dist/Table.types.js +1 -0
  60. package/dist/TableHeader/TableHeader.js +14 -27
  61. package/dist/TableHeader/TableHeader.types.js +1 -0
  62. package/dist/TableHeader/TableLimit/TableLimit.js +4 -4
  63. package/dist/TableHeader/TableLimit/TableLimit.types.js +1 -0
  64. package/dist/TableHeader/TableSelection.js +29 -40
  65. package/dist/TableHeader/TableSelection.types.js +1 -0
  66. package/dist/TreeTable/TreeTable.js +15 -30
  67. package/dist/TreeTable/TreeTable.styles.js +2 -2
  68. package/dist/VirtualTable/VirtualTable.js +46 -66
  69. package/dist/VirtualTable/VirtualTable.styles.js +1 -1
  70. package/dist/VirtualTable/VirtualTable.types.js +1 -0
  71. package/dist/VirtualTable/VirtualTableRow.js +53 -76
  72. package/dist/hooks/useRowStar.js +7 -7
  73. package/dist/hooks/useRowStar.types.js +1 -0
  74. package/dist/style/index.css +1 -1
  75. package/dist/utils/calculatePixels.js +1 -1
  76. package/dist/utils/locale.js +1 -1
  77. 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 === null || rowStar === void 0 ? void 0 : rowStar.starredRowKeys) || []),
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 ((selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys) && selection.onChange && key !== undefined) {
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(_toConsumableArray(selectedKeys), [childKey]) : selectedKeys.filter(function (k) {
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(_toConsumableArray(selectedRowKeys), [key]) : selectedRowKeys.filter(function (k) {
65
+ selectedKeys = checked ? [].concat(selectedRowKeys, [key]) : selectedRowKeys.filter(function (k) {
88
66
  return k !== key;
89
67
  });
90
68
  }
91
69
 
92
- selectedKeys = _toConsumableArray(new Set(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 = _objectWithoutProperties(row, ["children"]);
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 (// eslint-disable-next-line react/jsx-handler-names
109
+ return (
110
+ /*#__PURE__*/
111
+ // eslint-disable-next-line react/jsx-handler-names
132
112
  React.createElement("tr", _extends({}, rowProps, {
133
- className: "".concat(row.className, " ds-table-row ").concat(level ? "ds-table-row-level-".concat(level) : '')
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 === null || columns === void 0 ? void 0 : columns.map(function (column) {
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 _ref2 = _slicedToArray(_ref, 2),
143
- key = _ref2[0],
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, _ref3) {
156
- var _ref4 = _slicedToArray(_ref3, 2),
157
- key = _ref4[0],
158
- value = _ref4[1];
134
+ }).reduce(function (acc, _ref2) {
135
+ var _objectSpread2;
159
136
 
160
- return _objectSpread({}, acc, _defineProperty({}, key, value));
137
+ var key = _ref2[0],
138
+ value = _ref2[1];
139
+ return _objectSpread({}, acc, (_objectSpread2 = {}, _objectSpread2[key] = value, _objectSpread2));
161
140
  }, {});
162
- return (// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
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(_toConsumableArray(prependedColumns), _toConsumableArray(decoratedColumns)),
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 === null || locale === void 0 ? void 0 : locale.emptyText) || React.createElement(FormattedMessage, {
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 === null || selection === void 0 ? void 0 : (_selection$selections = selection.selections) === null || _selection$selections === void 0 ? void 0 : _selection$selections.filter(Boolean),
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) === null || _record$children === void 0 ? void 0 : _record$children.filter(function (child) {
177
+ ((_record$children = record.children) == null ? void 0 : _record$children.filter(function (child) {
197
178
  var childKey = getRowKey(child);
198
- return childKey && (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.indexOf(childKey)) < 0;
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) === null || _record$children2 === void 0 ? void 0 : _record$children2.filter(function (child) {
183
+ ((_record$children2 = record.children) == null ? void 0 : _record$children2.filter(function (child) {
203
184
  var childKey = getRowKey(child);
204
- return childKey && (selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.indexOf(childKey)) >= 0;
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 === null || locale === void 0 ? void 0 : locale.selectRowTooltip
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
- _React$useState2 = _slicedToArray(_React$useState, 2),
39
- opened = _React$useState2[0],
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 === null || selected === void 0 ? void 0 : selected.name) || tooltips.define
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-".concat(name)
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 === null || selected === void 0 ? void 0 : selected.name) || openedLabel))), selected && React.createElement(Tooltip, {
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/dist/Icon.styles';
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
- 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); }
1
+ var _excluded = ["rows"];
2
2
 
3
- 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; }
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
- _React$useState2 = _slicedToArray(_React$useState, 2),
88
- expandedGroups = _React$useState2[0],
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$useState3 = React.useState(dataSource || []),
94
- _React$useState4 = _slicedToArray(_React$useState3, 2),
95
- data = _React$useState4[0],
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(_toConsumableArray(expandedGroups), [groupKey]));
88
+ setExpandedGroups([].concat(expandedGroups, [groupKey]));
111
89
  }
112
90
  }, [expandedGroups, setExpandedGroups]);
113
91
  var activeColumn = React.useMemo(function () {
114
- return (data === null || data === void 0 ? void 0 : data.length) ? data[0].column : undefined;
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 = _objectWithoutProperties(active, ["rows"]);
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 === null || columns === void 0 ? void 0 : columns.map(columnWithSortButtons(sortStateApi));
141
- var decoratedColumns = columnsWithCustomSorting === null || columnsWithCustomSorting === void 0 ? void 0 : columnsWithCustomSorting.map(groupTableColumnDecorator);
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-".concat(cellSize, " ").concat(roundedHeader ? 'ds-table-rounded' : '')
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 "".concat(theme.palette['yellow-050'], ";");
52
- if (sorted) return "".concat(theme.palette['blue-050'], ";");
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 === null || selection === void 0 ? void 0 : (_selection$selectedRo = selection.selectedRowKeys) === null || _selection$selectedRo === void 0 ? void 0 : _selection$selectedRo.filter(function (key) {
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 === null || columns === void 0 ? void 0 : columns.find(function (column) {
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: "".concat(group.className, " ds-group-row")
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 = _toConsumableArray(new Set([].concat(_toConsumableArray(selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys), _toConsumableArray(allRowKeys))));
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 === null || selection === void 0 ? void 0 : selection.selectedRowKeys.filter(function (selected) {
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 === null || _selectedKeys === void 0 ? void 0 : _selectedKeys.indexOf(getRowKey(item))) < 0;
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
- }, (activeColumn === null || activeColumn === void 0 ? void 0 : activeColumn.render) && (activeGroup === null || activeGroup === void 0 ? void 0 : activeGroup.groupType) === GROUP_BY.value ? activeColumn.render(group.children[0].props.record.value, {}, -1) : React.createElement(S.GroupValueLabel, null, group.children[0].props.record.value), React.createElement(Status, {
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(_toConsumableArray(selection.selectedRowKeys), [key]), [].concat(_toConsumableArray(allItems), [rowRecord]));
98
+ selection.onChange([].concat(selection.selectedRowKeys, [key]), [].concat(allItems, [rowRecord]));
113
99
  } else {
114
- selection.onChange(selection === null || selection === void 0 ? void 0 : selection.selectedRowKeys.filter(function (item) {
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 === null || columns === void 0 ? void 0 : columns.map(function (column, index) {
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)
@@ -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: "".concat(child.props.className, " ").concat(((_child$props$addition = child.props.additionalProps) === null || _child$props$addition === void 0 ? void 0 : _child$props$addition.className) || '', " ").concat(isColumnActive ? 'ds-table-active-column' : '')
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
  }
@@ -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
  };