@cashub/ui 0.38.2 → 0.38.4

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 (5) hide show
  1. package/package.json +1 -1
  2. package/table/InfiniteGridTable.js +1 -1
  3. package/table/Table.js +1 -1
  4. package/table/__mock__/columns.js +43 -2
  5. package/table/__mock__/data.js +288 -30
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cashub/ui",
3
- "version": "0.38.2",
3
+ "version": "0.38.4",
4
4
  "private": false,
5
5
  "author": "CasHUB Team",
6
6
  "description": "CasHUB UI components library",
package/table/InfiniteGridTable.js CHANGED
@@ -61,7 +61,7 @@ const InfiniteGridTable = _ref => {
61
61
  return Math.ceil(containerHeight / ROW_HEIGHT);
62
62
  }, [containerHeight]);
63
63
  const startIndex = (0, _react.useMemo)(() => {
64
- const top = wrapperTop + scrollTop;
64
+ const top = Math.max(0, scrollTop - wrapperTop);
65
65
  return Math.max(0, Math.floor(top / ROW_HEIGHT) - OVER_SCAN_COUNT);
66
66
  }, [wrapperTop, scrollTop]);
67
67
  const endIndex = (0, _react.useMemo)(() => {
package/table/Table.js CHANGED
@@ -112,7 +112,7 @@ const Table = _ref => {
112
112
  scrollWidth,
113
113
  innerText
114
114
  } = event.target;
115
- if (scrollWidth >= offsetWidth && innerText) {
115
+ if ((scrollWidth >= offsetWidth || customContent) && innerText) {
116
116
  event.stopPropagation();
117
117
  (0, _Popover.default)({
118
118
  id,
package/table/__mock__/columns.js CHANGED
@@ -4,11 +4,52 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
+ var _badge = require("../../badge");
8
+ var _bs = require("react-icons/bs");
9
+ var _jsxRuntime = require("react/jsx-runtime");
7
10
  const columns = [{
8
11
  title: 'Name',
9
12
  fieldName: 'name',
10
- sortable: true,
11
- width: '400px'
13
+ sortable: true
14
+ }, {
15
+ title: 'Tag',
16
+ fieldName: 'tag',
17
+ sortable: false,
18
+ render(data) {
19
+ return data.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_badge.Badge, {
20
+ style: {
21
+ margin: 'var(--spacing-xs)'
22
+ },
23
+ success: true,
24
+ children: "".concat(data.length, " ").concat(data.length > 1 ? 'Tags' : 'Tag')
25
+ });
26
+ },
27
+ customPop(_ref) {
28
+ let {
29
+ tag
30
+ } = _ref;
31
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
32
+ style: {
33
+ padding: '8px',
34
+ display: 'grid',
35
+ gap: '8px'
36
+ },
37
+ children: tag.map(_ref2 => {
38
+ let {
39
+ name,
40
+ tag_id: id
41
+ } = _ref2;
42
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
43
+ style: {
44
+ display: 'flex',
45
+ alignItems: 'center',
46
+ gap: '8px'
47
+ },
48
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_bs.BsFillTagFill, {}), "\xA0", name]
49
+ }, id);
50
+ })
51
+ });
52
+ }
12
53
  }, {
13
54
  title: 'Contact Name',
14
55
  fieldName: 'contact',
package/table/__mock__/data.js CHANGED
@@ -12,7 +12,20 @@ const data = [{
12
12
  active: 1,
13
13
  relatedActive: 1,
14
14
  telephone: '0912345678',
15
- description: ''
15
+ description: '',
16
+ tag: [{
17
+ name: 'tag1',
18
+ tag_id: 1001
19
+ }, {
20
+ name: 'tag2',
21
+ tag_id: 1002
22
+ }, {
23
+ name: 'tag3',
24
+ tag_id: 1003
25
+ }, {
26
+ name: 'tag4',
27
+ tag_id: 1004
28
+ }]
16
29
  }, {
17
30
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
18
31
  name: 'User A',
@@ -21,7 +34,17 @@ const data = [{
21
34
  active: 1,
22
35
  relatedActive: 1,
23
36
  telephone: '0912345678',
24
- description: ''
37
+ description: '',
38
+ tag: [{
39
+ name: 'tag1',
40
+ tag_id: 1001
41
+ }, {
42
+ name: 'tag2',
43
+ tag_id: 1002
44
+ }, {
45
+ name: 'tag3',
46
+ tag_id: 1003
47
+ }]
25
48
  }, {
26
49
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
27
50
  name: 'User A',
@@ -30,7 +53,14 @@ const data = [{
30
53
  active: 1,
31
54
  relatedActive: 1,
32
55
  telephone: '0912345678',
33
- description: ''
56
+ description: '',
57
+ tag: [{
58
+ name: 'tag1',
59
+ tag_id: 1001
60
+ }, {
61
+ name: 'tag2',
62
+ tag_id: 1002
63
+ }]
34
64
  }, {
35
65
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
36
66
  name: 'User A',
@@ -39,7 +69,11 @@ const data = [{
39
69
  active: 1,
40
70
  relatedActive: 1,
41
71
  telephone: '0912345678',
42
- description: ''
72
+ description: '',
73
+ tag: [{
74
+ name: 'tag1',
75
+ tag_id: 1001
76
+ }]
43
77
  }, {
44
78
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
45
79
  name: 'User A',
@@ -48,7 +82,14 @@ const data = [{
48
82
  active: 1,
49
83
  relatedActive: 1,
50
84
  telephone: '0912345678',
51
- description: ''
85
+ description: '',
86
+ tag: [{
87
+ name: 'tag1',
88
+ tag_id: 1001
89
+ }, {
90
+ name: 'tag2',
91
+ tag_id: 1002
92
+ }]
52
93
  }, {
53
94
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
54
95
  name: 'User A',
@@ -57,7 +98,20 @@ const data = [{
57
98
  active: 1,
58
99
  relatedActive: 1,
59
100
  telephone: '0912345678',
60
- description: ''
101
+ description: '',
102
+ tag: [{
103
+ name: 'tag1',
104
+ tag_id: 1001
105
+ }, {
106
+ name: 'tag2',
107
+ tag_id: 1002
108
+ }, {
109
+ name: 'tag3',
110
+ tag_id: 1003
111
+ }, {
112
+ name: 'tag4',
113
+ tag_id: 1004
114
+ }]
61
115
  }, {
62
116
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
63
117
  name: 'User A',
@@ -66,7 +120,17 @@ const data = [{
66
120
  active: 1,
67
121
  relatedActive: 1,
68
122
  telephone: '0912345678',
69
- description: ''
123
+ description: '',
124
+ tag: [{
125
+ name: 'tag1',
126
+ tag_id: 1001
127
+ }, {
128
+ name: 'tag2',
129
+ tag_id: 1002
130
+ }, {
131
+ name: 'tag3',
132
+ tag_id: 1003
133
+ }]
70
134
  }, {
71
135
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
72
136
  name: 'User A',
@@ -75,7 +139,14 @@ const data = [{
75
139
  active: 1,
76
140
  relatedActive: 1,
77
141
  telephone: '0912345678',
78
- description: ''
142
+ description: '',
143
+ tag: [{
144
+ name: 'tag1',
145
+ tag_id: 1001
146
+ }, {
147
+ name: 'tag2',
148
+ tag_id: 1002
149
+ }]
79
150
  }, {
80
151
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
81
152
  name: 'User A',
@@ -84,7 +155,11 @@ const data = [{
84
155
  active: 1,
85
156
  relatedActive: 1,
86
157
  telephone: '0912345678',
87
- description: ''
158
+ description: '',
159
+ tag: [{
160
+ name: 'tag1',
161
+ tag_id: 1001
162
+ }]
88
163
  }, {
89
164
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
90
165
  name: 'User A',
@@ -93,7 +168,20 @@ const data = [{
93
168
  active: 1,
94
169
  relatedActive: 1,
95
170
  telephone: '0912345678',
96
- description: ''
171
+ description: '',
172
+ tag: [{
173
+ name: 'tag1',
174
+ tag_id: 1001
175
+ }, {
176
+ name: 'tag2',
177
+ tag_id: 1002
178
+ }, {
179
+ name: 'tag3',
180
+ tag_id: 1003
181
+ }, {
182
+ name: 'tag4',
183
+ tag_id: 1004
184
+ }]
97
185
  }, {
98
186
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
99
187
  name: 'User A',
@@ -102,7 +190,17 @@ const data = [{
102
190
  active: 1,
103
191
  relatedActive: 1,
104
192
  telephone: '0912345678',
105
- description: ''
193
+ description: '',
194
+ tag: [{
195
+ name: 'tag1',
196
+ tag_id: 1001
197
+ }, {
198
+ name: 'tag2',
199
+ tag_id: 1002
200
+ }, {
201
+ name: 'tag3',
202
+ tag_id: 1003
203
+ }]
106
204
  }, {
107
205
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
108
206
  name: 'User A',
@@ -111,7 +209,14 @@ const data = [{
111
209
  active: 1,
112
210
  relatedActive: 1,
113
211
  telephone: '0912345678',
114
- description: ''
212
+ description: '',
213
+ tag: [{
214
+ name: 'tag1',
215
+ tag_id: 1001
216
+ }, {
217
+ name: 'tag2',
218
+ tag_id: 1002
219
+ }]
115
220
  }, {
116
221
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
117
222
  name: 'User A',
@@ -120,7 +225,11 @@ const data = [{
120
225
  active: 1,
121
226
  relatedActive: 1,
122
227
  telephone: '0912345678',
123
- description: ''
228
+ description: '',
229
+ tag: [{
230
+ name: 'tag1',
231
+ tag_id: 1001
232
+ }]
124
233
  }, {
125
234
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
126
235
  name: 'User A',
@@ -129,7 +238,20 @@ const data = [{
129
238
  active: 1,
130
239
  relatedActive: 1,
131
240
  telephone: '0912345678',
132
- description: ''
241
+ description: '',
242
+ tag: [{
243
+ name: 'tag1',
244
+ tag_id: 1001
245
+ }, {
246
+ name: 'tag2',
247
+ tag_id: 1002
248
+ }, {
249
+ name: 'tag3',
250
+ tag_id: 1003
251
+ }, {
252
+ name: 'tag4',
253
+ tag_id: 1004
254
+ }]
133
255
  }, {
134
256
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
135
257
  name: 'User A',
@@ -138,7 +260,17 @@ const data = [{
138
260
  active: 1,
139
261
  relatedActive: 1,
140
262
  telephone: '0912345678',
141
- description: ''
263
+ description: '',
264
+ tag: [{
265
+ name: 'tag1',
266
+ tag_id: 1001
267
+ }, {
268
+ name: 'tag2',
269
+ tag_id: 1002
270
+ }, {
271
+ name: 'tag3',
272
+ tag_id: 1003
273
+ }]
142
274
  }, {
143
275
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
144
276
  name: 'User A',
@@ -147,7 +279,14 @@ const data = [{
147
279
  active: 1,
148
280
  relatedActive: 1,
149
281
  telephone: '0912345678',
150
- description: ''
282
+ description: '',
283
+ tag: [{
284
+ name: 'tag1',
285
+ tag_id: 1001
286
+ }, {
287
+ name: 'tag2',
288
+ tag_id: 1002
289
+ }]
151
290
  }, {
152
291
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
153
292
  name: 'User A',
@@ -156,7 +295,11 @@ const data = [{
156
295
  active: 1,
157
296
  relatedActive: 1,
158
297
  telephone: '0912345678',
159
- description: ''
298
+ description: '',
299
+ tag: [{
300
+ name: 'tag1',
301
+ tag_id: 1001
302
+ }]
160
303
  }, {
161
304
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
162
305
  name: 'User A',
@@ -165,7 +308,20 @@ const data = [{
165
308
  active: 1,
166
309
  relatedActive: 1,
167
310
  telephone: '0912345678',
168
- description: ''
311
+ description: '',
312
+ tag: [{
313
+ name: 'tag1',
314
+ tag_id: 1001
315
+ }, {
316
+ name: 'tag2',
317
+ tag_id: 1002
318
+ }, {
319
+ name: 'tag3',
320
+ tag_id: 1003
321
+ }, {
322
+ name: 'tag4',
323
+ tag_id: 1004
324
+ }]
169
325
  }, {
170
326
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
171
327
  name: 'User A',
@@ -174,7 +330,17 @@ const data = [{
174
330
  active: 1,
175
331
  relatedActive: 1,
176
332
  telephone: '0912345678',
177
- description: ''
333
+ description: '',
334
+ tag: [{
335
+ name: 'tag1',
336
+ tag_id: 1001
337
+ }, {
338
+ name: 'tag2',
339
+ tag_id: 1002
340
+ }, {
341
+ name: 'tag3',
342
+ tag_id: 1003
343
+ }]
178
344
  }, {
179
345
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
180
346
  name: 'User A',
@@ -183,7 +349,14 @@ const data = [{
183
349
  active: 1,
184
350
  relatedActive: 1,
185
351
  telephone: '0912345678',
186
- description: ''
352
+ description: '',
353
+ tag: [{
354
+ name: 'tag1',
355
+ tag_id: 1001
356
+ }, {
357
+ name: 'tag2',
358
+ tag_id: 1002
359
+ }]
187
360
  }, {
188
361
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
189
362
  name: 'User A',
@@ -192,7 +365,11 @@ const data = [{
192
365
  active: 1,
193
366
  relatedActive: 1,
194
367
  telephone: '0912345678',
195
- description: ''
368
+ description: '',
369
+ tag: [{
370
+ name: 'tag1',
371
+ tag_id: 1001
372
+ }]
196
373
  }, {
197
374
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
198
375
  name: 'User A',
@@ -201,7 +378,20 @@ const data = [{
201
378
  active: 1,
202
379
  relatedActive: 1,
203
380
  telephone: '0912345678',
204
- description: ''
381
+ description: '',
382
+ tag: [{
383
+ name: 'tag1',
384
+ tag_id: 1001
385
+ }, {
386
+ name: 'tag2',
387
+ tag_id: 1002
388
+ }, {
389
+ name: 'tag3',
390
+ tag_id: 1003
391
+ }, {
392
+ name: 'tag4',
393
+ tag_id: 1004
394
+ }]
205
395
  }, {
206
396
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
207
397
  name: 'User A',
@@ -210,7 +400,17 @@ const data = [{
210
400
  active: 1,
211
401
  relatedActive: 1,
212
402
  telephone: '0912345678',
213
- description: ''
403
+ description: '',
404
+ tag: [{
405
+ name: 'tag1',
406
+ tag_id: 1001
407
+ }, {
408
+ name: 'tag2',
409
+ tag_id: 1002
410
+ }, {
411
+ name: 'tag3',
412
+ tag_id: 1003
413
+ }]
214
414
  }, {
215
415
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
216
416
  name: 'User A',
@@ -219,7 +419,14 @@ const data = [{
219
419
  active: 1,
220
420
  relatedActive: 1,
221
421
  telephone: '0912345678',
222
- description: ''
422
+ description: '',
423
+ tag: [{
424
+ name: 'tag1',
425
+ tag_id: 1001
426
+ }, {
427
+ name: 'tag2',
428
+ tag_id: 1002
429
+ }]
223
430
  }, {
224
431
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
225
432
  name: 'User A',
@@ -228,7 +435,11 @@ const data = [{
228
435
  active: 1,
229
436
  relatedActive: 1,
230
437
  telephone: '0912345678',
231
- description: ''
438
+ description: '',
439
+ tag: [{
440
+ name: 'tag1',
441
+ tag_id: 1001
442
+ }]
232
443
  }, {
233
444
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
234
445
  name: 'User A',
@@ -237,7 +448,20 @@ const data = [{
237
448
  active: 1,
238
449
  relatedActive: 1,
239
450
  telephone: '0912345678',
240
- description: ''
451
+ description: '',
452
+ tag: [{
453
+ name: 'tag1',
454
+ tag_id: 1001
455
+ }, {
456
+ name: 'tag2',
457
+ tag_id: 1002
458
+ }, {
459
+ name: 'tag3',
460
+ tag_id: 1003
461
+ }, {
462
+ name: 'tag4',
463
+ tag_id: 1004
464
+ }]
241
465
  }, {
242
466
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
243
467
  name: 'User A',
@@ -246,7 +470,17 @@ const data = [{
246
470
  active: 1,
247
471
  relatedActive: 1,
248
472
  telephone: '0912345678',
249
- description: ''
473
+ description: '',
474
+ tag: [{
475
+ name: 'tag1',
476
+ tag_id: 1001
477
+ }, {
478
+ name: 'tag2',
479
+ tag_id: 1002
480
+ }, {
481
+ name: 'tag3',
482
+ tag_id: 1003
483
+ }]
250
484
  }, {
251
485
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
252
486
  name: 'User A',
@@ -255,7 +489,14 @@ const data = [{
255
489
  active: 1,
256
490
  relatedActive: 1,
257
491
  telephone: '0912345678',
258
- description: ''
492
+ description: '',
493
+ tag: [{
494
+ name: 'tag1',
495
+ tag_id: 1001
496
+ }, {
497
+ name: 'tag2',
498
+ tag_id: 1002
499
+ }]
259
500
  }, {
260
501
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
261
502
  name: 'User A',
@@ -264,7 +505,11 @@ const data = [{
264
505
  active: 1,
265
506
  relatedActive: 1,
266
507
  telephone: '0912345678',
267
- description: ''
508
+ description: '',
509
+ tag: [{
510
+ name: 'tag1',
511
+ tag_id: 1001
512
+ }]
268
513
  }, {
269
514
  logoUrl: 'http://localhost:10084/cashub/images/2022/04/20/9qxPfgv13Vd7HnDJVmFLOFocO4mb2CFMmQfXzo2L.png',
270
515
  name: 'User A',
@@ -273,6 +518,19 @@ const data = [{
273
518
  active: 1,
274
519
  relatedActive: 1,
275
520
  telephone: '0912345678',
276
- description: ''
521
+ description: '',
522
+ tag: [{
523
+ name: 'tag1',
524
+ tag_id: 1001
525
+ }, {
526
+ name: 'tag2',
527
+ tag_id: 1002
528
+ }, {
529
+ name: 'tag3',
530
+ tag_id: 1003
531
+ }, {
532
+ name: 'tag4',
533
+ tag_id: 1004
534
+ }]
277
535
  }];
278
536
  var _default = exports.default = data;