@mui/codemod 5.10.12 → 5.10.16

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

@@ -5,27 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = transformer;
 const ruleEndRegEx = /[^a-zA-Z0-9_]+/;
-
 function transformNestedKeys(j, comments, propValueNode, ruleRegEx, nestedKeys) {
   propValueNode.properties.forEach(prop => {
     var _prop$value, _prop$value2;
-
     if (((_prop$value = prop.value) == null ? void 0 : _prop$value.type) === 'ObjectExpression') {
       if (typeof prop.key.value === 'string' && ruleRegEx !== null) {
         let ruleIndex = prop.key.value.search(ruleRegEx);
         let searchStartIndex = 0;
         const elements = [];
         const identifiers = [];
-
         while (ruleIndex >= 0) {
           const valueStartingAtRuleName = prop.key.value.substring(ruleIndex + 1);
           const ruleEndIndex = valueStartingAtRuleName.search(ruleEndRegEx);
           const ruleName = ruleEndIndex >= 0 ? prop.key.value.substring(ruleIndex + 1, ruleIndex + 1 + ruleEndIndex) : valueStartingAtRuleName;
-
           if (!nestedKeys.includes(ruleName)) {
             nestedKeys.push(ruleName);
           }
-
           const before = prop.key.value.substring(searchStartIndex, ruleIndex);
           elements.push(j.templateElement({
             raw: `${before}.`,
@@ -35,7 +30,6 @@ function transformNestedKeys(j, comments, propValueNode, ruleRegEx, nestedKeys)
           searchStartIndex = ruleIndex + ruleName.length + 1;
           const after = prop.key.value.substring(searchStartIndex);
           ruleIndex = after.search(ruleRegEx);
-
           if (ruleIndex >= 0) {
             ruleIndex += searchStartIndex;
           } else {
@@ -45,31 +39,26 @@ function transformNestedKeys(j, comments, propValueNode, ruleRegEx, nestedKeys)
             }, false));
           }
         }
-
         if (identifiers.length > 0) {
           prop.key = j.templateLiteral(elements, identifiers);
           prop.computed = true;
         }
       }
-
       transformNestedKeys(j, comments, prop.value, ruleRegEx, nestedKeys);
     } else if (((_prop$value2 = prop.value) == null ? void 0 : _prop$value2.type) === 'ArrowFunctionExpression') {
       comments.push(j.commentLine(' TODO jss-to-tss-react codemod: Unable to handle style definition reliably. ArrowFunctionExpression in CSS prop.', true));
     }
   });
 }
