@synerise/ds-table 0.60.1 → 0.60.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 (60) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/Cell/Action/ActionCell.js +5 -11
  3. package/dist/Cell/Action/ActionCell.styles.js +2 -1
  4. package/dist/Cell/AvatarLabel/AvatarLabel.js +10 -18
  5. package/dist/Cell/Copyable/Copyable.styles.js +2 -1
  6. package/dist/Cell/Copyable/CopyableCell.js +6 -12
  7. package/dist/Cell/Editable/EditableCell.js +7 -14
  8. package/dist/Cell/FlagLabel/FlagLabelCell.js +2 -7
  9. package/dist/Cell/FlagLabel/FlagLabelCell.styles.js +2 -1
  10. package/dist/Cell/IconLabel/IconLabel.js +2 -7
  11. package/dist/Cell/IconLabel/IconLabel.styles.js +2 -1
  12. package/dist/Cell/IconTooltipCell/IconTooltipCell.js +7 -13
  13. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js +8 -14
  14. package/dist/Cell/LabelsWithShowMore/Modal/Modal.js +8 -12
  15. package/dist/Cell/Star/StarCell.d.ts +4 -3
  16. package/dist/Cell/Star/StarCell.js +5 -10
  17. package/dist/Cell/Star/StarCell.styles.d.ts +2 -6
  18. package/dist/Cell/StatusLabel/StatusLabel.js +3 -8
  19. package/dist/Cell/TagIcon/TagIcon.js +1 -6
  20. package/dist/Cell/TagIcon/TagIcon.styles.js +2 -1
  21. package/dist/ColumnSortMenu/SortIcons.js +3 -15
  22. package/dist/ColumnSortMenu/SortRenderer.js +8 -14
  23. package/dist/ColumnSortMenu/TitleWithSort.js +3 -7
  24. package/dist/ColumnSortMenu/columnWithSortButtons.js +0 -10
  25. package/dist/ColumnSortMenu/groupedColumnsSort.js +2 -15
  26. package/dist/ColumnSortMenu/replaceSortButtons.js +0 -7
  27. package/dist/ColumnSortMenu/useSortState.js +4 -40
  28. package/dist/DefaultTable/DefaultTable.js +26 -50
  29. package/dist/FilterTrigger/FilterTrigger.js +16 -20
  30. package/dist/GroupTable/GroupTable.js +24 -40
  31. package/dist/GroupTable/GroupTable.styles.js +2 -2
  32. package/dist/GroupTable/GroupTableBody/GroupTableBody.js +12 -17
  33. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js +6 -7
  34. package/dist/InfiniteScroll/BackToTopButton.js +0 -1
  35. package/dist/InfiniteScroll/InfiniteLoaderItem.js +9 -12
  36. package/dist/InfiniteScroll/OuterListElement.js +7 -25
  37. package/dist/InfiniteScroll/utils.js +2 -2
  38. package/dist/ItemsMenu/ItemsMenu.js +0 -2
  39. package/dist/ItemsMenu/ItemsMenu.styles.js +2 -1
  40. package/dist/RowSelection/RowSelectionColumn.js +12 -22
  41. package/dist/Table.js +26 -40
  42. package/dist/TableHeader/TableHeader.js +21 -28
  43. package/dist/TableHeader/TableLimit/TableLimit.js +4 -7
  44. package/dist/TableHeader/TableSelection.js +13 -34
  45. package/dist/TreeTable/TreeTable.js +9 -11
  46. package/dist/TreeTable/TreeTable.styles.js +0 -2
  47. package/dist/VirtualTable/VirtualTable.js +101 -178
  48. package/dist/VirtualTable/VirtualTable.styles.js +0 -3
  49. package/dist/VirtualTable/VirtualTableRow.js +10 -26
  50. package/dist/constants/TableSkeleton.constants.js +0 -1
  51. package/dist/hooks/useRowKey/useRowKey.js +3 -1
  52. package/dist/hooks/useRowStar/useRowStar.js +6 -12
  53. package/dist/utils/calculateColumnWidths.js +0 -5
  54. package/dist/utils/calculatePixels.js +4 -10
  55. package/dist/utils/getRecordSelectionStatus.js +2 -3
  56. package/dist/utils/getSkeletonProps.js +7 -15
  57. package/dist/utils/getValueFromPath.js +2 -1
  58. package/dist/utils/isRecordSelectable.js +2 -4
  59. package/dist/utils/locale.js +0 -5
  60. package/package.json +27 -27
@@ -1,4 +1,6 @@
1
- import React from 'react'; // eslint-disable-next-line @typescript-eslint/no-explicit-any
1
+ import React from 'react';
2
+
3
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
2
4
 
3
5
  // eslint-disable-next-line import/prefer-default-export
