@hrforte/react-pivottable 2.2.1 → 2.2.3
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.
- package/dist/PivotTableUI.js +160 -36
- package/dist/PivotTableUI.js.map +1 -1
- package/dist/TableRenderers.js +80 -29
- package/dist/TableRenderers.js.map +1 -1
- package/dist/__tests__/PivotTableUI-processing-test.js +1 -1
- package/dist/__tests__/PivotTableUI-processing-test.js.map +1 -1
- package/dist/__tests__/PivotTableUI-rerender-test.js +314 -0
- package/dist/__tests__/PivotTableUI-rerender-test.js.map +1 -0
- package/dist/__tests__/TableRenderers-aggregationHeaders-test.js +116 -0
- package/dist/__tests__/TableRenderers-aggregationHeaders-test.js.map +1 -0
- package/dist/pivot-worker.js +1 -0
- package/dist/pivotCompute.js +1 -0
- package/dist/pivotCompute.js.map +1 -1
- package/dist/pivottable.css +38 -4
- package/package.json +1 -1
package/dist/pivottable.css
CHANGED
|
@@ -396,8 +396,9 @@ table.pvtTable tbody tr td {
|
|
|
396
396
|
flex-direction: column;
|
|
397
397
|
align-items: center;
|
|
398
398
|
justify-content: center;
|
|
399
|
-
gap:
|
|
400
|
-
background: rgba(
|
|
399
|
+
gap: 15px;
|
|
400
|
+
background: rgba(0, 0, 0, 0.1);
|
|
401
|
+
backdrop-filter: blur(3px);
|
|
401
402
|
z-index: 20;
|
|
402
403
|
cursor: wait;
|
|
403
404
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
@@ -423,8 +424,41 @@ table.pvtTable tbody tr td {
|
|
|
423
424
|
}
|
|
424
425
|
|
|
425
426
|
.pvtLoadingText {
|
|
426
|
-
|
|
427
|
-
|
|
427
|
+
font-size: 14px;
|
|
428
|
+
/* color: #333; */
|
|
429
|
+
display: inline-flex;
|
|
430
|
+
color: #ff6600;
|
|
431
|
+
gap: 2px;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.pvtLoadingText span {
|
|
435
|
+
font-weight: 600;
|
|
436
|
+
display: inline-block;
|
|
437
|
+
animation: wave 1.2s ease-in-out infinite;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.pvtLoadingText span:nth-child(1) { animation-delay: 0s; }
|
|
441
|
+
.pvtLoadingText span:nth-child(2) { animation-delay: 0.08s; }
|
|
442
|
+
.pvtLoadingText span:nth-child(3) { animation-delay: 0.16s; }
|
|
443
|
+
.pvtLoadingText span:nth-child(4) { animation-delay: 0.24s; }
|
|
444
|
+
.pvtLoadingText span:nth-child(5) { animation-delay: 0.32s; }
|
|
445
|
+
.pvtLoadingText span:nth-child(6) { animation-delay: 0.40s; }
|
|
446
|
+
.pvtLoadingText span:nth-child(7) { animation-delay: 0.48s; }
|
|
447
|
+
.pvtLoadingText span:nth-child(8) { animation-delay: 0.56s; }
|
|
448
|
+
.pvtLoadingText span:nth-child(9) { animation-delay: 0.64s; }
|
|
449
|
+
.pvtLoadingText span:nth-child(10) { animation-delay: 0.72s; }
|
|
450
|
+
.pvtLoadingText span:nth-child(11) { animation-delay: 0.80s; }
|
|
451
|
+
|
|
452
|
+
@keyframes wave {
|
|
453
|
+
0%,
|
|
454
|
+
60%,
|
|
455
|
+
100% {
|
|
456
|
+
transform: translateY(0);
|
|
457
|
+
}
|
|
458
|
+
|
|
459
|
+
30% {
|
|
460
|
+
transform: translateY(-4px);
|
|
461
|
+
}
|
|
428
462
|
}
|
|
429
463
|
|
|
430
464
|
.pvtComputeError {
|