@mui/codemod 5.10.12 → 5.10.14

package/node/v5.0.0/jss-to-styled.test/sixth.actual.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
-
 var _reactRedux = require("react-redux");
-
 var _withStyles = _interopRequireDefault(require("@material-ui/styles/withStyles"));
-
 var _ShoppingCartOutlined = _interopRequireDefault(require("@material-ui/icons/ShoppingCartOutlined"));
-
 var recompose = _interopRequireWildcard(require("recompose"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _Link = _interopRequireDefault(require("modules/components/Link"));
-
 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 styles = theme => ({
   root: {
     padding: 8,
@@ -57,14 +40,13 @@ const styles = theme => ({
     backgroundColor: theme.palette.common.white,
     color: theme.palette.primary.main
   }
-}); // eslint-disable-next-line react/display-name
-
+});
 
+// eslint-disable-next-line react/display-name
 const LinkToCart = /*#__PURE__*/_react.default.forwardRef((linkProps, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, (0, _extends2.default)({}, linkProps, {
   to: "/order-cart/",
   ref: ref
 })));
-
 function AppAppBarCart(props) {
   const {
     classes,
@@ -94,7 +76,6 @@ function AppAppBarCart(props) {
     })]
   });
 }
-
 AppAppBarCart.displayName = 'AppAppBarCart';
 process.env.NODE_ENV !== "production" ? AppAppBarCart.propTypes = {
   classes: _propTypes.default.object.isRequired,
@@ -105,11 +86,9 @@ process.env.NODE_ENV !== "production" ? AppAppBarCart.propTypes = {
 AppAppBarCart.defaultProps = {
   variant: 'icon'
 };
-
 var _default = recompose.compose((0, _withStyles.default)(styles, {
   name: 'AppAppBarCart'
 }), (0, _reactRedux.connect)(state => ({
   cart: state.data.cart
 })))(AppAppBarCart);
-
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/sixth.expected.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
-
 var _reactRedux = require("react-redux");
-
 var _ShoppingCartOutlined = _interopRequireDefault(require("@material-ui/icons/ShoppingCartOutlined"));
-
 var recompose = _interopRequireWildcard(require("recompose"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _Link = _interopRequireDefault(require("modules/components/Link"));
-
 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 PREFIX = 'AppAppBarCart';
 const classes = {
   root: `${PREFIX}-root`,
@@ -66,13 +49,13 @@ const StyledIconButton = (0, _styles.styled)(_IconButton.default)(({
     backgroundColor: theme.palette.common.white,
     color: theme.palette.primary.main
   }
-})); // eslint-disable-next-line react/display-name
+}));
 
+// eslint-disable-next-line react/display-name
 const LinkToCart = /*#__PURE__*/_react.default.forwardRef((linkProps, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, (0, _extends2.default)({}, linkProps, {
   to: "/order-cart/",
   ref: ref
 })));
-
 function AppAppBarCart(props) {
   const {
     className,
@@ -101,7 +84,6 @@ function AppAppBarCart(props) {
     })]
   });
 }
