@reltio/components 1.4.2081 → 1.4.2082

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 (35) hide show
  1. package/BasicTable/BasicTable.js +3 -2
  2. package/cjs/BasicTable/BasicTable.js +3 -2
  3. package/cjs/helpers/data/tableCompactCollapseHelper.data.d.ts +491 -0
  4. package/cjs/helpers/data/tableCompactCollapseHelper.data.js +1641 -0
  5. package/cjs/helpers/tableCompactCollapseHelpers.d.ts +4 -0
  6. package/cjs/helpers/tableCompactCollapseHelpers.js +187 -0
  7. package/cjs/helpers/tableCompactCollapseHelpers.test.d.ts +1 -0
  8. package/cjs/helpers/tableCompactCollapseHelpers.test.js +27 -0
  9. package/cjs/hooks/useBasicTableCellRenderer/useBasicTableCellRenderer.d.ts +3 -2
  10. package/cjs/hooks/useBasicTableCellRenderer/useBasicTableCellRenderer.js +3 -2
  11. package/cjs/hooks/useCollapsibleTableRows/dataHelpers.d.ts +2 -1
  12. package/cjs/hooks/useCollapsibleTableRows/dataHelpers.js +16 -7
  13. package/cjs/hooks/useCollapsibleTableRows/dataHelpers.test.js +6 -6
  14. package/cjs/hooks/useCollapsibleTableRows/useCollapsibleTableRows.d.ts +3 -2
  15. package/cjs/hooks/useCollapsibleTableRows/useCollapsibleTableRows.js +13 -5
  16. package/cjs/hooks/useCollapsibleTableRows/useCollapsibleTableRows.test.js +3 -4
  17. package/cjs/index.d.ts +1 -0
  18. package/cjs/index.js +3 -1
  19. package/helpers/data/tableCompactCollapseHelper.data.d.ts +491 -0
  20. package/helpers/data/tableCompactCollapseHelper.data.js +1633 -0
  21. package/helpers/tableCompactCollapseHelpers.d.ts +4 -0
  22. package/helpers/tableCompactCollapseHelpers.js +183 -0
  23. package/helpers/tableCompactCollapseHelpers.test.d.ts +1 -0
  24. package/helpers/tableCompactCollapseHelpers.test.js +25 -0
  25. package/hooks/useBasicTableCellRenderer/useBasicTableCellRenderer.d.ts +3 -2
  26. package/hooks/useBasicTableCellRenderer/useBasicTableCellRenderer.js +3 -2
  27. package/hooks/useCollapsibleTableRows/dataHelpers.d.ts +2 -1
  28. package/hooks/useCollapsibleTableRows/dataHelpers.js +16 -8
  29. package/hooks/useCollapsibleTableRows/dataHelpers.test.js +6 -6
  30. package/hooks/useCollapsibleTableRows/useCollapsibleTableRows.d.ts +3 -2
  31. package/hooks/useCollapsibleTableRows/useCollapsibleTableRows.js +14 -6
  32. package/hooks/useCollapsibleTableRows/useCollapsibleTableRows.test.js +3 -4
  33. package/index.d.ts +1 -0
  34. package/index.js +1 -0
  35. package/package.json +2 -2
package/BasicTable/BasicTable.js CHANGED
@@ -30,7 +30,7 @@ import { RowCollapseContext } from '../contexts/RowCollapseContext';
30
30
  import { useCollapsibleTableRows } from '../hooks/useCollapsibleTableRows';
31
31
  import { COLUMN_FILTER_HEIGHT } from '../constants/common';
