@mui/codemod 5.2.0 → 5.2.1

package/node/util/propsToObject.js

@@ -9,6 +9,7 @@ function propsToObject({
   j,
   root,
   componentName,
+  aliasName,
   propName,
   props
 }) {
@@ -20,30 +21,41 @@ function propsToObject({
     return value;
   }
 
-  return root.findJSXElements(componentName).forEach(path => {
-    let propValue = [];
-    const attributes = path.node.openingElement.attributes;
-    attributes.forEach((node, index) => {
-      // Only transform whitelisted props
-      if (node.type === 'JSXAttribute' && props.includes(node.name.name)) {
-        propValue = buildObject(node, propValue);
-        delete attributes[index];
+  const result = aliasName ? root.find(j.JSXElement, {
+    openingElement: {
+      name: {
+        property: {
+          name: componentName
+        }
       }
-    });
+    }
+  }) : root.findJSXElements(componentName);
+  return result.forEach(path => {
+    if (!aliasName || aliasName && path.node.openingElement.name.object.name === aliasName) {
+      let propValue = [];
+      const attributes = path.node.openingElement.attributes;
+      attributes.forEach((node, index) => {
+        // Only transform whitelisted props
+        if (node.type === 'JSXAttribute' && props.includes(node.name.name)) {
+          propValue = buildObject(node, propValue);
+          delete attributes[index];
+        }
+      });
 
-    if (propValue.length > 0) {
-      const propNameAttr = attributes.find(attr => {
-        var _attr$name;
+      if (propValue.length > 0) {
+        const propNameAttr = attributes.find(attr => {
+          var _attr$name;
 
-        return (attr == null ? void 0 : (_attr$name = attr.name) == null ? void 0 : _attr$name.name) === propName;
-      });
+          return (attr == null ? void 0 : (_attr$name = attr.name) == null ? void 0 : _attr$name.name) === propName;
+        });
 
-      if (propNameAttr) {
-        var _propNameAttr$value$e;
+        if (propNameAttr) {
+          var _propNameAttr$value$e;
 
-        (((_propNameAttr$value$e = propNameAttr.value.expression) == null ? void 0 : _propNameAttr$value$e.properties) || []).push(...j.objectExpression(propValue).properties);
-      } else {
-        attributes.push(j.jsxAttribute(j.jsxIdentifier(propName), j.jsxExpressionContainer(j.objectExpression(propValue))));
+          (((_propNameAttr$value$e = propNameAttr.value.expression) == null ? void 0 : _propNameAttr$value$e.properties) || []).push(...j.objectExpression(propValue).properties);
+        } else {
+          attributes.push(j.jsxAttribute(j.jsxIdentifier(propName), j.jsxExpressionContainer(j.objectExpression(propValue))));
+        }
       }
     }
   });

package/node/v5.0.0/box-sx-prop.js

@@ -21,9 +21,20 @@ function transformer(file, api, options) {
   const printOptions = options.printOptions || {
     quote: 'single'
   };
+  let aliasName;
+  root.find(j.ImportDeclaration).forEach(path => {
+    if (path.node.source.value.match(/^(@mui\/material|@material-ui\/core)$/)) {
+      var _path$node$specifiers;
+
+      if (((_path$node$specifiers = path.node.specifiers[0]) == null ? void 0 : _path$node$specifiers.type) === 'ImportNamespaceSpecifier') {
+        aliasName = path.node.specifiers[0].local.name;
+      }
+    }
+  });
   return (0, _propsToObject.default)({
     j,
     root,
+    aliasName,
     componentName: 'Box',
     propName: 'sx',
     props

package/node/v5.0.0/box-sx-prop.test/alias-actual.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var UI = _interopRequireWildcard(require("@material-ui/core"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _UI$Box;
+
+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 Foo = () => _UI$Box || (_UI$Box = /*#__PURE__*/(0, _jsxRuntime.jsx)(UI.Box, {
+  px: 2
+}));

package/node/v5.0.0/box-sx-prop.test/alias-expected.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var UI = _interopRequireWildcard(require("@material-ui/core"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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 Foo = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(UI.Box, {
+  sx: {
+    px: 2
+  }
+});

package/package.json

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