@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,42 +1,47 @@
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
- export var getColumnsWithActiveSorting = function getColumnsWithActiveSorting(sortStateApi, columns) {
3
- return !columns ? [] : columns.filter(function (_ref) {
4
- var key = _ref.key,
5
- sorter = _ref.sorter;
6
- if (sortStateApi.getColumnSortOrder(String(key)) && typeof sorter === 'function') {
7
- return true;
8
- }
9
- return false;
10
- });
11
- };
12
- export var sortRows = function sortRows(sortOrder, compareFn, rows) {
13
- if (sortOrder === 'ascend') {
14
- return [].concat(rows).sort(compareFn);
1
+ const getColumnsWithActiveSorting = (sortStateApi, columns) => !columns ? [] : columns.filter(({
2
+ key,
3
+ sorter
4
+ }) => {
5
+ if (sortStateApi.getColumnSortOrder(String(key)) && typeof sorter === "function") {
6
+ return true;
7
+ }
8
+ return false;
9
+ });
10
+ const sortRows = (sortOrder, compareFn, rows) => {
11
+ if (sortOrder === "ascend") {
12
+ return [...rows].sort(compareFn);
15
13
  }
16
- if (sortOrder === 'descend') {
17
- return [].concat(rows).sort(compareFn).reverse();
14
+ if (sortOrder === "descend") {
15
+ return [...rows].sort(compareFn).reverse();
18
16
  }
19
17
  return rows;
20
18
  };
21
- export var sortDataSourceRows = function sortDataSourceRows(sortStateApi, sortingColumns, dataSource) {
19
+ const sortDataSourceRows = (sortStateApi, sortingColumns, dataSource) => {
22
20
  if (!dataSource) {
23
21
  return [];
24
22
  }
25
- if (!(sortingColumns != null && sortingColumns.length)) {
23
+ if (!sortingColumns?.length) {
26
24
  return dataSource;
27
25
  }
28
- return dataSource == null ? void 0 : dataSource.map(function (dataItem) {
29
- var sortedRows = sortingColumns.reduce(function (currRows, _ref2) {
30
- var sorter = _ref2.sorter,
31
- key = _ref2.key;
32
- var sortOrder = sortStateApi.getColumnSortOrder(String(key));
33
- if (!sortOrder || typeof sorter !== 'function') {
26
+ return dataSource?.map((dataItem) => {
27
+ const sortedRows = sortingColumns.reduce((currRows, {
28
+ sorter,
29
+ key
30
+ }) => {
31
+ const sortOrder = sortStateApi.getColumnSortOrder(String(key));
32
+ if (!sortOrder || typeof sorter !== "function") {
34
33
  return currRows;
35
34
  }
36
35
  return sortRows(sortOrder, sorter, currRows);
37
- }, [].concat(dataItem.rows));
38
- return _extends({}, dataItem, {
36
+ }, [...dataItem.rows]);
37
+ return {
38
+ ...dataItem,
39
39
  rows: sortedRows
40
- });
40
+ };
41
41
  });
42
- };
42
+ };
43
+ export {
44
+ getColumnsWithActiveSorting,
45
+ sortDataSourceRows,
46
+ sortRows
47
+ };
@@ -1,3 +1,3 @@
1
- import type { ReactNode, ReactPortal } from 'react';
1
+ import { ReactNode, ReactPortal } from 'react';
2
2
  declare const createReplaceButtonsPortal: <T extends Element>(columnTitleElement: T | null, newButtonsNode: ReactNode) => () => ReactPortal | null;
3
3
  export default createReplaceButtonsPortal;
@@ -1,16 +1,15 @@
1
- import { createPortal } from 'react-dom';
2
- var createReplaceButtonsPortal = function createReplaceButtonsPortal(columnTitleElement, newButtonsNode) {
3
- return function () {
4
- var _columnTitleElement$p;
5
- var sortContainerElem = columnTitleElement == null || (_columnTitleElement$p = columnTitleElement.parentElement) == null ? void 0 : _columnTitleElement$p.nextSibling;
6
- if (!sortContainerElem) {
7
- return null;
8
- }
9
- var sortInnerElem = sortContainerElem.querySelector('.ant-table-column-sorter-inner');
10
- if (sortInnerElem) {
11
- sortContainerElem.removeChild(sortInnerElem);
12
- }
13
- return /*#__PURE__*/createPortal(newButtonsNode, sortContainerElem);
14
- };
1
+ import { createPortal } from "react-dom";
2
+ const createReplaceButtonsPortal = (columnTitleElement, newButtonsNode) => () => {
3
+ const sortContainerElem = columnTitleElement?.parentElement?.nextSibling;
4
+ if (!sortContainerElem) {
5
+ return null;
6
+ }
7
+ const sortInnerElem = sortContainerElem.querySelector(".ant-table-column-sorter-inner");
8
+ if (sortInnerElem) {
9
+ sortContainerElem.removeChild(sortInnerElem);
10
+ }
11
+ return createPortal(newButtonsNode, sortContainerElem);
12
+ };
13
+ export {
14
+ createReplaceButtonsPortal as default
15
15
  };
16
- export default createReplaceButtonsPortal;
@@ -1,4 +1,4 @@
1
- import { type ColumnSortOrder, type ColumnsSortState, type DSColumnType, type OnSortFn, type SortStateAPI } from '../Table.types';
1
+ import { ColumnSortOrder, ColumnsSortState, DSColumnType, OnSortFn, SortStateAPI } from '../Table.types';
2
2
  export declare const toSortOrder: (value: string | null | undefined) => ColumnSortOrder;
3
3
  export declare const columnsToSortState: <T>(columns?: DSColumnType<T>[]) => ColumnsSortState;
4
4
  export declare const useSortState: (initialState: ColumnsSortState | undefined, onSort: OnSortFn | undefined) => SortStateAPI;
@@ -1,148 +1,150 @@
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 groupBy from 'lodash.groupby';
3
- import merge from 'lodash.merge';
4
- import React from 'react';
5
- export var toSortOrder = function toSortOrder(value) {
6
- if (value === 'descend' || value === 'ascend') {
1
+ import "lodash.groupby";
2
+ import merge from "lodash.merge";
3
+ import React from "react";
4
+ const toSortOrder = (value) => {
5
+ if (value === "descend" || value === "ascend") {
7
6
  return value;
8
7
  }
9
8
  return null;
10
9
  };
11
- export var columnsToSortState = function columnsToSortState(columns) {
12
- if (columns === void 0) {
13
- columns = [];
14
- }
15
- if (process.env.NODE_ENV === 'development') {
16
- var columnsKeys = columns.map(function (c, i) {
17
- if (c.sorter && !c.key) {
18
- // eslint-disable-next-line no-console
19
- console.warn("DefaultTable: column " + (typeof c.title === 'string' ? c.title : i + 1) + " has no \"key\" prop set which is required to use sorter");
20
- }
21
- return c.key;
22
- });
23
- var uniqueColumnKeys = Array.from(new Set(columnsKeys));
24
- if (columnsKeys.length !== uniqueColumnKeys.length) {
25
- // eslint-disable-next-line no-console
26
- console.warn('DefaultTable: column keys are not unique what may affect sorting. Columns grouped by key:', groupBy(columns, 'key'));
27
- }
28
- }
29
- return columns.reduce(function (state, column) {
30
- var _extends2, _extends3;
31
- return typeof column.sorter === 'object' ? _extends({}, state, (_extends2 = {}, _extends2[String(column.key)] = {
10
+ const columnsToSortState = (columns = []) => {
11
+ return columns.reduce((state, column) => typeof column.sorter === "object" ? {
12
+ ...state,
13
+ [String(column.key)]: {
32
14
  sortOrder: toSortOrder(column.sortOrder) || toSortOrder(column.defaultSortOrder),
33
15
  multiple: column.sorter.multiple || false
34
- }, _extends2)) : _extends({}, state, (_extends3 = {}, _extends3[String(column.key)] = {
16
+ }
17
+ } : {
18
+ ...state,
19
+ [String(column.key)]: {
35
20
  sortOrder: toSortOrder(column.sortOrder) || toSortOrder(column.defaultSortOrder),
36
21
  multiple: false
37
- }, _extends3));
22
+ }
38
23
  }, {});
39
24
  };
40
- var setSingleOrder = function setSingleOrder(state, action) {
41
- var _extends5;
42
- var payload = action.payload;
43
- var onSort = payload.onSort;
44
- var clearedSortState = Object.entries(state).reduce(function (newState, _ref) {
45
- var _extends4;
46
- var currKey = _ref[0],
47
- currValue = _ref[1];
48
- return _extends({}, newState, (_extends4 = {}, _extends4[currKey] = _extends({}, currValue, {
25
+ const setSingleOrder = (state, action) => {
26
+ const {
27
+ payload
28
+ } = action;
29
+ const {
30
+ onSort
31
+ } = payload;
32
+ const clearedSortState = Object.entries(state).reduce((newState2, [currKey, currValue]) => ({
33
+ ...newState2,
34
+ [currKey]: {
35
+ ...currValue,
49
36
  sortOrder: null
50
- }), _extends4));
51
- }, {});
52
- var newState = _extends({}, clearedSortState, (_extends5 = {}, _extends5[payload.key] = _extends({}, state[payload.key], {
53
- sortOrder: payload.sortOrder
54
- }), _extends5));
37
+ }
38
+ }), {});
39
+ const newState = {
40
+ ...clearedSortState,
41
+ [payload.key]: {
42
+ ...state[payload.key],
43
+ sortOrder: payload.sortOrder
44
+ }
45
+ };
55
46
  onSort && onSort({
56
47
  columnKey: payload.key,
57
48
  order: payload.sortOrder
58
49
  }, newState);
59
50
  return newState;
60
51
  };
61
- var setMultipleOrder = function setMultipleOrder(state, action) {
62
- var _extends8;
63
- var payload = action.payload;
64
- var onSort = payload.onSort;
65
- var clearedSortState = Object.entries(state).reduce(function (newState, _ref2) {
66
- var _extends6, _extends7;
67
- var currKey = _ref2[0],
68
- currValue = _ref2[1];
69
- return currValue.multiple === false ? _extends({}, newState, (_extends6 = {}, _extends6[currKey] = _extends({}, currValue, {
52
+ const setMultipleOrder = (state, action) => {
53
+ const {
54
+ payload
55
+ } = action;
56
+ const {
57
+ onSort
58
+ } = payload;
59
+ const clearedSortState = Object.entries(state).reduce((newState2, [currKey, currValue]) => currValue.multiple === false ? {
60
+ ...newState2,
61
+ [currKey]: {
62
+ ...currValue,
70
63
  sortOrder: null
71
- }), _extends6)) : _extends({}, newState, (_extends7 = {}, _extends7[currKey] = state[currKey], _extends7));
64
+ }
65
+ } : {
66
+ ...newState2,
67
+ [currKey]: state[currKey]
72
68
  }, {});
73
- var newState = _extends({}, clearedSortState, (_extends8 = {}, _extends8[payload.key] = _extends({}, state[payload.key], {
74
- sortOrder: payload.sortOrder
75
- }), _extends8));
69
+ const newState = {
70
+ ...clearedSortState,
71
+ [payload.key]: {
72
+ ...state[payload.key],
73
+ sortOrder: payload.sortOrder
74
+ }
75
+ };
76
76
  onSort && onSort({
77
77
  columnKey: payload.key,
78
78
  order: payload.sortOrder
79
79
  }, newState);
80
80
  return newState;
81
81
  };
82
- var updateColumns = function updateColumns(state, action) {
83
- var payload = action.payload;
82
+ const updateColumns = (state, action) => {
83
+ const {
84
+ payload
85
+ } = action;
84
86
  return merge(payload.columns, state);
85
87
  };
86
- var sortReducer = function sortReducer(state, action) {
87
- var type = action.type;
88
+ const sortReducer = (state, action) => {
89
+ const {
90
+ type
91
+ } = action;
88
92
  switch (type) {
89
- case 'setSingleOrder':
93
+ case "setSingleOrder":
90
94
  return setSingleOrder(state, action);
91
- case 'setMultipleOrder':
95
+ case "setMultipleOrder":
92
96
  return setMultipleOrder(state, action);
93
- case 'updateColumns':
97
+ case "updateColumns":
94
98
  return updateColumns(state, action);
95
99
  default:
96
100
  return state;
97
101
  }
98
102
  };
99
- export var useSortState = function useSortState(initialState, onSort) {
100
- if (initialState === void 0) {
101
- initialState = {};
102
- }
103
- var _React$useReducer = React.useReducer(sortReducer, initialState),
104
- columnsSortState = _React$useReducer[0],
105
- dispatch = _React$useReducer[1];
106
- var getColumnSortOrder = function getColumnSortOrder(key) {
107
- var _columnsSortState$key;
108
- return (_columnsSortState$key = columnsSortState[key]) == null ? void 0 : _columnsSortState$key.sortOrder;
103
+ const useSortState = (initialState = {}, onSort) => {
104
+ const [columnsSortState, dispatch] = React.useReducer(sortReducer, initialState);
105
+ const getColumnSortOrder = (key) => {
106
+ return columnsSortState[key]?.sortOrder;
109
107
  };
110
- var updateColumnsData = function updateColumnsData(columns) {
108
+ const updateColumnsData = (columns) => {
111
109
  dispatch({
112
- type: 'updateColumns',
110
+ type: "updateColumns",
113
111
  payload: {
114
- columns: columns
112
+ columns
115
113
  }
116
114
  });
117
115
  };
118
- var setColumnSortOrder = function setColumnSortOrder(key, sortOrder) {
119
- var _columnsSortState$key2, _columnsSortState$key3, _columnsSortState$key4, _columnsSortState$key5;
120
- if (((_columnsSortState$key2 = columnsSortState[key]) == null ? void 0 : _columnsSortState$key2.sortOrder) !== sortOrder && ((_columnsSortState$key3 = columnsSortState[key]) == null ? void 0 : _columnsSortState$key3.multiple) === false) {
116
+ const setColumnSortOrder = (key, sortOrder) => {
117
+ if (columnsSortState[key]?.sortOrder !== sortOrder && columnsSortState[key]?.multiple === false) {
121
118
  dispatch({
122
- type: 'setSingleOrder',
119
+ type: "setSingleOrder",
123
120
  payload: {
124
- key: key,
125
- sortOrder: sortOrder,
126
- onSort: onSort
121
+ key,
122
+ sortOrder,
123
+ onSort
127
124
  }
128
125
  });
129
126
  }
130
- if (((_columnsSortState$key4 = columnsSortState[key]) == null ? void 0 : _columnsSortState$key4.sortOrder) !== sortOrder && (_columnsSortState$key5 = columnsSortState[key]) != null && _columnsSortState$key5.multiple) {
127
+ if (columnsSortState[key]?.sortOrder !== sortOrder && columnsSortState[key]?.multiple) {
131
128
  dispatch({
132
- type: 'setMultipleOrder',
129
+ type: "setMultipleOrder",
133
130
  payload: {
134
- key: key,
135
- sortOrder: sortOrder,
136
- onSort: onSort
131
+ key,
132
+ sortOrder,
133
+ onSort
137
134
  }
138
135
  });
139
136
  }
140
137
  };
141
138
  return {
142
- columnsSortState: columnsSortState,
143
- updateColumnsData: updateColumnsData,
144
- getColumnSortOrder: getColumnSortOrder,
145
- setColumnSortOrder: setColumnSortOrder
139
+ columnsSortState,
140
+ updateColumnsData,
141
+ getColumnSortOrder,
142
+ setColumnSortOrder
146
143
  };
147
144
  };
148
- export default useSortState;
145
+ export {
146
+ columnsToSortState,
147
+ useSortState as default,
148
+ toSortOrder,
149
+ useSortState
150
+ };
@@ -1,4 +1,4 @@
1
- import React from 'react';
2
- import { type DSTableProps, type RowType } from '../Table.types';
1
+ import { default as React } from 'react';
2
+ import { DSTableProps, RowType } from '../Table.types';
3
3
  declare function DefaultTable<T extends object & RowType<T>>(props: DSTableProps<T>): React.JSX.Element;
4
4
  export default DefaultTable;