@mui/codemod 5.15.9 → 5.15.10

package/README.md

@@ -1,12 +1,12 @@
 # @mui/codemod
 
-> Codemod scripts for MUI
+> Codemod scripts for Material UI, Base UI, MUI System, Joy UI.
 
 [![npm version](https://img.shields.io/npm/v/@mui/codemod.svg?style=flat-square)](https://www.npmjs.com/package/@mui/codemod)
 [![npm downloads](https://img.shields.io/npm/dm/@mui/codemod.svg?style=flat-square)](https://www.npmjs.com/package/@mui/codemod)
 
 This repository contains a collection of codemod scripts based for use with
-[jscodeshift](https://github.com/facebook/jscodeshift) that help update MUI APIs.
+[jscodeshift](https://github.com/facebook/jscodeshift) that help update the APIs.
 
 ## Setup & run
 
@@ -91,6 +91,22 @@ A combination of all deprecations.
 npx @mui/codemod@latest deprecations/accordion-props <path>
 ```
 
+#### `avatar-props`
+
+```diff
+ <Avatar
+-  imgProps={{
+-    onError: () => {},
+-    onLoad: () => {},
++  slotProps={{
++    img: {
++      onError: () => {},
++      onLoad: () => {},
++    }
+   }}
+ />;
+```
+
 #### `divider-props`
 
 ```diff

package/node/deprecations/all/deprecations-all.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = deprecationsAll;
-var _accordionProps = _interopRequireDefault(require("../accordion-props/accordion-props"));
+var _accordionProps = _interopRequireDefault(require("../accordion-props"));
+var _avatarProps = _interopRequireDefault(require("../avatar-props"));
+var _dividerProps = _interopRequireDefault(require("../divider-props"));
 /**
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
 function deprecationsAll(file, api, options) {
   file.source = (0, _accordionProps.default)(file, api, options);
+  file.source = (0, _avatarProps.default)(file, api, options);
+  file.source = (0, _dividerProps.default)(file, api, options);
   return file.source;
 }

package/node/deprecations/avatar-props/avatar-props.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = transformer;
+var _findComponentJSX = _interopRequireDefault(require("../../util/findComponentJSX"));
+var _assignObject = _interopRequireDefault(require("../../util/assignObject"));
+var _appendAttribute = _interopRequireDefault(require("../../util/appendAttribute"));
+/**
+ * @param {import('jscodeshift').FileInfo} file
+ * @param {import('jscodeshift').API} api
+ */
+function transformer(file, api, options) {
+  const j = api.jscodeshift;
+  const root = j(file.source);
+  const printOptions = options.printOptions;
+  (0, _findComponentJSX.default)(j, {
+    root,
+    componentName: 'Avatar'
+  }, elementPath => {
+    const index = elementPath.node.openingElement.attributes.findIndex(attr => attr.type === 'JSXAttribute' && attr.name.name === 'imgProps');
+    if (index !== -1) {
+      const removed = elementPath.node.openingElement.attributes.splice(index, 1);
+      let hasNode = false;
+      elementPath.node.openingElement.attributes.forEach(attr => {
+        var _attr$name;
+        if (((_attr$name = attr.name) == null ? void 0 : _attr$name.name) === 'slotProps') {
+          hasNode = true;
+          (0, _assignObject.default)(j, {
+            target: attr,
+            key: 'img',
+            expression: removed[0].value.expression
+          });
+        }
+      });
+      if (!hasNode) {
+        (0, _appendAttribute.default)(j, {
+          target: elementPath.node,
+          attributeName: 'slotProps',
+          expression: j.objectExpression([j.objectProperty(j.identifier('img'), removed[0].value.expression)])
+        });
+      }
+    }
+  });
+  root.find(j.ObjectProperty, {
+    key: {
+      name: 'imgProps'
+    }
+  }).forEach(path => {
+    var _path$parent;
+    if (((_path$parent = path.parent) == null || (_path$parent = _path$parent.parent) == null || (_path$parent = _path$parent.parent) == null || (_path$parent = _path$parent.parent) == null || (_path$parent = _path$parent.node.key) == null ? void 0 : _path$parent.name) === 'MuiAvatar') {
+      path.replace(j.property('init', j.identifier('slotProps'), j.objectExpression([j.objectProperty(j.identifier('img'), path.node.value)])));
+    }
+  });
+  return root.toSource(printOptions);
+}

package/node/deprecations/avatar-props/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _avatarProps.default;
+  }
+});
+var _avatarProps = _interopRequireDefault(require("./avatar-props"));

package/node/deprecations/avatar-props/test-cases/actual.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+  imgProps: {
+    onError: () => {},
+    onLoad: () => {}
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
+  imgProps: {
+    onError: () => {},
+    onLoad: () => {}
+  }
+});
+
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiAvatar, {
+  imgProps: {
+    onError: () => {},
+    onLoad: () => {}
+  }
+});

package/node/deprecations/avatar-props/test-cases/expected.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _material = require("@mui/material");
+var _jsxRuntime = require("react/jsx-runtime");
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, {
+  slotProps: {
+    img: {
+      onError: () => {},
+      onLoad: () => {}
+    }
+  }
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
+  slotProps: {
+    img: {
+      onError: () => {},
+      onLoad: () => {}
+    }
+  }
+});
+
+// should skip non MUI components
+/*#__PURE__*/(0, _jsxRuntime.jsx)(NonMuiAvatar, {
+  imgProps: {
+    onError: () => {},
+    onLoad: () => {}
+  }
+});

package/node/deprecations/avatar-props/test-cases/theme.actual.js

@@ -0,0 +1,12 @@
+"use strict";
+
+fn({
+  MuiAvatar: {
+    defaultProps: {
+      imgProps: {
+        onError: () => {},
+        onLoad: () => {}
+      }
+    }
+  }
+});

package/node/deprecations/avatar-props/test-cases/theme.expected.js

@@ -0,0 +1,14 @@
+"use strict";
+
+fn({
+  MuiAvatar: {
+    defaultProps: {
+      slotProps: {
+        img: {
+          onError: () => {},
+          onLoad: () => {}
+        }
+      }
+    }
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/codemod",
-  "version": "5.15.9",
+  "version": "5.15.10",
   "bin": "./codemod.js",
   "private": false,
   "author": "MUI Team",