@synerise/ds-table 1.9.11 → 1.9.13

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 (231) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/Cell/Action/ActionCell.d.ts +2 -2
  3. package/dist/Cell/Action/ActionCell.js +15 -18
  4. package/dist/Cell/Action/ActionCell.styles.d.ts +2 -2
  5. package/dist/Cell/Action/ActionCell.styles.js +10 -11
  6. package/dist/Cell/Action/ActionCell.types.d.ts +2 -2
  7. package/dist/Cell/Action/ActionCell.types.js +1 -1
  8. package/dist/Cell/AvatarLabel/AvatarLabel.d.ts +2 -2
  9. package/dist/Cell/AvatarLabel/AvatarLabel.js +32 -43
  10. package/dist/Cell/AvatarLabel/AvatarLabel.styles.d.ts +13 -13
  11. package/dist/Cell/AvatarLabel/AvatarLabel.styles.js +27 -28
  12. package/dist/Cell/AvatarLabel/AvatarLabel.types.d.ts +2 -2
  13. package/dist/Cell/AvatarLabel/AvatarLabel.types.js +1 -1
  14. package/dist/Cell/Copyable/Copyable.styles.d.ts +2 -2
  15. package/dist/Cell/Copyable/Copyable.styles.js +9 -15
  16. package/dist/Cell/Copyable/Copyable.types.d.ts +1 -1
  17. package/dist/Cell/Copyable/Copyable.types.js +1 -1
  18. package/dist/Cell/Copyable/CopyableCell.d.ts +2 -2
  19. package/dist/Cell/Copyable/CopyableCell.js +23 -27
  20. package/dist/Cell/Editable/EditableCell.d.ts +2 -2
  21. package/dist/Cell/Editable/EditableCell.js +26 -39
  22. package/dist/Cell/Editable/EditableCell.styles.d.ts +2 -2
  23. package/dist/Cell/Editable/EditableCell.styles.js +9 -7
  24. package/dist/Cell/Editable/EditableCell.types.d.ts +1 -1
  25. package/dist/Cell/Editable/EditableCell.types.js +1 -1
  26. package/dist/Cell/FlagLabel/FlagLabelCell.d.ts +2 -2
  27. package/dist/Cell/FlagLabel/FlagLabelCell.js +15 -14
  28. package/dist/Cell/FlagLabel/FlagLabelCell.styles.d.ts +1 -1
  29. package/dist/Cell/FlagLabel/FlagLabelCell.styles.js +6 -3
  30. package/dist/Cell/FlagLabel/FlagLabelCell.types.d.ts +2 -2
  31. package/dist/Cell/FlagLabel/FlagLabelCell.types.js +1 -1
  32. package/dist/Cell/IconLabel/IconLabel.d.ts +2 -2
  33. package/dist/Cell/IconLabel/IconLabel.js +14 -15
  34. package/dist/Cell/IconLabel/IconLabel.styles.d.ts +1 -1
  35. package/dist/Cell/IconLabel/IconLabel.styles.js +7 -6
  36. package/dist/Cell/IconLabel/IconLabel.types.d.ts +3 -3
  37. package/dist/Cell/IconLabel/IconLabel.types.js +1 -1
  38. package/dist/Cell/IconTooltipCell/IconTooltipCell.d.ts +2 -2
  39. package/dist/Cell/IconTooltipCell/IconTooltipCell.js +18 -23
  40. package/dist/Cell/IconTooltipCell/IconTooltipCell.styles.d.ts +2 -2
  41. package/dist/Cell/IconTooltipCell/IconTooltipCell.styles.js +9 -11
  42. package/dist/Cell/IconTooltipCell/IconTooltipCell.types.d.ts +4 -4
  43. package/dist/Cell/IconTooltipCell/IconTooltipCell.types.js +1 -1
  44. package/dist/Cell/InputNumber/InputNumberCell.d.ts +2 -2
  45. package/dist/Cell/InputNumber/InputNumberCell.js +10 -17
  46. package/dist/Cell/InputNumber/InputNumberCell.styles.d.ts +1 -1
  47. package/dist/Cell/InputNumber/InputNumberCell.styles.js +9 -5
  48. package/dist/Cell/InputNumber/InputNumberCell.types.d.ts +2 -2
  49. package/dist/Cell/InputNumber/InputNumberCell.types.js +1 -1
  50. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.d.ts +3 -3
  51. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js +29 -40
  52. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.styles.d.ts +3 -3
  53. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.styles.js +11 -8
  54. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.d.ts +2 -2
  55. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.js +1 -1
  56. package/dist/Cell/LabelsWithShowMore/Modal/Modal.d.ts +2 -2
  57. package/dist/Cell/LabelsWithShowMore/Modal/Modal.js +35 -64
  58. package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.d.ts +3 -3
  59. package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.js +1 -1
  60. package/dist/Cell/Star/StarCell.d.ts +45 -45
  61. package/dist/Cell/Star/StarCell.js +25 -31
  62. package/dist/Cell/Star/StarCell.styles.d.ts +2 -2
  63. package/dist/Cell/Star/StarCell.styles.js +11 -9
  64. package/dist/Cell/Star/StarCell.types.d.ts +2 -2
  65. package/dist/Cell/Star/StarCell.types.js +1 -1
  66. package/dist/Cell/StatusLabel/StatusLabel.d.ts +2 -2
  67. package/dist/Cell/StatusLabel/StatusLabel.js +17 -19
  68. package/dist/Cell/StatusLabel/StatusLabel.styles.d.ts +2 -2
  69. package/dist/Cell/StatusLabel/StatusLabel.styles.js +9 -9
  70. package/dist/Cell/StatusLabel/StatusLabel.types.d.ts +3 -3
  71. package/dist/Cell/StatusLabel/StatusLabel.types.js +1 -1
  72. package/dist/Cell/TagIcon/TagIcon.d.ts +2 -2
  73. package/dist/Cell/TagIcon/TagIcon.js +9 -13
  74. package/dist/Cell/TagIcon/TagIcon.styles.d.ts +1 -1
  75. package/dist/Cell/TagIcon/TagIcon.styles.js +7 -6
  76. package/dist/Cell/TagIcon/TagIcon.types.d.ts +2 -2
  77. package/dist/Cell/TagIcon/TagIcon.types.js +1 -1
  78. package/dist/Cell/TagsGroup/TagsGroup.d.ts +2 -2
  79. package/dist/Cell/TagsGroup/TagsGroup.js +22 -39
  80. package/dist/Cell/TagsGroup/TagsGroup.styles.d.ts +2 -2
  81. package/dist/Cell/TagsGroup/TagsGroup.styles.js +30 -9
  82. package/dist/Cell/TagsGroup/TagsGroup.types.d.ts +2 -2
  83. package/dist/Cell/TagsGroup/TagsGroup.types.js +1 -1
  84. package/dist/Cell/index.d.ts +12 -12
  85. package/dist/Cell/index.js +28 -14
  86. package/dist/ColumnSortMenu/SortIcons.d.ts +2 -2
  87. package/dist/ColumnSortMenu/SortIcons.js +26 -38
  88. package/dist/ColumnSortMenu/SortRender.styles.d.ts +34 -34
  89. package/dist/ColumnSortMenu/SortRender.styles.js +13 -10
  90. package/dist/ColumnSortMenu/SortRenderer.d.ts +2 -2
  91. package/dist/ColumnSortMenu/SortRenderer.js +74 -108
  92. package/dist/ColumnSortMenu/TitleWithSort.d.ts +2 -2
  93. package/dist/ColumnSortMenu/TitleWithSort.js +19 -16
  94. package/dist/ColumnSortMenu/columnWithSortButtons.d.ts +1 -2
  95. package/dist/ColumnSortMenu/columnWithSortButtons.js +26 -43
  96. package/dist/ColumnSortMenu/groupedColumnsSort.d.ts +3 -3
  97. package/dist/ColumnSortMenu/groupedColumnsSort.js +33 -28
  98. package/dist/ColumnSortMenu/replaceSortButtons.d.ts +1 -1
  99. package/dist/ColumnSortMenu/replaceSortButtons.js +14 -15
  100. package/dist/ColumnSortMenu/useSortState.d.ts +1 -1
  101. package/dist/ColumnSortMenu/useSortState.js +95 -93
  102. package/dist/DefaultTable/DefaultTable.d.ts +2 -2
  103. package/dist/DefaultTable/DefaultTable.js +147 -148
  104. package/dist/FilterTrigger/FilterTrigger.d.ts +2 -2
  105. package/dist/FilterTrigger/FilterTrigger.js +42 -67
  106. package/dist/FilterTrigger/FilterTrigger.styles.d.ts +53 -53
  107. package/dist/FilterTrigger/FilterTrigger.styles.js +19 -32
  108. package/dist/FilterTrigger/FilterTrigger.types.d.ts +1 -1
  109. package/dist/FilterTrigger/FilterTrigger.types.js +1 -1
  110. package/dist/GroupTable/GroupTable.d.ts +3 -4
  111. package/dist/GroupTable/GroupTable.js +97 -118
  112. package/dist/GroupTable/GroupTable.styles.d.ts +25 -25
  113. package/dist/GroupTable/GroupTable.styles.js +40 -37
  114. package/dist/GroupTable/GroupTable.types.d.ts +1 -1
  115. package/dist/GroupTable/GroupTable.types.js +9 -6
  116. package/dist/GroupTable/GroupTableBody/GroupTableBody.d.ts +1 -1
  117. package/dist/GroupTable/GroupTableBody/GroupTableBody.js +83 -107
  118. package/dist/GroupTable/GroupTableBody/GroupTableBody.types.d.ts +3 -3
  119. package/dist/GroupTable/GroupTableBody/GroupTableBody.types.js +1 -1
  120. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.d.ts +1 -1
  121. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js +25 -28
  122. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.types.js +1 -1
  123. package/dist/InfiniteScroll/BackToTopButton.d.ts +2 -2
  124. package/dist/InfiniteScroll/BackToTopButton.js +7 -15
  125. package/dist/InfiniteScroll/BackToTopButton.styles.d.ts +34 -34
  126. package/dist/InfiniteScroll/BackToTopButton.styles.js +11 -9
  127. package/dist/InfiniteScroll/ErrorItem.d.ts +1 -1
  128. package/dist/InfiniteScroll/ErrorItem.js +19 -23
  129. package/dist/InfiniteScroll/ErrorItem.styles.d.ts +1 -1
  130. package/dist/InfiniteScroll/ErrorItem.styles.js +6 -3
  131. package/dist/InfiniteScroll/InfiniteLoaderItem.d.ts +2 -2
  132. package/dist/InfiniteScroll/InfiniteLoaderItem.js +33 -28
  133. package/dist/InfiniteScroll/InfiniteLoaderItem.styles.d.ts +1 -1
  134. package/dist/InfiniteScroll/InfiniteLoaderItem.styles.js +7 -4
  135. package/dist/InfiniteScroll/InfiniteLoaderItem.types.d.ts +1 -1
  136. package/dist/InfiniteScroll/InfiniteLoaderItem.types.js +1 -1
  137. package/dist/InfiniteScroll/LoadingItem.d.ts +1 -1
  138. package/dist/InfiniteScroll/LoadingItem.js +10 -10
  139. package/dist/InfiniteScroll/NoMoreItem.d.ts +1 -1
  140. package/dist/InfiniteScroll/NoMoreItem.js +10 -10
  141. package/dist/InfiniteScroll/OuterListElement.d.ts +1 -1
  142. package/dist/InfiniteScroll/OuterListElement.js +45 -58
  143. package/dist/InfiniteScroll/constants.js +4 -1
  144. package/dist/InfiniteScroll/utils.d.ts +1 -1
  145. package/dist/InfiniteScroll/utils.js +15 -12
  146. package/dist/ItemsMenu/ItemsMenu.d.ts +2 -2
  147. package/dist/ItemsMenu/ItemsMenu.js +7 -6
  148. package/dist/ItemsMenu/ItemsMenu.styles.d.ts +1 -1
  149. package/dist/ItemsMenu/ItemsMenu.styles.js +6 -3
  150. package/dist/ItemsMenu/ItemsMenu.types.d.ts +1 -1
  151. package/dist/ItemsMenu/ItemsMenu.types.js +1 -1
  152. package/dist/RowSelection/RowSelectionColumn.d.ts +3 -3
  153. package/dist/RowSelection/RowSelectionColumn.js +77 -81
  154. package/dist/RowSelection/RowSelectionColumn.types.d.ts +3 -3
  155. package/dist/RowSelection/RowSelectionColumn.types.js +1 -1
  156. package/dist/RowSelection/index.js +4 -1
  157. package/dist/Table.d.ts +2 -4
  158. package/dist/Table.js +94 -129
  159. package/dist/Table.styles.d.ts +23 -23
  160. package/dist/Table.styles.js +86 -110
  161. package/dist/Table.types.d.ts +7 -7
  162. package/dist/Table.types.js +1 -1
  163. package/dist/TableHeader/TableHeader.d.ts +2 -2
  164. package/dist/TableHeader/TableHeader.js +91 -129
  165. package/dist/TableHeader/TableHeader.types.d.ts +2 -2
  166. package/dist/TableHeader/TableHeader.types.js +1 -1
  167. package/dist/TableHeader/TableLimit/TableLimit.d.ts +2 -2
  168. package/dist/TableHeader/TableLimit/TableLimit.js +44 -36
  169. package/dist/TableHeader/TableLimit/TableLimit.styles.d.ts +4 -4
  170. package/dist/TableHeader/TableLimit/TableLimit.styles.js +15 -13
  171. package/dist/TableHeader/TableLimit/TableLimit.types.d.ts +3 -3
  172. package/dist/TableHeader/TableLimit/TableLimit.types.js +1 -1
  173. package/dist/TableHeader/TableLimit/index.js +4 -2
  174. package/dist/TableHeader/TableSelection.d.ts +2 -2
  175. package/dist/TableHeader/TableSelection.js +163 -180
  176. package/dist/TableHeader/TableSelection.types.d.ts +1 -1
  177. package/dist/TableHeader/TableSelection.types.js +1 -1
  178. package/dist/TreeTable/TreeTable.d.ts +2 -3
  179. package/dist/TreeTable/TreeTable.js +51 -78
  180. package/dist/TreeTable/TreeTable.styles.d.ts +5 -5
  181. package/dist/TreeTable/TreeTable.styles.js +21 -20
  182. package/dist/VirtualTable/VirtualTable.d.ts +3 -3
  183. package/dist/VirtualTable/VirtualTable.js +342 -411
  184. package/dist/VirtualTable/VirtualTable.styles.d.ts +8 -8
  185. package/dist/VirtualTable/VirtualTable.styles.js +30 -40
  186. package/dist/VirtualTable/VirtualTable.types.d.ts +4 -4
  187. package/dist/VirtualTable/VirtualTable.types.js +1 -1
  188. package/dist/VirtualTable/VirtualTableRow.d.ts +4 -4
  189. package/dist/VirtualTable/VirtualTableRow.js +103 -111
  190. package/dist/VirtualTable/constants.js +8 -3
  191. package/dist/assets/style/index-tn0RQdqM.css +0 -0
  192. package/dist/constants/Table.constants.js +11 -6
  193. package/dist/constants/TableSkeleton.constants.d.ts +1 -1
  194. package/dist/constants/TableSkeleton.constants.js +48 -100
  195. package/dist/hooks/useBulkSelection/index.js +4 -1
  196. package/dist/hooks/useBulkSelection/useBulkSelection.d.ts +1 -1
  197. package/dist/hooks/useBulkSelection/useBulkSelection.js +55 -40
  198. package/dist/hooks/useRowKey/index.js +4 -1
  199. package/dist/hooks/useRowKey/useRowKey.js +11 -11
  200. package/dist/hooks/useRowStar/index.js +4 -2
  201. package/dist/hooks/useRowStar/useRowStar.d.ts +1 -1
  202. package/dist/hooks/useRowStar/useRowStar.js +54 -62
  203. package/dist/hooks/useRowStar/useRowStar.types.d.ts +2 -2
  204. package/dist/hooks/useRowStar/useRowStar.types.js +1 -1
  205. package/dist/index.d.ts +4 -4
  206. package/dist/index.js +18 -9
  207. package/dist/modules.d.js +1 -1
  208. package/dist/modules.d.ts +0 -0
  209. package/dist/utils/calculateColumnWidths.d.ts +1 -1
  210. package/dist/utils/calculateColumnWidths.js +17 -16
  211. package/dist/utils/calculatePixels.js +11 -12
  212. package/dist/utils/columnWithCellTooltip.d.ts +1 -1
  213. package/dist/utils/columnWithCellTooltip.js +18 -15
  214. package/dist/utils/getChildrenColumnName.js +6 -3
  215. package/dist/utils/getRecordSelectionStatus.d.ts +1 -1
  216. package/dist/utils/getRecordSelectionStatus.js +11 -7
  217. package/dist/utils/getSkeletonProps.d.ts +1 -1
  218. package/dist/utils/getSkeletonProps.js +26 -36
  219. package/dist/utils/getValueFromPath.js +9 -6
  220. package/dist/utils/index.js +23 -9
  221. package/dist/utils/isGrouped.d.ts +1 -1
  222. package/dist/utils/isGrouped.js +6 -3
  223. package/dist/utils/isRecordSelectable.d.ts +1 -1
  224. package/dist/utils/isRecordSelectable.js +10 -6
  225. package/dist/utils/locale.d.ts +3 -3
  226. package/dist/utils/locale.js +115 -111
  227. package/package.json +31 -31
  228. package/dist/Cell/TagsGroup/TagsGroup.spec.d.ts +0 -1
  229. package/dist/ColumnSortMenu/__spec__/groupedColumnsSort.spec.d.ts +0 -1
  230. package/dist/VirtualTable/VirtualTable.spec.d.ts +0 -1
  231. package/dist/utils/__specs__/getValueFromPath.spec.d.ts +0 -1