4
6
  export var useRowKey = function useRowKey(rowKey) {
@@ -3,15 +3,14 @@ import Button from '@synerise/ds-button';
3
3
  import Tooltip from '@synerise/ds-tooltip';
4
4
  var STAR_COL_WIDTH_SINGLE = 64;
5
5
  var STAR_COL_WIDTH_SELECTON = 40;
6
-
7
6
  var createRowStarColumn = function createRowStarColumn(_ref) {
8
7
  var isStarred = _ref.isStarred,
9
- toggleStarred = _ref.toggleStarred;
8
+ toggleStarred = _ref.toggleStarred;
10
9
  return function (_ref2) {
11
10
  var locale = _ref2.locale,
12
- rowStar = _ref2.rowStar,
13
- selection = _ref2.selection,
14
- getRowKey = _ref2.getRowKey;
11
+ rowStar = _ref2.rowStar,
12
+ selection = _ref2.selection,
13
+ getRowKey = _ref2.getRowKey;
15
14
  return {
16
15
  key: '_row-star',
17
16
  className: ((rowStar == null ? void 0 : rowStar.className) || '') + " ds-table-star-column",
@@ -27,11 +26,9 @@ var createRowStarColumn = function createRowStarColumn(_ref) {
27
26
  active: isStarred(keyString),
28
27
  onClick: function onClick(e) {
29
28
  var newStarredRowKeys = toggleStarred(keyString);
30
-
31
29
  if (typeof (rowStar == null ? void 0 : rowStar.onChange) === 'function') {
32
30
  rowStar.onChange(newStarredRowKeys, keyString, isStarred(keyString));
33
31
  }
34
-
35
32
  if (typeof (rowStar == null ? void 0 : rowStar.onClick) === 'function') {
36
33
  rowStar.onClick(e);
37
34
  }
@@ -40,16 +37,14 @@ var createRowStarColumn = function createRowStarColumn(_ref) {
40
37
  }
41
38
  };
42
39
  };
43
- }; // eslint-disable-next-line import/prefer-default-export
44
-
40
+ };
45
41
 
42
+ // eslint-disable-next-line import/prefer-default-export
46
43
  export var useRowStar = function useRowStar(initialStarredKeys) {
47
44
  var starredKeys = React.useRef(new Set(initialStarredKeys));
48
-
49
45
  var getStarredRowKeys = function getStarredRowKeys() {
50
46
  return Array.from(starredKeys.current);
51
47
  };
52
-
53
48
  var isStarred = React.useCallback(function (key) {
54
49
  return starredKeys.current.has(key);
55
50
  }, [starredKeys]);
@@ -59,7 +54,6 @@ export var useRowStar = function useRowStar(initialStarredKeys) {
59
54
  } else {
60
55
  starredKeys.current.add(key);
61
56
  }
62
-
63
57
  return getStarredRowKeys();
64
58
  }, [starredKeys]);
65
59
  var getRowStarColumn = React.useMemo(function () {
@@ -10,11 +10,9 @@ export var calculateColumnWidths = function calculateColumnWidths(columns, avail
10
10
  baseSum += baseWidth;
11
11
  return baseWidth;
12
12
  });
13
-
14
13
  if (!flexibleColumnCount) {
15
14
  return baseWidths;
16
15
  }
17
-
18
16
  if (baseSum < availableSpace) {
19
17
  // split remaining space across columns with minWidth
20
18
  var extraWidth = (availableSpace - baseSum) / flexibleColumnCount;
@@ -24,10 +22,8 @@ export var calculateColumnWidths = function calculateColumnWidths(columns, avail
24
22
  var maxWidthAsNumber = calculatePixels(column.maxWidth);
25
23
  baseWidths[index] = maxWidthAsNumber !== undefined ? Math.min(maxWidthAsNumber, baseWidths[index] + extraWidth) : baseWidths[index] + extraWidth;
26
24
  }
27
-
28
25
  interimSum += baseWidths[index];
29
26
  });
30
-
31
27
  if (interimSum < availableSpace) {
32
28
  // split the remainder across columns with no maxWidth
33
29
  var extraWidth2 = (availableSpace - interimSum) / noMaxColumnCount;
@@ -38,6 +34,5 @@ export var calculateColumnWidths = function calculateColumnWidths(columns, avail
38
34
  });
39
35
  }
40
36
  }
41
-
42
37
  return baseWidths;
43
38
  };
@@ -1,30 +1,24 @@
1
1
  // @ts-ignore
2
2
  import toPx from 'unit-to-px';
3
-
4
3
  var hasSameLength = function hasSameLength(parsedValue, originalValue) {
5
4
  return ("" + parsedValue).length === ("" + originalValue).length;
6
- }; // eslint-disable-next-line import/prefer-default-export
7
-
5
+ };
8
6
 
