@azrico/reactgrid 1.2.47 → 1.2.49

package/CHANGELOG.md

@@ -2,6 +2,34 @@
 
 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.49](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.10...v1.2.49) (2023-07-09)
+
+
+### Features
+
+* editable can be a function ([6ea857e](https://github.com/Azrideus/azrico-reactgrid/commit/6ea857e4f403d2a334dc5e74065f6b8033277ca4))
+
+
+### Bug Fixes
+
+* DataGridDelayedSizeWrapper actual delayed ([2ddfd2f](https://github.com/Azrideus/azrico-reactgrid/commit/2ddfd2fb58c90bd906e1330f22f0ef7468d34afb))
+* onCellSelectionChange ([95c8f54](https://github.com/Azrideus/azrico-reactgrid/commit/95c8f540e94dde0c7e245fb29fb6afc7172957ec))
+* styling ([9018f75](https://github.com/Azrideus/azrico-reactgrid/commit/9018f7593e253720f751f52855a2d956dfc578ed))
+
+### [1.2.48](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.10...v1.2.48) (2023-07-09)
+
+
+### Features
+
+* editable can be a function ([6ea857e](https://github.com/Azrideus/azrico-reactgrid/commit/6ea857e4f403d2a334dc5e74065f6b8033277ca4))
+
+
+### Bug Fixes
+
+* DataGridDelayedSizeWrapper actual delayed ([2ddfd2f](https://github.com/Azrideus/azrico-reactgrid/commit/2ddfd2fb58c90bd906e1330f22f0ef7468d34afb))
+* onCellSelectionChange ([95c8f54](https://github.com/Azrideus/azrico-reactgrid/commit/95c8f540e94dde0c7e245fb29fb6afc7172957ec))
+* styling ([9018f75](https://github.com/Azrideus/azrico-reactgrid/commit/9018f7593e253720f751f52855a2d956dfc578ed))
+
 ### [1.2.47](https://github.com/Azrideus/azrico-reactgrid/compare/v1.2.10...v1.2.47) (2023-07-09)
 
 

package/dist/src/views/DataGrid.js

@@ -115,6 +115,7 @@ function DataGridEventsWrapper(props) {
   /* -------------------------------------------------------------------------- */
   const click_data = _react.default.useRef(null);
   const [menuAnchorEl, set_menuAnchorEl] = _react.default.useState(null);
+  const [menuRow, set_menuRow] = _react.default.useState(null);
   /* --------------------------------- events --------------------------------- */
   const onRowClick = _react.default.useCallback((rowProps, event) => {
     const nowDate = Date.now();
@@ -136,9 +137,11 @@ function DataGridEventsWrapper(props) {
   const onRowContextMenu = _react.default.useCallback((rowProps, event) => {
     if (!rowProps || !rowProps.data || _func_child.func_selection.has_selection()) return;
     const anEl = _func_child.func_selection.getVirtualElement(event.clientX, event.clientY);
-    update_menuAnchorEl(anEl);
+    update_menuRow(rowProps.data, anEl);
   }, []);
-  const update_menuAnchorEl = _react.default.useCallback(el => {
+  const update_menuRow = _react.default.useCallback((r = null, el = null) => {
+    console.log('Set menuRow:', r);
+    set_menuRow(r || null);
     set_menuAnchorEl(el || null);
   }, []);
   const renderRowContextMenu = _react.default.useCallback((menuProps, {
@@ -147,15 +150,17 @@ function DataGridEventsWrapper(props) {
     menuProps.autoDismiss = true;
     function onclose() {
       menuProps.onDismiss();
-      set_menuAnchorEl(null);
+      update_menuRow();
     }
+    console.log('rowProps.data:', rowProps.data);
+    console.log('menuRow:', menuRow);
     return _react.default.createElement(_controls.ContextMenu, {
       menuAnchorEl: menuAnchorEl,
+      menuRow: menuRow,
       close: onclose,
-      menuRow: rowProps.data,
       menu_items: props.contextMenuItems
     });
-  }, [props.contextMenuItems, menuAnchorEl, update_menuAnchorEl]);
+  }, [props.contextMenuItems, menuAnchorEl, menuRow, update_menuRow]);
   /**
    * Merge click events into grid options
    */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@azrico/reactgrid",
-	"version": "1.2.47",
+	"version": "1.2.49",
 	"main": "dist/index.js",
 	"description": "React Datagrid",
 	"author": "Azrideus <MehrdadTavangar@gmail.com>",

package/src/views/DataGrid.tsx

@@ -259,6 +259,7 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 	const click_data = React.useRef<any>(null);
 
 	const [menuAnchorEl, set_menuAnchorEl] = React.useState<any>(null);
+	const [menuRow, set_menuRow] = React.useState<any>(null);
 
 	/* --------------------------------- events --------------------------------- */
 
@@ -291,10 +292,12 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 	const onRowContextMenu = React.useCallback((rowProps, event) => {
 		if (!rowProps || !rowProps.data || func_selection.has_selection()) return;
 		const anEl = func_selection.getVirtualElement(event.clientX, event.clientY);
-		update_menuAnchorEl(anEl);
+		update_menuRow(rowProps.data, anEl);
 	}, []);
 
-	const update_menuAnchorEl = React.useCallback((el) => {
+	const update_menuRow = React.useCallback((r: any = null, el: any = null) => {
+		console.log('Set menuRow:', r);
+		set_menuRow(r || null);
 		set_menuAnchorEl(el || null);
 	}, []);
 
@@ -303,18 +306,21 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 			menuProps.autoDismiss = true;
 			function onclose() {
 				menuProps.onDismiss();
-				set_menuAnchorEl(null);
+				update_menuRow();
 			}
+			console.log('rowProps.data:', rowProps.data);
+			console.log('menuRow:', menuRow);
+
 			return (
 				<ContextMenu
 					menuAnchorEl={menuAnchorEl}
+					menuRow={menuRow}
 					close={onclose}
-					menuRow={rowProps.data}
 					menu_items={props.contextMenuItems as any}
 				/>
 			);
 		},
-		[props.contextMenuItems, menuAnchorEl, update_menuAnchorEl]
+		[props.contextMenuItems, menuAnchorEl, menuRow, update_menuRow]
 	);
 	/**
 	 * Merge click events into grid options