@visns-studio/visns-components 5.15.25 → 5.15.27
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/package.json +11 -11
- package/src/components/DataGrid.jsx +13 -30
- package/src/components/ImportWizardModal.jsx +0 -8
- package/src/components/controls/DataGridSearch.jsx +0 -5
- package/src/components/generic/ExcelStyleGrid.jsx +789 -0
- package/src/components/generic/GenericDashboard.jsx +9 -1
- package/src/components/generic/GenericDetail.jsx +0 -3
- package/src/components/generic/TimelineWidget.jsx +61 -0
- package/src/components/hooks/useExcelGrid.js +366 -0
- package/src/components/styles/ExcelStyleGrid.css +251 -0
- package/src/components/styles/GenericDashboard.module.scss +2 -2
package/package.json
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"@nivo/line": "^0.87.0",
|
|
14
14
|
"@nivo/pie": "^0.87.0",
|
|
15
15
|
"@react-pdf/renderer": "^4.3.1",
|
|
16
|
-
"@tanstack/react-query": "^5.90.
|
|
16
|
+
"@tanstack/react-query": "^5.90.5",
|
|
17
17
|
"@tinymce/miniature": "^6.0.0",
|
|
18
18
|
"@tinymce/tinymce-react": "^6.3.0",
|
|
19
19
|
"@uiw/react-color": "^2.9.0",
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"dayjs": "^1.11.18",
|
|
28
28
|
"fabric": "^6.7.1",
|
|
29
29
|
"file-saver": "^2.0.5",
|
|
30
|
-
"framer-motion": "^12.23.
|
|
31
|
-
"html-react-parser": "^5.2.
|
|
30
|
+
"framer-motion": "^12.23.24",
|
|
31
|
+
"html-react-parser": "^5.2.7",
|
|
32
32
|
"html2canvas": "^1.4.1",
|
|
33
33
|
"lodash": "^4.17.21",
|
|
34
34
|
"lodash.debounce": "^4.0.8",
|
|
35
35
|
"lucide-react": "^0.544.0",
|
|
36
36
|
"mapbox-gl": "^3.15.0",
|
|
37
37
|
"moment": "^2.30.1",
|
|
38
|
-
"motion": "^12.23.
|
|
38
|
+
"motion": "^12.23.24",
|
|
39
39
|
"numeral": "^2.0.6",
|
|
40
40
|
"pluralize": "^8.0.0",
|
|
41
41
|
"qrcode.react": "^4.2.0",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"react-big-calendar": "^1.19.4",
|
|
44
44
|
"react-copy-to-clipboard": "^5.1.0",
|
|
45
45
|
"react-currency-input-field": "^3.10.0",
|
|
46
|
-
"react-datepicker": "^8.
|
|
46
|
+
"react-datepicker": "^8.8.0",
|
|
47
47
|
"react-dropzone": "^14.3.8",
|
|
48
48
|
"react-grid-gallery": "^1.0.1",
|
|
49
49
|
"react-number-format": "^5.4.4",
|
|
@@ -53,23 +53,23 @@
|
|
|
53
53
|
"react-reveal": "^1.2.2",
|
|
54
54
|
"react-router-dom": "^6.30.1",
|
|
55
55
|
"react-select": "^5.10.2",
|
|
56
|
-
"react-signature-pad-wrapper": "^4.
|
|
56
|
+
"react-signature-pad-wrapper": "^4.2.0",
|
|
57
57
|
"react-slugify": "^4.0.1",
|
|
58
58
|
"react-sortable-hoc": "^2.0.0",
|
|
59
|
-
"react-to-print": "^3.
|
|
59
|
+
"react-to-print": "^3.2.0",
|
|
60
60
|
"react-toastify": "^11.0.5",
|
|
61
61
|
"react-toggle": "^4.1.3",
|
|
62
|
-
"react-tooltip": "^5.
|
|
62
|
+
"react-tooltip": "^5.30.0",
|
|
63
63
|
"react-window": "^1.8.11",
|
|
64
64
|
"reactjs-popup": "^2.0.6",
|
|
65
65
|
"style-loader": "^4.0.0",
|
|
66
66
|
"swapy": "^1.0.5",
|
|
67
|
-
"sweetalert2": "^11.
|
|
67
|
+
"sweetalert2": "^11.26.3",
|
|
68
68
|
"tesseract.js": "^6.0.1",
|
|
69
69
|
"truncate": "^3.0.0",
|
|
70
70
|
"uuid": "^11.1.0",
|
|
71
71
|
"validator": "^13.15.15",
|
|
72
|
-
"vite": "^6.
|
|
72
|
+
"vite": "^6.4.1",
|
|
73
73
|
"xlsx": "^0.18.5",
|
|
74
74
|
"yarn": "^1.22.22",
|
|
75
75
|
"yet-another-react-lightbox": "^3.25.0"
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
95
95
|
},
|
|
96
96
|
"name": "@visns-studio/visns-components",
|
|
97
|
-
"version": "5.15.
|
|
97
|
+
"version": "5.15.27",
|
|
98
98
|
"description": "Various packages to assist in the development of our Custom Applications.",
|
|
99
99
|
"main": "src/index.js",
|
|
100
100
|
"files": [
|
|
@@ -261,28 +261,6 @@ const DataGrid = forwardRef(
|
|
|
261
261
|
const navigate = useNavigate();
|
|
262
262
|
const routeParams = useParams();
|
|
263
263
|
|
|
264
|
-
/**
|
|
265
|
-
* DEBUG: Settings Configuration Tracking
|
|
266
|
-
* Monitor changes to settings prop to identify config update issues
|
|
267
|
-
*/
|
|
268
|
-
useEffect(() => {
|
|
269
|
-
console.log('🔍 DataGrid settings prop changed:', {
|
|
270
|
-
settings: settings,
|
|
271
|
-
settingsLength: settings?.length || 0,
|
|
272
|
-
hasUpdateSetting:
|
|
273
|
-
settings?.some((s) => s.id === 'update') || false,
|
|
274
|
-
settingsIds: settings?.map((s) => s.id) || [],
|
|
275
|
-
timestamp: new Date().toISOString(),
|
|
276
|
-
});
|
|
277
|
-
}, [settings]);
|
|
278
|
-
|
|
279
|
-
useEffect(() => {
|
|
280
|
-
console.log('🔍 DataGrid form prop changed:', {
|
|
281
|
-
form: form,
|
|
282
|
-
primaryKey: form?.primaryKey,
|
|
283
|
-
timestamp: new Date().toISOString(),
|
|
284
|
-
});
|
|
285
|
-
}, [form]);
|
|
286
264
|
|
|
287
265
|
/** Audio */
|
|
288
266
|
const [audioSource, setAudioSource] = useState('');
|
|
@@ -348,8 +326,19 @@ const DataGrid = forwardRef(
|
|
|
348
326
|
|
|
349
327
|
const handleImportComplete = () => {
|
|
350
328
|
setShowImportModal(false);
|
|
351
|
-
|
|
352
|
-
|
|
329
|
+
|
|
330
|
+
// Trigger data refresh using the proper grid reload method
|
|
331
|
+
if (gridRef.current && gridRef.current.paginationProps) {
|
|
332
|
+
gridRef.current.paginationProps.reload();
|
|
333
|
+
|
|
334
|
+
// Force grid to recalculate row heights after reload
|
|
335
|
+
setTimeout(() => {
|
|
336
|
+
if (gridRef.current?.api) {
|
|
337
|
+
gridRef.current.api.forceUpdate();
|
|
338
|
+
}
|
|
339
|
+
}, 50);
|
|
340
|
+
}
|
|
341
|
+
|
|
353
342
|
// Also trigger parent page data reload if callback provided
|
|
354
343
|
if (onDataReload) {
|
|
355
344
|
onDataReload();
|
|
@@ -3452,12 +3441,6 @@ const DataGrid = forwardRef(
|
|
|
3452
3441
|
})() && (
|
|
3453
3442
|
<div className={styles.dataGridTopContainer}>
|
|
3454
3443
|
<div className={styles.dataGridTopLeftContainer}>
|
|
3455
|
-
{(() => {
|
|
3456
|
-
console.log('[DataGrid] Rendering DataGridSearch with form:', form);
|
|
3457
|
-
console.log('[DataGrid] form.bulkUpload:', form.bulkUpload);
|
|
3458
|
-
console.log('[DataGrid] paramValue:', paramValue);
|
|
3459
|
-
return null;
|
|
3460
|
-
})()}
|
|
3461
3444
|
<DataGridSearch
|
|
3462
3445
|
form={form}
|
|
3463
3446
|
search={search}
|
|
@@ -207,13 +207,6 @@ const ImportWizardModal = ({
|
|
|
207
207
|
setLoading(true);
|
|
208
208
|
|
|
209
209
|
try {
|
|
210
|
-
console.log('[ImportWizardModal] handleImport called with:', {
|
|
211
|
-
targetModel,
|
|
212
|
-
parentId,
|
|
213
|
-
relationKey,
|
|
214
|
-
additionalParams
|
|
215
|
-
});
|
|
216
|
-
|
|
217
210
|
const formData = new FormData();
|
|
218
211
|
formData.append('file', uploadedFile);
|
|
219
212
|
formData.append('mapping', JSON.stringify(columnMapping));
|
|
@@ -226,7 +219,6 @@ const ImportWizardModal = ({
|
|
|
226
219
|
// Append any additional parameters
|
|
227
220
|
Object.keys(additionalParams).forEach(key => {
|
|
228
221
|
const value = additionalParams[key];
|
|
229
|
-
console.log(`[ImportWizardModal] additionalParam ${key}:`, value);
|
|
230
222
|
// Only append if value is not null or undefined
|
|
231
223
|
if (value !== null && value !== undefined) {
|
|
232
224
|
formData.append(key, value);
|
|
@@ -99,11 +99,6 @@ const DataGridSearch = ({
|
|
|
99
99
|
? styles.actionButtons
|
|
100
100
|
: styles.actionButtonsStandalone;
|
|
101
101
|
|
|
102
|
-
// Debug log for bulk upload
|
|
103
|
-
console.log('[DataGridSearch] form.bulkUpload:', form.bulkUpload);
|
|
104
|
-
console.log('[DataGridSearch] form.bulkUpload?.enabled:', form.bulkUpload?.enabled);
|
|
105
|
-
console.log('[DataGridSearch] onBulkUploadClick:', onBulkUploadClick);
|
|
106
|
-
|
|
107
102
|
return (
|
|
108
103
|
<div className={buttonClassName}>
|
|
109
104
|
{form.export && form.export.url && (
|