@visns-studio/visns-components 1.1.14 → 1.1.16

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

@@ -5,7 +5,7 @@ import debounce from "lodash.debounce";
 import moment from "moment";
 import numeral from "numeral";
 import Popup from "reactjs-popup";
-import ReactDataGrid from "@inovua/reactdatagrid-enterprise";
+import ReactDataGrid from "@inovua/reactdatagrid-community";
 import { confirmAlert } from "react-confirm-alert";
 import { toast } from "react-toastify";
 import {
@@ -19,8 +19,7 @@ import {
 	Search,
 } from "akar-icons";
 
-import "@inovua/reactdatagrid-enterprise/base.css";
-import "@inovua/reactdatagrid-enterprise/theme/default-light.css";
+import "@inovua/reactdatagrid-community/index.css";
 import "react-confirm-alert/src/react-confirm-alert.css";
 
 import CustomFetch from "./visns-fetch";
@@ -258,9 +257,6 @@ const DataGrid = (props) => {
 				onClick(event);
 			}
 		};
-
-		// add a CSS class to rowProps
-		rowProps.className = "vs-datagrid--row";
 	}, []);
 
 	/** Table Hooks */
@@ -740,7 +736,34 @@ const DataGrid = (props) => {
 	}, [columns]);
 
 	// Data Grid Styling
-	const gridStyle = { minHeight: gridHeight };
+	const [windowHeight, setWindowHeight] = useState(window.innerHeight);
+	const gridStyle = {
+		minHeight: windowHeight * 0.6 > 550 ? windowHeight * 0.6 : 550,
+	};
+	const headerProps = {
+		style: {
+			color: import.meta.env.VITE_VISNS_COMPONENT_HEADER_STYLE_COLOR
+				? import.meta.env.VITE_VISNS_COMPONENT_HEADER_STYLE_COLOR
+				: null,
+			background: import.meta.env
+				.VITE_VISNS_COMPONENT_HEADER_STYLE_BACKGROUND
+				? import.meta.env.VITE_VISNS_COMPONENT_HEADER_STYLE_BACKGROUND
+				: null,
+		},
+	};
+
+	useEffect(() => {
+		const handleResize = () => {
+			setWindowHeight(window.innerHeight);
+		};
+
+		window.addEventListener("resize", handleResize);
+
+		// Clean up the event listener
+		return () => {
+			window.removeEventListener("resize", handleResize);
+		};
+	}, []);
 
 	return (
 		<>
@@ -771,7 +794,11 @@ const DataGrid = (props) => {
 				defaultLimit={limit}
 				defaultSortInfo={sortInfo}
 				enableColumnAutosize={false}
-				idProperty="uniqueId"
+				headerProps={headerProps}
+				idProperty={`visns-datagrid-${ajaxSetting.url.replace(
+					/\//g,
+					"-"
+				)}`}
 				style={gridStyle}
 				onRenderRow={onRenderRow}
 				pagination

package/package.json

@@ -1,6 +1,7 @@
 {
 	"dependencies": {
 		"@inovua/reactdatagrid-community": "^5.9.4",
+		"@inovua/reactdatagrid-enterprise": "^5.9.4",
 		"akar-icons": "^1.9.28",
 		"awesome-debounce-promise": "^2.1.0",
 		"axios": "^1.4.0",
@@ -32,7 +33,7 @@
 		"react-dom": ">=18.2.0"
 	},
 	"name": "@visns-studio/visns-components",
-	"version": "1.1.14",
+	"version": "1.1.16",
 	"description": "Various packages to assist in the development of our Custom Applications.",
 	"main": "index.js",
 	"devDependencies": {},