@visns-studio/visns-components 5.9.144 → 5.10.1
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,7 +4,7 @@
|
|
|
4
4
|
"@dnd-kit/sortable": "^10.0.0",
|
|
5
5
|
"@dnd-kit/utilities": "^3.2.2",
|
|
6
6
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
7
|
-
"@fontsource/barlow": "^5.2.
|
|
7
|
+
"@fontsource/barlow": "^5.2.6",
|
|
8
8
|
"@inovua/reactdatagrid-community": "^5.10.2",
|
|
9
9
|
"@inovua/reactdatagrid-enterprise": "^5.10.2",
|
|
10
10
|
"@nivo/bar": "^0.99.0",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"awesome-debounce-promise": "^2.1.0",
|
|
23
23
|
"browser-image-compression": "^2.0.2",
|
|
24
24
|
"dayjs": "^1.11.13",
|
|
25
|
-
"fabric": "^6.
|
|
25
|
+
"fabric": "^6.7.0",
|
|
26
26
|
"file-saver": "^2.0.5",
|
|
27
27
|
"framer-motion": "^12.16.0",
|
|
28
28
|
"html-react-parser": "^5.2.5",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
88
88
|
},
|
|
89
89
|
"name": "@visns-studio/visns-components",
|
|
90
|
-
"version": "5.
|
|
90
|
+
"version": "5.10.1",
|
|
91
91
|
"description": "Various packages to assist in the development of our Custom Applications.",
|
|
92
92
|
"main": "src/index.js",
|
|
93
93
|
"files": [
|
|
@@ -1836,15 +1836,7 @@ const DataGrid = forwardRef(
|
|
|
1836
1836
|
return (
|
|
1837
1837
|
<div className={buttonClassName}>
|
|
1838
1838
|
{form.export && form.export.url && (
|
|
1839
|
-
<button
|
|
1840
|
-
className={styles.btn}
|
|
1841
|
-
style={{
|
|
1842
|
-
borderRadius: isSearchEnabled
|
|
1843
|
-
? 0
|
|
1844
|
-
: 'var(--br, 4px)',
|
|
1845
|
-
}}
|
|
1846
|
-
onClick={exportTrigger}
|
|
1847
|
-
>
|
|
1839
|
+
<button className={styles.btn} onClick={exportTrigger}>
|
|
1848
1840
|
<LinkOut
|
|
1849
1841
|
strokeWidth={2}
|
|
1850
1842
|
size={16}
|
|
@@ -1854,15 +1846,7 @@ const DataGrid = forwardRef(
|
|
|
1854
1846
|
</button>
|
|
1855
1847
|
)}
|
|
1856
1848
|
{form.sort && form.sort.title && (
|
|
1857
|
-
<button
|
|
1858
|
-
className={styles.btn}
|
|
1859
|
-
style={{
|
|
1860
|
-
borderRadius: isSearchEnabled
|
|
1861
|
-
? 0
|
|
1862
|
-
: 'var(--br, 4px)',
|
|
1863
|
-
}}
|
|
1864
|
-
onClick={sortTrigger}
|
|
1865
|
-
>
|
|
1849
|
+
<button className={styles.btn} onClick={sortTrigger}>
|
|
1866
1850
|
<Sort
|
|
1867
1851
|
strokeWidth={2}
|
|
1868
1852
|
size={16}
|
|
@@ -1878,11 +1862,6 @@ const DataGrid = forwardRef(
|
|
|
1878
1862
|
(form.url && form.create?.title !== '') ? (
|
|
1879
1863
|
<button
|
|
1880
1864
|
className={styles.btn}
|
|
1881
|
-
style={{
|
|
1882
|
-
borderRadius: isSearchEnabled
|
|
1883
|
-
? 0
|
|
1884
|
-
: 'var(--br, 4px)',
|
|
1885
|
-
}}
|
|
1886
1865
|
onClick={(e) => {
|
|
1887
1866
|
e.preventDefault();
|
|
1888
1867
|
|
|
@@ -1928,11 +1907,6 @@ const DataGrid = forwardRef(
|
|
|
1928
1907
|
) : form.url && form.modal === false ? (
|
|
1929
1908
|
<button
|
|
1930
1909
|
className={styles.btn}
|
|
1931
|
-
style={{
|
|
1932
|
-
borderRadius: isSearchEnabled
|
|
1933
|
-
? 0
|
|
1934
|
-
: 'var(--br, 4px)',
|
|
1935
|
-
}}
|
|
1936
1910
|
onClick={(e) => {
|
|
1937
1911
|
e.preventDefault();
|
|
1938
1912
|
|
|
@@ -2354,7 +2328,7 @@ const DataGrid = forwardRef(
|
|
|
2354
2328
|
return data[path];
|
|
2355
2329
|
}
|
|
2356
2330
|
};
|
|
2357
|
-
|
|
2331
|
+
|
|
2358
2332
|
// Helper function to get nested values for additional conditions (returns first valid value)
|
|
2359
2333
|
const getNestedValueForAdditional = (data, path) => {
|
|
2360
2334
|
if (Array.isArray(path)) {
|
|
@@ -2409,7 +2383,11 @@ const DataGrid = forwardRef(
|
|
|
2409
2383
|
};
|
|
2410
2384
|
|
|
2411
2385
|
// Get the active value using nested path or simple property access
|
|
2412
|
-
const activeValue = getNestedValueForMain(
|
|
2386
|
+
const activeValue = getNestedValueForMain(
|
|
2387
|
+
d,
|
|
2388
|
+
s.active.id,
|
|
2389
|
+
s.active.value
|
|
2390
|
+
);
|
|
2413
2391
|
const hasActiveProperty = activeValue !== undefined;
|
|
2414
2392
|
|
|
2415
2393
|
// Check additional conditions if they exist
|
|
@@ -2423,9 +2401,14 @@ const DataGrid = forwardRef(
|
|
|
2423
2401
|
|
|
2424
2402
|
// All additional conditions must be met
|
|
2425
2403
|
return s.active.additional.every((condition) => {
|
|
2426
|
-
const conditionValue = getNestedValueForAdditional(
|
|
2404
|
+
const conditionValue = getNestedValueForAdditional(
|
|
2405
|
+
d,
|
|
2406
|
+
condition.id
|
|
2407
|
+
);
|
|
2427
2408
|
// Type-flexible comparison - convert both to strings for comparison
|
|
2428
|
-
return
|
|
2409
|
+
return (
|
|
2410
|
+
String(conditionValue) === String(condition.value)
|
|
2411
|
+
);
|
|
2429
2412
|
});
|
|
2430
2413
|
};
|
|
2431
2414
|
|
|
@@ -4781,15 +4764,7 @@ const DataGrid = forwardRef(
|
|
|
4781
4764
|
}, [autoRefreshEnabled, refreshInterval, ajaxSetting]);
|
|
4782
4765
|
|
|
4783
4766
|
return (
|
|
4784
|
-
|
|
4785
|
-
style={{
|
|
4786
|
-
display: 'flex',
|
|
4787
|
-
flexDirection: 'column',
|
|
4788
|
-
border: 'none',
|
|
4789
|
-
borderRadius: '0',
|
|
4790
|
-
overflow: 'hidden',
|
|
4791
|
-
}}
|
|
4792
|
-
>
|
|
4767
|
+
<>
|
|
4793
4768
|
{/* Top container with search, action buttons, and auto-refresh */}
|
|
4794
4769
|
{/* Only show top container if there are controls to display */}
|
|
4795
4770
|
{(renderSearch() ||
|
|
@@ -5242,7 +5217,6 @@ const DataGrid = forwardRef(
|
|
|
5242
5217
|
style={{
|
|
5243
5218
|
...gridStyle,
|
|
5244
5219
|
border: '1px solid #d1d5db',
|
|
5245
|
-
borderRadius: 'var(--br, 4px)',
|
|
5246
5220
|
overflow: 'hidden',
|
|
5247
5221
|
}}
|
|
5248
5222
|
className={
|
|
@@ -5345,11 +5319,11 @@ const DataGrid = forwardRef(
|
|
|
5345
5319
|
</div>
|
|
5346
5320
|
|
|
5347
5321
|
{/* Relocated auto refresh control when it's the only control */}
|
|
5348
|
-
{shouldRelocateAutoRefresh() && (
|
|
5322
|
+
{/* {shouldRelocateAutoRefresh() && (
|
|
5349
5323
|
<div className={styles.dataGridBottomContainer}>
|
|
5350
5324
|
{renderAutoRefreshControls(true)}
|
|
5351
5325
|
</div>
|
|
5352
|
-
)}
|
|
5326
|
+
)} */}
|
|
5353
5327
|
|
|
5354
5328
|
{audioSource && <audio src={audioSource} ref={audioRef} />}
|
|
5355
5329
|
<Popup
|
|
@@ -5624,7 +5598,7 @@ const DataGrid = forwardRef(
|
|
|
5624
5598
|
index={lightboxIndex}
|
|
5625
5599
|
slides={galleryData.map((img) => ({ src: img.src }))}
|
|
5626
5600
|
/>
|
|
5627
|
-
|
|
5601
|
+
</>
|
|
5628
5602
|
);
|
|
5629
5603
|
}
|
|
5630
5604
|
);
|
|
@@ -10,7 +10,6 @@
|
|
|
10
10
|
overflow: hidden;
|
|
11
11
|
background: var(--primary-color);
|
|
12
12
|
border: 1px solid rgba(var(--primary-rgb), 1.1);
|
|
13
|
-
border-radius: var(--br);
|
|
14
13
|
outline: none;
|
|
15
14
|
transition: all 0.2s cubic-bezier(0.85, 0, 0.15, 1) 0s;
|
|
16
15
|
|
|
@@ -57,7 +56,6 @@
|
|
|
57
56
|
|
|
58
57
|
.InovuaReactDataGrid {
|
|
59
58
|
color: var(--paragraph-color) !important;
|
|
60
|
-
border-radius: var(--br, 4px) !important;
|
|
61
59
|
overflow: hidden !important;
|
|
62
60
|
}
|
|
63
61
|
|
|
@@ -495,10 +493,6 @@
|
|
|
495
493
|
/* DataGrid top container and search container styles */
|
|
496
494
|
.dataGridTopContainer {
|
|
497
495
|
display: flex;
|
|
498
|
-
justify-content: space-between;
|
|
499
|
-
align-items: center;
|
|
500
|
-
margin-bottom: 8px;
|
|
501
|
-
padding: 0 5px;
|
|
502
496
|
}
|
|
503
497
|
|
|
504
498
|
.dataGridTopLeftContainer {
|
|
@@ -509,7 +503,6 @@
|
|
|
509
503
|
display: flex;
|
|
510
504
|
align-items: center;
|
|
511
505
|
justify-content: flex-end;
|
|
512
|
-
padding-right: 10px;
|
|
513
506
|
}
|
|
514
507
|
|
|
515
508
|
/* Date field styling for uniform width */
|
|
@@ -543,8 +536,9 @@
|
|
|
543
536
|
align-items: center;
|
|
544
537
|
justify-content: space-between;
|
|
545
538
|
width: 100%;
|
|
546
|
-
border: 1px solid #d1d5db;
|
|
547
|
-
border-
|
|
539
|
+
border-top: 1px solid #d1d5db;
|
|
540
|
+
border-left: 1px solid #d1d5db;
|
|
541
|
+
border-right: 1px solid #d1d5db;
|
|
548
542
|
overflow: hidden;
|
|
549
543
|
background-color: #fff;
|
|
550
544
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
|
|
@@ -598,8 +592,6 @@
|
|
|
598
592
|
height: 38px;
|
|
599
593
|
background-color: #f9fafb;
|
|
600
594
|
border: 1px solid #d1d5db;
|
|
601
|
-
border-radius: var(--br, 4px);
|
|
602
|
-
margin-left: 10px;
|
|
603
595
|
margin-bottom: 0;
|
|
604
596
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
|
|
605
597
|
}
|
|
@@ -661,11 +653,6 @@
|
|
|
661
653
|
border: none;
|
|
662
654
|
box-sizing: border-box;
|
|
663
655
|
|
|
664
|
-
&:last-child {
|
|
665
|
-
border-top-right-radius: var(--br, 4px);
|
|
666
|
-
border-bottom-right-radius: var(--br, 4px);
|
|
667
|
-
}
|
|
668
|
-
|
|
669
656
|
&:focus,
|
|
670
657
|
&:active {
|
|
671
658
|
outline: none;
|
|
@@ -684,7 +671,6 @@
|
|
|
684
671
|
|
|
685
672
|
> .btn {
|
|
686
673
|
height: 38px;
|
|
687
|
-
border-radius: var(--br, 4px);
|
|
688
674
|
display: flex;
|
|
689
675
|
align-items: center;
|
|
690
676
|
justify-content: center;
|
|
@@ -733,7 +719,6 @@
|
|
|
733
719
|
/* DataGrid container styles */
|
|
734
720
|
.dataGridContainer {
|
|
735
721
|
width: 100%;
|
|
736
|
-
border-radius: var(--br, 4px);
|
|
737
722
|
overflow: hidden;
|
|
738
723
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
|
|
739
724
|
|