@azrico/reactgrid 1.2.35 → 1.2.37

package/dist/src/views/index.js

@@ -1,3 +1,23 @@
-export * from './DataGrid';
-import AzGrid from './DataGrid';
-export default AzGrid;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _DataGrid = _interopRequireWildcard(require("./DataGrid"));
+Object.keys(_DataGrid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DataGrid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DataGrid[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _default = _DataGrid.default;
+exports.default = _default;

package/package.json

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

package/src/views/DataGrid.tsx

@@ -259,18 +259,9 @@ 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 --------------------------------- */
 
-	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_menuRow(rowProps.data);
-		update_menuAnchorEl(anEl);
-		event.preventDefault();
-	}, []);
 	const onRowClick = React.useCallback(
 		(rowProps, event) => {
 			const nowDate = Date.now();
@@ -297,16 +288,26 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 	}, [props.dataSource]);
 
 	/* ------------------------------- ContextMenu ------------------------------ */
-
-	const update_menuAnchorEl = React.useCallback((el) => {
-		if (el) {
-			set_menuAnchorEl(el);
-		} else set_menuAnchorEl(null);
+	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);
 	}, []);
-	const update_menuRow = React.useCallback((r) => {
-		if (r) {
-			set_menuRow(r);
-		} else set_menuRow(null);
+	const renderRowContextMenu = React.useCallback(
+		(menuProps, rowProps) => {
+			return (
+				<ContextMenu
+					menuAnchorEl={menuAnchorEl}
+					set_menuAnchorEl={update_menuAnchorEl}
+					menuRow={rowProps.data}
+					menu_items={props.contextMenuItems as any}
+				/>
+			);
+		},
+		[props.contextMenuItems]
+	);
+	const update_menuAnchorEl = React.useCallback((el) => {
+		set_menuAnchorEl(el || null);
 	}, []);
 
 	/**
@@ -317,31 +318,27 @@ function DataGridEventsWrapper(props: DataGridWrapperProps) {
 			onRowClick: onRowClick,
 			onRowContextMenu: onRowContextMenu,
 		};
-		return { ...props.static_gridOptions, ...events };
+		const contextmenuProps: AzGridOptions = {
+			renderRowContextMenu: renderRowContextMenu,
+		};
+		return { ...props.static_gridOptions, ...events, ...contextmenuProps };
 	}, [props.static_gridOptions, onRowClick]);
 
-	const contextMenu = React.useMemo(() => {
-		return (
-			<ContextMenu
-				menuAnchorEl={menuAnchorEl}
-				set_menuAnchorEl={update_menuAnchorEl}
-				menuRow={menuRow}
-				menu_items={props.contextMenuItems as any}
-			/>
-		);
-	}, [menuAnchorEl, menuRow, props.contextMenuItems]);
+	/* -------------------------------------------------------------------------- */
 
 	if (props.details_dataSource) {
 		return (
-			<DataGridDetailsWrapper {...props} static_gridOptions={static_gridOptions}>
-				{contextMenu}
-			</DataGridDetailsWrapper>
+			<DataGridDetailsWrapper
+				{...props}
+				static_gridOptions={static_gridOptions}
+			></DataGridDetailsWrapper>
 		);
 	} else {
 		return (
-			<DataGridSizeWrapper {...props} static_gridOptions={static_gridOptions}>
-				{contextMenu}
-			</DataGridSizeWrapper>
+			<DataGridSizeWrapper
+				{...props}
+				static_gridOptions={static_gridOptions}
+			></DataGridSizeWrapper>
 		);
 	}
 }