@pagamio/frontend-commons-lib 0.8.217 → 0.8.218

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 (108) hide show
  1. package/lib/api/index.d.ts +0 -2
  2. package/lib/api/index.js +0 -2
  3. package/lib/components/layout/Sidebar.js +24 -47
  4. package/lib/components/ui/Sheet.d.ts +1 -1
  5. package/lib/context/SidebarContext.d.ts +0 -10
  6. package/lib/dashboard-visuals/index.js +3 -10
  7. package/lib/dashboard-visuals/utils/chartOptions.js +1 -0
  8. package/lib/dashboard-visuals/visuals/Tile.js +2 -3
  9. package/lib/index.d.ts +0 -4
  10. package/lib/index.js +0 -23
  11. package/lib/styles.css +0 -212
  12. package/package.json +1 -7
  13. package/lib/api/TanstackQueryProvider.d.ts +0 -146
  14. package/lib/api/TanstackQueryProvider.js +0 -140
  15. package/lib/api/tanstackQuery.d.ts +0 -249
  16. package/lib/api/tanstackQuery.js +0 -299
  17. package/lib/dashboard-visuals-v2/DashboardWrapperV2.d.ts +0 -81
  18. package/lib/dashboard-visuals-v2/DashboardWrapperV2.js +0 -223
  19. package/lib/dashboard-visuals-v2/cards/CardGrid.d.ts +0 -22
  20. package/lib/dashboard-visuals-v2/cards/CardGrid.js +0 -27
  21. package/lib/dashboard-visuals-v2/cards/InfoCard.d.ts +0 -7
  22. package/lib/dashboard-visuals-v2/cards/InfoCard.js +0 -26
  23. package/lib/dashboard-visuals-v2/cards/MetricCard.d.ts +0 -7
  24. package/lib/dashboard-visuals-v2/cards/MetricCard.js +0 -37
  25. package/lib/dashboard-visuals-v2/cards/StatCard.d.ts +0 -7
  26. package/lib/dashboard-visuals-v2/cards/StatCard.js +0 -92
  27. package/lib/dashboard-visuals-v2/cards/TopItemsCard.d.ts +0 -7
  28. package/lib/dashboard-visuals-v2/cards/TopItemsCard.js +0 -34
  29. package/lib/dashboard-visuals-v2/cards/TransactionListCard.d.ts +0 -7
  30. package/lib/dashboard-visuals-v2/cards/TransactionListCard.js +0 -24
  31. package/lib/dashboard-visuals-v2/cards/index.d.ts +0 -9
  32. package/lib/dashboard-visuals-v2/cards/index.js +0 -9
  33. package/lib/dashboard-visuals-v2/charts/AreaChart.d.ts +0 -7
  34. package/lib/dashboard-visuals-v2/charts/AreaChart.js +0 -124
  35. package/lib/dashboard-visuals-v2/charts/BarChart.d.ts +0 -7
  36. package/lib/dashboard-visuals-v2/charts/BarChart.js +0 -106
  37. package/lib/dashboard-visuals-v2/charts/BaseChart.d.ts +0 -61
  38. package/lib/dashboard-visuals-v2/charts/BaseChart.js +0 -173
  39. package/lib/dashboard-visuals-v2/charts/DonutChart.d.ts +0 -7
  40. package/lib/dashboard-visuals-v2/charts/DonutChart.js +0 -108
  41. package/lib/dashboard-visuals-v2/charts/HeatmapChart.d.ts +0 -7
  42. package/lib/dashboard-visuals-v2/charts/HeatmapChart.js +0 -101
  43. package/lib/dashboard-visuals-v2/charts/LineChart.d.ts +0 -7
  44. package/lib/dashboard-visuals-v2/charts/LineChart.js +0 -109
  45. package/lib/dashboard-visuals-v2/charts/MixedChart.d.ts +0 -7
  46. package/lib/dashboard-visuals-v2/charts/MixedChart.js +0 -106
  47. package/lib/dashboard-visuals-v2/charts/PieChart.d.ts +0 -7
  48. package/lib/dashboard-visuals-v2/charts/PieChart.js +0 -10
  49. package/lib/dashboard-visuals-v2/charts/RadialChart.d.ts +0 -7
  50. package/lib/dashboard-visuals-v2/charts/RadialChart.js +0 -72
  51. package/lib/dashboard-visuals-v2/charts/index.d.ts +0 -12
  52. package/lib/dashboard-visuals-v2/charts/index.js +0 -12
  53. package/lib/dashboard-visuals-v2/components/DataFetchingVisual.d.ts +0 -0
  54. package/lib/dashboard-visuals-v2/components/DataFetchingVisual.js +0 -1
  55. package/lib/dashboard-visuals-v2/components/index.d.ts +0 -0
  56. package/lib/dashboard-visuals-v2/components/index.js +0 -1
  57. package/lib/dashboard-visuals-v2/hooks/index.d.ts +0 -4
  58. package/lib/dashboard-visuals-v2/hooks/index.js +0 -4
  59. package/lib/dashboard-visuals-v2/hooks/useChartData.d.ts +0 -72
  60. package/lib/dashboard-visuals-v2/hooks/useChartData.js +0 -122
  61. package/lib/dashboard-visuals-v2/index.d.ts +0 -10
  62. package/lib/dashboard-visuals-v2/index.js +0 -16
  63. package/lib/dashboard-visuals-v2/types/card.types.d.ts +0 -237
  64. package/lib/dashboard-visuals-v2/types/card.types.js +0 -30
  65. package/lib/dashboard-visuals-v2/types/chart.types.d.ts +0 -308
  66. package/lib/dashboard-visuals-v2/types/chart.types.js +0 -25
  67. package/lib/dashboard-visuals-v2/types/index.d.ts +0 -6
  68. package/lib/dashboard-visuals-v2/types/index.js +0 -6
  69. package/lib/dashboard-visuals-v2/utils/index.d.ts +0 -0
  70. package/lib/dashboard-visuals-v2/utils/index.js +0 -1
  71. package/lib/dashboard-visuals-v2/utils/propsTransformer.d.ts +0 -0
  72. package/lib/dashboard-visuals-v2/utils/propsTransformer.js +0 -1
  73. package/lib/dashboard-visuals-v2/visualRegistry.d.ts +0 -59
  74. package/lib/dashboard-visuals-v2/visualRegistry.js +0 -110
  75. package/lib/data-table-v2/DataTable.d.ts +0 -7
  76. package/lib/data-table-v2/DataTable.js +0 -206
  77. package/lib/data-table-v2/components/DataTableBody.d.ts +0 -19
  78. package/lib/data-table-v2/components/DataTableBody.js +0 -20
  79. package/lib/data-table-v2/components/DataTableEmpty.d.ts +0 -17
  80. package/lib/data-table-v2/components/DataTableEmpty.js +0 -13
  81. package/lib/data-table-v2/components/DataTableError.d.ts +0 -16
  82. package/lib/data-table-v2/components/DataTableError.js +0 -14
  83. package/lib/data-table-v2/components/DataTableHeader.d.ts +0 -15
  84. package/lib/data-table-v2/components/DataTableHeader.js +0 -31
  85. package/lib/data-table-v2/components/DataTableLoading.d.ts +0 -14
  86. package/lib/data-table-v2/components/DataTableLoading.js +0 -19
  87. package/lib/data-table-v2/components/DataTablePagination.d.ts +0 -36
  88. package/lib/data-table-v2/components/DataTablePagination.js +0 -20
  89. package/lib/data-table-v2/components/DataTableRowActions.d.ts +0 -13
  90. package/lib/data-table-v2/components/DataTableRowActions.js +0 -57
  91. package/lib/data-table-v2/components/DataTableSearch.d.ts +0 -19
  92. package/lib/data-table-v2/components/DataTableSearch.js +0 -33
  93. package/lib/data-table-v2/components/DataTableToolbar.d.ts +0 -54
  94. package/lib/data-table-v2/components/DataTableToolbar.js +0 -28
  95. package/lib/data-table-v2/components/index.d.ts +0 -12
  96. package/lib/data-table-v2/components/index.js +0 -12
  97. package/lib/data-table-v2/hooks/index.d.ts +0 -4
  98. package/lib/data-table-v2/hooks/index.js +0 -4
  99. package/lib/data-table-v2/hooks/useTableData.d.ts +0 -118
  100. package/lib/data-table-v2/hooks/useTableData.js +0 -210
  101. package/lib/data-table-v2/index.d.ts +0 -9
  102. package/lib/data-table-v2/index.js +0 -12
  103. package/lib/data-table-v2/types/index.d.ts +0 -296
  104. package/lib/data-table-v2/types/index.js +0 -1
  105. package/lib/data-table-v2/utils/export.d.ts +0 -26
  106. package/lib/data-table-v2/utils/export.js +0 -92
  107. package/lib/data-table-v2/utils/index.d.ts +0 -4
  108. package/lib/data-table-v2/utils/index.js +0 -4