@@ -1,22 +1,30 @@
1
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- import { useCallback, useMemo } from 'react';
3
- import { isRecordSelectable } from '../../utils';
4
- import { useRowKey } from '../useRowKey';
5
- export var useBulkSelectionCount = function useBulkSelectionCount(_ref) {
6
- var dataSource = _ref.dataSource,
7
- selection = _ref.selection,
8
- childrenColumnName = _ref.childrenColumnName,
9
- rowKey = _ref.rowKey;
10
- var _useRowKey = useRowKey(rowKey),
11
- getRowKey = _useRowKey.getRowKey;
12
- var getSelectableChildren = useCallback(function (children) {
13
- var selectionStatusValidator = (selection == null ? void 0 : selection.checkRowSelectionStatus) || undefined;
14
- return children ? children.filter(function (child) {
15
- return isRecordSelectable(child, selectionStatusValidator) && getRowKey(child) !== undefined;
16
- }) : [];
17
- }, [getRowKey, selection == null ? void 0 : selection.checkRowSelectionStatus]);
18
- var result = useMemo(function () {
19
- var initialValue = {
1
+ import { useCallback, useMemo } from "react";
2
+ import "unit-to-px";
3
+ import "react/jsx-runtime";
4
+ import "../../Table.styles.js";
5
+ import "@synerise/ds-skeleton";
6
+ import "uuid";
7
+ import "styled-components";
8
+ import "@synerise/ds-typography";
9
+ import "ramda";
10
+ import { isRecordSelectable } from "../../utils/isRecordSelectable.js";
11
+ import "../../utils/locale.js";
12
+ import { useRowKey } from "../useRowKey/useRowKey.js";
13
+ const useBulkSelectionCount = ({
14
+ dataSource,
15
+ selection,
16
+ childrenColumnName,
17
+ rowKey
18
+ }) => {
19
+ const {
20
+ getRowKey
21
+ } = useRowKey(rowKey);
22
+ const getSelectableChildren = useCallback((children) => {
23
+ const selectionStatusValidator = selection?.checkRowSelectionStatus || void 0;
24
+ return children ? children.filter((child) => isRecordSelectable(child, selectionStatusValidator) && getRowKey(child) !== void 0) : [];
25
+ }, [getRowKey, selection?.checkRowSelectionStatus]);
26
+ const result = useMemo(() => {
27
+ const initialValue = {
20
28
  selectableRecordsCount: 0,
21
29
  selectableAndSelectedRecordsCount: 0,
22
30
  selectedRecordsCount: 0
@@ -24,44 +32,51 @@ export var useBulkSelectionCount = function useBulkSelectionCount(_ref) {
24
32
  if (!dataSource.length || !selection) {
25
33
  return initialValue;
26
34
  }
27
- var selectedRowKeys = selection.selectedRowKeys,
28
- independentSelectionExpandedRows = selection.independentSelectionExpandedRows,
29
- checkRowSelectionStatus = selection.checkRowSelectionStatus;
30
- return dataSource.reduce(function (count, record) {
31
- var isSelectable = +isRecordSelectable(record, checkRowSelectionStatus);
32
- var rowChildren = record[childrenColumnName];
33
- var selectableRecordsCount = count.selectableRecordsCount,
34
- selectableAndSelectedRecordsCount = count.selectableAndSelectedRecordsCount,
35
- selectedRecordsCount = count.selectedRecordsCount;
36
- // selectable
35
+ const {
36
+ selectedRowKeys,
37
+ independentSelectionExpandedRows,
38
+ checkRowSelectionStatus
39
+ } = selection;
40
+ return dataSource.reduce((count, record) => {
41
+ const isSelectable = +isRecordSelectable(record, checkRowSelectionStatus);
42
+ const rowChildren = record[childrenColumnName];
43
+ let {
44
+ selectableRecordsCount,
45
+ selectableAndSelectedRecordsCount,
46
+ selectedRecordsCount
47
+ } = count;
37
48
  if (independentSelectionExpandedRows) {
38
49
  Array.isArray(rowChildren) ? selectableRecordsCount += getSelectableChildren(rowChildren).length + isSelectable : selectableRecordsCount += isSelectable;
39
50
  } else {
40
51
  Array.isArray(rowChildren) ? selectableRecordsCount += getSelectableChildren(rowChildren).length : selectableRecordsCount += isSelectable;
41
52
  }
42
53
  if (Array.isArray(rowChildren)) {
43
- selectedRecordsCount += rowChildren.reduce(function (childCount, child) {
44
- var key = getRowKey(child);
54
+ selectedRecordsCount += rowChildren.reduce((childCount, child) => {
55
+ const key = getRowKey(child);
45
56
  return selectedRowKeys.includes(key) ? childCount + 1 : childCount;
46
57
  }, 0);
47
- selectableAndSelectedRecordsCount += rowChildren.reduce(function (childCount, child) {
48
- var key = getRowKey(child);
58
+ selectableAndSelectedRecordsCount += rowChildren.reduce((childCount, child) => {
59
+ const key = getRowKey(child);
49
60
  return selectedRowKeys.includes(key) && isRecordSelectable(child, checkRowSelectionStatus) ? childCount + 1 : childCount;
50
61
  }, 0);
51
62
  }
52
63
  if (!Array.isArray(rowChildren) || selection.independentSelectionExpandedRows) {
53
- var key = getRowKey(record);
64
+ const key = getRowKey(record);
54
65
  selectedRecordsCount += selectedRowKeys.includes(key) ? 1 : 0;
55
66
  selectableAndSelectedRecordsCount += selectedRowKeys.includes(key) && isRecordSelectable(record, checkRowSelectionStatus) ? 1 : 0;
56
67
  }
57
68
  return {
58
- selectableRecordsCount: selectableRecordsCount,
59
- selectableAndSelectedRecordsCount: selectableAndSelectedRecordsCount,
60
- selectedRecordsCount: selectedRecordsCount
69
+ selectableRecordsCount,
70
+ selectableAndSelectedRecordsCount,
71
+ selectedRecordsCount
61
72
  };
62
73
  }, initialValue);
63
74
  }, [childrenColumnName, dataSource, getRowKey, getSelectableChildren, selection]);
64
- return _extends({}, result, {
75
+ return {
76
+ ...result,
65
77
  allRecordsCount: dataSource.length
66
- });
67
- };
78
+ };
79
+ };
80
+ export {
81
+ useBulkSelectionCount
82
+ };
@@ -1 +1,4 @@
1
- export * from './useRowKey';
1
+ import { useRowKey } from "./useRowKey.js";
2
+ export {
3
+ useRowKey
4
+ };
@@ -1,18 +1,18 @@
1
- import React from 'react';
2
-
3
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
4
-
5
- export var useRowKey = function useRowKey(rowKey) {
6
- var getRowKey = React.useCallback(function (row) {
7
- if (typeof rowKey === 'function') {
1
+ import React from "react";
2
+ const useRowKey = (rowKey) => {
3
+ const getRowKey = React.useCallback((row) => {
4
+ if (typeof rowKey === "function") {
8
5
  return rowKey(row);
9
6
  }
10
- if (typeof rowKey === 'string') {
7
+ if (typeof rowKey === "string") {
11
8
  return row[rowKey];
12
9
  }
13
- return row.key || undefined;
10
+ return row.key || void 0;
14
11
  }, [rowKey]);
15
12
  return {
16
- getRowKey: getRowKey
13
+ getRowKey
17
14
  };
18
- };
15
+ };
16
+ export {
17
+ useRowKey
18
+ };
@@ -1,2 +1,4 @@
1
- export * from './useRowStar.types';
2
- export * from './useRowStar';
1
+ import { useRowStar } from "./useRowStar.js";
2
+ export {
3
+ useRowStar
4
+ };
@@ -1,2 +1,2 @@
1
- import { type UseStarredApi } from './useRowStar.types';
1
+ import { UseStarredApi } from './useRowStar.types';
2
2
  export declare const useRowStar: (initialStarredKeys: string[]) => UseStarredApi;
@@ -1,72 +1,64 @@
1
- import React from 'react';
2
- import Button from '@synerise/ds-button';
3
- import Tooltip from '@synerise/ds-tooltip';
4
- var STAR_COL_WIDTH_SINGLE = 64;
5
- var STAR_COL_WIDTH_SELECTON = 40;
6
- var createRowStarColumn = function createRowStarColumn(_ref) {
7
- var isStarred = _ref.isStarred,
8
- toggleStarred = _ref.toggleStarred;
9
- return function (_ref2) {
10
- var locale = _ref2.locale,
11
- rowStar = _ref2.rowStar,
12
- selection = _ref2.selection,
13
- getRowKey = _ref2.getRowKey,
14
- loading = _ref2.loading;
15
- return {
16
- key: '_row-star',
17
- className: ((rowStar == null ? void 0 : rowStar.className) || '') + " ds-table-star-column",
18
- width: !!selection && !!rowStar ? STAR_COL_WIDTH_SELECTON : STAR_COL_WIDTH_SINGLE,
19
- render: (rowStar == null ? void 0 : rowStar.renderCell) || function (value, record) {
20
- var expandedChild = record.expandedChild;
21
- var keyString = String(getRowKey(record));
22
- if (loading || expandedChild && rowStar != null && rowStar.disableForExpandedRows) {
23
- return null;
24
- }
25
- return /*#__PURE__*/React.createElement(Tooltip, {
26
- title: locale == null ? void 0 : locale.starRowTooltip
27
- }, /*#__PURE__*/React.createElement(Button.Star, {
28
- "data-testid": "ds-table-star-button",
29
- active: isStarred(keyString),
30
- onClick: function onClick(e) {
31
- var newStarredRowKeys = toggleStarred(keyString);
32
- if (typeof (rowStar == null ? void 0 : rowStar.onChange) === 'function') {
33
- rowStar.onChange(newStarredRowKeys, keyString, isStarred(keyString));
34
- }
35
- if (typeof (rowStar == null ? void 0 : rowStar.onClick) === 'function') {
36
- rowStar.onClick(e);
37
- }
38
- }
39
- }));
1
+ import { jsx } from "react/jsx-runtime";
2
+ import React from "react";
3
+ import Button from "@synerise/ds-button";
4
+ import Tooltip from "@synerise/ds-tooltip";
5
+ const STAR_COL_WIDTH_SINGLE = 64;
6
+ const STAR_COL_WIDTH_SELECTON = 40;
7
+ const createRowStarColumn = ({
8
+ isStarred,
9
+ toggleStarred
10
+ }) => ({
11
+ locale,
12
+ rowStar,
13
+ selection,
14
+ getRowKey,
15
+ loading
16
+ }) => ({
17
+ key: "_row-star",
18
+ className: `${rowStar?.className || ""} ds-table-star-column`,
19
+ width: !!selection && !!rowStar ? STAR_COL_WIDTH_SELECTON : STAR_COL_WIDTH_SINGLE,
20
+ render: rowStar?.renderCell || ((value, record) => {
21
+ const {
22
+ expandedChild
23
+ } = record;
24
+ const keyString = String(getRowKey(record));
25
+ if (loading || expandedChild && rowStar?.disableForExpandedRows) {
26
+ return null;
27
+ }
28
+ return /* @__PURE__ */ jsx(Tooltip, { title: locale?.starRowTooltip, children: /* @__PURE__ */ jsx(Button.Star, { "data-testid": "ds-table-star-button", active: isStarred(keyString), onClick: (e) => {
29
+ const newStarredRowKeys = toggleStarred(keyString);
30
+ if (typeof rowStar?.onChange === "function") {
31
+ rowStar.onChange(newStarredRowKeys, keyString, isStarred(keyString));
40
32
  }
41
- };
42
- };
43
- };
44
- export var useRowStar = function useRowStar(initialStarredKeys) {
45
- var starredKeys = React.useRef(new Set(initialStarredKeys));
46
- var getStarredRowKeys = function getStarredRowKeys() {
47
- return Array.from(starredKeys.current);
48
- };
49
- var isStarred = React.useCallback(function (key) {
50
- return starredKeys.current.has(key);
51
- }, [starredKeys]);
52
- var toggleStarred = React.useCallback(function (key) {
33
+ if (typeof rowStar?.onClick === "function") {
34
+ rowStar.onClick(e);
35
+ }
36
+ } }) });
37
+ })
38
+ });
39
+ const useRowStar = (initialStarredKeys) => {
40
+ const starredKeys = React.useRef(new Set(initialStarredKeys));
41
+ const getStarredRowKeys = () => Array.from(starredKeys.current);
42
+ const isStarred = React.useCallback((key) => starredKeys.current.has(key), [starredKeys]);
43
+ const toggleStarred = React.useCallback((key) => {
53
44
  if (starredKeys.current.has(key)) {
54
- starredKeys.current["delete"](key);
45
+ starredKeys.current.delete(key);
55
46
  } else {
56
47
  starredKeys.current.add(key);
57
48
  }
58
49
  return getStarredRowKeys();
59
50
  }, [starredKeys]);
60
- var getRowStarColumn = React.useMemo(function () {
61
- return createRowStarColumn({
62
- isStarred: isStarred,
63
- toggleStarred: toggleStarred
64
- });
65
- }, [isStarred, toggleStarred]);
51
+ const getRowStarColumn = React.useMemo(() => createRowStarColumn({
52
+ isStarred,
53
+ toggleStarred
54
+ }), [isStarred, toggleStarred]);
66
55
  return {
67
56
  getStarredKeys: getStarredRowKeys,
68
- isStarred: isStarred,
69
- toggleStarred: toggleStarred,
70
- getRowStarColumn: getRowStarColumn
57
+ isStarred,
58
+ toggleStarred,
59
+ getRowStarColumn
71
60
  };
72
- };
61
+ };
62
+ export {
63
+ useRowStar
64
+ };
@@ -1,5 +1,5 @@
1
- import type React from 'react';
2
- import { type DSColumnType, type DSTableProps } from '../../Table.types';
1
+ import { default as React } from 'react';
2
+ import { DSColumnType, DSTableProps } from '../../Table.types';
3
3
  export type AnyRecordType = any;
4
4
  export interface UseStarredApi {
5
5
  getStarredKeys: () => string[];
@@ -1 +1 @@
1
- export {};
1
+
package/dist/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
+ import { default as GroupedTable } from './GroupTable/GroupTable';
2
+ import { default as ItemsMenu } from './ItemsMenu/ItemsMenu';
3
+ import { default as TreeTable } from './TreeTable/TreeTable';
4
+ import { default as VirtualTable } from './VirtualTable/VirtualTable';
1
5
  import * as TableCell from './Cell';
2
- import GroupedTable from './GroupTable/GroupTable';
3
- import ItemsMenu from './ItemsMenu/ItemsMenu';
4
- import TreeTable from './TreeTable/TreeTable';
5
- import VirtualTable from './VirtualTable/VirtualTable';
6
6
  export { default } from './Table';
7
7
  export { GroupedTable, VirtualTable, TableCell, ItemsMenu, TreeTable };
8
8
  export { default as BackToTopButton } from './InfiniteScroll/BackToTopButton';
package/dist/index.js CHANGED
@@ -1,9 +1,18 @@
1
- import * as TableCell from './Cell';
2
- import GroupedTable from './GroupTable/GroupTable';
3
- import ItemsMenu from './ItemsMenu/ItemsMenu';
4
- import TreeTable from './TreeTable/TreeTable';
5
- import VirtualTable from './VirtualTable/VirtualTable';
6
- export { default } from './Table';
7
- export { GroupedTable, VirtualTable, TableCell, ItemsMenu, TreeTable };
8
- export { default as BackToTopButton } from './InfiniteScroll/BackToTopButton';
9
- export { GROUP_BY } from './GroupTable/GroupTable.types';
1
+ import * as Cell_index from "./Cell/index.js";
2
+ import { default as default2 } from "./GroupTable/GroupTable.js";
3
+ import { default as default3 } from "./ItemsMenu/ItemsMenu.js";
4
+ import { default as default4 } from "./TreeTable/TreeTable.js";
5
+ import { default as default5 } from "./VirtualTable/VirtualTable.js";
6
+ import { default as default6 } from "./Table.js";
7
+ import { BackToTopButton } from "./InfiniteScroll/BackToTopButton.js";
8
+ import { GROUP_BY } from "./GroupTable/GroupTable.types.js";
9
+ export {
10
+ BackToTopButton,
11
+ GROUP_BY,
12
+ default2 as GroupedTable,
13
+ default3 as ItemsMenu,
14
+ Cell_index as TableCell,
15
+ default4 as TreeTable,
16
+ default5 as VirtualTable,
17
+ default6 as default
18
+ };
package/dist/modules.d.js CHANGED
@@ -1 +1 @@
1
- import '@testing-library/jest-dom';
1
+ import "@testing-library/jest-dom";
File without changes
@@ -1,2 +1,2 @@
1
- import { type VirtualColumnType } from '../VirtualTable/VirtualTable.types';
1
+ import { VirtualColumnType } from '../VirtualTable/VirtualTable.types';
2
2
  export declare const calculateColumnWidths: <T extends object>(columns: VirtualColumnType<T>[], availableSpace: number) => number[];
@@ -1,10 +1,10 @@
1
- import { calculatePixels } from './calculatePixels';
2
- export var calculateColumnWidths = function calculateColumnWidths(columns, availableSpace) {
3
- var baseSum = 0;
4
- var flexibleColumnCount = 0;
5
- var noMaxColumnCount = 0;
6
- var baseWidths = columns.map(function (column) {
7
- var baseWidth = calculatePixels(column.width || column.minWidth) || 0;
1
+ import { calculatePixels } from "./calculatePixels.js";
2
+ const calculateColumnWidths = (columns, availableSpace) => {
3
+ let baseSum = 0;
4
+ let flexibleColumnCount = 0;
5
+ let noMaxColumnCount = 0;
6
+ const baseWidths = columns.map((column) => {
7
+ const baseWidth = calculatePixels(column.width || column.minWidth) || 0;
8
8
  flexibleColumnCount += Number(!column.width);
9
9
  noMaxColumnCount += Number(!column.width && !column.maxWidth);
10
10
  baseSum += baseWidth;
@@ -14,20 +14,18 @@ export var calculateColumnWidths = function calculateColumnWidths(columns, avail
14
14
  return baseWidths;
15
15
  }
16
16
  if (baseSum < availableSpace) {
17
- // split remaining space across columns with minWidth
18
- var extraWidth = (availableSpace - baseSum) / flexibleColumnCount;
19
- var interimSum = 0;
20
- columns.forEach(function (column, index) {
17
+ const extraWidth = (availableSpace - baseSum) / flexibleColumnCount;
18
+ let interimSum = 0;
19
+ columns.forEach((column, index) => {
21
20
  if (!column.width) {
22
- var maxWidthAsNumber = calculatePixels(column.maxWidth);
21
+ const maxWidthAsNumber = calculatePixels(column.maxWidth);
23
22
  baseWidths[index] = maxWidthAsNumber ? Math.min(maxWidthAsNumber, baseWidths[index] + extraWidth) : baseWidths[index] + extraWidth;
24
23
  }
25
24
  interimSum += baseWidths[index];
26
25
  });
27
26
  if (interimSum < availableSpace) {
28
- // split the remainder across columns with no maxWidth
29
- var extraWidth2 = (availableSpace - interimSum) / noMaxColumnCount;
30
- columns.forEach(function (column, index) {
27
+ const extraWidth2 = (availableSpace - interimSum) / noMaxColumnCount;
28
+ columns.forEach((column, index) => {
31
29
  if (!column.width && !column.maxWidth) {
32
30
  baseWidths[index] += extraWidth2;
33
31
  }
@@ -35,4 +33,7 @@ export var calculateColumnWidths = function calculateColumnWidths(columns, avail
35
33
  }
36
34
  }
37
35
  return baseWidths;
38
- };
36
+ };
37
+ export {
38
+ calculateColumnWidths
39
+ };
@@ -1,22 +1,21 @@
1
- // @ts-expect-error no types
2
- import toPx from 'unit-to-px';
3
- var hasSameLength = function hasSameLength(parsedValue, originalValue) {
4
- return ("" + parsedValue).length === ("" + originalValue).length;
5
- };
6
- export var calculatePixels = function calculatePixels(value) {
7
- if (typeof value === 'number') {
1
+ import toPx from "unit-to-px";
2
+ const hasSameLength = (parsedValue, originalValue) => `${parsedValue}`.length === `${originalValue}`.length;
3
+ const calculatePixels = (value) => {
4
+ if (typeof value === "number") {
8
5
  return value;
9
6
  }
10
- var isWhiteSpaceString = typeof value === 'string' && !value.trim();
7
+ const isWhiteSpaceString = typeof value === "string" && !value.trim();
11
8
  if (!value || isWhiteSpaceString) {
12
9
  return 0;
13
10
  }
14
- // detect strings like "42" and convert to number
15
- if (typeof value !== 'number' && !Number.isNaN(value) && !Number.isNaN(parseFloat(value))) {
16
- var parsedNumber = parseFloat(value);
11
+ if (typeof value !== "number" && !Number.isNaN(value) && !Number.isNaN(parseFloat(value))) {
12
+ const parsedNumber = parseFloat(value);
17
13
  if (hasSameLength(parsedNumber, value)) {
18
14
  return parsedNumber;
19
15
  }
20
16
  }
21
17
  return toPx(value);
22
- };
18
+ };
19
+ export {
20
+ calculatePixels
21
+ };
@@ -1,2 +1,2 @@
1
- import { type DSColumnType } from '../Table.types';
1
+ import { DSColumnType } from '../Table.types';
2
2
  export declare const columnWithCellTooltip: <T extends object>(column: DSColumnType<T>) => DSColumnType<T>;
@@ -1,22 +1,25 @@
1
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- import React from 'react';
3
- import Tooltip from '@synerise/ds-tooltip';
4
- import { EXPANDED_ROW_PROPERTY } from '../VirtualTable/constants';
5
- import { getValueFromPath } from './getValueFromPath';
6
- export var columnWithCellTooltip = function columnWithCellTooltip(column) {
1
+ import { jsx, Fragment } from "react/jsx-runtime";
2
+ import Tooltip from "@synerise/ds-tooltip";
3
+ import { EXPANDED_ROW_PROPERTY } from "../VirtualTable/constants.js";
4
+ import { getValueFromPath } from "./getValueFromPath.js";
5
+ const columnWithCellTooltip = (column) => {
7
6
  if (!column.getCellTooltipProps) {
8
7
  return column;
9
8
  }
10
- var renderColumn = function renderColumn(value, rowData, columnIndex) {
11
- var cellTooltip = column.getCellTooltipProps == null ? void 0 : column.getCellTooltipProps(rowData);
9
+ const renderColumn = (value, rowData, columnIndex) => {
10
+ const cellTooltip = column.getCellTooltipProps?.(rowData);
12
11
  if (rowData[EXPANDED_ROW_PROPERTY] && column.childRender) {
13
- var _content = column.childRender(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex);
14
- return cellTooltip ? /*#__PURE__*/React.createElement(Tooltip, cellTooltip, _content) : _content;
12
+ const content2 = column.childRender(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex);
13
+ return cellTooltip ? /* @__PURE__ */ jsx(Tooltip, { ...cellTooltip, children: content2 }) : content2;
15
14
  }
16
- var content = column.render ? column.render(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex) : getValueFromPath(rowData, column.dataIndex);
17
- return cellTooltip ? /*#__PURE__*/React.createElement(Tooltip, cellTooltip, /*#__PURE__*/React.createElement(React.Fragment, null, content)) : /*#__PURE__*/React.createElement(React.Fragment, null, content);
15
+ const content = column.render ? column.render(getValueFromPath(rowData, column.dataIndex), rowData, columnIndex) : getValueFromPath(rowData, column.dataIndex);
16
+ return cellTooltip ? /* @__PURE__ */ jsx(Tooltip, { ...cellTooltip, children: /* @__PURE__ */ jsx(Fragment, { children: content }) }) : /* @__PURE__ */ jsx(Fragment, { children: content });
18
17
  };
19
- return _extends({}, column, {
18
+ return {
19
+ ...column,
20
20
  render: renderColumn
21
- });
22
- };
21
+ };
22
+ };
23
+ export {
24
+ columnWithCellTooltip
25
+ };
@@ -1,4 +1,7 @@
1
- var DEFAULT_CHILDREN_COLUMN_NAME = 'children';
2
- export var getChildrenColumnName = function getChildrenColumnName(childrenColumnName) {
1
+ const DEFAULT_CHILDREN_COLUMN_NAME = "children";
2
+ const getChildrenColumnName = (childrenColumnName) => {
3
3
  return childrenColumnName || DEFAULT_CHILDREN_COLUMN_NAME;
4
- };
4
+ };
5
+ export {
6
+ getChildrenColumnName
7
+ };
@@ -1,4 +1,4 @@
1
- import { type RowSelection } from '../Table.types';
1
+ import { RowSelection } from '../Table.types';
2
2
  export declare const getRecordSelectionStatus: <T>(checkRowSelectionStatus: RowSelection<T>["checkRowSelectionStatus"], record: T) => {
3
3
  unavailable: boolean | undefined;
4
4
  disabled: boolean | undefined;
@@ -1,9 +1,13 @@
1
- export var getRecordSelectionStatus = function getRecordSelectionStatus(checkRowSelectionStatus, record) {
2
- var _ref = checkRowSelectionStatus && checkRowSelectionStatus(record) || {},
3
- unavailable = _ref.unavailable,
4
- disabled = _ref.disabled;
1
+ const getRecordSelectionStatus = (checkRowSelectionStatus, record) => {
2
+ const {
3
+ unavailable,
4
+ disabled
5
+ } = checkRowSelectionStatus && checkRowSelectionStatus(record) || {};
5
6
  return {
6
- unavailable: unavailable,
7
- disabled: disabled
7
+ unavailable,
8
+ disabled
8
9
  };
9
- };
10
+ };
11
+ export {
12
+ getRecordSelectionStatus
13
+ };
@@ -1,2 +1,2 @@
1
- import type { DSColumnType, DSTableProps } from '../Table.types';
1
+ import { DSColumnType, DSTableProps } from '../Table.types';
2
2
  export declare const getSkeletonProps: <T extends object>(skeletonProps: DSTableProps<T>["skeletonProps"], columns?: DSColumnType<T>[]) => Partial<DSTableProps<T>>;