[core] Fix event naming convention

mui · Jul 29, 2024 · c8845a2 · c8845a2
1 parent b7774aa
commit c8845a2
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 7 deletions.
diff --git a/docs/data/data-grid/components/RowContextMenu.js b/docs/data/data-grid/components/RowContextMenu.js
@@ -107,8 +107,8 @@ export default function RowContextMenu() {
         }
         slotProps={{
           root: {
-            onContextMenu: (e) => {
-              e.preventDefault();
+            onContextMenu: (event) => {
+              event.preventDefault();
               handleClose();
             },
           },

diff --git a/docs/data/data-grid/components/RowContextMenu.tsx b/docs/data/data-grid/components/RowContextMenu.tsx
@@ -110,8 +110,8 @@ export default function RowContextMenu() {
         }
         slotProps={{
           root: {
-            onContextMenu: (e) => {
-              e.preventDefault();
+            onContextMenu: (event) => {
+              event.preventDefault();
               handleClose();
             },
           },

diff --git a/packages/x-charts/src/hooks/useReducedMotion.ts b/packages/x-charts/src/hooks/useReducedMotion.ts
@@ -20,10 +20,10 @@ export const useReducedMotion = () => {
     }
     const mql = window.matchMedia('(prefers-reduced-motion)');
 
-    const handleMediaChange = (e: MediaQueryListEvent | MediaQueryList) => {
+    const handleMediaChange = (event: MediaQueryListEvent | MediaQueryList) => {
       Globals.assign({
         // Modification such the react-spring implementation such that this hook can remove animation but never activate animation.
-        skipAnimation: e.matches || undefined,
+        skipAnimation: event.matches || undefined,
       });
     };
 

diff --git a/packages/x-data-grid-premium/src/components/GridColumnMenuAggregationItem.tsx b/packages/x-data-grid-premium/src/components/GridColumnMenuAggregationItem.tsx
@@ -83,7 +83,7 @@ function GridColumnMenuAggregationItem(props: GridColumnMenuItemProps) {
             label={label}
             color="primary"
             onChange={handleAggregationItemChange}
-            onBlur={(e) => e.stopPropagation()}
+            onBlur={(event) => event.stopPropagation()}
             fullWidth
           >
             <MenuItem value="">...</MenuItem>