package/lib/styles.css CHANGED
@@ -1130,9 +1130,6 @@ input[type="range"]::-ms-fill-lower {
1130
1130
  .top-\[50\%\] {
1131
1131
  top: 50%;
1132
1132
  }
1133
- .top-full {
1134
- top: 100%;
1135
- }
1136
1133
  .\!z-\[1000\] {
1137
1134
  z-index: 1000 !important;
1138
1135
  }
@@ -1215,10 +1212,6 @@ input[type="range"]::-ms-fill-lower {
1215
1212
  margin-left: -0.25rem;
1216
1213
  margin-right: -0.25rem;
1217
1214
  }
1218
- .-mx-2 {
1219
- margin-left: -0.5rem;
1220
- margin-right: -0.5rem;
1221
- }
1222
1215
  .-mx-4 {
1223
1216
  margin-left: -1rem;
1224
1217
  margin-right: -1rem;
@@ -1267,9 +1260,6 @@ input[type="range"]::-ms-fill-lower {
1267
1260
  margin-top: auto;
1268
1261
  margin-bottom: auto;
1269
1262
  }
1270
- .-mb-2 {
1271
- margin-bottom: -0.5rem;
1272
- }
1273
1263
  .-mb-px {
1274
1264
  margin-bottom: -1px;
1275
1265
  }
@@ -1282,9 +1272,6 @@ input[type="range"]::-ms-fill-lower {
1282
1272
  .mb-1 {
1283
1273
  margin-bottom: 0.25rem;
1284
1274
  }
1285
- .mb-1\.5 {
1286
- margin-bottom: 0.375rem;
1287
- }
1288
1275
  .mb-10 {
1289
1276
  margin-bottom: 2.5rem;
1290
1277
  }
@@ -1342,9 +1329,6 @@ input[type="range"]::-ms-fill-lower {
1342
1329
  .mr-1 {
1343
1330
  margin-right: 0.25rem;
1344
1331
  }
1345
- .mr-1\.5 {
1346
- margin-right: 0.375rem;
1347
- }
1348
1332
  .mr-14 {
1349
1333
  margin-right: 3.5rem;
1350
1334
  }
@@ -1575,9 +1559,6 @@ input[type="range"]::-ms-fill-lower {
1575
1559
  .w-1\/2 {
1576
1560
  width: 50%;
1577
1561
  }
1578
- .w-1\/3 {
1579
- width: 33.333333%;
1580
- }
1581
1562
  .w-10 {
1582
1563
  width: 2.5rem;
1583
1564
  }
@@ -1736,9 +1717,6 @@ input[type="range"]::-ms-fill-lower {
1736
1717
  .max-w-\[100vw\] {
1737
1718
  max-width: 100vw;
1738
1719
  }
1739
- .max-w-\[150px\] {
1740
- max-width: 150px;
1741
- }
1742
1720
  .max-w-\[160px\] {
1743
1721
  max-width: 160px;
1744
1722
  }
@@ -1951,9 +1929,6 @@ input[type="range"]::-ms-fill-lower {
1951
1929
  .items-center {
1952
1930
  align-items: center;
1953
1931
  }
1954
- .items-baseline {
1955
- align-items: baseline;
1956
- }
1957
1932
  .items-stretch {
1958
1933
  align-items: stretch;
1959
1934
  }
@@ -1975,9 +1950,6 @@ input[type="range"]::-ms-fill-lower {
1975
1950
  .gap-1 {
1976
1951
  gap: 0.25rem;
1977
1952
  }
1978
- .gap-1\.5 {
1979
- gap: 0.375rem;
1980
- }
1981
1953
  .gap-2 {
1982
1954
  gap: 0.5rem;
1983
1955
  }
@@ -2169,9 +2141,6 @@ input[type="range"]::-ms-fill-lower {
2169
2141
  .rounded-sm {
2170
2142
  border-radius: 0.125rem;
2171
2143
  }
2172
- .rounded-xl {
2173
- border-radius: 0.75rem;
2174
- }
2175
2144
  .rounded-b {
2176
2145
  border-bottom-right-radius: 0.25rem;
2177
2146
  border-bottom-left-radius: 0.25rem;
@@ -2249,10 +2218,6 @@ input[type="range"]::-ms-fill-lower {
2249
2218
  .border-dashed {
2250
2219
  border-style: dashed;
2251
2220
  }
2252
- .border-amber-200 {
2253
- --tw-border-opacity: 1;
2254
- border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
2255
- }
2256
2221
  .border-blue-200 {
2257
2222
  --tw-border-opacity: 1;
2258
2223
  border-color: rgb(195 221 253 / var(--tw-border-opacity, 1));
@@ -2305,10 +2270,6 @@ input[type="range"]::-ms-fill-lower {
2305
2270
  --tw-border-opacity: 1;
2306
2271
  border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
2307
2272
  }
2308
- .border-green-200 {
2309
- --tw-border-opacity: 1;
2310
- border-color: rgb(188 240 218 / var(--tw-border-opacity, 1));
2311
- }
2312
2273
  .border-green-300 {
2313
2274
  --tw-border-opacity: 1;
2314
2275
  border-color: rgb(132 225 188 / var(--tw-border-opacity, 1));
@@ -2372,10 +2333,6 @@ input[type="range"]::-ms-fill-lower {
2372
2333
  --tw-border-opacity: 1;
2373
2334
  border-color: rgb(74 29 150 / var(--tw-border-opacity, 1));
2374
2335
  }
2375
- .border-red-200 {
2376
- --tw-border-opacity: 1;
2377
- border-color: rgb(251 213 213 / var(--tw-border-opacity, 1));
2378
- }
2379
2336
  .border-red-300 {
2380
2337
  --tw-border-opacity: 1;
2381
2338
  border-color: rgb(248 180 180 / var(--tw-border-opacity, 1));
@@ -2433,18 +2390,6 @@ input[type="range"]::-ms-fill-lower {
2433
2390
  .bg-accent {
2434
2391
  background-color: hsl(var(--accent));
2435
2392
  }
2436
- .bg-amber-100 {
2437
- --tw-bg-opacity: 1;
2438
- background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
2439
- }
2440
- .bg-amber-50 {
2441
- --tw-bg-opacity: 1;
2442
- background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
2443
- }
2444
- .bg-amber-500 {
2445
- --tw-bg-opacity: 1;
2446
- background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
2447
- }
2448
2393
  .bg-amber-600 {
2449
2394
  --tw-bg-opacity: 1;
2450
2395
  background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
@@ -2506,10 +2451,6 @@ input[type="range"]::-ms-fill-lower {
2506
2451
  --tw-bg-opacity: 1;
2507
2452
  background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
2508
2453
  }
2509
- .bg-emerald-500 {
2510
- --tw-bg-opacity: 1;
2511
- background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
2512
- }
2513
2454
  .bg-gray-100 {
2514
2455
  --tw-bg-opacity: 1;
2515
2456
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -2530,9 +2471,6 @@ input[type="range"]::-ms-fill-lower {
2530
2471
  --tw-bg-opacity: 1;
2531
2472
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
2532
2473
  }
2533
- .bg-gray-50\/50 {
2534
- background-color: rgb(249 250 251 / 0.5);
2535
- }
2536
2474
  .bg-gray-500 {
2537
2475
  --tw-bg-opacity: 1;
2538
2476
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
@@ -2588,10 +2526,6 @@ input[type="range"]::-ms-fill-lower {
2588
2526
  --tw-bg-opacity: 1;
2589
2527
  background-color: rgb(141 162 251 / var(--tw-bg-opacity, 1));
2590
2528
  }
2591
- .bg-indigo-500 {
2592
- --tw-bg-opacity: 1;
2593
- background-color: rgb(104 117 245 / var(--tw-bg-opacity, 1));
2594
- }
2595
2529
  .bg-indigo-600 {
2596
2530
  --tw-bg-opacity: 1;
2597
2531
  background-color: rgb(88 80 236 / var(--tw-bg-opacity, 1));
@@ -2611,10 +2545,6 @@ input[type="range"]::-ms-fill-lower {
2611
2545
  .bg-muted {
2612
2546
  background-color: hsl(var(--muted));
2613
2547
  }
2614
- .bg-orange-500 {
2615
- --tw-bg-opacity: 1;
2616
- background-color: rgb(255 90 31 / var(--tw-bg-opacity, 1));
2617
- }
2618
2548
  .bg-pink-100 {
2619
2549
  --tw-bg-opacity: 1;
2620
2550
  background-color: rgb(252 232 243 / var(--tw-bg-opacity, 1));
@@ -2685,9 +2615,6 @@ input[type="range"]::-ms-fill-lower {
2685
2615
  --tw-bg-opacity: 1;
2686
2616
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
2687
2617
  }
2688
- .bg-white\/20 {
2689
- background-color: rgb(255 255 255 / 0.2);
2690
- }
2691
2618
  .bg-white\/30 {
2692
2619
  background-color: rgb(255 255 255 / 0.3);
2693
2620
  }
@@ -2719,21 +2646,6 @@ input[type="range"]::-ms-fill-lower {
2719
2646
  .bg-gradient-to-r {
2720
2647
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
2721
2648
  }
2722
- .from-amber-500 {
2723
- --tw-gradient-from: #f59e0b var(--tw-gradient-from-position);
2724
- --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
2725
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2726
- }
2727
- .from-blue-500 {
2728
- --tw-gradient-from: #3F83F8 var(--tw-gradient-from-position);
2729
- --tw-gradient-to: rgb(63 131 248 / 0) var(--tw-gradient-to-position);
2730
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2731
- }
2732
- .from-blue-600 {
2733
- --tw-gradient-from: #1C64F2 var(--tw-gradient-from-position);
2734
- --tw-gradient-to: rgb(28 100 242 / 0) var(--tw-gradient-to-position);
2735
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2736
- }
2737
2649
  .from-cyan-400 {
2738
2650
  --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
2739
2651
  --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
@@ -2744,16 +2656,6 @@ input[type="range"]::-ms-fill-lower {
2744
2656
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
2745
2657
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2746
2658
  }
2747
- .from-emerald-500 {
2748
- --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
2749
- --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
2750
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2751
- }
2752
- .from-gray-500 {
2753
- --tw-gradient-from: #6B7280 var(--tw-gradient-from-position);
2754
- --tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);
2755
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2756
- }
2757
2659
  .from-green-400 {
2758
2660
  --tw-gradient-from: #31C48D var(--tw-gradient-from-position);
2759
2661
  --tw-gradient-to: rgb(49 196 141 / 0) var(--tw-gradient-to-position);
@@ -2764,11 +2666,6 @@ input[type="range"]::-ms-fill-lower {
2764
2666
  --tw-gradient-to: rgb(217 249 157 / 0) var(--tw-gradient-to-position);
2765
2667
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2766
2668
  }
2767
- .from-orange-500 {
2768
- --tw-gradient-from: #FF5A1F var(--tw-gradient-from-position);
2769
- --tw-gradient-to: rgb(255 90 31 / 0) var(--tw-gradient-to-position);
2770
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2771
- }
2772
2669
  .from-pink-400 {
2773
2670
  --tw-gradient-from: #F17EB8 var(--tw-gradient-from-position);
2774
2671
  --tw-gradient-to: rgb(241 126 184 / 0) var(--tw-gradient-to-position);
@@ -2799,11 +2696,6 @@ input[type="range"]::-ms-fill-lower {
2799
2696
  --tw-gradient-to: rgb(249 128 128 / 0) var(--tw-gradient-to-position);
2800
2697
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2801
2698
  }
2802
- .from-red-500 {
2803
- --tw-gradient-from: #F05252 var(--tw-gradient-from-position);
2804
- --tw-gradient-to: rgb(240 82 82 / 0) var(--tw-gradient-to-position);
2805
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2806
- }
2807
2699
  .from-teal-200 {
2808
2700
  --tw-gradient-from: #AFECEF var(--tw-gradient-from-position);
2809
2701
  --tw-gradient-to: rgb(175 236 239 / 0) var(--tw-gradient-to-position);
@@ -2814,11 +2706,6 @@ input[type="range"]::-ms-fill-lower {
2814
2706
  --tw-gradient-to: rgb(22 189 202 / 0) var(--tw-gradient-to-position);
2815
2707
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2816
2708
  }
2817
- .from-teal-500 {
2818
- --tw-gradient-from: #0694A2 var(--tw-gradient-from-position);
2819
- --tw-gradient-to: rgb(6 148 162 / 0) var(--tw-gradient-to-position);
2820
- --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
2821
- }
2822
2709
  .via-cyan-500 {
2823
2710
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
2824
2711
  --tw-gradient-stops: var(--tw-gradient-from), #06b6d4 var(--tw-gradient-via-position), var(--tw-gradient-to);
@@ -2855,15 +2742,6 @@ input[type="range"]::-ms-fill-lower {
2855
2742
  --tw-gradient-to: rgb(6 148 162 / 0) var(--tw-gradient-to-position);
2856
2743
  --tw-gradient-stops: var(--tw-gradient-from), #0694A2 var(--tw-gradient-via-position), var(--tw-gradient-to);
2857
2744
  }
2858
- .to-amber-600 {
2859
- --tw-gradient-to: #d97706 var(--tw-gradient-to-position);
2860
- }
2861
- .to-blue-600 {
2862
- --tw-gradient-to: #1C64F2 var(--tw-gradient-to-position);
2863
- }
2864
- .to-blue-700 {
2865
- --tw-gradient-to: #1A56DB var(--tw-gradient-to-position);
2866
- }
2867
2745
  .to-cyan-500 {
2868
2746
  --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position);
2869
2747
  }
@@ -2873,12 +2751,6 @@ input[type="range"]::-ms-fill-lower {
2873
2751
  .to-cyan-700 {
2874
2752
  --tw-gradient-to: #0e7490 var(--tw-gradient-to-position);
2875
2753
  }
2876
- .to-emerald-600 {
2877
- --tw-gradient-to: #059669 var(--tw-gradient-to-position);
2878
- }
2879
- .to-gray-600 {
2880
- --tw-gradient-to: #4B5563 var(--tw-gradient-to-position);
2881
- }
2882
2754
  .to-green-600 {
2883
2755
  --tw-gradient-to: #057A55 var(--tw-gradient-to-position);
2884
2756
  }
@@ -2891,18 +2763,12 @@ input[type="range"]::-ms-fill-lower {
2891
2763
  .to-orange-400 {
2892
2764
  --tw-gradient-to: #FF8A4C var(--tw-gradient-to-position);
2893
2765
  }
2894
- .to-orange-600 {
2895
- --tw-gradient-to: #D03801 var(--tw-gradient-to-position);
2896
- }
2897
2766
  .to-pink-500 {
2898
2767
  --tw-gradient-to: #E74694 var(--tw-gradient-to-position);
2899
2768
  }
2900
2769
  .to-pink-600 {
2901
2770
  --tw-gradient-to: #D61F69 var(--tw-gradient-to-position);
2902
2771
  }
2903
- .to-purple-600 {
2904
- --tw-gradient-to: #7E3AF2 var(--tw-gradient-to-position);
2905
- }
2906
2772
  .to-purple-700 {
2907
2773
  --tw-gradient-to: #6C2BD9 var(--tw-gradient-to-position);
2908
2774
  }
@@ -3031,10 +2897,6 @@ input[type="range"]::-ms-fill-lower {
3031
2897
  padding-top: 0.375rem;
3032
2898
  padding-bottom: 0.375rem;
3033
2899
  }
3034
- .py-12 {
3035
- padding-top: 3rem;
3036
- padding-bottom: 3rem;
3037
- }
3038
2900
  .py-2 {
3039
2901
  padding-top: 0.5rem;
3040
2902
  padding-bottom: 0.5rem;
@@ -3066,9 +2928,6 @@ input[type="range"]::-ms-fill-lower {
3066
2928
  .pb-0 {
3067
2929
  padding-bottom: 0px;
3068
2930
  }
3069
- .pb-1 {
3070
- padding-bottom: 0.25rem;
3071
- }
3072
2931
  .pb-2\.5 {
3073
2932
  padding-bottom: 0.625rem;
3074
2933
  }
@@ -3172,10 +3031,6 @@ input[type="range"]::-ms-fill-lower {
3172
3031
  font-size: 1.5rem;
3173
3032
  line-height: 2rem;
3174
3033
  }
3175
- .text-3xl {
3176
- font-size: 1.875rem;
3177
- line-height: 2.25rem;
3178
- }
3179
3034
  .text-\[0\.875rem\] {
3180
3035
  font-size: 0.875rem;
3181
3036
  }
@@ -3188,9 +3043,6 @@ input[type="range"]::-ms-fill-lower {
3188
3043
  .text-\[1\.5rem\] {
3189
3044
  font-size: 1.5rem;
3190
3045
  }
3191
- .text-\[10px\] {
3192
- font-size: 10px;
3193
- }
3194
3046
  .text-\[15px\] {
3195
3047
  font-size: 15px;
3196
3048
  }
@@ -3277,14 +3129,6 @@ input[type="range"]::-ms-fill-lower {
3277
3129
  .text-accent-foreground {
3278
3130
  color: hsl(var(--accent-foreground));
3279
3131
  }
3280
- .text-amber-600 {
3281
- --tw-text-opacity: 1;
3282
- color: rgb(217 119 6 / var(--tw-text-opacity, 1));
3283
- }
3284
- .text-amber-700 {
3285
- --tw-text-opacity: 1;
3286
- color: rgb(180 83 9 / var(--tw-text-opacity, 1));
3287
- }
3288
3132
  .text-black {
3289
3133
  --tw-text-opacity: 1;
3290
3134
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
@@ -3468,10 +3312,6 @@ input[type="range"]::-ms-fill-lower {
3468
3312
  --tw-text-opacity: 1;
3469
3313
  color: rgb(85 33 181 / var(--tw-text-opacity, 1));
3470
3314
  }
3471
- .text-red-400 {
3472
- --tw-text-opacity: 1;
3473
- color: rgb(249 128 128 / var(--tw-text-opacity, 1));
3474
- }
3475
3315
  .text-red-500 {
3476
3316
  --tw-text-opacity: 1;
3477
3317
  color: rgb(240 82 82 / var(--tw-text-opacity, 1));
@@ -3516,15 +3356,6 @@ input[type="range"]::-ms-fill-lower {
3516
3356
  --tw-text-opacity: 1;
3517
3357
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
3518
3358
  }
3519
- .text-white\/60 {
3520
- color: rgb(255 255 255 / 0.6);
3521
- }
3522
- .text-white\/80 {
3523
- color: rgb(255 255 255 / 0.8);
3524
- }
3525
- .text-white\/90 {
3526
- color: rgb(255 255 255 / 0.9);
3527
- }
3528
3359
  .text-yellow-400 {
3529
3360
  --tw-text-opacity: 1;
3530
3361
  color: rgb(227 160 8 / var(--tw-text-opacity, 1));
@@ -3589,15 +3420,9 @@ input[type="range"]::-ms-fill-lower {
3589
3420
  .opacity-25 {
3590
3421
  opacity: 0.25;
3591
3422
  }
3592
- .opacity-30 {
3593
- opacity: 0.3;
3594
- }
3595
3423
  .opacity-50 {
3596
3424
  opacity: 0.5;
3597
3425
  }
3598
- .opacity-60 {
3599
- opacity: 0.6;
3600
- }
3601
3426
  .opacity-70 {
3602
3427
  opacity: 0.7;
3603
3428
  }
@@ -4027,10 +3852,6 @@ input[type="range"]::-ms-fill-lower {
4027
3852
  --tw-bg-opacity: 1;
4028
3853
  background-color: rgb(195 221 253 / var(--tw-bg-opacity, 1));
4029
3854
  }
4030
- .hover\:bg-blue-50:hover {
4031
- --tw-bg-opacity: 1;
4032
- background-color: rgb(235 245 255 / var(--tw-bg-opacity, 1));
4033
- }
4034
3855
  .hover\:bg-blue-600:hover {
4035
3856
  --tw-bg-opacity: 1;
4036
3857
  background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1));
@@ -4099,10 +3920,6 @@ input[type="range"]::-ms-fill-lower {
4099
3920
  --tw-bg-opacity: 1;
4100
3921
  background-color: rgb(251 213 213 / var(--tw-bg-opacity, 1));
4101
3922
  }
4102
- .hover\:bg-red-50:hover {
4103
- --tw-bg-opacity: 1;
4104
- background-color: rgb(253 242 242 / var(--tw-bg-opacity, 1));
4105
- }
4106
3923
  .hover\:bg-red-600:hover {
4107
3924
  --tw-bg-opacity: 1;
4108
3925
  background-color: rgb(224 36 36 / var(--tw-bg-opacity, 1));
@@ -4111,9 +3928,6 @@ input[type="range"]::-ms-fill-lower {
4111
3928
  --tw-bg-opacity: 1;
4112
3929
  background-color: rgb(175 236 239 / var(--tw-bg-opacity, 1));
4113
3930
  }
4114
- .hover\:bg-transparent:hover {
4115
- background-color: transparent;
4116
- }
4117
3931
  .hover\:bg-white:hover {
4118
3932
  --tw-bg-opacity: 1;
4119
3933
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -4125,10 +3939,6 @@ input[type="range"]::-ms-fill-lower {
4125
3939
  .hover\:bg-gradient-to-br:hover {
4126
3940
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
4127
3941
  }
4128
- .hover\:text-blue-700:hover {
4129
- --tw-text-opacity: 1;
4130
- color: rgb(26 86 219 / var(--tw-text-opacity, 1));
4131
- }
4132
3942
  .hover\:text-cyan-700:hover {
4133
3943
  --tw-text-opacity: 1;
4134
3944
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
@@ -4163,11 +3973,6 @@ input[type="range"]::-ms-fill-lower {
4163
3973
  .hover\:opacity-100:hover {
4164
3974
  opacity: 1;
4165
3975
  }
4166
- .hover\:shadow-md:hover {
4167
- --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
4168
- --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
4169
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
4170
- }
4171
3976
  .focus\:z-10:focus {
4172
3977
  z-index: 10;
4173
3978
  }
@@ -4199,9 +4004,6 @@ input[type="range"]::-ms-fill-lower {
4199
4004
  --tw-border-opacity: 1;
4200
4005
  border-color: rgb(224 36 36 / var(--tw-border-opacity, 1));
4201
4006
  }
4202
- .focus\:border-transparent:focus {
4203
- border-color: transparent;
4204
- }
4205
4007
  .focus\:border-yellow-500:focus {
4206
4008
  --tw-border-opacity: 1;
4207
4009
  border-color: rgb(194 120 3 / var(--tw-border-opacity, 1));
@@ -4977,10 +4779,6 @@ input[type="range"]::-ms-fill-lower {
4977
4779
  --tw-border-opacity: 1;
4978
4780
  border-color: rgb(224 36 36 / var(--tw-border-opacity, 1));
4979
4781
  }
4980
- .dark\:border-red-800:is(.dark *) {
4981
- --tw-border-opacity: 1;
4982
- border-color: rgb(155 28 28 / var(--tw-border-opacity, 1));
4983
- }
4984
4782
  .dark\:border-teal-600:is(.dark *) {
4985
4783
  --tw-border-opacity: 1;
4986
4784
  border-color: rgb(4 116 129 / var(--tw-border-opacity, 1));
@@ -4997,9 +4795,6 @@ input[type="range"]::-ms-fill-lower {
4997
4795
  --tw-border-opacity: 1;
4998
4796
  border-color: rgb(159 88 10 / var(--tw-border-opacity, 1));
4999
4797
  }
5000
- .dark\:bg-amber-900\/30:is(.dark *) {
5001
- background-color: rgb(120 53 15 / 0.3);
5002
- }
5003
4798
  .dark\:bg-black:is(.dark *) {
5004
4799
  --tw-bg-opacity: 1;
5005
4800
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -5160,9 +4955,6 @@ input[type="range"]::-ms-fill-lower {
5160
4955
  --tw-bg-opacity: 1;
5161
4956
  background-color: rgb(119 29 29 / var(--tw-bg-opacity, 1));
5162
4957
  }
5163
- .dark\:bg-red-900\/20:is(.dark *) {
5164
- background-color: rgb(119 29 29 / 0.2);
5165
- }
5166
4958
  .dark\:bg-teal-200:is(.dark *) {
5167
4959
  --tw-bg-opacity: 1;
5168
4960
  background-color: rgb(175 236 239 / var(--tw-bg-opacity, 1));
@@ -5196,10 +4988,6 @@ input[type="range"]::-ms-fill-lower {
5196
4988
  .dark\:fill-gray-300:is(.dark *) {
5197
4989
  fill: #D1D5DB;
5198
4990
  }
5199
- .dark\:text-amber-400:is(.dark *) {
5200
- --tw-text-opacity: 1;
5201
- color: rgb(251 191 36 / var(--tw-text-opacity, 1));
5202
- }
5203
4991
  .dark\:text-blue-300:is(.dark *) {
5204
4992
  --tw-text-opacity: 1;
5205
4993
  color: rgb(164 202 254 / var(--tw-text-opacity, 1));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pagamio/frontend-commons-lib",
3
3
  "description": "Pagamio library for Frontend reusable components like the form engine and table container",
4
- "version": "0.8.217",
4
+ "version": "0.8.218",
5
5
  "publishConfig": {
6
6
  "access": "public",
7
7
  "provenance": false
@@ -102,8 +102,6 @@
102
102
  "@radix-ui/react-separator": "^1.1.0",
103
103
  "@radix-ui/react-switch": "^1.1.1",
104
104
  "@tabler/icons-react": "^3.23.0",
105
- "@tanstack/react-query": "^5.90.16",
106
- "@tanstack/react-query-devtools": "^5.91.2",
107
105
  "@tanstack/react-table": "^8.20.5",
108
106
  "@testing-library/react": "^16.0.1",
109
107
  "@types/file-saver": "^2.0.7",
@@ -187,9 +185,5 @@
187
185
  },
188
186
  "lint-staged": {
189
187
  "*.{js,ts,tsx}": "eslint . --fix"
190
- },
191
- "peerDependencies": {
192
- "@tanstack/react-query": "^5.90.16",
193
- "@tanstack/react-query-devtools": "^5.91.2"
194
188
  }
195
189
  }
@@ -1,146 +0,0 @@
1
- /**
2
- * @fileoverview TanStack Query Provider for the API client
3
- * Provides a configured QueryClient with sensible defaults
4
- */
5
- import { QueryClient } from '@tanstack/react-query';
6
- import type { ReactNode } from 'react';
7
- /**
8
- * Default configuration for the QueryClient
9
- * Matches the conservative caching strategy used in the SWR integration
10
- */
11
- export declare const DEFAULT_QUERY_CLIENT_OPTIONS: {
12
- queries: {
13
- /** Data is considered fresh for 5 minutes */
14
- staleTime: number;
15
- /** Garbage collection time - 10 minutes */
16
- gcTime: number;
17
- /** Don't refetch on window focus (matches SWR config) */
18
- refetchOnWindowFocus: boolean;
19
- /** Don't refetch on reconnect (matches SWR config) */
20
- refetchOnReconnect: boolean;
21
- /** Retry failed requests once */
22
- retry: number;
23
- /** Retry delay */
24
- retryDelay: (attemptIndex: number) => number;
25
- /** Don't refetch on mount if data exists */
26
- refetchOnMount: boolean;
27
- };
28
- mutations: {
29
- /** Retry failed mutations once */
30
- retry: number;
31
- };
32
- };
33
- /**
34
- * Configuration options for the ApiQueryProvider
35
- */
36
- export interface ApiQueryProviderConfig {
37
- /** Custom QueryClient options to merge with defaults */
38
- queryClientOptions?: {
39
- queries?: Partial<typeof DEFAULT_QUERY_CLIENT_OPTIONS.queries>;
40
- mutations?: Partial<typeof DEFAULT_QUERY_CLIENT_OPTIONS.mutations>;
41
- };
42
- /** Show React Query Devtools (default: false in production) */
43
- showDevtools?: boolean;
44
- /** Devtools position */
45
- devtoolsPosition?: 'left' | 'right' | 'top' | 'bottom';
46
- /** Initial devtools open state */
47
- devtoolsInitialIsOpen?: boolean;
48
- }
49
- /**
50
- * Props for the ApiQueryProvider component
51
- */
52
- export interface ApiQueryProviderProps extends ApiQueryProviderConfig {
53
- /** React children */
54
- children: ReactNode;
55
- /** Optional existing QueryClient instance */
56
- queryClient?: QueryClient;
57
- }
58
- /**
59
- * Creates a configured QueryClient instance
60
- *
61
- * @example
62
- * ```tsx
63
- * // Create a custom query client
64
- * const queryClient = createQueryClient({
65
- * queries: {
66
- * staleTime: 10 * 60 * 1000, // 10 minutes
67
- * },
68
- * });
69
- * ```
70
- */
71
- export declare function createQueryClient(options?: ApiQueryProviderConfig['queryClientOptions']): QueryClient;
72
- /**
73
- * Provider component for TanStack Query
74
- * Wraps your application with a configured QueryClient
75
- *
76
- * @example
77
- * ```tsx
78
- * // Basic usage
79
- * function App() {
80
- * return (
81
- * <ApiQueryProvider>
82
- * <ApiProvider apiClient={apiClient}>
83
- * <YourApp />
84
- * </ApiProvider>
85
- * </ApiQueryProvider>
86
- * );
87
- * }
88
- *
89
- * // With custom configuration
90
- * function App() {
91
- * return (
92
- * <ApiQueryProvider
93
- * queryClientOptions={{
94
- * queries: {
95
- * staleTime: 10 * 60 * 1000, // 10 minutes
96
- * refetchOnWindowFocus: true,
97
- * },
98
- * }}
99
- * showDevtools={process.env.NODE_ENV === 'development'}
100
- * devtoolsPosition="bottom-right"
101
- * >
102
- * <ApiProvider apiClient={apiClient}>
103
- * <YourApp />
104
- * </ApiProvider>
105
- * </ApiQueryProvider>
106
- * );
107
- * }
108
- *
109
- * // With existing QueryClient
110
- * const queryClient = createQueryClient();
111
- *
112
- * function App() {
113
- * return (
114
- * <ApiQueryProvider queryClient={queryClient}>
115
- * <ApiProvider apiClient={apiClient}>
116
- * <YourApp />
117
- * </ApiProvider>
118
- * </ApiQueryProvider>
119
- * );
120
- * }
121
- * ```
122
- */
123
- export declare function ApiQueryProvider({ children, queryClient: existingQueryClient, queryClientOptions, showDevtools, devtoolsPosition, devtoolsInitialIsOpen, }: ApiQueryProviderProps): import("react/jsx-runtime").JSX.Element;
124
- /**
125
- * Combined provider that includes both ApiQueryProvider and can be used
126
- * as a drop-in replacement when you want TanStack Query with your API client
127
- *
128
- * @example
129
- * ```tsx
130
- * import { CombinedApiQueryProvider, createApiClient } from '@pagamio/frontend-commons-lib';
131
- *
132
- * const apiClient = createApiClient({ ... });
133
- *
134
- * function App() {
135
- * return (
136
- * <CombinedApiQueryProvider
137
- * apiClient={apiClient}
138
- * showDevtools={true}
139
- * >
140
- * <YourApp />
141
- * </CombinedApiQueryProvider>
142
- * );
143
- * }
144
- * ```
145
- */
146
- export { ApiQueryProvider as TanStackQueryProvider };