@mui/codemod 5.10.12 → 5.10.14

package/node/v5.0.0/jss-to-tss-react.test/actual-typescript-docs-example.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 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 useStyles = (0, _styles.makeStyles)(theme => ({
   parent: {
     padding: 30,
@@ -36,7 +28,6 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
     }
   }
 }));
-
 function App() {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -50,6 +41,5 @@ function App() {
     })]
   });
 }
-
 var _default = App;
 exports.default = _default;

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

@@ -5,22 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MergeClassesNoParams = MergeClassesNoParams;
 exports.default = ComponentUsingStyles;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("@material-ui/core/styles");
-
 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; }
-
 /*
 Sandboxes for verifying correct behavior:
 JSS - https://codesandbox.io/s/typescript-case-bt065c?file=/demo.tsx
 TSS - https://codesandbox.io/s/typescript-case-7jwpms?file=/demo.tsx
  */
+
 const useStyles = (0, _styles.makeStyles)(theme => (0, _styles.createStyles)({
   test: {
     backgroundColor: "purple",
@@ -35,7 +30,6 @@ const useStyles = (0, _styles.makeStyles)(theme => (0, _styles.createStyles)({
     color: "lime"
   }
 }));
-
 function MergeClassesNoParams({
   classes: classesProp
 }) {
@@ -47,7 +41,6 @@ function MergeClassesNoParams({
     children: "Test useStyles without params but with classes prop"
   });
 }
-
 function InnerComponent({
   classes
 }) {
@@ -56,7 +49,6 @@ function InnerComponent({
     children: "Inner Test2"
   });
 }
-
 function ComponentUsingStyles() {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

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

@@ -1,29 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = App;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@material-ui/core");
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _StyledComp, _StyledComp2, _StyledComp3a, _StyledComp3b, _StyledComp3c;
-
 const styles1 = {
   test: {
     backgroundColor: "purple",
     color: "white"
   }
 };
-
 function Comp1({
   classes
 }) {
@@ -32,7 +24,6 @@ function Comp1({
     children: "Comp1"
   });
 }
-
 const StyledComp1 = (0, _core.withStyles)(styles1)(Comp1);
 const styles2 = {
   test: {
@@ -48,7 +39,6 @@ const styles2 = {
     }
   }
 };
-
 function Comp2({
   classes
 }) {
@@ -65,9 +55,7 @@ function Comp2({
     })]
   });
 }
-
 const StyledComp2 = (0, _core.withStyles)(styles2)(Comp2);
-
 function Comp3({
   classes
 }) {
@@ -79,7 +67,6 @@ function Comp3({
     })]
   });
 }
-
 const StyledComp3a = (0, _core.withStyles)({
   test: {
     backgroundColor: "yellow"
@@ -95,7 +82,6 @@ const StyledComp3b = (0, _core.withStyles)({
   },
   test2: {}
 })(Comp3);
-
 const styles3c = theme => {
   const bgColor1 = theme.palette.primary.main;
   const color1 = theme.palette.primary.contrastText;
@@ -113,9 +99,7 @@ const styles3c = theme => {
     test2: {}
   };
 };
-
 const StyledComp3c = (0, _core.withStyles)(styles3c)(Comp3);
-
 function App() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [_StyledComp2 || (_StyledComp2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComp2, {})), _StyledComp3a || (_StyledComp3a = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComp3a, {})), _StyledComp3b || (_StyledComp3b = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComp3b, {})), _StyledComp3c || (_StyledComp3c = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComp3c, {}))]

package/node/v5.0.0/jss-to-tss-react.test/expected-from-material-ui-core-styles.js

@@ -1,25 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentUsingStyles;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mui = require("tss-react/mui");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _InnerComponent;
-
 /*
 Sandboxes for verifying correct behavior:
 JSS - https://codesandbox.io/s/case1-jss-dedp2f?file=/src/App.js
 TSS - https://codesandbox.io/s/case1-tss-s0z7tx?file=/src/App.js
  */
