@mui/codemod 6.1.8 → 6.1.9

package/README.md

@@ -1669,6 +1669,13 @@ npx @mui/codemod@latest deprecations/table-sort-label-classes <path>
  />
 ```
 
+```diff
+ <Typography
+-  paragraph={isTypographyParagraph}
++  sx={isTypographyParagraph ? { marginBottom: '16px' } : undefined}
+ />
+```
+
 ```diff
  MuiTypography: {
    defaultProps: {

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

@@ -34,6 +34,14 @@ var _jsxRuntime = require("react/jsx-runtime");
   paragraph: false,
   className: "my-class"
 });
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  paragraph: true,
+  className: "my-class"
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  paragraph: true,
+  className: "my-class"
+});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
   paragraph: paragraph,
   className: "my-class"

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

@@ -52,6 +52,18 @@ var _jsxRuntime = require("react/jsx-runtime");
     marginBottom: "16px"
   }
 });
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+  className: "my-class",
+  sx: paragraph ? {
+    marginBottom: "16px"
+  } : undefined
+});
+/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+  className: "my-class",
+  sx: paragraph ? {
+    marginBottom: "16px"
+  } : undefined
+});
 /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
   sx: {
     marginBottom: "32px"

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

@@ -30,16 +30,18 @@ function transformer(file, api, options) {
       }
       return true;
     });
-    const isParagraphPropTruthy = paragraphProp.value?.expression.value !== false;
-    if (!isParagraphPropTruthy) {
+    const isParagraphPropPresent = paragraphProp.value?.expression.value !== false;
+    if (!isParagraphPropPresent) {
       return;
     }
+    const isParagraphPropTrue = paragraphProp.value == null || paragraphProp.value.expression.value === true;
+    const paragraphExpression = expression => isParagraphPropTrue ? expression : j.conditionalExpression(paragraphProp.value.expression, expression, j.identifier('undefined'));
     const sxIndex = elementPath.node.openingElement.attributes.findIndex(attr => attr.type === 'JSXAttribute' && attr.name.name === 'sx');
     if (sxIndex === -1) {
       (0, _appendAttribute.default)(j, {
         target: elementPath.node,
         attributeName: 'sx',
-        expression: j.objectExpression([j.objectProperty(j.identifier('marginBottom'), j.literal('16px'))])
+        expression: paragraphExpression(j.objectExpression([j.objectProperty(j.identifier('marginBottom'), j.literal('16px'))]))
       });
     } else {
       const hasMarginBottom = elementPath.node.openingElement.attributes[sxIndex].value.expression.properties.some(key => key.key.name === 'marginBottom' || key.key.name === 'mb');
@@ -47,7 +49,7 @@ function transformer(file, api, options) {
         (0, _assignObject.default)(j, {
           target: elementPath.node.openingElement.attributes[sxIndex],
           key: 'marginBottom',
-          expression: j.literal('16px')
+          expression: paragraphExpression(j.literal('16px'))
         });
       }
     }

package/package.json

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