@visns-studio/visns-components 1.1.19 → 1.1.20

package/components/crm/visns-data-grid.jsx

@@ -621,6 +621,52 @@ const DataGrid = (props) => {
 							}
 						},
 					};
+				case "relationArray":
+					let relationArrayName = column.id.reduce(
+						(acc, id) => acc + `${id}.`,
+						""
+					);
+					relationArrayName += column.nameFrom;
+
+					return {
+						name: relationArrayName,
+						header: column.label,
+						defaultFlex: 1,
+						minWidth:
+							column.width && column.width > 0
+								? column.width
+								: undefined,
+						link: column.link ? column.link : {},
+						render: ({ data }) => {
+							let relationValue = column.id.reduce((acc, id) => {
+								if (acc === "") {
+									return data[id];
+								} else {
+									return acc[id];
+								}
+							}, "");
+
+							if (relationValue) {
+								if (Array.isArray(relationValue)) {
+									let value = '';
+
+									relationValue.forEach((rv, rvKey) => {
+										if ( rvKey > 0 ) {
+											value += ', ';
+										}
+
+										value += rv[column.nameFrom];
+									});
+
+									return <span>{value}</span>;
+								} else {
+									return null;
+								}
+							} else {
+								return null;
+							}
+						},
+					};
 				case "stage":
 					return {
 						name: column.id,

package/package.json

@@ -33,7 +33,7 @@
 		"react-dom": ">=18.2.0"
 	},
 	"name": "@visns-studio/visns-components",
-	"version": "1.1.19",
+	"version": "1.1.20",
 	"description": "Various packages to assist in the development of our Custom Applications.",
 	"main": "index.js",
 	"devDependencies": {},