-
 function transformStylesExpression(j, comments, stylesExpression, nestedKeys, setStylesExpression) {
   const ruleNames = [];
   const paramNames = [];
   let objectExpression;
-
   if (stylesExpression.type === 'ObjectExpression') {
     objectExpression = stylesExpression;
   } else if (stylesExpression.type === 'ArrowFunctionExpression') {
     if (stylesExpression.body.type === 'BlockStatement') {
       const returnStatement = stylesExpression.body.body.find(b => b.type === 'ReturnStatement');
-
       if (returnStatement.argument.type === 'ObjectExpression') {
         objectExpression = returnStatement.argument;
       }
@@ -77,11 +66,9 @@ function transformStylesExpression(j, comments, stylesExpression, nestedKeys, se
       objectExpression = stylesExpression.body;
     }
   }
-
   if (objectExpression !== undefined) {
     objectExpression.properties.forEach(prop => {
       var _prop$key, _prop$key2;
-
       if ((_prop$key = prop.key) != null && _prop$key.name) {
         ruleNames.push(prop.key.name);
       } else if (((_prop$key2 = prop.key) == null ? void 0 : _prop$key2.value) === '@global') {
@@ -94,7 +81,6 @@ function transformStylesExpression(j, comments, stylesExpression, nestedKeys, se
       if (index > 0) {
         ruleRegExString += '|';
       }
-
       ruleRegExString += `\\$${ruleName}`;
     });
     ruleRegExString += ')';
@@ -105,7 +91,6 @@ function transformStylesExpression(j, comments, stylesExpression, nestedKeys, se
           if (prop.value.type === 'ArrowFunctionExpression' && prop.value.body.type === 'ObjectExpression' && prop.value.params[0].type === 'ObjectPattern') {
             prop.value.params[0].properties.forEach(property => {
               const name = property.key.name;
-
               if (!paramNames.includes(name)) {
                 paramNames.push(name);
               }
@@ -113,57 +98,44 @@ function transformStylesExpression(j, comments, stylesExpression, nestedKeys, se
             prop.value = prop.value.body;
           } else {
             let extraComment = `Unexpected value type of ${prop.value.type}.`;
-
             if (prop.value.type === 'ArrowFunctionExpression') {
               if (prop.value.body.type === 'ObjectExpression') {
                 let example = '';
-
                 if (prop.value.params[0].type === 'Identifier') {
                   example = ' (e.g. `(props) => ({...})` instead of `({color}) => ({...})`)';
                 }
-
                 extraComment = ` Arrow function has parameter type of ${prop.value.params[0].type} instead of ObjectPattern${example}.`;
               } else {
                 extraComment = ` Arrow function has body type of ${prop.value.body.type} instead of ObjectExpression.`;
               }
             }
-
             comments.push(j.commentLine(` TODO jss-to-tss-react codemod: Unable to handle style definition reliably. Unsupported arrow function syntax.`, true));
             comments.push(j.commentLine(extraComment, true));
             return;
           }
         }
-
         transformNestedKeys(j, comments, prop.value, ruleRegEx, nestedKeys);
       }
     });
-
     if (paramNames.length > 0 || nestedKeys.length > 0) {
       let arrowFunction;
-
       if (stylesExpression.type === 'ArrowFunctionExpression') {
         arrowFunction = stylesExpression;
       } else {
         arrowFunction = j.arrowFunctionExpression([], objectExpression);
         setStylesExpression(arrowFunction);
       }
-
       if (arrowFunction.params.length === 0) {
         arrowFunction.params.push(j.identifier('_theme'));
       }
-
       let paramsString = '_params';
-
       if (paramNames.length > 0) {
         paramsString = `{ ${paramNames.join(', ')} }`;
       }
-
       arrowFunction.params.push(j.identifier(paramsString));
-
       if (nestedKeys.length > 0) {
         arrowFunction.params.push(j.identifier('classes'));
       }
-
       if (arrowFunction.body.type === 'ObjectExpression') {
         // In some cases, some needed parentheses were being lost without this.
         arrowFunction.body = j.parenthesizedExpression(objectExpression);
@@ -171,35 +143,28 @@ function transformStylesExpression(j, comments, stylesExpression, nestedKeys, se
     }
   }
 }
-
 function addCommentsToNode(node, commentsToAdd, addToBeginning = false) {
   if (!node.comments) {
     node.comments = [];
   }
-
   if (addToBeginning) {
     node.comments.unshift(...commentsToAdd);
   } else {
     node.comments.push(...commentsToAdd);
   }
 }
-
 function addCommentsToDeclaration(declaration, commentsToAdd) {
   let commentsPath = declaration;
-
   if (declaration.parentPath.node.type === 'ExportNamedDeclaration') {
     commentsPath = declaration.parentPath;
   }
-
   addCommentsToNode(commentsPath.node, commentsToAdd);
 }
-
 function addCommentsToClosestDeclaration(j, path, commentsToAdd) {
   j(path).closest(j.VariableDeclaration).forEach(declaration => {
     addCommentsToDeclaration(declaration, commentsToAdd);
   });
 }
-
 function getFirstNode(j, root) {
   return root.find(j.Program).get('body', 0).node;
 }
@@ -207,8 +172,6 @@ function getFirstNode(j, root) {
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-
-
 function transformer(file, api, options) {
   const j = api.jscodeshift;
   const root = j(file.source);
@@ -223,11 +186,9 @@ function transformer(file, api, options) {
   /**
    * transform imports
    */
-
   root.find(j.ImportDeclaration).forEach(path => {
     const importSource = path.node.source.value;
     const originalComments = path.node.comments;
-
     if (importSource === '@material-ui/core/styles' || importSource === '@material-ui/core' || importSource === '@mui/styles') {
       const specifiersToMove = [];
       const specifiersToStay = [];
@@ -246,7 +207,6 @@ function transformer(file, api, options) {
           }
         }
       });
-
       if (specifiersToMove.length > 0) {
         path.replace(j.importDeclaration(specifiersToMove, j.stringLiteral('tss-react/mui')), specifiersToStay.length > 0 ? j.importDeclaration(specifiersToStay, j.stringLiteral(importSource)) : undefined);
         importsChanged = true;
@@ -260,21 +220,16 @@ function transformer(file, api, options) {
       path.replace(j.importDeclaration([j.importSpecifier(j.identifier('withStyles'))], j.stringLiteral('tss-react/mui')));
       importsChanged = true;
     }
-
     path.node.comments = originalComments;
   });
-
   if (!importsChanged) {
     return file.source;
   }
-
   const isTypeScript = file.path.endsWith('.tsx') || file.path.endsWith('.ts');
-
   if (foundMakeStyles) {
     let clsxOrClassnamesName = null;
     root.find(j.ImportDeclaration).forEach(path => {
       const importSource = path.node.source.value;
-
       if (importSource === 'clsx' || importSource === 'classnames') {
         path.node.specifiers.forEach(specifier => {
           if (specifier.type === 'ImportDefaultSpecifier') {
@@ -282,15 +237,12 @@ function transformer(file, api, options) {
           }
         });
         let commentsToPreserve = null;
-
         if (originalFirstNode === path.node) {
           // For a removed import, only preserve the comments if it is the first node in the file,
           // otherwise the comments are probably about the removed import and no longer relevant.
           commentsToPreserve = path.node.comments;
         }
-
         j(path).remove();
-
         if (commentsToPreserve) {
           addCommentsToNode(getFirstNode(j, root), commentsToPreserve, true);
         }
@@ -299,7 +251,6 @@ function transformer(file, api, options) {
     /**
      * Convert makeStyles syntax
      */
-
     const styleHooks = [];
     root.find(j.CallExpression, {
       callee: {
@@ -307,7 +258,6 @@ function transformer(file, api, options) {
       }
     }).forEach(path => {
       let paramsTypes = null;
-
       if (foundCreateStyles) {
         j(path).find(j.CallExpression, {
           callee: {
@@ -317,18 +267,14 @@ function transformer(file, api, options) {
           if (isTypeScript && createStylesPath.node.typeParameters && createStylesPath.node.typeParameters.params.length > 1) {
             paramsTypes = createStylesPath.node.typeParameters.params[1];
           }
-
           return createStylesPath.node.arguments[0];
         });
       }
-
       const nestedKeys = [];
       let makeStylesOptions = null;
-
       if (path.node.arguments.length > 1) {
         makeStylesOptions = path.node.arguments[1];
       }
-
       let stylesExpression = path.node.arguments[0];
       const commentsToAdd = [];
       transformStylesExpression(j, commentsToAdd, path.node.arguments[0], nestedKeys, newStylesExpression => {
@@ -336,24 +282,18 @@ function transformer(file, api, options) {
       });
       addCommentsToClosestDeclaration(j, path, commentsToAdd);
       let makeStylesIdentifier = 'makeStyles';
-
       if (isTypeScript && (nestedKeys.length > 0 || paramsTypes !== null)) {
         let paramsTypeString = 'void';
-
         if (paramsTypes !== null) {
           paramsTypeString = j(paramsTypes).toSource(printOptions);
         }
-
         let nestedKeysString = '';
-
         if (nestedKeys.length > 0) {
           const nestedKeysUnion = nestedKeys.join("' | '");
           nestedKeysString = `, '${nestedKeysUnion}'`;
         }
-
         makeStylesIdentifier += `<${paramsTypeString}${nestedKeysString}>`;
       }
-
       j(path).replaceWith(j.callExpression(j.callExpression(j.identifier(makeStylesIdentifier), makeStylesOptions === null ? [] : [makeStylesOptions]), [stylesExpression]));
     }).closest(j.VariableDeclarator).forEach(path => {
       styleHooks.push(path.node.id.name);
@@ -366,7 +306,6 @@ function transformer(file, api, options) {
      * Convert classes assignment syntax in calls to the hook (e.g. useStyles) and
      * convert usages of clsx or classnames to cx.
      */
-
     styleHooks.forEach(hookName => {
       root.find(j.CallExpression, {
         callee: {
@@ -375,7 +314,6 @@ function transformer(file, api, options) {
       }).forEach(hookCall => {
         if (hookCall.node.arguments.length === 1) {
           const hookArg = hookCall.node.arguments[0];
-
           if (hookArg.type === 'Identifier') {
             const secondArg = j.objectExpression([]);
             secondArg.properties.push(j.objectProperty(j.identifier('props'), j.identifier(hookArg.name)));
@@ -390,14 +328,12 @@ function transformer(file, api, options) {
                 hookArgPropsMinusClasses.push(hookProp);
               }
             });
-
             if (classesProp !== null) {
               if (hookArgPropsMinusClasses.length === 0) {
                 hookCall.node.arguments[0] = j.identifier('undefined');
               } else {
                 hookArg.properties = hookArgPropsMinusClasses;
               }
-
               const secondArg = j.objectExpression([]);
               secondArg.properties.push(j.objectProperty(j.identifier('props'), j.objectExpression([j.objectProperty(j.identifier('classes'), classesProp.value)])));
               hookCall.node.arguments.push(secondArg);
@@ -408,7 +344,6 @@ function transformer(file, api, options) {
         let foundClsxOrClassnamesUsage = false;
         const classesName = path.node.id.name;
         const classesAssign = classesName === 'classes' ? 'classes' : `classes: ${classesName}`;
-
         if (clsxOrClassnamesName !== null) {
           j(path).closestScope().find(j.CallExpression, {
             callee: {
@@ -419,7 +354,6 @@ function transformer(file, api, options) {
             foundClsxOrClassnamesUsage = true;
           });
         }
-
         if (foundClsxOrClassnamesUsage) {
           path.node.id.name = `{ ${classesAssign}, cx }`;
         } else {
@@ -436,7 +370,6 @@ function transformer(file, api, options) {
       });
     });
   }
-
   if (foundWithStyles) {
     /**
      * Convert withStyles syntax
@@ -452,7 +385,6 @@ function transformer(file, api, options) {
     }).replaceWith(path => {
       const withStylesCall = path.node.callee;
       const styles = path.node.callee.arguments[0];
-
       if (styles.type === 'Identifier') {
         styleVariables.push(styles.name);
       } else {
@@ -463,7 +395,6 @@ function transformer(file, api, options) {
         });
         addCommentsToClosestDeclaration(j, path, commentsToAdd);
       }
-
       const component = path.node.arguments[0];
       withStylesCall.arguments.unshift(component);
       return withStylesCall;
@@ -483,6 +414,5 @@ function transformer(file, api, options) {
       });
     });
   }
-
   return root.toSource(printOptions);
 }

package/node/v5.0.0/jss-to-tss-react.test/actual-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 _styles = require("@material-ui/core/styles");
-
 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, _styles.makeStyles)({
   test: {
     backgroundColor: "purple",
@@ -34,7 +29,6 @@ const useStyles2 = (0, _styles.makeStyles)(() => ({
     color: "lime"
   }
 }));
-
 function InnerComponent() {
   const classes = useStyles2();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -42,7 +36,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ComponentUsingStyles;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@material-ui/core");
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _InnerComponent;
-
 const useStyles = (0, _core.makeStyles)(() => ({
   test: {
     backgroundColor: "purple",
@@ -46,7 +39,6 @@ const useStyles2 = (0, _core.makeStyles)({
     color: "lime"
   }
 });
-
 function InnerComponent() {
   const classes = useStyles2();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -54,7 +46,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const classes = useStyles(props);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {

package/node/v5.0.0/jss-to-tss-react.test/actual-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 _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _InnerComponent;
-
 const useStyles = (0, _makeStyles.default)({
   test: {
     backgroundColor: "purple",
@@ -35,7 +29,6 @@ const useStyles2 = (0, _makeStyles.default)({
     color: "lime"
   }
 });
-
 function InnerComponent() {
   const classes = useStyles2();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -43,7 +36,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/node/v5.0.0/jss-to-tss-react.test/actual-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 _styles = require("@mui/styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _InnerComponent;
-
 const useStyles = (0, _styles.makeStyles)({
   test: {
     backgroundColor: "purple",
@@ -35,7 +29,6 @@ const useStyles2 = (0, _styles.makeStyles)({
     color: "lime"
   }
 });
-
 function InnerComponent() {
   const classes = useStyles2();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -43,7 +36,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -1,23 +1,17 @@
 "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 _clsx = _interopRequireDefault(require("clsx"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@material-ui/core/styles");
-
 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: {
@@ -26,13 +20,11 @@ function mixins() {
     }
   };
 }
-
 function cssProps() {
   return {
     paddingLeft: "8px"
   };
 }
-
 const useStyles = (0, _styles.makeStyles)(theme => {
   return mixins();
 });
@@ -41,7 +33,6 @@ const useStyles2 = (0, _styles.makeStyles)(theme => (0, _extends2.default)({}, m
     color: "red"
   }, cssProps())
 }));
-
 function ComponentUsingStyles(props) {
   const classes = useStyles();
   const classes2 = useStyles2();

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useExportedStyles = exports.default = void 0;
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var React = _interopRequireWildcard(require("react"));
-
 var _core = require("@material-ui/core");
-
 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; }
-
 const useStyles = (0, _core.makeStyles)(() => ({
   test: {
     backgroundColor: "purple",
@@ -60,7 +51,6 @@ const useGlobalStyles = (0, _core.makeStyles)(() => ({
     }
   }
 }));
-
 function InnerComponent() {
   const classes = useStyles2();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -68,7 +58,6 @@ function InnerComponent() {
     children: "Inner Test"
   });
 }
-
 function ComponentUsingStyles(props) {
   const classes = useStyles(props);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -81,6 +70,5 @@ function ComponentUsingStyles(props) {
     })]
   });
 }
-
 var _default = useStyles3;
 exports.default = _default;

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

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const useStyles = (0, _styles.makeStyles)(theme => (0, _styles.createStyles)({
   root: ({
     color,
@@ -34,7 +29,6 @@ const useStyles = (0, _styles.makeStyles)(theme => (0, _styles.createStyles)({
 }), {
   name: 'App'
 });
-
 function App({
   classes: classesProp
 }) {
@@ -54,6 +48,5 @@ function App({
     })]
   });
 }
-
 var _default = App;
 exports.default = _default;