@synerise/ds-table 0.42.2 → 0.42.6

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 (37) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/dist/Cell/Action/ActionCell.js +1 -1
  3. package/dist/Cell/Action/ActionCell.styles.js +1 -1
  4. package/dist/Cell/AvatarLabel/AvatarLabel.js +1 -1
  5. package/dist/Cell/AvatarLabel/AvatarLabel.styles.js +2 -2
  6. package/dist/Cell/Copyable/CopyableCell.js +2 -15
  7. package/dist/Cell/Editable/EditableCell.js +5 -19
  8. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js +3 -16
  9. package/dist/Cell/LabelsWithShowMore/Modal/Modal.js +3 -16
  10. package/dist/Cell/Star/StarCell.styles.js +1 -1
  11. package/dist/ColumnSortMenu/SortRenderer.js +17 -23
  12. package/dist/ColumnSortMenu/TitleWithSort.js +1 -3
  13. package/dist/ColumnSortMenu/columnWithSortButtons.js +6 -4
  14. package/dist/ColumnSortMenu/groupedColumnsSort.js +7 -19
  15. package/dist/ColumnSortMenu/replaceSortButtons.js +2 -2
  16. package/dist/ColumnSortMenu/useSortState.js +39 -44
  17. package/dist/DefaultTable/DefaultTable.js +28 -53
  18. package/dist/FilterTrigger/FilterTrigger.js +6 -19
  19. package/dist/GroupTable/GroupTable.js +16 -40
  20. package/dist/GroupTable/GroupTable.styles.js +2 -2
  21. package/dist/GroupTable/GroupTableBody/GroupTableBody.js +10 -23
  22. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js +1 -1
  23. package/dist/InfiniteScroll/InfiniteLoaderItem.js +4 -0
  24. package/dist/Table.js +10 -22
  25. package/dist/Table.styles.js +2 -2
  26. package/dist/TableHeader/TableHeader.js +4 -17
  27. package/dist/TableHeader/TableLimit/TableLimit.js +3 -3
  28. package/dist/TableHeader/TableSelection.js +16 -28
  29. package/dist/TreeTable/TreeTable.js +5 -19
  30. package/dist/TreeTable/TreeTable.styles.js +2 -2
  31. package/dist/VirtualTable/VirtualTable.js +44 -66
  32. package/dist/VirtualTable/VirtualTable.styles.js +1 -1
  33. package/dist/VirtualTable/VirtualTableRow.js +54 -79
  34. package/dist/hooks/useRowStar.js +5 -5
  35. package/dist/utils/calculatePixels.js +1 -1
  36. package/dist/utils/locale.js +4 -4
  37. package/package.json +20 -20
