@synerise/ds-table 1.9.10 → 1.9.12

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 (232) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +9 -10
  3. package/dist/Cell/Action/ActionCell.d.ts +2 -2
  4. package/dist/Cell/Action/ActionCell.js +15 -18
  5. package/dist/Cell/Action/ActionCell.styles.d.ts +2 -2
  6. package/dist/Cell/Action/ActionCell.styles.js +10 -11
  7. package/dist/Cell/Action/ActionCell.types.d.ts +2 -2
  8. package/dist/Cell/Action/ActionCell.types.js +1 -1
  9. package/dist/Cell/AvatarLabel/AvatarLabel.d.ts +2 -2
  10. package/dist/Cell/AvatarLabel/AvatarLabel.js +32 -43
  11. package/dist/Cell/AvatarLabel/AvatarLabel.styles.d.ts +13 -13
  12. package/dist/Cell/AvatarLabel/AvatarLabel.styles.js +27 -28
  13. package/dist/Cell/AvatarLabel/AvatarLabel.types.d.ts +2 -2
  14. package/dist/Cell/AvatarLabel/AvatarLabel.types.js +1 -1
  15. package/dist/Cell/Copyable/Copyable.styles.d.ts +2 -2
  16. package/dist/Cell/Copyable/Copyable.styles.js +9 -15
  17. package/dist/Cell/Copyable/Copyable.types.d.ts +1 -1
  18. package/dist/Cell/Copyable/Copyable.types.js +1 -1
  19. package/dist/Cell/Copyable/CopyableCell.d.ts +2 -2
  20. package/dist/Cell/Copyable/CopyableCell.js +23 -27
  21. package/dist/Cell/Editable/EditableCell.d.ts +2 -2
  22. package/dist/Cell/Editable/EditableCell.js +26 -39
  23. package/dist/Cell/Editable/EditableCell.styles.d.ts +2 -2
  24. package/dist/Cell/Editable/EditableCell.styles.js +9 -7
  25. package/dist/Cell/Editable/EditableCell.types.d.ts +1 -1
  26. package/dist/Cell/Editable/EditableCell.types.js +1 -1
  27. package/dist/Cell/FlagLabel/FlagLabelCell.d.ts +2 -2
  28. package/dist/Cell/FlagLabel/FlagLabelCell.js +15 -14
  29. package/dist/Cell/FlagLabel/FlagLabelCell.styles.d.ts +1 -1
  30. package/dist/Cell/FlagLabel/FlagLabelCell.styles.js +6 -3
  31. package/dist/Cell/FlagLabel/FlagLabelCell.types.d.ts +2 -2
  32. package/dist/Cell/FlagLabel/FlagLabelCell.types.js +1 -1
  33. package/dist/Cell/IconLabel/IconLabel.d.ts +2 -2
  34. package/dist/Cell/IconLabel/IconLabel.js +14 -15
  35. package/dist/Cell/IconLabel/IconLabel.styles.d.ts +1 -1
  36. package/dist/Cell/IconLabel/IconLabel.styles.js +7 -6
  37. package/dist/Cell/IconLabel/IconLabel.types.d.ts +3 -3
  38. package/dist/Cell/IconLabel/IconLabel.types.js +1 -1
  39. package/dist/Cell/IconTooltipCell/IconTooltipCell.d.ts +2 -2
  40. package/dist/Cell/IconTooltipCell/IconTooltipCell.js +18 -23
  41. package/dist/Cell/IconTooltipCell/IconTooltipCell.styles.d.ts +2 -2
  42. package/dist/Cell/IconTooltipCell/IconTooltipCell.styles.js +9 -11
  43. package/dist/Cell/IconTooltipCell/IconTooltipCell.types.d.ts +4 -4
  44. package/dist/Cell/IconTooltipCell/IconTooltipCell.types.js +1 -1
  45. package/dist/Cell/InputNumber/InputNumberCell.d.ts +2 -2
  46. package/dist/Cell/InputNumber/InputNumberCell.js +10 -17
  47. package/dist/Cell/InputNumber/InputNumberCell.styles.d.ts +1 -1
  48. package/dist/Cell/InputNumber/InputNumberCell.styles.js +9 -5
  49. package/dist/Cell/InputNumber/InputNumberCell.types.d.ts +2 -2
  50. package/dist/Cell/InputNumber/InputNumberCell.types.js +1 -1
  51. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.d.ts +3 -3
  52. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.js +29 -40
  53. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.styles.d.ts +3 -3
  54. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.styles.js +11 -8
  55. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.d.ts +2 -2
  56. package/dist/Cell/LabelsWithShowMore/LabelsWithShowMore.types.js +1 -1
  57. package/dist/Cell/LabelsWithShowMore/Modal/Modal.d.ts +2 -2
  58. package/dist/Cell/LabelsWithShowMore/Modal/Modal.js +35 -64
  59. package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.d.ts +3 -3
  60. package/dist/Cell/LabelsWithShowMore/Modal/Modal.types.js +1 -1
  61. package/dist/Cell/Star/StarCell.d.ts +45 -45
  62. package/dist/Cell/Star/StarCell.js +25 -31
  63. package/dist/Cell/Star/StarCell.styles.d.ts +2 -2
  64. package/dist/Cell/Star/StarCell.styles.js +11 -9
  65. package/dist/Cell/Star/StarCell.types.d.ts +2 -2
  66. package/dist/Cell/Star/StarCell.types.js +1 -1
  67. package/dist/Cell/StatusLabel/StatusLabel.d.ts +2 -2
  68. package/dist/Cell/StatusLabel/StatusLabel.js +17 -19
  69. package/dist/Cell/StatusLabel/StatusLabel.styles.d.ts +2 -2
  70. package/dist/Cell/StatusLabel/StatusLabel.styles.js +9 -9
  71. package/dist/Cell/StatusLabel/StatusLabel.types.d.ts +3 -3
  72. package/dist/Cell/StatusLabel/StatusLabel.types.js +1 -1
  73. package/dist/Cell/TagIcon/TagIcon.d.ts +2 -2
  74. package/dist/Cell/TagIcon/TagIcon.js +9 -13
  75. package/dist/Cell/TagIcon/TagIcon.styles.d.ts +1 -1
  76. package/dist/Cell/TagIcon/TagIcon.styles.js +7 -6
  77. package/dist/Cell/TagIcon/TagIcon.types.d.ts +2 -2
  78. package/dist/Cell/TagIcon/TagIcon.types.js +1 -1
  79. package/dist/Cell/TagsGroup/TagsGroup.d.ts +2 -2
  80. package/dist/Cell/TagsGroup/TagsGroup.js +22 -39
  81. package/dist/Cell/TagsGroup/TagsGroup.styles.d.ts +2 -2
  82. package/dist/Cell/TagsGroup/TagsGroup.styles.js +30 -9
  83. package/dist/Cell/TagsGroup/TagsGroup.types.d.ts +2 -2
  84. package/dist/Cell/TagsGroup/TagsGroup.types.js +1 -1
  85. package/dist/Cell/index.d.ts +12 -12
  86. package/dist/Cell/index.js +28 -14
  87. package/dist/ColumnSortMenu/SortIcons.d.ts +2 -2
  88. package/dist/ColumnSortMenu/SortIcons.js +26 -38
  89. package/dist/ColumnSortMenu/SortRender.styles.d.ts +34 -34
  90. package/dist/ColumnSortMenu/SortRender.styles.js +13 -10
  91. package/dist/ColumnSortMenu/SortRenderer.d.ts +2 -2
  92. package/dist/ColumnSortMenu/SortRenderer.js +74 -108
  93. package/dist/ColumnSortMenu/TitleWithSort.d.ts +2 -2
  94. package/dist/ColumnSortMenu/TitleWithSort.js +19 -16
  95. package/dist/ColumnSortMenu/columnWithSortButtons.d.ts +1 -2
  96. package/dist/ColumnSortMenu/columnWithSortButtons.js +26 -43
  97. package/dist/ColumnSortMenu/groupedColumnsSort.d.ts +3 -3
  98. package/dist/ColumnSortMenu/groupedColumnsSort.js +33 -28
  99. package/dist/ColumnSortMenu/replaceSortButtons.d.ts +1 -1
  100. package/dist/ColumnSortMenu/replaceSortButtons.js +14 -15
  101. package/dist/ColumnSortMenu/useSortState.d.ts +1 -1
  102. package/dist/ColumnSortMenu/useSortState.js +95 -93
  103. package/dist/DefaultTable/DefaultTable.d.ts +2 -2
  104. package/dist/DefaultTable/DefaultTable.js +147 -148
  105. package/dist/FilterTrigger/FilterTrigger.d.ts +2 -2
  106. package/dist/FilterTrigger/FilterTrigger.js +42 -67
  107. package/dist/FilterTrigger/FilterTrigger.styles.d.ts +53 -53
  108. package/dist/FilterTrigger/FilterTrigger.styles.js +19 -32
  109. package/dist/FilterTrigger/FilterTrigger.types.d.ts +1 -1
  110. package/dist/FilterTrigger/FilterTrigger.types.js +1 -1
  111. package/dist/GroupTable/GroupTable.d.ts +3 -4
  112. package/dist/GroupTable/GroupTable.js +97 -118
  113. package/dist/GroupTable/GroupTable.styles.d.ts +25 -25
  114. package/dist/GroupTable/GroupTable.styles.js +40 -37
  115. package/dist/GroupTable/GroupTable.types.d.ts +1 -1
  116. package/dist/GroupTable/GroupTable.types.js +9 -6
  117. package/dist/GroupTable/GroupTableBody/GroupTableBody.d.ts +1 -1
  118. package/dist/GroupTable/GroupTableBody/GroupTableBody.js +83 -107
  119. package/dist/GroupTable/GroupTableBody/GroupTableBody.types.d.ts +3 -3
  120. package/dist/GroupTable/GroupTableBody/GroupTableBody.types.js +1 -1
  121. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.d.ts +1 -1
  122. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.js +25 -28
  123. package/dist/GroupTable/GroupTableHeader/GroupTableHeader.types.js +1 -1
  124. package/dist/InfiniteScroll/BackToTopButton.d.ts +2 -2
  125. package/dist/InfiniteScroll/BackToTopButton.js +7 -15
  126. package/dist/InfiniteScroll/BackToTopButton.styles.d.ts +34 -34
  127. package/dist/InfiniteScroll/BackToTopButton.styles.js +11 -9
  128. package/dist/InfiniteScroll/ErrorItem.d.ts +1 -1
  129. package/dist/InfiniteScroll/ErrorItem.js +19 -23
  130. package/dist/InfiniteScroll/ErrorItem.styles.d.ts +1 -1
  131. package/dist/InfiniteScroll/ErrorItem.styles.js +6 -3
  132. package/dist/InfiniteScroll/InfiniteLoaderItem.d.ts +2 -2
  133. package/dist/InfiniteScroll/InfiniteLoaderItem.js +33 -28
  134. package/dist/InfiniteScroll/InfiniteLoaderItem.styles.d.ts +1 -1
  135. package/dist/InfiniteScroll/InfiniteLoaderItem.styles.js +7 -4
  136. package/dist/InfiniteScroll/InfiniteLoaderItem.types.d.ts +1 -1
  137. package/dist/InfiniteScroll/InfiniteLoaderItem.types.js +1 -1
  138. package/dist/InfiniteScroll/LoadingItem.d.ts +1 -1
  139. package/dist/InfiniteScroll/LoadingItem.js +10 -10
  140. package/dist/InfiniteScroll/NoMoreItem.d.ts +1 -1
  141. package/dist/InfiniteScroll/NoMoreItem.js +10 -10
  142. package/dist/InfiniteScroll/OuterListElement.d.ts +1 -1
  143. package/dist/InfiniteScroll/OuterListElement.js +45 -58
  144. package/dist/InfiniteScroll/constants.js +4 -1
  145. package/dist/InfiniteScroll/utils.d.ts +1 -1
  146. package/dist/InfiniteScroll/utils.js +15 -12
  147. package/dist/ItemsMenu/ItemsMenu.d.ts +2 -2
  148. package/dist/ItemsMenu/ItemsMenu.js +7 -6
  149. package/dist/ItemsMenu/ItemsMenu.styles.d.ts +1 -1
  150. package/dist/ItemsMenu/ItemsMenu.styles.js +6 -3
  151. package/dist/ItemsMenu/ItemsMenu.types.d.ts +1 -1
  152. package/dist/ItemsMenu/ItemsMenu.types.js +1 -1
  153. package/dist/RowSelection/RowSelectionColumn.d.ts +3 -3
  154. package/dist/RowSelection/RowSelectionColumn.js +77 -81
  155. package/dist/RowSelection/RowSelectionColumn.types.d.ts +3 -3
  156. package/dist/RowSelection/RowSelectionColumn.types.js +1 -1
  157. package/dist/RowSelection/index.js +4 -1
  158. package/dist/Table.d.ts +2 -4
  159. package/dist/Table.js +94 -129
  160. package/dist/Table.styles.d.ts +23 -23
  161. package/dist/Table.styles.js +86 -110
  162. package/dist/Table.types.d.ts +7 -7
  163. package/dist/Table.types.js +1 -1
  164. package/dist/TableHeader/TableHeader.d.ts +2 -2
  165. package/dist/TableHeader/TableHeader.js +91 -129
  166. package/dist/TableHeader/TableHeader.types.d.ts +2 -2
  167. package/dist/TableHeader/TableHeader.types.js +1 -1
  168. package/dist/TableHeader/TableLimit/TableLimit.d.ts +2 -2
  169. package/dist/TableHeader/TableLimit/TableLimit.js +44 -36
  170. package/dist/TableHeader/TableLimit/TableLimit.styles.d.ts +4 -4
  171. package/dist/TableHeader/TableLimit/TableLimit.styles.js +15 -13
  172. package/dist/TableHeader/TableLimit/TableLimit.types.d.ts +3 -3
  173. package/dist/TableHeader/TableLimit/TableLimit.types.js +1 -1
  174. package/dist/TableHeader/TableLimit/index.js +4 -2
  175. package/dist/TableHeader/TableSelection.d.ts +2 -2
  176. package/dist/TableHeader/TableSelection.js +163 -180
  177. package/dist/TableHeader/TableSelection.types.d.ts +1 -1
  178. package/dist/TableHeader/TableSelection.types.js +1 -1
  179. package/dist/TreeTable/TreeTable.d.ts +2 -3
  180. package/dist/TreeTable/TreeTable.js +51 -78
  181. package/dist/TreeTable/TreeTable.styles.d.ts +5 -5
  182. package/dist/TreeTable/TreeTable.styles.js +21 -20
  183. package/dist/VirtualTable/VirtualTable.d.ts +3 -3
  184. package/dist/VirtualTable/VirtualTable.js +342 -411
  185. package/dist/VirtualTable/VirtualTable.styles.d.ts +8 -8
  186. package/dist/VirtualTable/VirtualTable.styles.js +30 -40
  187. package/dist/VirtualTable/VirtualTable.types.d.ts +4 -4
  188. package/dist/VirtualTable/VirtualTable.types.js +1 -1
  189. package/dist/VirtualTable/VirtualTableRow.d.ts +4 -4
  190. package/dist/VirtualTable/VirtualTableRow.js +103 -111
  191. package/dist/VirtualTable/constants.js +8 -3
  192. package/dist/assets/style/index-tn0RQdqM.css +0 -0
  193. package/dist/constants/Table.constants.js +11 -6
  194. package/dist/constants/TableSkeleton.constants.d.ts +1 -1
  195. package/dist/constants/TableSkeleton.constants.js +48 -100
  196. package/dist/hooks/useBulkSelection/index.js +4 -1
  197. package/dist/hooks/useBulkSelection/useBulkSelection.d.ts +1 -1
  198. package/dist/hooks/useBulkSelection/useBulkSelection.js +55 -40
  199. package/dist/hooks/useRowKey/index.js +4 -1
  200. package/dist/hooks/useRowKey/useRowKey.js +11 -11
  201. package/dist/hooks/useRowStar/index.js +4 -2
  202. package/dist/hooks/useRowStar/useRowStar.d.ts +1 -1
  203. package/dist/hooks/useRowStar/useRowStar.js +54 -62
  204. package/dist/hooks/useRowStar/useRowStar.types.d.ts +2 -2
  205. package/dist/hooks/useRowStar/useRowStar.types.js +1 -1
  206. package/dist/index.d.ts +4 -4
  207. package/dist/index.js +18 -9
  208. package/dist/modules.d.js +1 -1
  209. package/dist/modules.d.ts +0 -0
  210. package/dist/utils/calculateColumnWidths.d.ts +1 -1
  211. package/dist/utils/calculateColumnWidths.js +17 -16
  212. package/dist/utils/calculatePixels.js +11 -12
  213. package/dist/utils/columnWithCellTooltip.d.ts +1 -1
  214. package/dist/utils/columnWithCellTooltip.js +18 -15
  215. package/dist/utils/getChildrenColumnName.js +6 -3
  216. package/dist/utils/getRecordSelectionStatus.d.ts +1 -1
  217. package/dist/utils/getRecordSelectionStatus.js +11 -7
  218. package/dist/utils/getSkeletonProps.d.ts +1 -1
  219. package/dist/utils/getSkeletonProps.js +26 -36
  220. package/dist/utils/getValueFromPath.js +9 -6
  221. package/dist/utils/index.js +23 -9
  222. package/dist/utils/isGrouped.d.ts +1 -1
  223. package/dist/utils/isGrouped.js +6 -3
  224. package/dist/utils/isRecordSelectable.d.ts +1 -1
  225. package/dist/utils/isRecordSelectable.js +10 -6
  226. package/dist/utils/locale.d.ts +3 -3
  227. package/dist/utils/locale.js +115 -111
  228. package/package.json +31 -31
  229. package/dist/Cell/TagsGroup/TagsGroup.spec.d.ts +0 -1
  230. package/dist/ColumnSortMenu/__spec__/groupedColumnsSort.spec.d.ts +0 -1
  231. package/dist/VirtualTable/VirtualTable.spec.d.ts +0 -1
  232. package/dist/utils/__specs__/getValueFromPath.spec.d.ts +0 -1
