@azrico/reactgrid 1.2.22 → 1.2.23

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.2.23](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.22...v1.2.23) (2023-04-03)
+
+
+### Bug Fixes
+
+* styling ([9018f75](https://github.com/Azrideus/azrico-reactgrid/commit/9018f7593e253720f751f52855a2d956dfc578ed))
+
 ### [1.2.22](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.21...v1.2.22) (2023-04-03)
 
 ### [1.2.21](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.20...v1.2.21) (2023-04-03)

package/dist/src/themes/base_styles.css

@@ -25,6 +25,6 @@
 	margin: 0;
 }
 .azgrid-delayedresize {
-	transition-property: 'width,height';
+	transition-property: width, height;
 	transition-delay: 200ms;
 }

package/dist/src/views/DataGrid.js

@@ -118,7 +118,7 @@ function DataGridEventsWrapper(props) {
   const [menuRow, set_menuRow] = _react.default.useState(null);
   /* --------------------------------- events --------------------------------- */
   const onRowContextMenu = _react.default.useCallback((rowProps, event) => {
-    if (_func_child.func_selection.has_selection()) return;
+    if (!rowProps || !rowProps.data || _func_child.func_selection.has_selection()) return;
     update_menuRow(rowProps.data);
     update_menuAnchorEl(_func_child.func_selection.getVirtualElement(event.clientX, event.clientY));
     event.preventDefault();
@@ -221,17 +221,17 @@ function DataGridDetailsWrapper(props) {
 }
 function DataGridSizeWrapper(props) {
   if (props.delayedSize) {
-    return _react.default.createElement(DataGridDelayedSize, {
+    return _react.default.createElement(DataGridDelayedSizeWrapper, {
       ...props
     });
   } else {
-    return _react.default.createElement(DataGridFlexSize, {
+    return _react.default.createElement(DataGridCore, {
       ...props
     });
   }
 }
 /* -------------------------------------------------------------------------- */
-function DataGridDelayedSize(props) {
+function DataGridDelayedSizeWrapper(props) {
   const {
     ref,
     height,
@@ -240,20 +240,16 @@ function DataGridDelayedSize(props) {
   return _react.default.createElement("div", {
     ref: ref,
     className: (0, _clsx.default)(props.className, 'azgrid-nooverflow', 'azgrid-filler')
-  }, _react.default.createElement(_reactdatagridEnterprise.default, {
-    ...props.static_gridOptions,
-    ...props.dynamic_gridOptions,
-    handle: ref => props.gridRef.current = ref ? ref.current : null,
-    className: 'azgrid-delayedresize',
+  }, _react.default.createElement("div", {
     style: {
       height: height,
       width: width
-    },
-    columns: props.columns,
-    dataSource: props.dataSource
-  }), props.children);
+    }
+  }, _react.default.createElement(DataGridCore, {
+    ...props
+  })));
 }
-function DataGridFlexSize(props) {
+function DataGridCore(props) {
   return _react.default.createElement("div", {
     className: (0, _clsx.default)(props.className, 'azgrid-nooverflow', 'azgrid-filler')
   }, _react.default.createElement(_reactdatagridEnterprise.default, {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@azrico/reactgrid",
-	"version": "1.2.22",
+	"version": "1.2.23",
 	"main": "dist/index.js",
 	"description": "React Datagrid",
 	"author": "Azrideus <MehrdadTavangar@gmail.com>",
@@ -33,19 +33,19 @@
 		"@azrico/object": "^1.3.1",
 		"@emotion/react": "^11.9.3",
 		"@emotion/styled": "^11.9.3",
-		"@inovua/reactdatagrid-enterprise": "^5.8.1",
+		"@inovua/reactdatagrid-enterprise": "^5.8.5",
 		"clsx": "^1.2.1",
 		"react": "^18.2.0",
 		"react-use-size": "^3.0.1"
 	},
 	"peerDependencies": {
-		"@azrico/controls": "*",
-		"@emotion/react": "*",
-		"@emotion/styled": "*",
-		"@inovua/reactdatagrid-enterprise": "*",
-		"clsx": "*",
-		"react": "*",
-		"react-use-size": "*"
+		"@azrico/controls": ">=1.4.26",
+		"@emotion/react": ">=11.9.3",
+		"@emotion/styled": ">=11.9.3",
+		"@inovua/reactdatagrid-enterprise": ">=5.8.5",
+		"clsx": ">=1.2.1",
+		"react": ">=18.2.0",
+		"react-use-size": ">=3.0.1"
 	},
 	"browserslist": {
 		"production": [

package/src/themes/base_styles.css

@@ -25,6 +25,6 @@
 	margin: 0;
 }
 .azgrid-delayedresize {
-	transition-property: 'width,height';
+	transition-property: width, height;
 	transition-delay: 200ms;
 }

package/src/views/DataGrid.tsx

@@ -264,7 +264,7 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 	/* --------------------------------- events --------------------------------- */
 
 	const onRowContextMenu = React.useCallback((rowProps, event) => {
-		if (func_selection.has_selection()) return;
+		if (!rowProps || !rowProps.data || func_selection.has_selection()) return;
 		update_menuRow(rowProps.data);
 		update_menuAnchorEl(func_selection.getVirtualElement(event.clientX, event.clientY));
 		event.preventDefault();
@@ -393,37 +393,27 @@ function DataGridDetailsWrapper(props: DataGridWrapperProps) {
 
 function DataGridSizeWrapper(props: DataGridWrapperProps) {
 	if (props.delayedSize) {
-		return <DataGridDelayedSize {...props} />;
+		return <DataGridDelayedSizeWrapper {...props} />;
 	} else {
-		return <DataGridFlexSize {...props} />;
+		return <DataGridCore {...props} />;
 	}
 }
 
 /* -------------------------------------------------------------------------- */
-function DataGridDelayedSize(props: DataGridWrapperProps) {
+function DataGridDelayedSizeWrapper(props: DataGridWrapperProps) {
 	const { ref, height, width } = useComponentSize();
 	return (
 		<div
 			ref={ref}
 			className={clsx(props.className, 'azgrid-nooverflow', 'azgrid-filler')}
 		>
-			<ReactDataGrid
-				{...props.static_gridOptions}
-				{...props.dynamic_gridOptions}
-				handle={(ref) => (props.gridRef.current = ref ? ref.current : null)}
-				className={'azgrid-delayedresize'}
-				style={{
-					height: height,
-					width: width,
-				}}
-				columns={props.columns}
-				dataSource={props.dataSource}
-			/>
-			{props.children}
+			<div style={{ height: height, width: width }}>
+				<DataGridCore {...props} />
+			</div>
 		</div>
 	);
 }
-function DataGridFlexSize(props: DataGridWrapperProps) {
+function DataGridCore(props: DataGridWrapperProps) {
 	return (
 		<div className={clsx(props.className, 'azgrid-nooverflow', 'azgrid-filler')}>
 			<ReactDataGrid