32
32
  export var BasicTable = forwardRef(function (_a, ref) {
33
- var columnsData = _a.columnsData, rowsData = _a.rowsData, context = _a.context, sorting = _a.sorting, onSort = _a.onSort, _b = _a.renderRowCell, renderRowCell = _b === void 0 ? defaultRenderRowCell : _b, _c = _a.getRowCellHeight, getRowCellHeight = _c === void 0 ? defaultGetRowCellHeight : _c, filters = _a.filters, onFilter = _a.onFilter, headRowHeight = _a.headRowHeight, _d = _a.maxRowValuesCount, maxRowValuesCount = _d === void 0 ? Infinity : _d, autosizing = _a.autosizing, maxHeight = _a.maxHeight, getIdFromRowValue = _a.getIdFromRowValue, otherProps = __rest(_a, ["columnsData", "rowsData", "context", "sorting", "onSort", "renderRowCell", "getRowCellHeight", "filters", "onFilter", "headRowHeight", "maxRowValuesCount", "autosizing", "maxHeight", "getIdFromRowValue"]);
33
+ var columnsData = _a.columnsData, rowsData = _a.rowsData, context = _a.context, sorting = _a.sorting, onSort = _a.onSort, _b = _a.renderRowCell, renderRowCell = _b === void 0 ? defaultRenderRowCell : _b, _c = _a.getRowCellHeight, getRowCellHeight = _c === void 0 ? defaultGetRowCellHeight : _c, filters = _a.filters, onFilter = _a.onFilter, headRowHeight = _a.headRowHeight, _d = _a.maxRowValuesCount, maxRowValuesCount = _d === void 0 ? Infinity : _d, autosizing = _a.autosizing, maxHeight = _a.maxHeight, getIdFromRowValue = _a.getIdFromRowValue, applyMaxValuesCountConstraint = _a.applyMaxValuesCountConstraint, otherProps = __rest(_a, ["columnsData", "rowsData", "context", "sorting", "onSort", "renderRowCell", "getRowCellHeight", "filters", "onFilter", "headRowHeight", "maxRowValuesCount", "autosizing", "maxHeight", "getIdFromRowValue", "applyMaxValuesCountConstraint"]);
34
34
  var tableHeadData = useMemo(function () { return getTableHeadData(columnsData, filters, onFilter); }, [columnsData, filters, onFilter]);
35
35
  var _e = useCollapsibleTableRows({
36
36
  rowsData: rowsData,
@@ -38,7 +38,8 @@ export var BasicTable = forwardRef(function (_a, ref) {
38
38
  renderRowCell: renderRowCell,
39
39
  getRowCellHeight: getRowCellHeight,
40
40
  maxRowValuesCount: maxRowValuesCount,
41
- getIdFromRowValue: getIdFromRowValue
41
+ getIdFromRowValue: getIdFromRowValue,
42
+ applyMaxValuesCountConstraint: applyMaxValuesCountConstraint
42
43
  }), tableRowsData = _e.tableRowsData, collapseContextValue = _e.collapseContextValue;
43
44
  var toggleRowCollapse = collapseContextValue.toggleRowCollapse, getIsRowCollapsed = collapseContextValue.getIsRowCollapsed;
44
45
  var onStartDragRow = useCallback(function () {
package/cjs/BasicTable/BasicTable.js CHANGED
@@ -59,7 +59,7 @@ var RowCollapseContext_1 = require("../contexts/RowCollapseContext");
59
59
  var useCollapsibleTableRows_1 = require("../hooks/useCollapsibleTableRows");
60
60
  var common_1 = require("../constants/common");
61
61
  exports.BasicTable = (0, react_1.forwardRef)(function (_a, ref) {
62
- var columnsData = _a.columnsData, rowsData = _a.rowsData, context = _a.context, sorting = _a.sorting, onSort = _a.onSort, _b = _a.renderRowCell, renderRowCell = _b === void 0 ? basicTable_1.defaultRenderRowCell : _b, _c = _a.getRowCellHeight, getRowCellHeight = _c === void 0 ? basicTable_1.defaultGetRowCellHeight : _c, filters = _a.filters, onFilter = _a.onFilter, headRowHeight = _a.headRowHeight, _d = _a.maxRowValuesCount, maxRowValuesCount = _d === void 0 ? Infinity : _d, autosizing = _a.autosizing, maxHeight = _a.maxHeight, getIdFromRowValue = _a.getIdFromRowValue, otherProps = __rest(_a, ["columnsData", "rowsData", "context", "sorting", "onSort", "renderRowCell", "getRowCellHeight", "filters", "onFilter", "headRowHeight", "maxRowValuesCount", "autosizing", "maxHeight", "getIdFromRowValue"]);
62
+ var columnsData = _a.columnsData, rowsData = _a.rowsData, context = _a.context, sorting = _a.sorting, onSort = _a.onSort, _b = _a.renderRowCell, renderRowCell = _b === void 0 ? basicTable_1.defaultRenderRowCell : _b, _c = _a.getRowCellHeight, getRowCellHeight = _c === void 0 ? basicTable_1.defaultGetRowCellHeight : _c, filters = _a.filters, onFilter = _a.onFilter, headRowHeight = _a.headRowHeight, _d = _a.maxRowValuesCount, maxRowValuesCount = _d === void 0 ? Infinity : _d, autosizing = _a.autosizing, maxHeight = _a.maxHeight, getIdFromRowValue = _a.getIdFromRowValue, applyMaxValuesCountConstraint = _a.applyMaxValuesCountConstraint, otherProps = __rest(_a, ["columnsData", "rowsData", "context", "sorting", "onSort", "renderRowCell", "getRowCellHeight", "filters", "onFilter", "headRowHeight", "maxRowValuesCount", "autosizing", "maxHeight", "getIdFromRowValue", "applyMaxValuesCountConstraint"]);
63
63
  var tableHeadData = (0, react_1.useMemo)(function () { return (0, helpers_1.getTableHeadData)(columnsData, filters, onFilter); }, [columnsData, filters, onFilter]);
64
64
  var _e = (0, useCollapsibleTableRows_1.useCollapsibleTableRows)({
65
65
  rowsData: rowsData,
@@ -67,7 +67,8 @@ exports.BasicTable = (0, react_1.forwardRef)(function (_a, ref) {
67
67
  renderRowCell: renderRowCell,
68
68
  getRowCellHeight: getRowCellHeight,
69
69
  maxRowValuesCount: maxRowValuesCount,
70
- getIdFromRowValue: getIdFromRowValue
70
+ getIdFromRowValue: getIdFromRowValue,
71
+ applyMaxValuesCountConstraint: applyMaxValuesCountConstraint
71
72
  }), tableRowsData = _e.tableRowsData, collapseContextValue = _e.collapseContextValue;
72
73
  var toggleRowCollapse = collapseContextValue.toggleRowCollapse, getIsRowCollapsed = collapseContextValue.getIsRowCollapsed;
73
74
  var onStartDragRow = (0, react_1.useCallback)(function () {
package/cjs/helpers/data/tableCompactCollapseHelper.data.d.ts ADDED
@@ -0,0 +1,491 @@
1
+ import { RowValue } from '../..';
2
+ export declare const getRowValueData: () => RowValue;
3
+ export declare const getRowValueWithConstraintsDataForMVC1: () => {
4
+ profile: {
5
+ values: {
6
+ uri: string;
7
+ type: string;
8
+ attributes: {
9
+ TextField: {
10
+ type: string;
11
+ ov: boolean;
12
+ value: string;
13
+ uri: string;
14
+ }[];
15
+ NestedTest: {
16
+ label: string;
17
+ value: {
18
+ TextField: {
19
+ type: string;
20
+ ov: boolean;
21
+ value: string;
22
+ uri: string;
23
+ }[];
24
+ NestedTestL2: ({
25
+ label: string;
26
+ value: {
27
+ StringL2: {
28
+ type: string;
29
+ ov: boolean;
30
+ value: string;
31
+ uri: string;
32
+ }[];
33
+ 'Nested Level 3': {
34
+ label: string;
35
+ value: {
36
+ 'String L3': {
37
+ type: string;
38
+ ov: boolean;
39
+ value: string;
40
+ uri: string;
41
+ }[];
42
+ };
43
+ ov: boolean;
44
+ uri: string;
45
+ }[];
46
+ };
47
+ ov: boolean;
48
+ uri: string;
49
+ } | {
50
+ label: string;
51
+ value: {
52
+ StringL2: {
53
+ type: string;
54
+ ov: boolean;
55
+ value: string;
56
+ uri: string;
57
+ }[];
58
+ 'Nested Level 3'?: undefined;
59
+ };
60
+ ov: boolean;
61
+ uri: string;
62
+ })[];
63
+ };
64
+ ov: boolean;
65
+ uri: string;
66
+ }[];
67
+ };
68
+ label: string;
69
+ }[];
70
+ hiddenValues: any[];
71
+ }[];
72
+ 'attributes.NestedTest.TextField': {
73
+ nestedKey: string;
74
+ indexPath: number[];
75
+ values: {
76
+ value: string;
77
+ ov: boolean;
78
+ uri: string;
79
+ }[];
80
+ hiddenValues: {
81
+ value: string;
82
+ ov: boolean;
83
+ uri: string;
84
+ }[];
85
+ }[];
86
+ 'attributes.NestedTest.NestedTestL2.StringL2': {
87
+ nestedKey: string;
88
+ indexPath: number[];
89
+ values: {
90
+ value: string;
91
+ ov: boolean;
92
+ uri: string;
93
+ }[];
94
+ hiddenValues: {
95
+ value: string;
96
+ ov: boolean;
97
+ uri: string;
98
+ }[];
99
+ }[];
100
+ 'attributes.NestedTest.NestedTestL2.Nested Level 3.String L3': {
101
+ nestedKey: string;
102
+ indexPath: number[];
103
+ values: {
104
+ value: string;
105
+ ov: boolean;
106
+ uri: string;
107
+ }[];
108
+ hiddenValues: {
109
+ value: string;
110
+ ov: boolean;
111
+ uri: string;
112
+ }[];
113
+ }[];
114
+ };
115
+ export declare const getRowValueWithConstraintsDataForMVC2: () => {
116
+ profile: {
117
+ values: {
118
+ uri: string;
119
+ type: string;
120
+ attributes: {
121
+ TextField: {
122
+ type: string;
123
+ ov: boolean;
124
+ value: string;
125
+ uri: string;
126
+ }[];
127
+ NestedTest: {
128
+ label: string;
129
+ value: {
130
+ TextField: {
131
+ type: string;
132
+ ov: boolean;
133
+ value: string;
134
+ uri: string;
135
+ }[];
136
+ NestedTestL2: ({
137
+ label: string;
138
+ value: {
139
+ StringL2: {
140
+ type: string;
141
+ ov: boolean;
142
+ value: string;
143
+ uri: string;
144
+ }[];
145
+ 'Nested Level 3': {
146
+ label: string;
147
+ value: {
148
+ 'String L3': {
149
+ type: string;
150
+ ov: boolean;
151
+ value: string;
152
+ uri: string;
153
+ }[];
154
+ };
155
+ ov: boolean;
156
+ uri: string;
157
+ }[];
158
+ };
159
+ ov: boolean;
160
+ uri: string;
161
+ } | {
162
+ label: string;
163
+ value: {
164
+ StringL2: {
165
+ type: string;
166
+ ov: boolean;
167
+ value: string;
168
+ uri: string;
169
+ }[];
170
+ 'Nested Level 3'?: undefined;
171
+ };
172
+ ov: boolean;
173
+ uri: string;
174
+ })[];
175
+ };
176
+ ov: boolean;
177
+ uri: string;
178
+ }[];
179
+ };
180
+ label: string;
181
+ }[];
182
+ hiddenValues: any[];
183
+ }[];
184
+ 'attributes.NestedTest.TextField': {
185
+ nestedKey: string;
186
+ indexPath: number[];
187
+ values: {
188
+ value: string;
189
+ ov: boolean;
190
+ uri: string;
191
+ }[];
192
+ hiddenValues: {
193
+ value: string;
194
+ ov: boolean;
195
+ uri: string;
196
+ }[];
197
+ }[];
198
+ 'attributes.NestedTest.NestedTestL2.StringL2': {
199
+ nestedKey: string;
200
+ indexPath: number[];
201
+ values: {
202
+ value: string;
203
+ ov: boolean;
204
+ uri: string;
205
+ }[];
206
+ hiddenValues: {
207
+ value: string;
208
+ ov: boolean;
209
+ uri: string;
210
+ }[];
211
+ }[];
212
+ 'attributes.NestedTest.NestedTestL2.Nested Level 3.String L3': {
213
+ nestedKey: string;
214
+ indexPath: number[];
215
+ values: {
216
+ value: string;
217
+ ov: boolean;
218
+ uri: string;
219
+ }[];
220
+ hiddenValues: {
221
+ value: string;
222
+ ov: boolean;
223
+ uri: string;
224
+ }[];
225
+ }[];
226
+ };
227
+ export declare const getRowValueWithConstraintsDataForMVC3: () => {
228
+ profile: {
229
+ values: {
230
+ uri: string;
231
+ type: string;
232
+ attributes: {
233
+ TextField: {
234
+ type: string;
235
+ ov: boolean;
236
+ value: string;
237
+ uri: string;
238
+ }[];
239
+ NestedTest: {
240
+ label: string;
241
+ value: {
242
+ TextField: {
243
+ type: string;
244
+ ov: boolean;
245
+ value: string;
246
+ uri: string;
247
+ }[];
248
+ NestedTestL2: ({
249
+ label: string;
250
+ value: {
251
+ StringL2: {
252
+ type: string;
253
+ ov: boolean;
254
+ value: string;
255
+ uri: string;
256
+ }[];
257
+ 'Nested Level 3': {
258
+ label: string;
259
+ value: {
260
+ 'String L3': {
261
+ type: string;
262
+ ov: boolean;
263
+ value: string;
264
+ uri: string;
265
+ }[];
266
+ };
267
+ ov: boolean;
268
+ uri: string;
269
+ }[];
270
+ };
271
+ ov: boolean;
272
+ uri: string;
273
+ } | {
274
+ label: string;
275
+ value: {
276
+ StringL2: {
277
+ type: string;
278
+ ov: boolean;
279
+ value: string;
280
+ uri: string;
281
+ }[];
282
+ 'Nested Level 3'?: undefined;
283
+ };
284
+ ov: boolean;
285
+ uri: string;
286
+ })[];
287
+ };
288
+ ov: boolean;
289
+ uri: string;
290
+ }[];
291
+ };
292
+ label: string;
293
+ }[];
294
+ hiddenValues: any[];
295
+ }[];
296
+ 'attributes.NestedTest.TextField': {
297
+ nestedKey: string;
298
+ indexPath: number[];
299
+ values: {
300
+ value: string;
301
+ ov: boolean;
302
+ uri: string;
303
+ }[];
304
+ hiddenValues: {
305
+ value: string;
306
+ ov: boolean;
307
+ uri: string;
308
+ }[];
309
+ }[];
310
+ 'attributes.NestedTest.NestedTestL2.StringL2': ({
311
+ nestedKey: string;
312
+ indexPath: number[];
313
+ values: {
314
+ value: string;
315
+ ov: boolean;
316
+ uri: string;
317
+ }[];
318
+ hiddenValues: {
319
+ value: string;
320
+ ov: boolean;
321
+ uri: string;
322
+ }[];
323
+ } | {
324
+ nestedKey: string;
325
+ indexPath: number[];
326
+ values: {
327
+ value: string;
328
+ ov: boolean;
329
+ uri: string;
330
+ }[];
331
+ hiddenValues?: undefined;
332
+ })[];
333
+ 'attributes.NestedTest.NestedTestL2.Nested Level 3.String L3': ({
334
+ nestedKey: string;
335
+ indexPath: number[];
336
+ values: {
337
+ value: string;
338
+ ov: boolean;
339
+ uri: string;
340
+ }[];
341
+ hiddenValues: {
342
+ value: string;
343
+ ov: boolean;
344
+ uri: string;
345
+ }[];
346
+ } | {
347
+ nestedKey: string;
348
+ indexPath: number[];
349
+ values: {
350
+ value: string;
351
+ ov: boolean;
352
+ uri: string;
353
+ }[];
354
+ hiddenValues?: undefined;
355
+ })[];
356
+ };
357
+ export declare const getRowValueWithConstraintsDataForMVC6: () => {
358
+ profile: {
359
+ values: {
360
+ uri: string;
361
+ type: string;
362
+ attributes: {
363
+ TextField: {
364
+ type: string;
365
+ ov: boolean;
366
+ value: string;
367
+ uri: string;
368
+ }[];
369
+ NestedTest: {
370
+ label: string;
371
+ value: {
372
+ TextField: {
373
+ type: string;
374
+ ov: boolean;
375
+ value: string;
376
+ uri: string;
377
+ }[];
378
+ NestedTestL2: ({
379
+ label: string;
380
+ value: {
381
+ StringL2: {
382
+ type: string;
383
+ ov: boolean;
384
+ value: string;
385
+ uri: string;
386
+ }[];
387
+ 'Nested Level 3': {
388
+ label: string;
389
+ value: {
390
+ 'String L3': {
391
+ type: string;
392
+ ov: boolean;
393
+ value: string;
394
+ uri: string;
395
+ }[];
396
+ };
397
+ ov: boolean;
398
+ uri: string;
399
+ }[];
400
+ };
401
+ ov: boolean;
402
+ uri: string;
403
+ } | {
404
+ label: string;
405
+ value: {
406
+ StringL2: {
407
+ type: string;
408
+ ov: boolean;
409
+ value: string;
410
+ uri: string;
411
+ }[];
412
+ 'Nested Level 3'?: undefined;
413
+ };
414
+ ov: boolean;
415
+ uri: string;
416
+ })[];
417
+ };
418
+ ov: boolean;
419
+ uri: string;
420
+ }[];
421
+ };
422
+ label: string;
423
+ }[];
424
+ hiddenValues: any[];
425
+ }[];
426
+ 'attributes.NestedTest.TextField': ({
427
+ nestedKey: string;
428
+ indexPath: number[];
429
+ values: {
430
+ value: string;
431
+ ov: boolean;
432
+ uri: string;
433
+ }[];
434
+ hiddenValues: any[];
435
+ } | {
436
+ nestedKey: string;
437
+ indexPath: number[];
438
+ values: {
439
+ value: string;
440
+ ov: boolean;
441
+ uri: string;
442
+ }[];
443
+ hiddenValues?: undefined;
444
+ })[];
445
+ 'attributes.NestedTest.NestedTestL2.StringL2': ({
446
+ nestedKey: string;
447
+ indexPath: number[];
448
+ values: {
449
+ value: string;
450
+ ov: boolean;
451
+ uri: string;
452
+ }[];
453
+ hiddenValues: {
454
+ value: string;
455
+ ov: boolean;
456
+ uri: string;
457
+ }[];
458
+ } | {
459
+ nestedKey: string;
460
+ indexPath: number[];
461
+ values: {
462
+ value: string;
463
+ ov: boolean;
464
+ uri: string;
465
+ }[];
466
+ hiddenValues?: undefined;
467
+ })[];
468
+ 'attributes.NestedTest.NestedTestL2.Nested Level 3.String L3': ({
469
+ nestedKey: string;
470
+ indexPath: number[];
471
+ values: {
472
+ value: string;
473
+ ov: boolean;
474
+ uri: string;
475
+ }[];
476
+ hiddenValues: {
477
+ value: string;
478
+ ov: boolean;
479
+ uri: string;
480
+ }[];
481
+ } | {
482
+ nestedKey: string;
483
+ indexPath: number[];
484
+ values: {
485
+ value: string;
486
+ ov: boolean;
487
+ uri: string;
488
+ }[];
489
+ hiddenValues?: undefined;
490
+ })[];
491
+ };