package/CHANGELOG.md CHANGED
@@ -3,6 +3,46 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.42.6](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.42.5...@synerise/ds-table@0.42.6) (2021-12-20)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **table:** fixes first arg of onSelectionChange handler ([6321efc](https://github.com/synerise/synerise-design/commit/6321efc3e8a49e5184e274583791bb5ccb35e774))
12
+ * **table:** fixes returned data by on change selection function ([151e195](https://github.com/synerise/synerise-design/commit/151e195b8bb6d37f9fdede12aaa569b56ba97e82))
13
+
14
+
15
+
16
+
17
+
18
+ ## [0.42.5](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.42.4...@synerise/ds-table@0.42.5) (2021-12-01)
19
+
20
+
21
+ ### Bug Fixes
22
+
23
+ * **table:** searchbox specific styling in grouped-table ([a3779e1](https://github.com/synerise/synerise-design/commit/a3779e1b23204092c60bcd95e0a9311504d0e37d))
24
+ * **table:** specify btn-search no min-width for grouped-table ([1726da4](https://github.com/synerise/synerise-design/commit/1726da4bd64aed4d0775929fa6fd2f7dbdde2c1f))
25
+
26
+
27
+
28
+
29
+
30
+ ## [0.42.4](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.42.3...@synerise/ds-table@0.42.4) (2021-11-23)
31
+
32
+ **Note:** Version bump only for package @synerise/ds-table
33
+
34
+
35
+
36
+
37
+
38
+ ## [0.42.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.42.2...@synerise/ds-table@0.42.3) (2021-11-22)
39
+
40
+ **Note:** Version bump only for package @synerise/ds-table
41
+
42
+
43
+
44
+
45
+
6
46
  ## [0.42.2](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.42.1...@synerise/ds-table@0.42.2) (2021-11-16)
7
47
 
8
48
  **Note:** Version bump only for package @synerise/ds-table
@@ -13,4 +13,4 @@ var ActionCell = function ActionCell(_ref) {
13
13
  }, children);
14
14
  };
15
15
 
16
- export default /*#__PURE__*/React.memo(ActionCell);
16
+ export default React.memo(ActionCell);
@@ -11,5 +11,5 @@ export var ActionCell = styled.div.withConfig({
11
11
  })(["display:flex;align-items:center;justify-content:", ";& > *{margin-right:", ";&:last-child{margin-right:0;}}"], function (props) {
12
12
  return align[props.contentAlign];
13
13
  }, function (props) {
14
- return "".concat(props.gapSize, "px");
14
+ return props.gapSize + "px";
15
15
  });
@@ -21,7 +21,7 @@ var AvatarLabel = function AvatarLabel(_ref) {
21
21
  ellipsis: Boolean(ellipsis),
22
22
  maxWidth: maxWidth,
23
23
  avatarSize: avatarSize
24
- }, title), labels === null || labels === void 0 ? void 0 : labels.map(function (label) {
24
+ }, title), labels == null ? void 0 : labels.map(function (label) {
25
25
  return /*#__PURE__*/React.createElement(S.Label, {
26
26
  key: uuid(),
27
27
  textSize: textSize,
@@ -19,7 +19,7 @@ export var Title = styled.span.withConfig({
19
19
  })(["font-size:14px;line-height:20px;font-weight:500;color:", ";", ";"], function (props) {
20
20
  return props.theme.palette['grey-700'];
21
21
  }, function (props) {
22
- return props.ellipsis && css(["text-overflow:ellipsis;overflow:hidden;max-width:", ";"], props.maxWidth ? "".concat(props.maxWidth, "px") : '100%');
22
+ return props.ellipsis && css(["text-overflow:ellipsis;overflow:hidden;max-width:", ";"], props.maxWidth ? props.maxWidth + "px" : '100%');
23
23
  });
24
24
  export var Label = styled.span.withConfig({
25
25
  displayName: "AvatarLabelstyles__Label",
@@ -29,7 +29,7 @@ export var Label = styled.span.withConfig({
29
29
  }, function (props) {
30
30
  return props.textSize === 'default' ? '4px' : '0px';
31
31
  }, function (props) {
32
- return props.ellipsis && css(["text-overflow:ellipsis;overflow:hidden;max-width:", ";"], props.maxWidth ? "".concat(props.maxWidth, "px") : '100%');
32
+ return props.ellipsis && css(["text-overflow:ellipsis;overflow:hidden;max-width:", ";"], props.maxWidth ? props.maxWidth + "px" : '100%');
33
33
  });
34
34
  export var Icon = styled.div.withConfig({
35
35
  displayName: "AvatarLabelstyles__Icon",
@@ -1,15 +1,3 @@
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(o); 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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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
2
  import * as copy from 'copy-to-clipboard';
15
3
  import Icon, { CopyClipboardM } from '@synerise/ds-icon';
@@ -23,9 +11,8 @@ var CopyableCell = function CopyableCell(_ref) {
23
11
  tooltipTimeout = _ref$tooltipTimeout === void 0 ? 2000 : _ref$tooltipTimeout;
24
12
 
25
13
  var _React$useState = React.useState(false),
26
- _React$useState2 = _slicedToArray(_React$useState, 2),
27
- tooltipVisible = _React$useState2[0],
28
- setTooltipVisible = _React$useState2[1];
14
+ tooltipVisible = _React$useState[0],
15
+ setTooltipVisible = _React$useState[1];
29
16
 
30
17
  React.useEffect(function () {
31
18
  var timer = setTimeout(function () {
@@ -1,15 +1,3 @@
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(o); 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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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
2
  import Icon, { EditNolineS } from '@synerise/ds-icon';
15
3
  import { Input } from '@synerise/ds-input';
@@ -21,14 +9,12 @@ var EditableCell = function EditableCell(_ref) {
21
9
  placeholder = _ref.placeholder;
22
10
 
23
11
  var _React$useState = React.useState(false),
24
- _React$useState2 = _slicedToArray(_React$useState, 2),
25
- editMode = _React$useState2[0],
26
- setEditMode = _React$useState2[1];
12
+ editMode = _React$useState[0],
13
+ setEditMode = _React$useState[1];
27
14
 
28
- var _React$useState3 = React.useState(value || ''),
29
- _React$useState4 = _slicedToArray(_React$useState3, 2),
30
- editValue = _React$useState4[0],
31
- setEditValue = _React$useState4[1];
15
+ var _React$useState2 = React.useState(value || ''),
16
+ editValue = _React$useState2[0],
17
+ setEditValue = _React$useState2[1];
32
18
 
33
19
  var enterEditMode = React.useCallback(function () {
34
20
  setEditMode(true);
@@ -1,15 +1,3 @@
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(o); 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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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
2
  import Tooltip from '@synerise/ds-tooltip';
15
3
  import * as S from './LabelsWithShowMore.styles';
@@ -24,9 +12,8 @@ var LabelsWithShowMore = function LabelsWithShowMore(_ref) {
24
12
  loading = _ref.loading;
25
13
 
26
14
  var _React$useState = React.useState(false),
27
- _React$useState2 = _slicedToArray(_React$useState, 2),
28
- modalVisible = _React$useState2[0],
29
- setModalVisible = _React$useState2[1];
15
+ modalVisible = _React$useState[0],
16
+ setModalVisible = _React$useState[1];
30
17
 
31
18
  var diff = React.useMemo(function () {
32
19
  return items.length - numberOfVisibleItems;
@@ -37,7 +24,7 @@ var LabelsWithShowMore = function LabelsWithShowMore(_ref) {
37
24
  }).join(', ');
38
25
  }, [items, labelKey, numberOfVisibleItems]);
39
26
  return /*#__PURE__*/React.createElement(S.CellWrapper, null, /*#__PURE__*/React.createElement(S.Labels, null, labels), diff > 0 && /*#__PURE__*/React.createElement(Tooltip, {
40
- title: "".concat(texts.tooltip)
27
+ title: "" + texts.tooltip
41
28
  }, /*#__PURE__*/React.createElement(S.MoreInfo, {
42
29
  onClick: function onClick() {
43
30
  return setModalVisible(true);
@@ -1,15 +1,3 @@
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(o); 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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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
2
  import Modal from '@synerise/ds-modal';
15
3
  import SearchInput from '@synerise/ds-search/dist/Elements/SearchInput/SearchInput';
@@ -25,9 +13,8 @@ var DetailsModal = function DetailsModal(_ref) {
25
13
  loading = _ref.loading;
26
14
 
27
15
  var _React$useState = React.useState(''),
28
- _React$useState2 = _slicedToArray(_React$useState, 2),
29
- searchQuery = _React$useState2[0],
30
- setSearchQuery = _React$useState2[1];
16
+ searchQuery = _React$useState[0],
17
+ setSearchQuery = _React$useState[1];
31
18
 
32
19
  var columns = React.useMemo(function () {
33
20
  return [{
@@ -59,7 +46,7 @@ var DetailsModal = function DetailsModal(_ref) {
59
46
  cellHeight: 64,
60
47
  initialWidth: 500,
61
48
  dataSource: filteredItems,
62
- title: "".concat(filteredItems.length, " ").concat(texts.records),
49
+ title: filteredItems.length + " " + texts.records,
63
50
  columns: columns,
64
51
  loading: loading,
65
52
  showHeader: false,
@@ -8,7 +8,7 @@ export var StarredIcon = styled(Icon).withConfig({
8
8
  displayName: "StarCellstyles__StarredIcon",
9
9
  componentId: "sc-1tyl01w-1"
10
10
  })(["margin-right:16px;", " &:hover{svg{fill:", ";}}"], function (props) {
11
- return !!props.active && "&.icon.icon1.ds-icon svg {\n fill: ".concat(props.theme.palette['yellow-600'], ";\n }");
11
+ return !!props.active && "&.icon.icon1.ds-icon svg {\n fill: " + props.theme.palette['yellow-600'] + ";\n }";
12
12
  }, function (props) {
13
13
  return props.active ? props.theme.palette['yellow-600'] : props.onClick && props.theme.palette['blue-600'];
14
14
  });
@@ -1,15 +1,3 @@
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(o); 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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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 { partial } from 'lodash';
14
2
  import * as React from 'react';
15
3
  import Dropdown from '@synerise/ds-dropdown';
@@ -34,9 +22,8 @@ export var CommonRenderer = function CommonRenderer(_ref) {
34
22
  var onSortOrderChange = partial(setColumnSortOrder, columnKey);
35
23
 
36
24
  var _React$useState = React.useState(false),
37
- _React$useState2 = _slicedToArray(_React$useState, 2),
38
- isDropdownVisible = _React$useState2[0],
39
- setIsDropdownVisible = _React$useState2[1];
25
+ isDropdownVisible = _React$useState[0],
26
+ setIsDropdownVisible = _React$useState[1];
40
27
 
41
28
  return /*#__PURE__*/React.createElement(TableLocaleContext.Consumer, null, function (locale) {
42
29
  return /*#__PURE__*/React.createElement(Dropdown, {
@@ -49,7 +36,9 @@ export var CommonRenderer = function CommonRenderer(_ref) {
49
36
  style: {
50
37
  width: 220
51
38
  }
52
- }, /*#__PURE__*/React.createElement(Menu, {
39
+ }, /*#__PURE__*/React.createElement(Menu // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
40
+ // @ts-ignore
41
+ , {
53
42
  asDropdownMenu: true,
54
43
  onClick: function onClick(_ref2) {
55
44
  var key = _ref2.key;
@@ -75,7 +64,9 @@ export var CommonRenderer = function CommonRenderer(_ref) {
75
64
  isActive: columnSortOrder === 'descend'
76
65
  })
77
66
  }, locale.columnSortDescend), !!columnSortOrder && /*#__PURE__*/React.createElement(Menu.Item, {
78
- key: "null",
67
+ key: "null" // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
68
+ // @ts-ignore
69
+ ,
79
70
  type: "danger",
80
71
  prefixel: /*#__PURE__*/React.createElement(Icon, {
81
72
  component: /*#__PURE__*/React.createElement(Close2M, null)
@@ -101,10 +92,9 @@ export var StringRenderer = function StringRenderer(_ref3) {
101
92
  var columnSortOrder = column.key ? getColumnSortOrder(columnKey) : null;
102
93
  var onSortOrderChange = partial(setColumnSortOrder, columnKey);
103
94
 
104
- var _React$useState3 = React.useState(false),
105
- _React$useState4 = _slicedToArray(_React$useState3, 2),
106
- isDropdownVisible = _React$useState4[0],
107
- setIsDropdownVisible = _React$useState4[1];
95
+ var _React$useState2 = React.useState(false),
96
+ isDropdownVisible = _React$useState2[0],
97
+ setIsDropdownVisible = _React$useState2[1];
108
98
 
109
99
  return /*#__PURE__*/React.createElement(TableLocaleContext.Consumer, null, function (locale) {
110
100
  return /*#__PURE__*/React.createElement(Dropdown, {
@@ -117,7 +107,9 @@ export var StringRenderer = function StringRenderer(_ref3) {
117
107
  style: {
118
108
  width: 170
119
109
  }
120
- }, /*#__PURE__*/React.createElement(Menu, {
110
+ }, /*#__PURE__*/React.createElement(Menu // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
111
+ // @ts-ignore
112
+ , {
121
113
  asDropdownMenu: true,
122
114
  onClick: function onClick(_ref4) {
123
115
  var key = _ref4.key;
@@ -143,7 +135,9 @@ export var StringRenderer = function StringRenderer(_ref3) {
143
135
  isActive: columnSortOrder === 'descend'
144
136
  })
145
137
  }, locale.columnSortZa), !!columnSortOrder && /*#__PURE__*/React.createElement(Menu.Item, {
146
- key: "null",
138
+ key: "null" // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
139
+ // @ts-ignore
140
+ ,
147
141
  type: "danger",
148
142
  prefixel: /*#__PURE__*/React.createElement(Icon, {
149
143
  component: /*#__PURE__*/React.createElement(Close2M, null)
@@ -2,8 +2,6 @@ var _excluded = ["column", "sortRender", "titleProps"];
2
2
 
3
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
- 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; }
6
-
7
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; }
8
6
 
9
7
  import * as React from 'react';
@@ -12,7 +10,7 @@ export var TitleWithSort = function TitleWithSort(_ref) {
12
10
  var column = _ref.column,
13
11
  sortRender = _ref.sortRender,
14
12
  titleProps = _ref.titleProps,
15
- spanProps = _objectWithoutProperties(_ref, _excluded);
13
+ spanProps = _objectWithoutPropertiesLoose(_ref, _excluded);
16
14
 
17
15
  var itemRef = React.useRef(null);
18
16
  var ReplaceButtonsPortal = createReplaceButtonsPortal(itemRef.current, sortRender);
@@ -1,4 +1,4 @@
1
- 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; }
1
+ 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
2
 
3
3
  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
4
 
@@ -8,8 +8,10 @@ import * as React from 'react';
8
8
  import { TitleWithSort } from './TitleWithSort';
9
9
  import { CommonRenderer, StringRenderer } from './SortRenderer';
10
10
 
11
- var getSortRenderer = function getSortRenderer() {
12
- var sortRender = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
11
+ var getSortRenderer = function getSortRenderer(sortRender) {
12
+ if (sortRender === void 0) {
13
+ sortRender = 'default';
14
+ }
13
15
 
14
16
  if (typeof sortRender === 'function') {
15
17
  return sortRender;
@@ -38,7 +40,7 @@ var getSortRenderer = function getSortRenderer() {
38
40
  export var columnWithSortButtons = function columnWithSortButtons(sortStateApi) {
39
41
  return function (column) {
40
42
  var sortRenderer = getSortRenderer(column.sortRender);
41
- return column.sorter ? _objectSpread(_objectSpread({}, column), {}, {
43
+ return column.sorter ? _objectSpread({}, column, {
42
44
  sortOrder: column.key ? sortStateApi.getColumnSortOrder(String(column.key)) : null,
43
45
  onHeaderCell: function onHeaderCell() {
44
46
  return {
@@ -1,21 +1,9 @@
1
- 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; }
1
+ 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
2
 
3
3
  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
4
 
5
5
  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
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 _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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
-
13
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
14
-
15
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
16
-
17
- 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; }
18
-
19
7
  export var getColumnsWithActiveSorting = function getColumnsWithActiveSorting(sortStateApi, columns) {
20
8
  return !columns ? [] : columns.filter(function (_ref) {
21
9
  var key = _ref.key,
@@ -30,11 +18,11 @@ export var getColumnsWithActiveSorting = function getColumnsWithActiveSorting(so
30
18
  };
31
19
  export var sortRows = function sortRows(sortOrder, compareFn, rows) {
32
20
  if (sortOrder === 'ascend') {
33
- return _toConsumableArray(rows).sort(compareFn);
21
+ return [].concat(rows).sort(compareFn);
34
22
  }
35
23
 
36
24
  if (sortOrder === 'descend') {
37
- return _toConsumableArray(rows).sort(compareFn).reverse();
25
+ return [].concat(rows).sort(compareFn).reverse();
38
26
  }
39
27
 
40
28
  return rows;
@@ -44,11 +32,11 @@ export var sortDataSourceRows = function sortDataSourceRows(sortStateApi, sortin
44
32
  return [];
45
33
  }
46
34
 
47
- if (!(sortingColumns !== null && sortingColumns !== void 0 && sortingColumns.length)) {
35
+ if (!(sortingColumns != null && sortingColumns.length)) {
48
36
  return dataSource;
49
37
  }
50
38
 
51
- return dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (dataItem) {
39
+ return dataSource == null ? void 0 : dataSource.map(function (dataItem) {
52
40
  var sortedRows = sortingColumns.reduce(function (currRows, _ref2) {
53
41
  var sorter = _ref2.sorter,
54
42
  key = _ref2.key;
@@ -59,8 +47,8 @@ export var sortDataSourceRows = function sortDataSourceRows(sortStateApi, sortin
59
47
  }
60
48
 
61
49
  return sortRows(sortOrder, sorter, currRows);
62
- }, _toConsumableArray(dataItem.rows));
63
- return _objectSpread(_objectSpread({}, dataItem), {}, {
50
+ }, [].concat(dataItem.rows));
51
+ return _objectSpread({}, dataItem, {
64
52
  rows: sortedRows
65
53
  });
66
54
  });
@@ -4,7 +4,7 @@ var createReplaceButtonsPortal = function createReplaceButtonsPortal(columnTitle
4
4
  return function () {
5
5
  var _columnTitleElement$p;
6
6
 
7
- var sortContainerElem = columnTitleElement === null || columnTitleElement === void 0 ? void 0 : (_columnTitleElement$p = columnTitleElement.parentElement) === null || _columnTitleElement$p === void 0 ? void 0 : _columnTitleElement$p.nextSibling;
7
+ var sortContainerElem = columnTitleElement == null ? void 0 : (_columnTitleElement$p = columnTitleElement.parentElement) == null ? void 0 : _columnTitleElement$p.nextSibling;
8
8
 
9
9
  if (!sortContainerElem) {
10
10
  return null;
@@ -16,7 +16,7 @@ var createReplaceButtonsPortal = function createReplaceButtonsPortal(columnTitle
16
16
  sortContainerElem.removeChild(sortInnerElem);
17
17
  }
18
18
 
19
- return /*#__PURE__*/ReactDOM.createPortal(newButtonsNode, sortContainerElem);
19
+ return ReactDOM.createPortal(newButtonsNode, sortContainerElem);
20
20
  };
21
21
  };
22
22
 
@@ -1,23 +1,9 @@
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(o); 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) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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
- 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; }
1
+ 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; }
14
2
 
15
3
  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; }
16
4
 
17
5
  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; }
18
6
 
19
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
20
-
21
7
  import * as React from 'react';
22
8
  import { groupBy } from 'lodash';
23
9
  export var toSortOrder = function toSortOrder(value) {
@@ -27,14 +13,16 @@ export var toSortOrder = function toSortOrder(value) {
27
13
 
28
14
  return null;
29
15
  };
30
- export var columnsToSortState = function columnsToSortState() {
31
- var columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
16
+ export var columnsToSortState = function columnsToSortState(columns) {
17
+ if (columns === void 0) {
18
+ columns = [];
19
+ }
32
20
 
33
21
  if (process.env.NODE_ENV === 'development') {
34
22
  var columnsKeys = columns.map(function (c, i) {
35
23
  if (c.sorter && !c.key) {
36
24
  // eslint-disable-next-line no-console
37
- console.warn("DefaultTable: column ".concat(typeof c.title === 'string' ? c.title : i + 1, " has no \"key\" prop set which is required to use sorter"));
25
+ console.warn("DefaultTable: column " + (typeof c.title === 'string' ? c.title : i + 1) + " has no \"key\" prop set which is required to use sorter");
38
26
  }
39
27
 
40
28
  return c.key;
@@ -48,46 +36,52 @@ export var columnsToSortState = function columnsToSortState() {
48
36
  }
49
37
 
50
38
  return columns.reduce(function (state, column) {
51
- return _typeof(column.sorter) === 'object' ? _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, String(column.key), {
39
+ var _objectSpread2, _objectSpread3;
40
+
41
+ return typeof column.sorter === 'object' ? _objectSpread({}, state, (_objectSpread2 = {}, _objectSpread2[String(column.key)] = {
52
42
  sortOrder: toSortOrder(column.defaultSortOrder),
53
43
  multiple: column.sorter.multiple || false
54
- })) : _objectSpread(_objectSpread({}, state), {}, _defineProperty({}, String(column.key), {
44
+ }, _objectSpread2)) : _objectSpread({}, state, (_objectSpread3 = {}, _objectSpread3[String(column.key)] = {
55
45
  sortOrder: toSortOrder(column.defaultSortOrder),
56
46
  multiple: false
57
- }));
47
+ }, _objectSpread3));
58
48
  }, {});
59
49
  };
60
50
 
61
51
  var setSingleOrder = function setSingleOrder(state, action) {
52
+ var _objectSpread5;
53
+
62
54
  var payload = action.payload;
63
55
  var clearedSortState = Object.entries(state).reduce(function (newState, _ref) {
64
- var _ref2 = _slicedToArray(_ref, 2),
65
- currKey = _ref2[0],
66
- currValue = _ref2[1];
56
+ var _objectSpread4;
67
57
 
68
- return _objectSpread(_objectSpread({}, newState), {}, _defineProperty({}, currKey, _objectSpread(_objectSpread({}, currValue), {}, {
58
+ var currKey = _ref[0],
59
+ currValue = _ref[1];
60
+ return _objectSpread({}, newState, (_objectSpread4 = {}, _objectSpread4[currKey] = _objectSpread({}, currValue, {
69
61
  sortOrder: null
70
- })));
62
+ }), _objectSpread4));
71
63
  }, {});
72
- return _objectSpread(_objectSpread({}, clearedSortState), {}, _defineProperty({}, payload.key, _objectSpread(_objectSpread({}, state[payload.key]), {}, {
64
+ return _objectSpread({}, clearedSortState, (_objectSpread5 = {}, _objectSpread5[payload.key] = _objectSpread({}, state[payload.key], {
73
65
  sortOrder: payload.sortOrder
74
- })));
66
+ }), _objectSpread5));
75
67
  };
76
68
 
77
69
  var setMultipleOrder = function setMultipleOrder(state, action) {
70
+ var _objectSpread8;
71
+
78
72
  var payload = action.payload;
79
- var clearedSortState = Object.entries(state).reduce(function (newState, _ref3) {
80
- var _ref4 = _slicedToArray(_ref3, 2),
81
- currKey = _ref4[0],
82
- currValue = _ref4[1];
73
+ var clearedSortState = Object.entries(state).reduce(function (newState, _ref2) {
74
+ var _objectSpread6, _objectSpread7;
83
75
 
84
- return currValue.multiple === false ? _objectSpread(_objectSpread({}, newState), {}, _defineProperty({}, currKey, _objectSpread(_objectSpread({}, currValue), {}, {
76
+ var currKey = _ref2[0],
77
+ currValue = _ref2[1];
78
+ return currValue.multiple === false ? _objectSpread({}, newState, (_objectSpread6 = {}, _objectSpread6[currKey] = _objectSpread({}, currValue, {
85
79
  sortOrder: null
86
- }))) : _objectSpread(_objectSpread({}, newState), {}, _defineProperty({}, currKey, state[currKey]));
80
+ }), _objectSpread6)) : _objectSpread({}, newState, (_objectSpread7 = {}, _objectSpread7[currKey] = state[currKey], _objectSpread7));
87
81
  }, {});
88
- return _objectSpread(_objectSpread({}, clearedSortState), {}, _defineProperty({}, payload.key, _objectSpread(_objectSpread({}, state[payload.key]), {}, {
82
+ return _objectSpread({}, clearedSortState, (_objectSpread8 = {}, _objectSpread8[payload.key] = _objectSpread({}, state[payload.key], {
89
83
  sortOrder: payload.sortOrder
90
- })));
84
+ }), _objectSpread8));
91
85
  };
92
86
 
93
87
  var sortReducer = function sortReducer(state, action) {
@@ -105,24 +99,25 @@ var sortReducer = function sortReducer(state, action) {
105
99
  }
106
100
  };
107
101
 
108
- export var useSortState = function useSortState() {
109
- var initialState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
102
+ export var useSortState = function useSortState(initialState) {
103
+ if (initialState === void 0) {
104
+ initialState = {};
105
+ }
110
106
 
111
107
  var _React$useReducer = React.useReducer(sortReducer, initialState),
112
- _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
113
- columnsSortState = _React$useReducer2[0],
114
- dispatch = _React$useReducer2[1];
108
+ columnsSortState = _React$useReducer[0],
109
+ dispatch = _React$useReducer[1];
115
110
 
116
111
  var getColumnSortOrder = function getColumnSortOrder(key) {
117
112
  var _columnsSortState$key;
118
113
 
119
- return (_columnsSortState$key = columnsSortState[key]) === null || _columnsSortState$key === void 0 ? void 0 : _columnsSortState$key.sortOrder;
114
+ return (_columnsSortState$key = columnsSortState[key]) == null ? void 0 : _columnsSortState$key.sortOrder;
120
115
  };
121
116
 
122
117
  var setColumnSortOrder = function setColumnSortOrder(key, sortOrder) {
123
118
  var _columnsSortState$key2, _columnsSortState$key3, _columnsSortState$key4, _columnsSortState$key5;
124
119
 
125
- if (((_columnsSortState$key2 = columnsSortState[key]) === null || _columnsSortState$key2 === void 0 ? void 0 : _columnsSortState$key2.sortOrder) !== sortOrder && ((_columnsSortState$key3 = columnsSortState[key]) === null || _columnsSortState$key3 === void 0 ? void 0 : _columnsSortState$key3.multiple) === false) {
120
+ if (((_columnsSortState$key2 = columnsSortState[key]) == null ? void 0 : _columnsSortState$key2.sortOrder) !== sortOrder && ((_columnsSortState$key3 = columnsSortState[key]) == null ? void 0 : _columnsSortState$key3.multiple) === false) {
126
121
  dispatch({
127
122
  type: 'setSingleOrder',
128
123
  payload: {
@@ -132,7 +127,7 @@ export var useSortState = function useSortState() {
132
127
  });
133
128
  }
134
129
 
135
- if (((_columnsSortState$key4 = columnsSortState[key]) === null || _columnsSortState$key4 === void 0 ? void 0 : _columnsSortState$key4.sortOrder) !== sortOrder && (_columnsSortState$key5 = columnsSortState[key]) !== null && _columnsSortState$key5 !== void 0 && _columnsSortState$key5.multiple) {
130
+ if (((_columnsSortState$key4 = columnsSortState[key]) == null ? void 0 : _columnsSortState$key4.sortOrder) !== sortOrder && (_columnsSortState$key5 = columnsSortState[key]) != null && _columnsSortState$key5.multiple) {
136
131
  dispatch({
137
132
  type: 'setMultipleOrder',
138
133
  payload: {