@visns-studio/visns-components 5.9.4 → 5.9.6
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 +5 -5
- package/src/components/crm/DataGrid.jsx +21 -8
- package/src/components/crm/Form.jsx +386 -350
- package/src/components/crm/generic/GenericIndex.jsx +167 -12
- package/src/components/crm/generic/styles/GenericIndex.module.scss +9 -1
- package/src/components/crm/styles/Notification.module.scss +0 -1
- package/src/components/crm/styles/global-datagrid.css +1 -1
- package/src/components/test/TooltipTest.jsx +104 -0
package/package.json
CHANGED
|
@@ -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.6.
|
|
25
|
+
"fabric": "^6.6.7",
|
|
26
26
|
"file-saver": "^2.0.5",
|
|
27
27
|
"framer-motion": "^12.15.0",
|
|
28
28
|
"html-react-parser": "^5.2.5",
|
|
@@ -67,8 +67,8 @@
|
|
|
67
67
|
"yet-another-react-lightbox": "^3.23.2"
|
|
68
68
|
},
|
|
69
69
|
"devDependencies": {
|
|
70
|
-
"@babel/core": "^7.27.
|
|
71
|
-
"@babel/plugin-transform-runtime": "^7.27.
|
|
70
|
+
"@babel/core": "^7.27.4",
|
|
71
|
+
"@babel/plugin-transform-runtime": "^7.27.4",
|
|
72
72
|
"@babel/preset-env": "^7.27.2",
|
|
73
73
|
"@babel/preset-react": "^7.27.1",
|
|
74
74
|
"babel-loader": "^10.0.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"mini-css-extract-plugin": "^2.9.2",
|
|
79
79
|
"react": "^18.3.1",
|
|
80
80
|
"react-dom": "^18.3.1",
|
|
81
|
-
"sass": "^1.89.
|
|
81
|
+
"sass": "^1.89.1",
|
|
82
82
|
"sass-loader": "^16.0.5"
|
|
83
83
|
},
|
|
84
84
|
"peerDependencies": {
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"react-dom": "^17.0.0 || ^18.0.0"
|
|
87
87
|
},
|
|
88
88
|
"name": "@visns-studio/visns-components",
|
|
89
|
-
"version": "5.9.
|
|
89
|
+
"version": "5.9.6",
|
|
90
90
|
"description": "Various packages to assist in the development of our Custom Applications.",
|
|
91
91
|
"main": "src/index.js",
|
|
92
92
|
"files": [
|
|
@@ -334,7 +334,7 @@ const CellWithTooltip = ({
|
|
|
334
334
|
}}
|
|
335
335
|
{...(shouldShowTooltip && {
|
|
336
336
|
'data-tooltip-id': tooltipId,
|
|
337
|
-
'data-tooltip-
|
|
337
|
+
'data-tooltip-html': tooltipContent,
|
|
338
338
|
})}
|
|
339
339
|
>
|
|
340
340
|
{children}
|
|
@@ -347,9 +347,9 @@ const CellWithTooltip = ({
|
|
|
347
347
|
borderRadius: '6px',
|
|
348
348
|
padding: '8px 12px',
|
|
349
349
|
fontSize: '13px',
|
|
350
|
-
maxWidth: '
|
|
350
|
+
maxWidth: '500px',
|
|
351
351
|
wordWrap: 'break-word',
|
|
352
|
-
zIndex:
|
|
352
|
+
zIndex: 1000,
|
|
353
353
|
}}
|
|
354
354
|
place="top"
|
|
355
355
|
offset={5}
|
|
@@ -683,16 +683,29 @@ const DataGrid = forwardRef(
|
|
|
683
683
|
});
|
|
684
684
|
|
|
685
685
|
// Initialize all groups as collapsed when data is first loaded
|
|
686
|
-
if (
|
|
687
|
-
|
|
686
|
+
if (
|
|
687
|
+
!groupsInitializedRef.current &&
|
|
688
|
+
res.data.length > 0
|
|
689
|
+
) {
|
|
690
|
+
const uniqueGroups = [
|
|
691
|
+
...new Set(
|
|
692
|
+
res.data.map((row) => row[groupField])
|
|
693
|
+
),
|
|
694
|
+
];
|
|
688
695
|
const initialCollapsedState = {};
|
|
689
|
-
uniqueGroups.forEach(groupValue => {
|
|
690
|
-
if (
|
|
696
|
+
uniqueGroups.forEach((groupValue) => {
|
|
697
|
+
if (
|
|
698
|
+
groupValue !== undefined &&
|
|
699
|
+
groupValue !== null
|
|
700
|
+
) {
|
|
691
701
|
initialCollapsedState[groupValue] = true;
|
|
692
702
|
}
|
|
693
703
|
});
|
|
694
704
|
|
|
695
|
-
console.log(
|
|
705
|
+
console.log(
|
|
706
|
+
'Initializing all groups as collapsed:',
|
|
707
|
+
initialCollapsedState
|
|
708
|
+
);
|
|
696
709
|
setCollapsedGroups(initialCollapsedState);
|
|
697
710
|
groupsInitializedRef.current = true;
|
|
698
711
|
}
|