@azrico/reactgrid 1.1.10 → 1.1.12

package/dist/src/example.js

@@ -101,7 +101,7 @@ function ExampleGrid() {
     // allowChildRows
     // onSelectionChange={onSelectionChange}
     // selected={selected}
-    // contextMenuItems={contextMenuItems}
+    contextMenuItems: contextMenuItems,
     // customColumns={customColumns}
     columns: columns,
     // leftColumns={leftColumns}

package/dist/src/views/DataGrid.js

@@ -11,14 +11,12 @@ require("@inovua/reactdatagrid-enterprise/theme/amber-dark.css");
 require("../themes/base_styles.css");
 require("../themes/grid.css");
 var _controls = require("@azrico/controls");
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../func/helpers");
 var _reactdatagridEnterprise = _interopRequireDefault(require("@inovua/reactdatagrid-enterprise"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _object = require("@azrico/object");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
 /* -------------------------------------------------------------------------- */
 // const defaultfilterTypes: FilterTypes = {
 // 	string: {
@@ -127,10 +125,10 @@ function DataGrid(props) {
     click_data.current = {};
   }, [dataSource]);
   /* --------------------------------- events --------------------------------- */
-  const onRowContextMenu = (0, _react.useCallback)((rowProps, event) => {
+  const onRowContextMenu = _react.default.useCallback((rowProps, event) => {
     if (_helpers.func_selection.has_selection()) return;
-    update_menuAnchorEl(_helpers.func_selection.getVirtualElement(event.clientX, event.clientY));
     update_menuRow(rowProps.data);
+    update_menuAnchorEl(_helpers.func_selection.getVirtualElement(event.clientX, event.clientY));
     event.preventDefault();
   }, []);
   const onRowClick = _react.default.useCallback((rowProps, event) => {
@@ -147,14 +145,14 @@ function DataGrid(props) {
   }, []);
   /* ------------------------------- ContextMenu ------------------------------ */
   const update_menuAnchorEl = _react.default.useCallback(el => {
-    if (!el) {
+    if (el) {
       set_menuAnchorEl(el);
-    } else if (menuAnchorEl) set_menuAnchorEl(null);
+    } else set_menuAnchorEl(null);
   }, []);
   const update_menuRow = _react.default.useCallback(r => {
-    if (!r) {
+    if (r) {
       set_menuRow(r);
-    } else if (menuRow) set_menuRow(null);
+    } else set_menuRow(null);
   }, []);
   /* -------------------------------------------------------------------------- */
   /*                               Create the grid                              */

package/package.json

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

package/src/example.tsx

@@ -93,7 +93,7 @@ export function ExampleGrid() {
 			// allowChildRows
 			// onSelectionChange={onSelectionChange}
 			// selected={selected}
-			// contextMenuItems={contextMenuItems}
+			contextMenuItems={contextMenuItems}
 			// customColumns={customColumns}
 			columns={columns}
 			// leftColumns={leftColumns}

package/src/views/DataGrid.tsx

@@ -228,12 +228,13 @@ function DataGrid(props: DataGridProps) {
 	React.useEffect(() => {
 		click_data.current = {};
 	}, [dataSource]);
+
 	/* --------------------------------- events --------------------------------- */
 
-	const onRowContextMenu = useCallback((rowProps, event) => {
+	const onRowContextMenu = React.useCallback((rowProps, event) => {
 		if (func_selection.has_selection()) return;
-		update_menuAnchorEl(func_selection.getVirtualElement(event.clientX, event.clientY));
 		update_menuRow(rowProps.data);
+		update_menuAnchorEl(func_selection.getVirtualElement(event.clientX, event.clientY));
 		event.preventDefault();
 	}, []);
 	const onRowClick = React.useCallback((rowProps, event) => {
@@ -250,17 +251,17 @@ function DataGrid(props: DataGridProps) {
 		click_data.current[get_row_id(rowProps)] = nowDate;
 		props.onRowClick && props.onRowClick(rowProps.rowIndex, rowProps.data);
 	}, []);
-
 	/* ------------------------------- ContextMenu ------------------------------ */
+
 	const update_menuAnchorEl = React.useCallback((el) => {
-		if (!el) {
+		if (el) {
 			set_menuAnchorEl(el);
-		} else if (menuAnchorEl) set_menuAnchorEl(null);
+		} else set_menuAnchorEl(null);
 	}, []);
 	const update_menuRow = React.useCallback((r) => {
-		if (!r) {
+		if (r) {
 			set_menuRow(r);
-		} else if (menuRow) set_menuRow(null);
+		} else set_menuRow(null);
 	}, []);
 
 	/* -------------------------------------------------------------------------- */