Bump MUI (#736)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Michał Dudak <[email protected]>
mui · Oct 16, 2024 · ad51a00 · ad51a00
1 parent 18256f6
commit ad51a00
Show file tree

Hide file tree

Showing 17 changed files with 742 additions and 440 deletions.
diff --git a/docs/app/experiments/anchor-positioning.tsx b/docs/app/experiments/anchor-positioning.tsx
@@ -206,7 +206,7 @@ export default function AnchorPositioning() {
               min={0}
               max={50}
               value={sideOffset}
-              onChange={(e) => setSideOffset(Number(e.target.value))}
+              onChange={(event) => setSideOffset(Number(event.target.value))}
             />
             {sideOffset}
           </fieldset>
@@ -218,7 +218,7 @@ export default function AnchorPositioning() {
               min={0}
               max={50}
               value={alignmentOffset}
-              onChange={(e) => setAlignmentOffset(Number(e.target.value))}
+              onChange={(event) => setAlignmentOffset(Number(event.target.value))}
             />
             {alignmentOffset}
           </fieldset>
@@ -230,7 +230,7 @@ export default function AnchorPositioning() {
               min={0}
               max={50}
               value={collisionPadding}
-              onChange={(e) => setCollisionPadding(Number(e.target.value))}
+              onChange={(event) => setCollisionPadding(Number(event.target.value))}
             />
             {collisionPadding}
           </fieldset>
@@ -242,7 +242,7 @@ export default function AnchorPositioning() {
               min={0}
               max={20}
               value={arrowPadding}
-              onChange={(e) => setArrowPadding(Number(e.target.value))}
+              onChange={(event) => setArrowPadding(Number(event.target.value))}
             />
             {arrowPadding}
           </fieldset>

diff --git a/docs/app/experiments/scroll-lock.tsx b/docs/app/experiments/scroll-lock.tsx
@@ -32,7 +32,7 @@ export default function ScrollLock() {
             <input
               type="checkbox"
               checked={enabled}
-              onChange={(e) => setEnabled(e.target.checked)}
+              onChange={(event) => setEnabled(event.target.checked)}
             />
             Scroll lock
           </label>
@@ -42,7 +42,7 @@ export default function ScrollLock() {
             <input
               type="checkbox"
               checked={bodyScrollY}
-              onChange={(e) => setBodyScrollY(e.target.checked)}
+              onChange={(event) => setBodyScrollY(event.target.checked)}
             />
             body `overflow`
           </label>
@@ -52,7 +52,7 @@ export default function ScrollLock() {
             <input
               type="checkbox"
               checked={longContent}
-              onChange={(e) => setLongContent(e.target.checked)}
+              onChange={(event) => setLongContent(event.target.checked)}
             />
             Long content
           </label>

diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.js b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.js
@@ -20,7 +20,7 @@ function Label(props) {
     // eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/no-noninteractive-element-interactions
     <label
       className="flex gap-2 mb-2"
-      onMouseDown={(e) => e.preventDefault()}
+      onMouseDown={(event) => event.preventDefault()}
       {...props}
     />
   );

diff --git a/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.tsx b/docs/data/components/checkbox-group/UnstyledCheckboxGroupIntroduction/tailwind/index.tsx
@@ -19,7 +19,7 @@ function Label(props: React.ComponentPropsWithoutRef<'label'>) {
     // eslint-disable-next-line jsx-a11y/label-has-associated-control, jsx-a11y/no-noninteractive-element-interactions
     <label
       className="flex gap-2 mb-2"
-      onMouseDown={(e) => e.preventDefault()}
+      onMouseDown={(event) => event.preventDefault()}
       {...props}
     />
   );

diff --git a/docs/data/components/field/UnstyledFieldAsync.js b/docs/data/components/field/UnstyledFieldAsync.js
@@ -37,7 +37,7 @@ export default function UnstyledFieldAsync() {
       const error = await checkAvailability(name);
       setLoading(false);
       return error;
-    } catch (e) {
+    } catch {
       setLoading(false);
       return 'Failed to fetch name availability';
     }

diff --git a/docs/data/components/field/UnstyledFieldAsync.tsx b/docs/data/components/field/UnstyledFieldAsync.tsx
@@ -37,7 +37,7 @@ export default function UnstyledFieldAsync() {
       const error = await checkAvailability(name);
       setLoading(false);
       return error;
-    } catch (e) {
+    } catch {
       setLoading(false);
       return 'Failed to fetch name availability';
     }

diff --git a/docs/data/translations/api-docs/menu-checkbox-item/menu-checkbox-item.json b/docs/data/translations/api-docs/menu-checkbox-item/menu-checkbox-item.json
@@ -1,5 +1,5 @@
 {
-  "componentDescription": "",
+  "componentDescription": "An unstyled checkbox menu item to be used within a Menu.",
   "propDescriptions": {
     "closeOnClick": {
       "description": "If <code>true</code>, the menu will close when the menu item is clicked."

diff --git a/docs/data/translations/api-docs/menu-radio-item/menu-radio-item.json b/docs/data/translations/api-docs/menu-radio-item/menu-radio-item.json
@@ -1,5 +1,5 @@
 {
-  "componentDescription": "An unstyled menu item to be used within a Menu.",
+  "componentDescription": "An unstyled radio menu item to be used within a Menu.",
   "propDescriptions": {
     "closeOnClick": {
       "description": "If <code>true</code>, the menu will close when the menu item is clicked."

diff --git a/docs/package.json b/docs/package.json
@@ -23,8 +23,8 @@
     "@emotion/server": "^11.11.0",
     "@emotion/styled": "^11.13.0",
     "@mdx-js/mdx": "^3.0.1",
-    "@mui/system": "6.1.3",
-    "@mui/utils": "6.1.3",
+    "@mui/system": "6.1.4",
+    "@mui/utils": "6.1.4",
     "@react-spring/web": "^9.7.4",
     "@stefanprobst/rehype-extract-toc": "^2.2.0",
     "@types/mdx": "^2.0.13",
@@ -63,8 +63,8 @@
     "@babel/plugin-transform-react-constant-elements": "^7.25.1",
     "@babel/preset-typescript": "^7.24.7",
     "@mui/internal-docs-utils": "^1.0.14",
-    "@mui/internal-scripts": "^1.0.23",
-    "@mui/internal-test-utils": "1.0.16",
+    "@mui/internal-scripts": "^1.0.24",
+    "@mui/internal-test-utils": "1.0.17",
     "@types/chai": "^4.3.20",
     "@types/gtag.js": "^0.0.20",
     "@types/hast": "^3.0.4",

diff --git a/package.json b/package.json
@@ -77,11 +77,11 @@
     "@babel/preset-typescript": "^7.24.7",
     "@babel/register": "^7.24.6",
     "@mui/internal-docs-utils": "^1.0.14",
-    "@mui/internal-markdown": "^1.0.16",
-    "@mui/internal-scripts": "^1.0.23",
-    "@mui/internal-test-utils": "1.0.16",
-    "@mui/monorepo": "github:mui/material-ui#v6.1.1",
-    "@mui/utils": "6.1.3",
+    "@mui/internal-markdown": "^1.0.17",
+    "@mui/internal-scripts": "^1.0.24",
+    "@mui/internal-test-utils": "1.0.17",
+    "@mui/monorepo": "github:mui/material-ui#v6.1.4",
+    "@mui/utils": "6.1.4",
     "@next/eslint-plugin-next": "^14.2.13",
     "@octokit/rest": "^20.1.1",
     "@playwright/test": "1.48.0",

diff --git a/packages/mui-base/src/Field/Validity/FieldValidity.tsx b/packages/mui-base/src/Field/Validity/FieldValidity.tsx
@@ -17,6 +17,7 @@ import { FieldValidityData } from '../Root/FieldRoot';
  * - [FieldValidity API](https://base-ui.netlify.app/components/react-field/#api-reference-FieldValidity)
  */
 const FieldValidity: React.FC<FieldValidity.Props> = function FieldValidity(props) {
+  const { children } = props;
   const { validityData, invalid } = useFieldRootContext(false);
 
   const fieldValidityState: FieldValidityState = React.useMemo(() => {
@@ -27,7 +28,7 @@ const FieldValidity: React.FC<FieldValidity.Props> = function FieldValidity(prop
     };
   }, [validityData, invalid]);
 
-  return <React.Fragment>{props.children(fieldValidityState)}</React.Fragment>;
+  return <React.Fragment>{children(fieldValidityState)}</React.Fragment>;
 };
 
 export interface FieldValidityState extends Omit<FieldValidityData, 'state'> {