[release] v7.1.2 (#46371)

Co-authored-by: Brijesh Bittu <[email protected]>
Co-authored-by: Brijesh Bittu <[email protected]>
Co-authored-by: sai chand <[email protected]>

Author: 4 people

CHANGELOG.md

@@ -1,5 +1,21 @@
 # [Versions](https://mui.com/versions/)
 
+## 7.1.2
+
+_Jun 18, 2025_
+
+A big thanks to the 2 contributors who made this release possible.
+
+### `@mui/[email protected]`
+
+- [Chip] Fix handling on event handlers (#46263) @sai6855
+
+### Docs
+
+- Fix fade modal demo (#46271) @brijeshb42
+
+All contributors of this release in alphabetical order: @brijeshb42, @sai6855
+
 ## 7.1.1
 
 <!-- generated comparing v7.1.0..master -->

docs/data/joy/components/modal/FadeModalDialog.js

@@ -8,14 +8,17 @@ import DialogContent from '@mui/joy/DialogContent';
 
 export default function FadeModalDialog() {
   const [open, setOpen] = React.useState(false);
+  const nodeRef = React.useRef(null);
+
   return (
     <React.Fragment>
       <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
         Open modal
       </Button>
-      <Transition in={open} timeout={400}>
+      <Transition nodeRef={nodeRef} in={open} timeout={400}>
         {(state) => (
           <Modal
+            ref={nodeRef}
             keepMounted
             open={!['exited', 'exiting'].includes(state)}
             onClose={() => setOpen(false)}

docs/data/joy/components/modal/FadeModalDialog.tsx

@@ -8,14 +8,17 @@ import DialogContent from '@mui/joy/DialogContent';
 
 export default function FadeModalDialog() {
   const [open, setOpen] = React.useState<boolean>(false);
+  const nodeRef = React.useRef(null);
+
   return (
     <React.Fragment>
       <Button variant="outlined" color="neutral" onClick={() => setOpen(true)}>
         Open modal
       </Button>
-      <Transition in={open} timeout={400}>
+      <Transition nodeRef={nodeRef} in={open} timeout={400}>
         {(state: string) => (
           <Modal
+            ref={nodeRef}
             keepMounted
             open={!['exited', 'exiting'].includes(state)}
             onClose={() => setOpen(false)}

packages/mui-core-downloads-tracker/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/core-downloads-tracker",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "author": "MUI Team",
   "description": "Internal package to track number of downloads of our design system libraries.",
   "files": [],

packages/mui-docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/docs",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "author": "MUI Team",
   "description": "MUI Docs - Documentation building blocks.",
   "main": "./src/index.js",

packages/mui-icons-material/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/icons-material",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "author": "MUI Team",
   "description": "Material Design icons distributed as SVG React components.",
   "main": "./src/index.js",

packages/mui-lab/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mui/lab",
   "//": "version should be 'alpha' at all time",
-  "version": "7.0.0-beta.13",
+  "version": "7.0.0-beta.14",
   "author": "MUI Team",
   "description": "Laboratory for new Material UI modules.",
   "main": "./src/index.js",

packages/mui-material/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/material",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "author": "MUI Team",
   "description": "Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.",
   "main": "./src/index.ts",

packages/mui-material/src/Chip/Chip.js

@@ -531,15 +531,15 @@ const Chip = React.forwardRef(function Chip(inProps, ref) {
       ...handlers,
       onClick: (event) => {
         handlers.onClick?.(event);
-        onClick(event);
+        onClick?.(event);
       },
       onKeyDown: (event) => {
         handlers.onKeyDown?.(event);
-        handleKeyDown(event);
+        handleKeyDown?.(event);
       },
       onKeyUp: (event) => {
         handlers.onKeyUp?.(event);
-        handleKeyUp(event);
+        handleKeyUp?.(event);
       },
     }),
   });

packages/mui-material/src/Chip/Chip.test.js

@@ -733,4 +733,36 @@ describe('<Chip />', () => {
       ).not.to.throw();
     });
   });
+
+  it('should not throw on clicking Chip when onClick is not provided', () => {
+    expect(() => {
+      const { getByTestId } = render(<Chip data-testid="chip" />);
+      const chip = getByTestId('chip');
+      fireEvent.click(chip);
+    }).not.throw();
+  });
+
+  it('should not throw on keydown when onKeyDown is not provided', () => {
+    expect(() => {
+      const { getByTestId } = render(<Chip data-testid="chip" onClick={() => {}} />);
+      const chip = getByTestId('chip');
+      act(() => {
+        chip.focus();
+      });
+
+      fireEvent.keyDown(chip, { key: 'Enter' });
+    }).not.throw();
+  });
+
+  it('should not throw on keyup when onKeyUp is not provided', () => {
+    expect(() => {
+      const { getByTestId } = render(<Chip data-testid="chip" onClick={() => {}} />);
+      const chip = getByTestId('chip');
+      act(() => {
+        chip.focus();
+      });
+
+      fireEvent.keyUp(chip, { key: ' ' });
+    }).not.throw();
+  });
 });