@mui/codemod 5.15.13 → 5.15.14

package/README.md

@@ -1632,14 +1632,14 @@ npx @mui/codemod@latest v5.0.0/jss-to-tss-react <path>
 The following scenarios are not currently handled by this codemod and will be marked with a
 "TODO jss-to-tss-react codemod" comment:
 
-- If the hook returned by `makeStyles` (e.g. `useStyles`) is exported and used in another file,
+- If the hook returned by `makeStyles` (for example `useStyles`) is exported and used in another file,
   the usages in other files will not be converted.
 - Arrow functions as the value for a CSS prop will not be converted. Arrow functions **are**
   supported at the rule level, though with some caveats listed below.
 - In order for arrow functions at the rule level to be converted, the parameter must use object
-  destructuring (e.g. `root: ({color, padding}) => (...)`). If the parameter is not destructured
-  (e.g. `root: (props) => (...)`), it will not be converted.
-- If an arrow function at the rule level contains a code block (i.e. contains an explicit `return`
+  destructuring (for example `root: ({color, padding}) => (...)`). If the parameter is not destructured
+  (for example `root: (props) => (...)`), it will not be converted.
+- If an arrow function at the rule level contains a code block (that is contains an explicit `return`
   statement) rather than just an object expression, it will not be converted.
 
 You can find more details about migrating from JSS to tss-react in [the migration guide](https://mui.com/material-ui/migration/migrating-from-jss/#2-use-tss-react).

package/node/v5.0.0/jss-to-tss-react.js

@@ -102,7 +102,7 @@ function transformStylesExpression(j, comments, stylesExpression, nestedKeys, se
               if (prop.value.body.type === 'ObjectExpression') {
                 let example = '';
                 if (prop.value.params[0].type === 'Identifier') {
-                  example = ' (e.g. `(props) => ({...})` instead of `({color}) => ({...})`)';
+                  example = ' (for example `(props) => ({...})` instead of `({color}) => ({...})`)';
                 }
                 extraComment = ` Arrow function has parameter type of ${prop.value.params[0].type} instead of ObjectPattern${example}.`;
               } else {
@@ -303,7 +303,7 @@ function transformer(file, api, options) {
       });
     });
     /**
-     * Convert classes assignment syntax in calls to the hook (e.g. useStyles) and
+     * Convert classes assignment syntax in calls to the hook (for example useStyles) and
      * convert usages of clsx or classnames to cx.
      */
     styleHooks.forEach(hookName => {

package/node/v5.0.0/jss-to-tss-react.test/expected-todo-comments.js

@@ -38,7 +38,7 @@ const useExportedStyles = exports.useExportedStyles = (0, _mui.makeStyles)()({
 });
 
 // TODO jss-to-tss-react codemod: Unable to handle style definition reliably. Unsupported arrow function syntax.
-// Arrow function has parameter type of Identifier instead of ObjectPattern (e.g. `(props) => ({...})` instead of `({color}) => ({...})`).
+// Arrow function has parameter type of Identifier instead of ObjectPattern (for example `(props) => ({...})` instead of `({color}) => ({...})`).
 const useStyles2 = (0, _mui.makeStyles)()({
   test2: props => ({
     backgroundColor: "blue",

package/package.json

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