@visns-studio/visns-components 1.4.1 → 1.4.3

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

@@ -292,9 +292,6 @@ const DataGrid = ({
 				onClick(event);
 			}
 		};
-
-		// add a CSS class to rowProps
-		rowProps.className = "vs-datagrid--row";
 	}, []);
 
 	/** Table Hooks */
@@ -413,6 +410,28 @@ const DataGrid = ({
 			};
 
 			switch (column.type) {
+				case "address":
+					return {
+						...commonProps,
+						name: `${column.type}.${column.id}`,
+						render: ({ data }) => {
+							if (data.address1) {
+								value += `${data.address1} `;
+							}
+
+							if (data.address2) {
+								value += `${data.address2} `;
+							}
+
+							if (data.suburb) {
+								value += `${data.suburb} `;
+							}
+
+							if (data.postcode) {
+								value += `${data.postcode} `;
+							}
+						},
+					};
 				case "age":
 					return {
 						...commonProps,
@@ -430,7 +449,14 @@ const DataGrid = ({
 								date = moment(value);
 
 								return (
-									<span>{moment().diff(date, "years")}</span>
+									<span>
+										{moment().diff(
+											date,
+											column.duration
+												? column.duration
+												: "years"
+										)}
+									</span>
 								);
 							} else {
 								return null;

package/components/cms/visns-form.jsx

@@ -25,23 +25,32 @@ function Form(props) {
 
 	const handleChange = (e) => {
 		if (e) {
+			const { name, value } = e.target;
+
 			switch (e.target.name) {
 				case "title":
 					setData((prevState) => ({
 						...prevState,
-						[e.target.name]: e.target.value,
+						[name]: value,
 					}));
 
 					setData((prevState) => ({
 						...prevState,
-						slug: slugify(e.target.value),
+						slug: slugify(value),
 					}));
 					break;
 				default:
-					setData((prevState) => ({
-						...prevState,
-						[e.target.name]: e.target.value,
-					}));
+					if (name) {
+						setData((prevState) => ({
+							...prevState,
+							[name]: value,
+						}));
+					} else {
+						setData((prevState) => ({
+							...prevState,
+							[e.target.dataset.name]: value,
+						}));
+					}
 					break;
 			}
 		}

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

@@ -586,6 +586,28 @@ const DataGrid = forwardRef(
 				};
 
 				switch (column.type) {
+					case "address":
+						return {
+							...commonProps,
+							name: `${column.type}.${column.id}`,
+							render: ({ data }) => {
+								if (data.address1) {
+									value += `${data.address1} `;
+								}
+
+								if (data.address2) {
+									value += `${data.address2} `;
+								}
+
+								if (data.suburb) {
+									value += `${data.suburb} `;
+								}
+
+								if (data.postcode) {
+									value += `${data.postcode} `;
+								}
+							},
+						};
 					case "age":
 						return {
 							...commonProps,
@@ -604,7 +626,12 @@ const DataGrid = forwardRef(
 
 									return (
 										<span>
-											{moment().diff(date, "years")}
+											{moment().diff(
+												date,
+												column.duration
+													? column.duration
+													: "years"
+											)}
 										</span>
 									);
 								} else {

package/package.json

@@ -34,7 +34,7 @@
 		"react-dom": "^17.0.1"
 	},
 	"name": "@visns-studio/visns-components",
-	"version": "1.4.1",
+	"version": "1.4.3",
 	"description": "Various packages to assist in the development of our Custom Applications.",
 	"main": "index.js",
 	"devDependencies": {},