-
 AppAppBarCart.displayName = 'AppAppBarCart';
 process.env.NODE_ENV !== "production" ? AppAppBarCart.propTypes = {
   classes: _propTypes.default.object.isRequired,
@@ -112,9 +94,7 @@ process.env.NODE_ENV !== "production" ? AppAppBarCart.propTypes = {
 AppAppBarCart.defaultProps = {
   variant: 'icon'
 };
-
 var _default = recompose.compose((0, _reactRedux.connect)(state => ({
   cart: state.data.cart
 })))(AppAppBarCart);
-
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/tenth.actual.js

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const useStyles = (0, _makeStyles.default)(theme => ({
   header: {
     marginLeft: theme.spacing(5),
@@ -24,7 +19,6 @@ const useStyles = (0, _makeStyles.default)(theme => ({
     marginTop: theme.spacing(4)
   }
 }));
-
 function Page() {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/node/v5.0.0/jss-to-styled.test/tenth.expected.js

@@ -1,24 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const PREFIX = 'tenth';
 const classes = {
   header: `${PREFIX}-header`,
   img: `${PREFIX}-img`
-}; // TODO jss-to-styled codemod: The Fragment root was replaced by div. Change the tag if needed.
+};
 
+// TODO jss-to-styled codemod: The Fragment root was replaced by div. Change the tag if needed.
 const Root = (0, _styles.styled)('div')(({
   theme
 }) => ({
@@ -32,7 +28,6 @@ const Root = (0, _styles.styled)('div')(({
     marginTop: theme.spacing(4)
   }
 }));
-
 function Page() {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {

package/node/v5.0.0/jss-to-styled.test/third.actual.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MyCard = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _withStyles = _interopRequireDefault(require("@material-ui/styles/withStyles"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Card = _interopRequireDefault(require("@material-ui/core/Card"));
-
 var _CardActions = _interopRequireDefault(require("@material-ui/core/CardActions"));
-
 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 getStyles = theme => {
   return {
     root: {},
@@ -30,7 +20,6 @@ const getStyles = theme => {
     button: {}
   };
 };
-
 const MyCard = (0, _withStyles.default)(getStyles)(props => {
   const {
     classes

package/node/v5.0.0/jss-to-styled.test/third.expected.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MyCard = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Card = _interopRequireDefault(require("@material-ui/core/Card"));
-
 var _CardActions = _interopRequireDefault(require("@material-ui/core/CardActions"));
-
 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 PREFIX = 'MyCard';
 const classes = {
   root: `${PREFIX}-root`,
@@ -38,7 +28,6 @@ const StyledCard = (0, _styles.styled)(_Card.default)(({
     [`& .${classes.button}`]: {}
   };
 });
-
 const MyCard = props => {
   const {} = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCard, {
@@ -52,5 +41,4 @@ const MyCard = props => {
     })
   });
 };
-
 exports.MyCard = MyCard;

package/node/v5.0.0/jss-to-styled.test/twelfth.actual.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _div;
-
 const useStyles = (0, _makeStyles.default)(theme => ({
   header: {
     marginLeft: theme.spacing(5),
@@ -26,7 +20,6 @@ const useStyles = (0, _makeStyles.default)(theme => ({
     marginTop: theme.spacing(4)
   }
 }));
-
 function Page() {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Suspense, {

package/node/v5.0.0/jss-to-styled.test/withCreateStyles.actual.js

@@ -1,38 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _createStyles = _interopRequireDefault(require("@material-ui/styles/createStyles"));
-
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
-
 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, _makeStyles.default)(theme => (0, _createStyles.default)({
   root: {
     background: theme.background
   }
 }));
-
 const MyComponent = props => {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({}, props, {
     className: classes.root
   }));
 };
-
 var _default = MyComponent;
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/withCreateStyles.expected.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("@mui/material/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; }
-
 const PREFIX = 'MyComponent';
 const classes = {
   root: `${PREFIX}-root`
@@ -30,12 +22,10 @@ const Root = (0, _styles.styled)('div')(({
     background: theme.background
   }
 }));
-
 const MyComponent = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, props, {
     className: classes.root
   }));
 };
-
 var _default = MyComponent;
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/withCreateStyles1.actual.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _createStyles = _interopRequireDefault(require("@material-ui/styles/createStyles"));
-
 var _withStyles = _interopRequireDefault(require("@material-ui/styles/withStyles"));
-
 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 styles = theme => (0, _createStyles.default)({
   root: {
     background: theme.background
   }
 });
-
 const MyComponent = props => {
   const {
     classes
@@ -35,7 +25,5 @@ const MyComponent = props => {
     className: classes.root
   }));
 };
-
 var _default = (0, _withStyles.default)(styles)(MyComponent);
-
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/withCreateStyles1.expected.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("@mui/material/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; }
-
 const PREFIX = 'withCreateStyles1';
 const classes = {
   root: `${PREFIX}-root`
@@ -30,13 +22,11 @@ const Root = (0, _styles.styled)('div')(({
     background: theme.background
   }
 }));
-
 const MyComponent = props => {
   const {} = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, props, {
     className: classes.root
   }));
 };
-
 var _default = MyComponent;
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/withCreateStyles2.actual.js

@@ -1,32 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _createStyles = _interopRequireDefault(require("@material-ui/styles/createStyles"));
-
 var _withStyles = _interopRequireDefault(require("@material-ui/styles/withStyles"));
-
 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 styles = (0, _createStyles.default)({
   root: {
     background: 'red'
   }
 });
-
 const MyComponent = props => {
   const {
     classes
@@ -35,7 +25,5 @@ const MyComponent = props => {
     className: classes.root
   }));
 };
-
 var _default = (0, _withStyles.default)(styles)(MyComponent);
-
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/withCreateStyles2.expected.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("@mui/material/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; }
-
 const PREFIX = 'withCreateStyles2';
 const classes = {
   root: `${PREFIX}-root`
@@ -28,13 +20,11 @@ const Root = (0, _styles.styled)('div')({
     background: 'red'
   }
 });
-
 const MyComponent = props => {
   const {} = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, props, {
     className: classes.root
   }));
 };
-
 var _default = MyComponent;
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/withCreateStyles3.actual.js

@@ -1,38 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _createStyles = _interopRequireDefault(require("@material-ui/styles/createStyles"));
-
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
-
 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, _makeStyles.default)((0, _createStyles.default)({
   root: {
     background: 'red'
   }
 }));
-
 const MyComponent = props => {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({}, props, {
     className: classes.root
   }));
 };
-
 var _default = MyComponent;
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/withCreateStyles3.expected.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = require("@mui/material/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; }
-
 const PREFIX = 'MyComponent';
 const classes = {
   root: `${PREFIX}-root`
@@ -28,12 +20,10 @@ const Root = (0, _styles.styled)('div')({
     background: 'red'
   }
 });
-
 const MyComponent = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, (0, _extends2.default)({}, props, {
     className: classes.root
   }));
 };
-
 var _default = MyComponent;
 exports.default = _default;