+
 const useStyles = (0, _mui.makeStyles)({
   name: "TestName"
 })({
@@ -34,7 +29,6 @@ const useStyles2 = (0, _mui.makeStyles)()(() => ({
     color: "lime"
   }
 }));
-
 function InnerComponent() {
   const {
     classes
@@ -44,7 +38,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const {
     classes

package/node/v5.0.0/jss-to-tss-react.test/expected-from-material-ui-core.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentUsingStyles;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mui = require("tss-react/mui");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _InnerComponent;
-
 const useStyles = (0, _mui.makeStyles)()((_theme, _params, classes) => ({
   test: {
     backgroundColor: "purple",
@@ -44,7 +38,6 @@ const useStyles2 = (0, _mui.makeStyles)()({
     color: "lime"
   }
 });
-
 function InnerComponent() {
   const {
     classes
@@ -54,7 +47,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const {
     classes,

package/node/v5.0.0/jss-to-tss-react.test/expected-from-mui-styles-makeStyles.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentUsingStyles;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mui = require("tss-react/mui");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _InnerComponent;
-
 const useStyles = (0, _mui.makeStyles)()({
   test: {
     backgroundColor: "purple",
@@ -35,7 +29,6 @@ const useStyles2 = (0, _mui.makeStyles)()((_theme, _params, classes) => ({
     color: "lime"
   }
 }));
-
 function InnerComponent() {
   const {
     classes
@@ -45,7 +38,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const {
     classes

package/node/v5.0.0/jss-to-tss-react.test/expected-from-mui-styles.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentUsingStyles;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mui = require("tss-react/mui");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _InnerComponent;
-
 const useStyles = (0, _mui.makeStyles)()({
   test: {
     backgroundColor: "purple",
@@ -35,7 +29,6 @@ const useStyles2 = (0, _mui.makeStyles)()((_theme, _params, classes) => ({
     color: "lime"
   }
 }));
-
 function InnerComponent() {
   const {
     classes
@@ -45,7 +38,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const {
     classes

package/node/v5.0.0/jss-to-tss-react.test/expected-mixins-pattern.js

@@ -1,21 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentUsingStyles;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mui = require("tss-react/mui");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 // Comment on first node where the first node will be removed and we should preserve this comment.
+
 function mixins() {
   return {
     test: {
@@ -24,13 +19,11 @@ function mixins() {
     }
   };
 }
-
 function cssProps() {
   return {
     paddingLeft: "8px"
   };
 }
-
 const useStyles = (0, _mui.makeStyles)()(theme => {
   return mixins();
 });
@@ -39,7 +32,6 @@ const useStyles2 = (0, _mui.makeStyles)()(theme => (0, _extends2.default)({}, mi
     color: "red"
   }, cssProps())
 }));
-
 function ComponentUsingStyles(props) {
   const {
     classes,

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useExportedStyles = exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _mui = require("tss-react/mui");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _InnerComponent;
-
 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; }
-
 // TODO jss-to-tss-react codemod: Unable to handle style definition reliably. ArrowFunctionExpression in CSS prop.
 const useStyles = (0, _mui.makeStyles)()((_theme, _params, classes) => ({
   test: {
@@ -27,25 +20,28 @@ const useStyles = (0, _mui.makeStyles)()((_theme, _params, classes) => ({
     }
   },
   qualifier: {}
-})); // TODO jss-to-tss-react codemod: usages of this hook outside of this file will not be converted.
+}));
 
+// TODO jss-to-tss-react codemod: usages of this hook outside of this file will not be converted.
 const useExportedStyles = (0, _mui.makeStyles)()({
   test: {
     backgroundColor: "purple",
     color: "white"
   }
-}); // 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}) => ({...})`).
+});
 
+// 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}) => ({...})`).
 exports.useExportedStyles = useExportedStyles;
 const useStyles2 = (0, _mui.makeStyles)()({
   test2: props => ({
     backgroundColor: "blue",
     color: "lime"
   })
-}); // TODO jss-to-tss-react codemod: Unable to handle style definition reliably. Unsupported arrow function syntax.
-// Arrow function has body type of BlockStatement instead of ObjectExpression.
+});
 
+// TODO jss-to-tss-react codemod: Unable to handle style definition reliably. Unsupported arrow function syntax.
+// Arrow function has body type of BlockStatement instead of ObjectExpression.
 const useStyles3 = (0, _mui.makeStyles)()({
   test3: props => {
     return {
@@ -53,9 +49,10 @@ const useStyles3 = (0, _mui.makeStyles)()({
       color: "lime"
     };
   }
-}); // TODO jss-to-tss-react codemod: '@global' is not supported by tss-react.
-// See https://mui.com/material-ui/customization/how-to-customize/#4-global-css-override for alternatives.
+});
 
+// TODO jss-to-tss-react codemod: '@global' is not supported by tss-react.
+// See https://mui.com/material-ui/customization/how-to-customize/#4-global-css-override for alternatives.
 const useGlobalStyles = (0, _mui.makeStyles)()(() => ({
   '@global': {
     '.sample': {
@@ -64,7 +61,6 @@ const useGlobalStyles = (0, _mui.makeStyles)()(() => ({
     }
   }
 }));
-
 function InnerComponent() {
   const {
     classes
@@ -74,7 +70,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const {
     classes,
@@ -91,8 +86,8 @@ function ComponentUsingStyles(props) {
       children: "Qualifier Test"
     })]
   });
-} // TODO jss-to-tss-react codemod: usages of this hook outside of this file will not be converted.
-
+}
 
+// TODO jss-to-tss-react codemod: usages of this hook outside of this file will not be converted.
 var _default = useStyles3;
 exports.default = _default;

package/node/v5.0.0/jss-to-tss-react.test/expected-typescript-docs-example-params.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _mui = require("tss-react/mui");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const useStyles = (0, _mui.makeStyles)({
   name: 'App'
 })((theme, {
@@ -30,7 +27,6 @@ const useStyles = (0, _mui.makeStyles)({
     }
   }
 }));
-
 function App({
   classes: classesProp
 }) {
@@ -56,6 +52,5 @@ function App({
     })]
   });
 }
-
 var _default = App;
 exports.default = _default;

package/node/v5.0.0/jss-to-tss-react.test/expected-typescript-docs-example.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _mui = require("tss-react/mui");
-
 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 useStyles = (0, _mui.makeStyles)()((theme, _params, classes) => ({
   parent: {
     padding: 30,
@@ -32,7 +26,6 @@ const useStyles = (0, _mui.makeStyles)()((theme, _params, classes) => ({
     }
   }
 }));
-
 function App() {
   const {
     classes,
@@ -49,6 +42,5 @@ function App() {
     })]
   });
 }
-
 var _default = App;
 exports.default = _default;

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

@@ -5,22 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MergeClassesNoParams = MergeClassesNoParams;
 exports.default = ComponentUsingStyles;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _mui = require("tss-react/mui");
-
 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; }
-
 /*
 Sandboxes for verifying correct behavior:
 JSS - https://codesandbox.io/s/typescript-case-bt065c?file=/demo.tsx
 TSS - https://codesandbox.io/s/typescript-case-7jwpms?file=/demo.tsx
  */
+
 const useStyles = (0, _mui.makeStyles)()((theme, _params, classes) => ({
   test: {
     backgroundColor: "purple",
@@ -35,7 +30,6 @@ const useStyles = (0, _mui.makeStyles)()((theme, _params, classes) => ({
     color: "lime"
   }
 }));
-
 function MergeClassesNoParams({
   classes: classesProp
 }) {
@@ -51,7 +45,6 @@ function MergeClassesNoParams({
     children: "Test useStyles without params but with classes prop"
   });
 }
-
 function InnerComponent({
   classes
 }) {
@@ -60,7 +53,6 @@ function InnerComponent({
     children: "Inner Test2"
   });
 }
-
 function ComponentUsingStyles() {
   const {
     classes

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

@@ -1,29 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = App;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _mui = require("tss-react/mui");
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _StyledComp, _StyledComp2, _StyledComp3a, _StyledComp3b, _StyledComp3c;
-
 const styles1 = {
   test: {
     backgroundColor: "purple",
     color: "white"
   }
 };
-
 function Comp1({
   classes
 }) {
@@ -32,9 +24,7 @@ function Comp1({
     children: "Comp1"
   });
 }
-
 const StyledComp1 = (0, _mui.withStyles)(Comp1, styles1);
-
 const styles2 = (_theme, _params, classes) => ({
   test: {
     backgroundColor: "black",
@@ -49,7 +39,6 @@ const styles2 = (_theme, _params, classes) => ({
     }
   }
 });
-
 function Comp2({
   classes
 }) {
@@ -66,9 +55,7 @@ function Comp2({
     })]
   });
 }
-
 const StyledComp2 = (0, _mui.withStyles)(Comp2, styles2);
-
 function Comp3({
   classes
 }) {
@@ -80,7 +67,6 @@ function Comp3({
     })]
   });
 }
-
 const StyledComp3a = (0, _mui.withStyles)(Comp3, {
   test: {
     backgroundColor: "yellow"
@@ -96,7 +82,6 @@ const StyledComp3b = (0, _mui.withStyles)(Comp3, (_theme, _params, classes) => (
   },
   test2: {}
 }));
-
 const styles3c = (theme, _params, classes) => {
   const bgColor1 = theme.palette.primary.main;
   const color1 = theme.palette.primary.contrastText;
@@ -114,9 +99,7 @@ const styles3c = (theme, _params, classes) => {
     test2: {}
   };
 };
-
 const StyledComp3c = (0, _mui.withStyles)(Comp3, styles3c);
-
 function App() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [_StyledComp2 || (_StyledComp2 = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComp2, {})), _StyledComp3a || (_StyledComp3a = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComp3a, {})), _StyledComp3b || (_StyledComp3b = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComp3b, {})), _StyledComp3c || (_StyledComp3c = /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledComp3c, {}))]

package/node/v5.0.0/link-underline-hover.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-
 function transformer(file, api, options) {
   const j = api.jscodeshift;
   const root = j(file.source);
   const printOptions = options.printOptions;
   const jsxLinkNames = [];
+
   /**
    * find Link import name
    */
-
   root.find(j.ImportDeclaration).filter(({
     node
   }) => node.source.value.match(/^(@material-ui\/core|@mui\/material)\/Link/)).forEach(({
@@ -44,10 +43,8 @@ function transformer(file, api, options) {
     }) => {
       const hasUnderlineProp = node.openingElement.attributes.find(attr => {
         var _attr$name;
-
         return (attr == null ? void 0 : (_attr$name = attr.name) == null ? void 0 : _attr$name.name) === 'underline';
       });
-
       if (!hasUnderlineProp) {
         node.openingElement.attributes.push(j.jsxAttribute(j.jsxIdentifier('underline'), j.literal('hover')));
       }