@@ -1,34 +1,35 @@
1
- import styled from 'styled-components';
2
- var LEVELS = ['yellow', 'green', 'cyan', 'violet', 'orange', 'purple', 'blue', 'grey'];
3
- var getColor = function getColor(active, level) {
4
- if (level === LEVELS.indexOf('cyan') && active) {
5
- return '500';
1
+ import styled from "styled-components";
2
+ const LEVELS = ["yellow", "green", "cyan", "violet", "orange", "purple", "blue", "grey"];
3
+ const getColor = (active, level) => {
4
+ if (level === LEVELS.indexOf("cyan") && active) {
5
+ return "500";
6
6
  }
7
- return active ? '600' : '200';
7
+ return active ? "600" : "200";
8
8
  };
9
- export var Indents = styled.div.withConfig({
9
+ const Indents = /* @__PURE__ */ styled.div.withConfig({
10
10
  displayName: "TreeTablestyles__Indents",
11
11
  componentId: "sc-14bdrex-0"
12
- })(["position:absolute;top:0;left:", ";height:100%;width:", ";display:flex;align-items:flex-start;justify-content:flex-start;"], function (props) {
13
- return props.withSelection ? '12px' : '36px';
14
- }, function (props) {
15
- return props.width + "px";
16
- });
17
- export var Indent = styled.span.withConfig({
12
+ })(["position:absolute;top:0;left:", ";height:100%;width:", ";display:flex;align-items:flex-start;justify-content:flex-start;"], (props) => props.withSelection ? "12px" : "36px", (props) => `${props.width}px`);
13
+ const Indent = /* @__PURE__ */ styled.span.withConfig({
18
14
  displayName: "TreeTablestyles__Indent",
19
15
  componentId: "sc-14bdrex-1"
20
- })(["width:42px;position:relative;height:100%;&:before{content:'';position:absolute;top:0;left:0;height:100%;width:2px;background-color:", ";}"], function (props) {
21
- return props.level >= 0 ? props.theme.palette[LEVELS[props.level % LEVELS.length] + "-" + getColor(props.active, props.level)] : props.theme.palette['grey-600'];
22
- });
23
- export var RowExpander = styled.span.withConfig({
16
+ })(["width:42px;position:relative;height:100%;&:before{content:'';position:absolute;top:0;left:0;height:100%;width:2px;background-color:", ";}"], (props) => props.level >= 0 ? props.theme.palette[`${LEVELS[props.level % LEVELS.length]}-${getColor(props.active, props.level)}`] : props.theme.palette["grey-600"]);
17
+ const RowExpander = /* @__PURE__ */ styled.span.withConfig({
24
18
  displayName: "TreeTablestyles__RowExpander",
25
19
  componentId: "sc-14bdrex-2"
26
20
  })(["display:inline-flex;align-items:center;justify-content:flex-start;width:24px;margin-right:24px;"]);
27
- export var TreeTableRow = styled.tr.withConfig({
21
+ const TreeTableRow = /* @__PURE__ */ styled.tr.withConfig({
28
22
  displayName: "TreeTablestyles__TreeTableRow",
29
23
  componentId: "sc-14bdrex-3"
30
24
  })([""]);
31
- export var TreeTableCell = styled.td.withConfig({
25
+ const TreeTableCell = /* @__PURE__ */ styled.td.withConfig({
32
26
  displayName: "TreeTablestyles__TreeTableCell",
33
27
  componentId: "sc-14bdrex-4"
34
- })(["&&&{font-weight:500;font-size:13px;line-height:1.38;}"]);
28
+ })(["&&&{font-weight:500;font-size:13px;line-height:1.38;}"]);
29
+ export {
30
+ Indent,
31
+ Indents,
32
+ RowExpander,
33
+ TreeTableCell,
34
+ TreeTableRow
35
+ };
@@ -1,6 +1,6 @@
1
- import { type ReactElement, type Ref } from 'react';
2
- import type { RowType } from '../Table.types';
3
- import type { VirtualTableProps, VirtualTableRef } from './VirtualTable.types';
1
+ import { ReactElement, Ref } from 'react';
2
+ import { RowType } from '../Table.types';
3
+ import { VirtualTableProps, VirtualTableRef } from './VirtualTable.types';
4
4
  import { EXPANDED_ROW_PROPERTY } from './constants';
5
5
  type VirtualTableType = <T extends object & RowType<T> & {
6
6
  [EXPANDED_ROW_PROPERTY]?: boolean;