@smallwebco/tinypivot-react 1.0.53 → 1.0.55
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/README.md +91 -1
- package/dist/index.cjs +2038 -837
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +55 -4
- package/dist/index.d.ts +55 -4
- package/dist/index.js +2000 -786
- package/dist/index.js.map +1 -1
- package/dist/style.css +69 -0
- package/package.json +9 -4
package/dist/style.css
CHANGED
|
@@ -178,6 +178,32 @@
|
|
|
178
178
|
|
|
179
179
|
.vpg-filter-info svg { color: #4f46e5; }
|
|
180
180
|
|
|
181
|
+
/* Reset to Full Data Button */
|
|
182
|
+
.vpg-reset-data-btn {
|
|
183
|
+
display: flex;
|
|
184
|
+
align-items: center;
|
|
185
|
+
gap: 0.375rem;
|
|
186
|
+
padding: 0.375rem 0.75rem;
|
|
187
|
+
font-size: 0.75rem;
|
|
188
|
+
font-weight: 500;
|
|
189
|
+
border-radius: 0.375rem;
|
|
190
|
+
background: #fef3c7;
|
|
191
|
+
border: 1px solid #fcd34d;
|
|
192
|
+
color: #92400e;
|
|
193
|
+
cursor: pointer;
|
|
194
|
+
transition: all 0.15s;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.vpg-reset-data-btn:hover {
|
|
198
|
+
background: #fde68a;
|
|
199
|
+
border-color: #f59e0b;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
.vpg-reset-data-btn svg {
|
|
203
|
+
width: 1rem;
|
|
204
|
+
height: 1rem;
|
|
205
|
+
}
|
|
206
|
+
|
|
181
207
|
/* Search */
|
|
182
208
|
.vpg-search-container { display: flex; align-items: center; }
|
|
183
209
|
|
|
@@ -622,6 +648,18 @@
|
|
|
622
648
|
border-color: #64748b;
|
|
623
649
|
}
|
|
624
650
|
|
|
651
|
+
/* Reset Data Button Dark Mode */
|
|
652
|
+
.vpg-theme-dark .vpg-reset-data-btn {
|
|
653
|
+
background: rgba(251, 191, 36, 0.15);
|
|
654
|
+
border-color: rgba(251, 191, 36, 0.4);
|
|
655
|
+
color: #fbbf24;
|
|
656
|
+
}
|
|
657
|
+
|
|
658
|
+
.vpg-theme-dark .vpg-reset-data-btn:hover {
|
|
659
|
+
background: rgba(251, 191, 36, 0.25);
|
|
660
|
+
border-color: rgba(251, 191, 36, 0.6);
|
|
661
|
+
}
|
|
662
|
+
|
|
625
663
|
/* Demo Banner */
|
|
626
664
|
.vpg-demo-banner {
|
|
627
665
|
display: flex;
|
|
@@ -3046,6 +3084,37 @@
|
|
|
3046
3084
|
color: #8b5cf6;
|
|
3047
3085
|
}
|
|
3048
3086
|
|
|
3087
|
+
/* Chart loading state (async component loading) */
|
|
3088
|
+
.vpg-chart-loading {
|
|
3089
|
+
display: flex;
|
|
3090
|
+
flex-direction: column;
|
|
3091
|
+
align-items: center;
|
|
3092
|
+
justify-content: center;
|
|
3093
|
+
gap: 0.75rem;
|
|
3094
|
+
height: 100%;
|
|
3095
|
+
color: #64748b;
|
|
3096
|
+
}
|
|
3097
|
+
|
|
3098
|
+
.vpg-chart-spinner {
|
|
3099
|
+
width: 2rem;
|
|
3100
|
+
height: 2rem;
|
|
3101
|
+
border: 2px solid #e2e8f0;
|
|
3102
|
+
border-top-color: #8b5cf6;
|
|
3103
|
+
border-radius: 50%;
|
|
3104
|
+
animation: vpg-chart-spin 0.8s linear infinite;
|
|
3105
|
+
}
|
|
3106
|
+
|
|
3107
|
+
@keyframes vpg-chart-spin {
|
|
3108
|
+
to { transform: rotate(360deg); }
|
|
3109
|
+
}
|
|
3110
|
+
|
|
3111
|
+
.vpg-chart-loading span {
|
|
3112
|
+
font-size: 0.875rem;
|
|
3113
|
+
}
|
|
3114
|
+
|
|
3115
|
+
.vpg-theme-dark .vpg-chart-loading { color: #94a3b8; }
|
|
3116
|
+
.vpg-theme-dark .vpg-chart-spinner { border-color: #334155; border-top-color: #8b5cf6; }
|
|
3117
|
+
|
|
3049
3118
|
/* Dark mode support */
|
|
3050
3119
|
.vpg-theme-dark .vpg-chart-filter-bar { background: #1e1b4b; border-color: #4c1d95; color: #a5b4fc; }
|
|
3051
3120
|
.vpg-theme-dark .vpg-chart-filter-bar svg { color: #8b5cf6; }
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smallwebco/tinypivot-react",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.
|
|
5
|
-
"description": "TinyPivot React -
|
|
4
|
+
"version": "1.0.55",
|
|
5
|
+
"description": "TinyPivot React - AI-ready data grid, pivot table, and chart builder. Natural language data exploration with BYOK. Under 40KB gzipped.",
|
|
6
6
|
"author": "Small Web, LLC",
|
|
7
7
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
8
8
|
"homepage": "https://github.com/Small-Web-Co/tinypivot",
|
|
@@ -14,6 +14,9 @@
|
|
|
14
14
|
"url": "https://github.com/Small-Web-Co/tinypivot/issues"
|
|
15
15
|
},
|
|
16
16
|
"keywords": [
|
|
17
|
+
"ai-data-analyst",
|
|
18
|
+
"natural-language-query",
|
|
19
|
+
"byok",
|
|
17
20
|
"react",
|
|
18
21
|
"react-component",
|
|
19
22
|
"datagrid",
|
|
@@ -31,7 +34,9 @@
|
|
|
31
34
|
"sorting",
|
|
32
35
|
"aggregation",
|
|
33
36
|
"csv-export",
|
|
34
|
-
"clipboard"
|
|
37
|
+
"clipboard",
|
|
38
|
+
"chart-builder",
|
|
39
|
+
"lightweight"
|
|
35
40
|
],
|
|
36
41
|
"sideEffects": [
|
|
37
42
|
"*.css"
|
|
@@ -58,7 +63,7 @@
|
|
|
58
63
|
"@tanstack/react-table": "^8.20.0",
|
|
59
64
|
"apexcharts": "^4.3.0",
|
|
60
65
|
"react-apexcharts": "^1.6.0",
|
|
61
|
-
"@smallwebco/tinypivot-core": "1.0.
|
|
66
|
+
"@smallwebco/tinypivot-core": "1.0.55"
|
|
62
67
|
},
|
|
63
68
|
"devDependencies": {
|
|
64
69
|
"@types/react": "^18.2.0",
|