@visns-studio/visns-components 1.3.16 → 1.4.2

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 */
@@ -1201,14 +1198,25 @@ const DataGrid = ({
 			<ReactDataGrid
 				columns={gridColumns}
 				dataSource={data}
+				filterValue={filterValue}
 				defaultLimit={limit}
 				defaultSortInfo={sortInfo}
 				enableColumnAutosize={false}
-				idProperty="uniqueId"
-				style={gridStyle}
+				enableColumnFilterContextMenu={false}
+				enableSelection={false}
+				headerProps={headerProps}
+				idProperty={`visns-datagrid-${ajaxSetting.url.replace(
+					/\//g,
+					"-"
+				)}`}
+				minRowHeight={40}
+				onFilterValueChange={setFilterValue}
 				onRenderRow={onRenderRow}
 				pagination
 				renderColumnContextMenu={renderColumnContextMenu}
+				rowHeight={null}
+				showZebraRows={true}
+				style={gridStyle}
 			/>
 			<Popup
 				open={modalShow}

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/package.json

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