@synerise/ds-table 0.42.2 → 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 +8 -0
- package/dist/Cell/Action/ActionCell.js +1 -1
- package/dist/Cell/Action/ActionCell.styles.js +1 -1
- package/dist/Cell/AvatarLabel/AvatarLabel.js +1 -1
- package/dist/Cell/AvatarLabel/AvatarLabel.styles.js +2 -2
- package/dist/Cell/Copyable/CopyableCell.js +2 -15
- package/dist/Cell/Editable/EditableCell.js +5 -19
- package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js +3 -16
- package/dist/Cell/LabelsWithShowMore/Modal/Modal.js +3 -16
- package/dist/Cell/Star/StarCell.styles.js +1 -1
- package/dist/ColumnSortMenu/SortRenderer.js +5 -19
- package/dist/ColumnSortMenu/TitleWithSort.js +1 -3
- package/dist/ColumnSortMenu/columnWithSortButtons.js +6 -4
- package/dist/ColumnSortMenu/groupedColumnsSort.js +7 -19
- package/dist/ColumnSortMenu/replaceSortButtons.js +2 -2
- package/dist/ColumnSortMenu/useSortState.js +39 -44
- package/dist/DefaultTable/DefaultTable.js +28 -53
- package/dist/FilterTrigger/FilterTrigger.js +6 -19
- package/dist/GroupTable/GroupTable.js +16 -40
- package/dist/GroupTable/GroupTable.styles.js +2 -2
- package/dist/GroupTable/GroupTableBody/GroupTableBody.js +10 -23
- package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js +1 -1
- package/dist/Table.js +10 -22
- package/dist/Table.styles.js +1 -1
- package/dist/TableHeader/TableHeader.js +4 -17
- package/dist/TableHeader/TableLimit/TableLimit.js +3 -3
- package/dist/TableHeader/TableSelection.js +16 -28
- package/dist/TreeTable/TreeTable.js +5 -19
- package/dist/TreeTable/TreeTable.styles.js +2 -2
- package/dist/VirtualTable/VirtualTable.js +44 -66
- package/dist/VirtualTable/VirtualTable.styles.js +1 -1
- package/dist/VirtualTable/VirtualTableRow.js +54 -79
- package/dist/hooks/useRowStar.js +5 -5
- package/dist/utils/calculatePixels.js +1 -1
- package/dist/utils/locale.js +4 -4
- package/package.json +20 -20
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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.3](https://github.com/synerise/synerise-design/compare/@synerise/ds-table@0.42.2...@synerise/ds-table@0.42.3) (2021-11-22)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-table
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
## [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
15
|
|
|
8
16
|
**Note:** Version bump only for package @synerise/ds-table
|
|
@@ -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
|
|
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
|
|
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 ?
|
|
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 ?
|
|
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
|
-
|
|
27
|
-
|
|
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
|
-
|
|
25
|
-
|
|
26
|
-
setEditMode = _React$useState2[1];
|
|
12
|
+
editMode = _React$useState[0],
|
|
13
|
+
setEditMode = _React$useState[1];
|
|
27
14
|
|
|
28
|
-
var _React$
|
|
29
|
-
|
|
30
|
-
|
|
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
|
-
|
|
28
|
-
|
|
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: ""
|
|
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
|
-
|
|
29
|
-
|
|
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:
|
|
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: "
|
|
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
|
-
|
|
38
|
-
|
|
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, {
|
|
@@ -101,10 +88,9 @@ export var StringRenderer = function StringRenderer(_ref3) {
|
|
|
101
88
|
var columnSortOrder = column.key ? getColumnSortOrder(columnKey) : null;
|
|
102
89
|
var onSortOrderChange = partial(setColumnSortOrder, columnKey);
|
|
103
90
|
|
|
104
|
-
var _React$
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
setIsDropdownVisible = _React$useState4[1];
|
|
91
|
+
var _React$useState2 = React.useState(false),
|
|
92
|
+
isDropdownVisible = _React$useState2[0],
|
|
93
|
+
setIsDropdownVisible = _React$useState2[1];
|
|
108
94
|
|
|
109
95
|
return /*#__PURE__*/React.createElement(TableLocaleContext.Consumer, null, function (locale) {
|
|
110
96
|
return /*#__PURE__*/React.createElement(Dropdown, {
|
|
@@ -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 =
|
|
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)
|
|
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
|
-
|
|
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(
|
|
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)
|
|
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
|
|
21
|
+
return [].concat(rows).sort(compareFn);
|
|
34
22
|
}
|
|
35
23
|
|
|
36
24
|
if (sortOrder === 'descend') {
|
|
37
|
-
return
|
|
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
|
|
35
|
+
if (!(sortingColumns != null && sortingColumns.length)) {
|
|
48
36
|
return dataSource;
|
|
49
37
|
}
|
|
50
38
|
|
|
51
|
-
return dataSource
|
|
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
|
-
},
|
|
63
|
-
return _objectSpread(
|
|
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
|
|
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
|
|
19
|
+
return ReactDOM.createPortal(newButtonsNode, sortContainerElem);
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
22
|
|
|
@@ -1,23 +1,9 @@
|
|
|
1
|
-
function
|
|
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
|
-
|
|
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 "
|
|
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
|
-
|
|
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(
|
|
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
|
|
65
|
-
currKey = _ref2[0],
|
|
66
|
-
currValue = _ref2[1];
|
|
56
|
+
var _objectSpread4;
|
|
67
57
|
|
|
68
|
-
|
|
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(
|
|
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,
|
|
80
|
-
var
|
|
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
|
-
|
|
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(
|
|
80
|
+
}), _objectSpread6)) : _objectSpread({}, newState, (_objectSpread7 = {}, _objectSpread7[currKey] = state[currKey], _objectSpread7));
|
|
87
81
|
}, {});
|
|
88
|
-
return _objectSpread(
|
|
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
|
-
|
|
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
|
-
|
|
113
|
-
|
|
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])
|
|
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])
|
|
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])
|
|
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: {
|