@visns-studio/visns-components 5.8.5 → 5.8.7
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
CHANGED
|
@@ -4,10 +4,10 @@
|
|
|
4
4
|
"@fontsource/barlow": "^5.2.5",
|
|
5
5
|
"@inovua/reactdatagrid-community": "^5.10.2",
|
|
6
6
|
"@inovua/reactdatagrid-enterprise": "^5.10.2",
|
|
7
|
-
"@nivo/bar": "^0.
|
|
8
|
-
"@nivo/core": "^0.
|
|
9
|
-
"@nivo/line": "^0.
|
|
10
|
-
"@nivo/pie": "^0.
|
|
7
|
+
"@nivo/bar": "^0.96.0",
|
|
8
|
+
"@nivo/core": "^0.96.0",
|
|
9
|
+
"@nivo/line": "^0.96.0",
|
|
10
|
+
"@nivo/pie": "^0.96.0",
|
|
11
11
|
"@tinymce/tinymce-react": "^6.1.0",
|
|
12
12
|
"@visns-studio/visns-datagrid-community": "^1.0.14",
|
|
13
13
|
"@visns-studio/visns-datagrid-enterprise": "^1.0.14",
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
"dayjs": "^1.11.13",
|
|
21
21
|
"fabric": "^6.6.5",
|
|
22
22
|
"file-saver": "^2.0.5",
|
|
23
|
-
"framer-motion": "^12.11.
|
|
23
|
+
"framer-motion": "^12.11.3",
|
|
24
24
|
"html-react-parser": "^5.2.5",
|
|
25
25
|
"lodash": "^4.17.21",
|
|
26
26
|
"lodash.debounce": "^4.0.8",
|
|
27
27
|
"moment": "^2.30.1",
|
|
28
|
-
"motion": "^12.11.
|
|
28
|
+
"motion": "^12.11.3",
|
|
29
29
|
"numeral": "^2.0.6",
|
|
30
30
|
"pluralize": "^8.0.0",
|
|
31
31
|
"qrcode.react": "^4.2.0",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
83
83
|
},
|
|
84
84
|
"name": "@visns-studio/visns-components",
|
|
85
|
-
"version": "5.8.
|
|
85
|
+
"version": "5.8.7",
|
|
86
86
|
"description": "Various packages to assist in the development of our Custom Applications.",
|
|
87
87
|
"main": "src/index.js",
|
|
88
88
|
"files": [
|
|
@@ -815,17 +815,16 @@ function Form({
|
|
|
815
815
|
}
|
|
816
816
|
);
|
|
817
817
|
|
|
818
|
-
|
|
819
|
-
uploadPromises
|
|
820
|
-
);
|
|
818
|
+
updatedFormData['uploadedFiles'] =
|
|
819
|
+
await Promise.all(uploadPromises);
|
|
821
820
|
} else {
|
|
822
821
|
// Optimize image if it's an image file
|
|
823
822
|
const optimizedFile = await optimizeImageIfNeeded(
|
|
824
|
-
|
|
823
|
+
updatedFormData[fileKey]
|
|
825
824
|
);
|
|
826
825
|
|
|
827
826
|
const toastId = toast.info(
|
|
828
|
-
`Uploading ${
|
|
827
|
+
`Uploading ${updatedFormData[fileKey].name}`,
|
|
829
828
|
{
|
|
830
829
|
progress: 0,
|
|
831
830
|
autoClose: false,
|
|
@@ -842,19 +841,20 @@ function Form({
|
|
|
842
841
|
});
|
|
843
842
|
|
|
844
843
|
toast.update(toastId, {
|
|
845
|
-
render: `${
|
|
844
|
+
render: `${updatedFormData[fileKey].name} uploaded successfully!`,
|
|
846
845
|
type: 'success',
|
|
847
846
|
autoClose: 3000,
|
|
848
847
|
});
|
|
849
848
|
|
|
850
|
-
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
856
|
-
|
|
857
|
-
|
|
849
|
+
updatedFormData['uuid'] = fileRes.uuid;
|
|
850
|
+
updatedFormData['key'] = fileRes.key;
|
|
851
|
+
updatedFormData['bucket'] = fileRes.bucket;
|
|
852
|
+
updatedFormData['filename'] =
|
|
853
|
+
updatedFormData[fileKey].name;
|
|
854
|
+
updatedFormData['filesize'] = optimizedFile.size;
|
|
855
|
+
updatedFormData['extension'] = fileRes.extension;
|
|
856
|
+
updatedFormData['file_relationship'] = fileKey;
|
|
857
|
+
updatedFormData['fileable_field'] =
|
|
858
858
|
fileFieldSetting.fileable_field;
|
|
859
859
|
}
|
|
860
860
|
}
|
|
@@ -44,119 +44,7 @@
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
/* Toggle button styles */
|
|
48
|
-
:global {
|
|
49
|
-
.react-toggle {
|
|
50
|
-
touch-action: pan-x;
|
|
51
|
-
display: inline-block;
|
|
52
|
-
position: relative;
|
|
53
|
-
cursor: pointer;
|
|
54
|
-
background-color: transparent;
|
|
55
|
-
border: 0;
|
|
56
|
-
padding: 0;
|
|
57
|
-
-webkit-touch-callout: none;
|
|
58
|
-
-webkit-user-select: none;
|
|
59
|
-
-khtml-user-select: none;
|
|
60
|
-
-moz-user-select: none;
|
|
61
|
-
-ms-user-select: none;
|
|
62
|
-
user-select: none;
|
|
63
|
-
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
64
|
-
-webkit-tap-highlight-color: transparent;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.react-toggle-screenreader-only {
|
|
68
|
-
border: 0;
|
|
69
|
-
clip: rect(0 0 0 0);
|
|
70
|
-
height: 1px;
|
|
71
|
-
margin: -1px;
|
|
72
|
-
overflow: hidden;
|
|
73
|
-
padding: 0;
|
|
74
|
-
position: absolute;
|
|
75
|
-
width: 1px;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.react-toggle-track {
|
|
79
|
-
width: 50px;
|
|
80
|
-
height: 24px;
|
|
81
|
-
padding: 0;
|
|
82
|
-
border-radius: 30px;
|
|
83
|
-
background-color: #4d4d4d;
|
|
84
|
-
transition: all 0.2s ease;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
|
|
88
|
-
background-color: #000000;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.react-toggle--checked:hover:not(.react-toggle--disabled)
|
|
92
|
-
.react-toggle-track {
|
|
93
|
-
opacity: 0.8;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
.react-toggle-track-check {
|
|
97
|
-
position: absolute;
|
|
98
|
-
width: 14px;
|
|
99
|
-
height: 10px;
|
|
100
|
-
top: 0px;
|
|
101
|
-
bottom: 0px;
|
|
102
|
-
margin-top: auto;
|
|
103
|
-
margin-bottom: auto;
|
|
104
|
-
line-height: 0;
|
|
105
|
-
left: 8px;
|
|
106
|
-
opacity: 0;
|
|
107
|
-
transition: opacity 0.25s ease;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
.react-toggle--checked .react-toggle-track-check {
|
|
111
|
-
opacity: 1;
|
|
112
|
-
transition: opacity 0.25s ease;
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
.react-toggle-track-x {
|
|
116
|
-
position: absolute;
|
|
117
|
-
width: 10px;
|
|
118
|
-
height: 10px;
|
|
119
|
-
top: 0px;
|
|
120
|
-
bottom: 0px;
|
|
121
|
-
margin-top: auto;
|
|
122
|
-
margin-bottom: auto;
|
|
123
|
-
line-height: 0;
|
|
124
|
-
right: 10px;
|
|
125
|
-
opacity: 1;
|
|
126
|
-
transition: opacity 0.25s ease;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
.react-toggle--checked .react-toggle-track-x {
|
|
130
|
-
opacity: 0;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.react-toggle-thumb {
|
|
134
|
-
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
|
|
135
|
-
position: absolute;
|
|
136
|
-
top: 1px;
|
|
137
|
-
left: 1px;
|
|
138
|
-
width: 22px;
|
|
139
|
-
height: 22px;
|
|
140
|
-
border: 1px solid #4d4d4d;
|
|
141
|
-
border-radius: 50%;
|
|
142
|
-
background-color: #fafafa;
|
|
143
|
-
box-sizing: border-box;
|
|
144
|
-
transition: all 0.25s ease;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.react-toggle--checked .react-toggle-thumb {
|
|
148
|
-
left: 27px;
|
|
149
|
-
border-color: var(--primary-color, #3b82f6);
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.react-toggle--focus .react-toggle-thumb {
|
|
153
|
-
box-shadow: 0px 0px 3px 2px var(--primary-color, #3b82f6);
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
|
|
157
|
-
box-shadow: 0px 0px 5px 5px var(--primary-color, #3b82f6);
|
|
158
|
-
}
|
|
159
|
-
}
|
|
47
|
+
/* Toggle button styles are now in global.css */
|
|
160
48
|
|
|
161
49
|
.vs-datagrid--row:hover {
|
|
162
50
|
.InovuaReactDataGrid__row-cell-wrap {
|
|
@@ -383,23 +383,8 @@ input[type]:not([type='search']):not([type='url']):not([type='hidden']):not(
|
|
|
383
383
|
z-index: -1 !important;
|
|
384
384
|
}
|
|
385
385
|
|
|
386
|
-
/* React Toggle Styling */
|
|
386
|
+
/* React Toggle Custom Styling - Overrides for react-toggle/style.css */
|
|
387
387
|
.react-toggle {
|
|
388
|
-
touch-action: pan-x;
|
|
389
|
-
display: inline-block;
|
|
390
|
-
position: relative;
|
|
391
|
-
cursor: pointer;
|
|
392
|
-
background-color: transparent;
|
|
393
|
-
border: 0;
|
|
394
|
-
padding: 0;
|
|
395
|
-
-webkit-touch-callout: none;
|
|
396
|
-
-webkit-user-select: none;
|
|
397
|
-
-khtml-user-select: none;
|
|
398
|
-
-moz-user-select: none;
|
|
399
|
-
-ms-user-select: none;
|
|
400
|
-
user-select: none;
|
|
401
|
-
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
402
|
-
-webkit-tap-highlight-color: transparent;
|
|
403
388
|
z-index: 2; /* Ensure toggle is above checkbox */
|
|
404
389
|
}
|
|
405
390
|
|
|
@@ -424,98 +409,6 @@ form div:has(.react-toggle) input[type='checkbox'] {
|
|
|
424
409
|
height: 0 !important;
|
|
425
410
|
}
|
|
426
411
|
|
|
427
|
-
.react-toggle-screenreader-only {
|
|
428
|
-
border: 0;
|
|
429
|
-
clip: rect(0 0 0 0);
|
|
430
|
-
height: 1px;
|
|
431
|
-
margin: -1px;
|
|
432
|
-
overflow: hidden;
|
|
433
|
-
padding: 0;
|
|
434
|
-
position: absolute;
|
|
435
|
-
width: 1px;
|
|
436
|
-
}
|
|
437
|
-
|
|
438
|
-
.react-toggle-track {
|
|
439
|
-
width: 50px;
|
|
440
|
-
height: 24px;
|
|
441
|
-
padding: 0;
|
|
442
|
-
border-radius: 30px;
|
|
443
|
-
background-color: #4d4d4d;
|
|
444
|
-
transition: all 0.2s ease;
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
|
|
448
|
-
background-color: #000000;
|
|
449
|
-
}
|
|
450
|
-
|
|
451
|
-
.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
|
|
452
|
-
opacity: 0.8;
|
|
453
|
-
}
|
|
454
|
-
|
|
455
|
-
.react-toggle-track-check {
|
|
456
|
-
position: absolute;
|
|
457
|
-
width: 14px;
|
|
458
|
-
height: 10px;
|
|
459
|
-
top: 0px;
|
|
460
|
-
bottom: 0px;
|
|
461
|
-
margin-top: auto;
|
|
462
|
-
margin-bottom: auto;
|
|
463
|
-
line-height: 0;
|
|
464
|
-
left: 8px;
|
|
465
|
-
opacity: 0;
|
|
466
|
-
transition: opacity 0.25s ease;
|
|
467
|
-
}
|
|
468
|
-
|
|
469
|
-
.react-toggle--checked .react-toggle-track-check {
|
|
470
|
-
opacity: 1;
|
|
471
|
-
transition: opacity 0.25s ease;
|
|
472
|
-
}
|
|
473
|
-
|
|
474
|
-
.react-toggle-track-x {
|
|
475
|
-
position: absolute;
|
|
476
|
-
width: 10px;
|
|
477
|
-
height: 10px;
|
|
478
|
-
top: 0px;
|
|
479
|
-
bottom: 0px;
|
|
480
|
-
margin-top: auto;
|
|
481
|
-
margin-bottom: auto;
|
|
482
|
-
line-height: 0;
|
|
483
|
-
right: 10px;
|
|
484
|
-
opacity: 1;
|
|
485
|
-
transition: opacity 0.25s ease;
|
|
486
|
-
}
|
|
487
|
-
|
|
488
|
-
.react-toggle--checked .react-toggle-track-x {
|
|
489
|
-
opacity: 0;
|
|
490
|
-
}
|
|
491
|
-
|
|
492
|
-
.react-toggle-thumb {
|
|
493
|
-
transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
|
|
494
|
-
position: absolute;
|
|
495
|
-
top: 1px;
|
|
496
|
-
left: 1px;
|
|
497
|
-
width: 22px;
|
|
498
|
-
height: 22px;
|
|
499
|
-
border: 1px solid #4d4d4d;
|
|
500
|
-
border-radius: 50%;
|
|
501
|
-
background-color: #fafafa;
|
|
502
|
-
box-sizing: border-box;
|
|
503
|
-
transition: all 0.25s ease;
|
|
504
|
-
}
|
|
505
|
-
|
|
506
|
-
.react-toggle--checked .react-toggle-thumb {
|
|
507
|
-
left: 27px;
|
|
508
|
-
border-color: var(--primary-color, #3b82f6);
|
|
509
|
-
}
|
|
510
|
-
|
|
511
|
-
.react-toggle--focus .react-toggle-thumb {
|
|
512
|
-
box-shadow: 0px 0px 3px 2px var(--primary-color, #3b82f6);
|
|
513
|
-
}
|
|
514
|
-
|
|
515
|
-
.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
|
|
516
|
-
box-shadow: 0px 0px 5px 5px var(--primary-color, #3b82f6);
|
|
517
|
-
}
|
|
518
|
-
|
|
519
412
|
/* Safari-specific fixes for form elements */
|
|
520
413
|
@supports (-webkit-touch-callout: none) {
|
|
521
414
|
/* Safari-specific styles */
|