7
+ // eslint-disable-next-line import/prefer-default-export
9
8
  export var calculatePixels = function calculatePixels(value) {
10
9
  if (typeof value === 'number') {
11
10
  return value;
12
11
  }
13
-
14
12
  var isWhiteSpaceString = typeof value === 'string' && !value.trim();
15
-
16
13
  if (!value || isWhiteSpaceString) {
17
14
  return 0;
18
- } // detect strings like "42" and convert to number
19
-
20
-
15
+ }
16
+ // detect strings like "42" and convert to number
21
17
  if (typeof value !== 'number' && !Number.isNaN(value) && !Number.isNaN(parseFloat(value))) {
22
18
  var parsedNumber = parseFloat(value);
23
-
24
19
  if (hasSameLength(parsedNumber, value)) {
25
20
  return parsedNumber;
26
21
  }
27
22
  }
28
-
29
23
  return toPx(value);
30
24
  };
@@ -1,8 +1,7 @@
1
1
  export var getRecordSelectionStatus = function getRecordSelectionStatus(checkRowSelectionStatus, record) {
2
2
  var _ref = checkRowSelectionStatus && checkRowSelectionStatus(record) || {},
3
- unavailable = _ref.unavailable,
4
- disabled = _ref.disabled;
5
-
3
+ unavailable = _ref.unavailable,
4
+ disabled = _ref.disabled;
6
5
  return {
7
6
  unavailable: unavailable,
8
7
  disabled: disabled
@@ -1,32 +1,24 @@
1
1
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
-
3
2
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
-
5
3
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
-
7
4
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
8
-
9
5
  function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
10
-
11
6
  import React from 'react';
12
7
  import * as S from '../Table.styles';
13
8
  import { HEADER_HEIGHT, ROW_HEIGHT, SUBHEADER_HEIGHT, DEFAULT_ROW_COUNT, getDefaultSkeletonColumns } from '../constants/TableSkeleton.constants';
14
-
15
9
  var getRowCount = function getRowCount(headerHeight, subheaderHeight, cellHeight, maxHeight) {
16
10
  if (!maxHeight) return DEFAULT_ROW_COUNT;
17
11
  return Math.floor((maxHeight - (headerHeight + subheaderHeight)) / cellHeight);
18
12
  };
19
-
20
13
  export var getSkeletonProps = function getSkeletonProps(skeletonProps, columns) {
21
14
  var _ref = skeletonProps || {},
22
- _ref$cellHeight = _ref.cellHeight,
23
- cellHeight = _ref$cellHeight === void 0 ? ROW_HEIGHT : _ref$cellHeight,
24
- _ref$headerHeight = _ref.headerHeight,
25
- headerHeight = _ref$headerHeight === void 0 ? HEADER_HEIGHT : _ref$headerHeight,
26
- _ref$subheaderHeight = _ref.subheaderHeight,
27
- subheaderHeight = _ref$subheaderHeight === void 0 ? SUBHEADER_HEIGHT : _ref$subheaderHeight,
28
- maxHeight = _ref.maxHeight;
29
-
15
+ _ref$cellHeight = _ref.cellHeight,
16
+ cellHeight = _ref$cellHeight === void 0 ? ROW_HEIGHT : _ref$cellHeight,
17
+ _ref$headerHeight = _ref.headerHeight,
18
+ headerHeight = _ref$headerHeight === void 0 ? HEADER_HEIGHT : _ref$headerHeight,
19
+ _ref$subheaderHeight = _ref.subheaderHeight,
20
+ subheaderHeight = _ref$subheaderHeight === void 0 ? SUBHEADER_HEIGHT : _ref$subheaderHeight,
21
+ maxHeight = _ref.maxHeight;
30
22
  var rowCount = getRowCount(headerHeight, subheaderHeight, cellHeight, maxHeight);
31
23
  var skeletonColumns = columns != null && columns.length ? columns.map(function (column) {
32
24
  return _objectSpread({}, column, {
@@ -1,5 +1,6 @@
1
- import { path } from 'ramda'; // eslint-disable-next-line import/prefer-default-export
1
+ import { path } from 'ramda';
2
2
 
3
+ // eslint-disable-next-line import/prefer-default-export
3
4
  export var getValueFromPath = function getValueFromPath(object, valuePath) {
4
5
  if (typeof valuePath === 'string') return object[valuePath];
5
6
  if (Array.isArray(valuePath)) return path(valuePath, object) || '';
@@ -3,10 +3,8 @@ export var isRecordSelectable = function isRecordSelectable(record, checkRowSele
3
3
  if (!checkRowSelectionStatus) {
4
4
  return true;
5
5
  }
6
-
7
6
  var _getRecordSelectionSt = getRecordSelectionStatus(checkRowSelectionStatus, record),
8
- unavailable = _getRecordSelectionSt.unavailable,
9
- disabled = _getRecordSelectionSt.disabled;
10
-
7
+ unavailable = _getRecordSelectionSt.unavailable,
8
+ disabled = _getRecordSelectionSt.disabled;
11
9
  return !(unavailable || disabled);
12
10
  };
@@ -1,13 +1,8 @@
1
1
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
-
3
2
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
-
5
3
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
-
7
4
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
8
-
9
5
  function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
10
-
11
6
  import { createContext, useContext, useMemo } from 'react';
12
7
  export var getDefaultLocale = function getDefaultLocale(intl) {
13
8
  return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-table",
3
- "version": "0.60.1",
3
+ "version": "0.60.3",
4
4
  "description": "Table UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -34,31 +34,31 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-alert": "^0.8.37",
38
- "@synerise/ds-badge": "^0.8.18",
39
- "@synerise/ds-button": "^0.21.18",
40
- "@synerise/ds-button-group": "^0.7.22",
41
- "@synerise/ds-checkbox": "^0.12.16",
42
- "@synerise/ds-column-manager": "^0.13.1",
43
- "@synerise/ds-data-format": "^0.6.0",
44
- "@synerise/ds-dropdown": "^0.18.23",
37
+ "@synerise/ds-alert": "^0.8.38",
38
+ "@synerise/ds-badge": "^0.8.19",
39
+ "@synerise/ds-button": "^0.21.19",
40
+ "@synerise/ds-button-group": "^0.7.23",
41
+ "@synerise/ds-checkbox": "^0.12.17",
42
+ "@synerise/ds-column-manager": "^0.13.3",
43
+ "@synerise/ds-data-format": "^0.6.1",
44
+ "@synerise/ds-dropdown": "^0.18.24",
45
45
  "@synerise/ds-flag": "^0.5.3",
46
- "@synerise/ds-icon": "^0.66.4",
47
- "@synerise/ds-input": "^0.24.13",
48
- "@synerise/ds-loader": "^0.3.21",
49
- "@synerise/ds-menu": "^0.20.5",
50
- "@synerise/ds-modal": "^0.17.50",
51
- "@synerise/ds-pagination": "^0.7.70",
52
- "@synerise/ds-result": "^0.7.13",
53
- "@synerise/ds-scrollbar": "^0.11.18",
54
- "@synerise/ds-search": "^0.9.18",
55
- "@synerise/ds-select": "^0.16.25",
56
- "@synerise/ds-skeleton": "^0.6.17",
57
- "@synerise/ds-status": "^0.6.32",
58
- "@synerise/ds-tags": "^0.10.17",
59
- "@synerise/ds-tooltip": "^0.14.48",
60
- "@synerise/ds-typography": "^0.16.5",
61
- "@synerise/ds-utils": "^0.31.1",
46
+ "@synerise/ds-icon": "^0.67.0",
47
+ "@synerise/ds-input": "^0.24.14",
48
+ "@synerise/ds-loader": "^0.3.22",
49
+ "@synerise/ds-menu": "^0.20.6",
50
+ "@synerise/ds-modal": "^0.17.51",
51
+ "@synerise/ds-pagination": "^0.7.71",
52
+ "@synerise/ds-result": "^0.7.14",
53
+ "@synerise/ds-scrollbar": "^0.11.19",
54
+ "@synerise/ds-search": "^0.9.19",
55
+ "@synerise/ds-select": "^0.16.26",
56
+ "@synerise/ds-skeleton": "^0.6.18",
57
+ "@synerise/ds-status": "^0.6.33",
58
+ "@synerise/ds-tags": "^0.10.18",
59
+ "@synerise/ds-tooltip": "^0.14.49",
60
+ "@synerise/ds-typography": "^0.16.6",
61
+ "@synerise/ds-utils": "^0.31.2",
62
62
  "@types/react-window": "^1.8.5",
63
63
  "classnames": "2.3.2",
64
64
  "copy-to-clipboard": "^3.3.1",
@@ -66,7 +66,6 @@
66
66
  "ramda": "0.27.0",
67
67
  "rc-resize-observer": "^0.2.1",
68
68
  "rc-table": "7.10.4",
69
- "react-intl": "6.8.4",
70
69
  "react-window": "^1.8.7",
71
70
  "unit-to-px": "^1.0.5",
72
71
  "uuid": "^8.3.2"
@@ -75,7 +74,8 @@
75
74
  "@synerise/ds-core": "*",
76
75
  "antd": "4.7.0",
77
76
  "react": ">=16.9.0 <= 17.0.2",
77
+ "react-intl": ">=3.12.0 <= 6.8",
78
78
  "styled-components": "5.0.1"
79
79
  },
80
- "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
80
+ "gitHead": "e9897e5ecb13a9c022f5ed002db76e4ab78318c5"
81
81
  }