@mui/codemod 5.10.11 → 5.10.14

package/node/v5.0.0/grid-list-component.test/actual.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _core = require("@material-ui/core");
-
 var _GridListTileBar = _interopRequireDefault(require("@material-ui/core/GridListTileBar"));
-
 var _other = _interopRequireDefault(require("./other"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 // import GridList from '@material-ui/core/GridList';
 // import GridListTile from '@material-ui/core/GridListTile';
 
-/*#__PURE__*/
-(0, _jsxRuntime.jsxs)(_core.GridList, {
+/*#__PURE__*/(0, _jsxRuntime.jsxs)(_core.GridList, {
   cellHeight: "auto",
   cols: numOfCols,
   children: [items.map(({

package/node/v5.0.0/grid-list-component.test/expected.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _core = require("@material-ui/core");
-
 var _ImageListItemBar = _interopRequireDefault(require("@material-ui/core/ImageListItemBar"));
-
 var _other = _interopRequireDefault(require("./other"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 // import ImageList from '@material-ui/core/ImageList';
 // import ImageListItem from '@material-ui/core/ImageListItem';
 
-/*#__PURE__*/
-(0, _jsxRuntime.jsxs)(_core.ImageList, {
+/*#__PURE__*/(0, _jsxRuntime.jsxs)(_core.ImageList, {
   cellHeight: "auto",
   cols: numOfCols,
   children: [items.map(({

package/node/v5.0.0/hidden-down-props.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-
 var _renameProps = _interopRequireDefault(require("../util/renameProps"));
-
 /**
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api

package/node/v5.0.0/icon-button-size.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-
 /**
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
@@ -16,7 +15,6 @@ function transformer(file, api, options) {
     const hasSizeAttribute = path.node.openingElement.attributes.some(node => {
       return node.type === 'JSXAttribute' && node.name.name === 'size';
     });
-
     if (!hasSizeAttribute) {
       path.node.openingElement.attributes.push(j.jsxAttribute(j.jsxIdentifier('size'), j.literal('large')));
     }

package/node/v5.0.0/icon-button-size.test/actual.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _jsxRuntime = require("react/jsx-runtime");
-
-/*#__PURE__*/
-(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+/*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, {
     size: "small"
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, {

package/node/v5.0.0/icon-button-size.test/expected.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _jsxRuntime = require("react/jsx-runtime");
-
-/*#__PURE__*/
-(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+/*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, {
     size: "small"
   }), /*#__PURE__*/(0, _jsxRuntime.jsx)(IconButton, {

package/node/v5.0.0/jss-to-styled.js

@@ -4,109 +4,94 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = transformer;
-
 const nodePath = require('path');
+
 /**
  * @param {import('jscodeshift').FileInfo} file
  * @param {import('jscodeshift').API} api
  */
-
-
 function transformer(file, api, options) {
   const j = api.jscodeshift;
   const root = j(file.source);
+
   /**
    * @param {string} filePath
    * @example computePrefixFromPath('/a/b/c/Anonymous.tsx') === 'Anonymous'
    * @example computePrefixFromPath('/a/b/c/Anonymous.server.tsx') === 'Anonymous'
    */
-
   function computePrefixFromPath(filePath) {
     return nodePath.basename(filePath, nodePath.extname(filePath)).split('.')[0];
   }
+
   /**
    *
    * @param {import('jscodeshift').CallExpression} withStylesCall
    */
-
-
   function getPrefix(withStylesCall) {
-    let prefix; // 1. check from withStylesFn
+    let prefix;
 
+    // 1. check from withStylesFn
     if (withStylesCall && withStylesCall.arguments[1] && withStylesCall.arguments[1].properties) {
       const name = withStylesCall.arguments[1].properties.find(prop => prop.key.name === 'name');
       prefix = name.value.value;
     }
-
     if (!prefix) {
       // 2. check name from export default
       root.find(j.ExportDefaultDeclaration).forEach(path => {
         prefix = path.node.declaration.name;
       });
     }
-
     if (!prefix) {
       // 3. use name export that is Capitalize
       root.find(j.ExportNamedDeclaration).forEach(path => {
         if (path.node.declaration.type !== 'VariableDeclaration') {
           return;
         }
-
         const name = path.node.declaration.declarations[0].id.name;
-
         if (!prefix && name.match(/^[A-Z]/)) {
           prefix = name;
         }
       });
     }
-
     if (!prefix) {
       prefix = computePrefixFromPath(file.path);
     }
-
     return prefix;
   }
-
   function getFirstJsxName() {
     const matches = file.source.match(/<\/?(\w*)[\s\S]*?>/gm);
-
     if (matches) {
-      const closingTag = matches.slice(-1)[0]; // Self closing tag
+      const closingTag = matches.slice(-1)[0];
 
+      // Self closing tag
       if (closingTag.endsWith('/>') && closingTag !== '</>') {
         const end = closingTag.indexOf(' ') > 0 ? closingTag.indexOf(' ') : closingTag.length - 1;
         return closingTag.substring(1, end);
       }
-
       return closingTag.substring(2, closingTag.length - 1);
     }
-
     return null;
   }
-
   function getRootClassKeys() {
     const name = getFirstJsxName();
-
     if (name) {
       const rootClassKeys = [];
       root.findJSXElements(name).at(0).forEach(path => {
         const existingClassName = path.node.openingElement.attributes.find(attr => attr.name && attr.name.name === 'className');
-
         if (existingClassName) {
-          if (existingClassName.value.type === 'StringLiteral') {// className="string"
+          if (existingClassName.value.type === 'StringLiteral') {
+            // className="string"
           }
-
           if (existingClassName.value.type === 'JSXExpressionContainer') {
-            if (existingClassName.value.expression.type === 'StringLiteral') {// className={'string'}
+            if (existingClassName.value.expression.type === 'StringLiteral') {
+              // className={'string'}
             }
-
             if (existingClassName.value.expression.type === 'MemberExpression') {
               // className={classes.root}
               if (existingClassName.value.expression.object.name === 'classes') {
                 rootClassKeys.push(existingClassName.value.expression.property.name);
               }
             }
-
             if (existingClassName.value.expression.type === 'CallExpression') {
               // className={clsx(classes.root)}
               existingClassName.value.expression.arguments.forEach(arg => {
@@ -115,7 +100,6 @@ function transformer(file, api, options) {
                     rootClassKeys.push(arg.property.name);
                   }
                 }
-
                 if (arg.type === 'ObjectExpression') {
                   arg.properties.forEach(prop => {
                     if (prop.key.object && prop.key.object.name === 'classes') {
@@ -130,22 +114,17 @@ function transformer(file, api, options) {
       });
       return rootClassKeys;
     }
-
     return [];
   }
-
   function isTagNameFragment(tagName) {
     return tagName === 'React.Fragment' || tagName === 'Fragment' || tagName === '';
   }
-
   function isTagNameSuspense(tagName) {
     return tagName === 'React.Suspense' || tagName === 'Suspense';
   }
-
   function createStyledComponent(componentName, styledComponentName, stylesFn) {
     let styleArg = null;
     const rootIsFragment = isTagNameFragment(componentName);
-
     if (rootIsFragment) {
       // The root is React.Fragment
       styleArg = j.stringLiteral('div');
@@ -155,23 +134,18 @@ function transformer(file, api, options) {
     } else {
       styleArg = j.stringLiteral(componentName);
     }
-
     const declaration = j.variableDeclaration('const', [j.variableDeclarator(j.identifier(styledComponentName), j.callExpression(j.callExpression(j.identifier('styled'), [styleArg]), [stylesFn]))]);
-
     if (rootIsFragment) {
       declaration.comments = [j.commentLine(' TODO jss-to-styled codemod: The Fragment root was replaced by div. Change the tag if needed.')];
     }
-
     return declaration;
   }
-
   const classesCount = {};
   /**
    *
    * @param {import('jscodeshift').ObjectExpression} objExpression
    * @param {import('jscodeshift').ObjectExpression} prevObj
    */
-
   function createClasses(objExpression, prevObj) {
     const classes = prevObj || j.objectExpression([]);
     objExpression.properties.forEach(prop => {
@@ -180,7 +154,6 @@ function transformer(file, api, options) {
       } else {
         classesCount[prop.key.name] += 1;
       }
-
       const resolvedKey = classesCount[prop.key.name] === 1 ? prop.key.name : `${prop.key.name}${classesCount[prop.key.name]}`;
       classes.properties.push(j.objectProperty(j.identifier(resolvedKey), j.templateLiteral([j.templateElement({
         raw: '',
@@ -192,80 +165,66 @@ function transformer(file, api, options) {
     });
     return classes;
   }
+
   /**
    *
    * @param {import('jscodeshift').ArrowFunctionExpression | import('jscodeshift').FunctionDeclaration} functionExpression
    */
-
-
   function getReturnStatement(functionExpression) {
     if (functionExpression.type === 'ObjectExpression') {
       return functionExpression;
     }
-
     if (functionExpression.type === 'ArrowFunctionExpression') {
       if (functionExpression.body.type === 'BlockStatement') {
         const returnStatement = functionExpression.body.body.find(b => b.type === 'ReturnStatement');
         return returnStatement.argument;
       }
-
       if (functionExpression.body.type === 'ObjectExpression') {
         return functionExpression.body;
       }
-
       if (functionExpression.body.type === 'CallExpression') {
         if (functionExpression.body.callee.name === 'createStyles') {
           return functionExpression.body.arguments[0];
         }
       }
     }
-
     if (functionExpression.type === 'FunctionDeclaration') {
       const returnStatement = functionExpression.body.body.find(b => b.type === 'ReturnStatement');
       return returnStatement.argument;
     }
-
     if (functionExpression.type === 'CallExpression') {
       if (functionExpression.callee.name === 'createStyles') {
         return functionExpression.arguments[0];
       }
     }
-
     return null;
   }
+
   /**
    * @param {import('jscodeshift').ObjectExpression | import('jscodeshift').ArrowFunctionExpression | import('jscodeshift').FunctionDeclaration} expression
    */
-
-
   function getObjectExpression(expression) {
     let objectExpression;
-
     if (expression.type === 'ObjectExpression') {
       objectExpression = expression;
     }
-
     if (expression.type === 'ArrowFunctionExpression') {
       if (expression.body.type === 'BlockStatement') {
         const returnStatement = expression.body.body.find(b => b.type === 'ReturnStatement');
         objectExpression = returnStatement.argument;
       }
-
       if (expression.body.type === 'ObjectExpression') {
         expression.body.extra.parenthesized = false;
         objectExpression = expression.body;
       }
     }
-
     if (expression.type === 'FunctionDeclaration') {
       expression.type = 'FunctionExpression';
       const returnStatement = expression.body.body.find(b => b.type === 'ReturnStatement');
       objectExpression = returnStatement.argument;
     }
-
     return objectExpression;
   }
-
   const stylesCount = {};
   /**
    *
@@ -273,10 +232,8 @@ function transformer(file, api, options) {
    * @param {string[]} rootKeys
    * @param {import('jscodeshift').ObjectExpression | import('jscodeshift').ArrowFunctionExpression | import('jscodeshift').FunctionDeclaration} prevStyleArg
    */
-
-  function convertToStyledArg(functionExpression, rootKeys = [], prevStyleArg) {
+  function convertToStyledArg(functionExpression, rootKeys, prevStyleArg) {
     const objectExpression = getObjectExpression(functionExpression);
-
     if (objectExpression) {
       objectExpression.properties.forEach(prop => {
         if (!stylesCount[prop.key.name]) {
@@ -284,7 +241,6 @@ function transformer(file, api, options) {
         } else {
           stylesCount[prop.key.name] += 1;
         }
-
         const resolvedKey = stylesCount[prop.key.name] === 1 ? prop.key.name : `${prop.key.name}${stylesCount[prop.key.name]}`;
         const selector = rootKeys.includes(resolvedKey) ? '&.' : '& .';
         prop.key = j.templateLiteral([j.templateElement({
@@ -298,41 +254,34 @@ function transformer(file, api, options) {
         return prop;
       });
     }
-
     if (functionExpression.params) {
       functionExpression.params = functionExpression.params.map(param => {
         if (param.type === 'ObjectPattern') {
           return j.objectPattern([j.objectProperty(j.identifier('theme'), param)]);
         }
-
         const prop = j.objectProperty(param, param);
         prop.shorthand = true;
         return j.objectPattern([prop]);
       });
     }
-
     if (prevStyleArg) {
       const prevObjectExpression = getObjectExpression(prevStyleArg);
-
       if (objectExpression) {
         // merge object
         prevObjectExpression.properties = [...prevObjectExpression.properties, ...objectExpression.properties];
       }
-
       if (functionExpression.params && prevStyleArg.type === 'ObjectExpression') {
         // turn prevStyleArg to ArrowFunction
         prevStyleArg = j.arrowFunctionExpression(functionExpression.params, prevStyleArg);
       }
-
       return prevStyleArg;
     }
-
     return functionExpression;
   }
-
   const printOptions = options.printOptions || {
     quote: 'single'
   };
+
   /**
    * find withStyles, makeStyles arg variable
    * ex. withStyles(styles, options)
@@ -356,24 +305,19 @@ function transformer(file, api, options) {
       name: 'makeStyles'
     }
   }).nodes()[0];
-
   if (!withStylesCall && !makeStylesCall) {
     return file.source;
   }
-
   const rootJsxName = getFirstJsxName();
-
   if (isTagNameSuspense(rootJsxName)) {
     return file.source;
   }
-
   const styledComponentName = rootJsxName.match(/^[A-Z]/) && !isTagNameFragment(rootJsxName) ? `Styled${rootJsxName}`.replace('.', '') : 'Root';
   const prefix = getPrefix(withStylesCall || makeStylesCall);
   const rootClassKeys = getRootClassKeys();
   const result = {};
   const componentClassesCount = {};
   const withStylesComponents = [];
-
   if (withStylesCall) {
     let stylesFnName;
     root.find(j.CallExpression, {
@@ -382,13 +326,10 @@ function transformer(file, api, options) {
       }
     }).forEach(path => {
       const arg = path.node.arguments[0];
-
       if (arg.type === 'Identifier') {
         stylesFnName = arg.name;
       }
-
       const objectExpression = getReturnStatement(arg);
-
       if (objectExpression) {
         // do this first, because objectExpression will be mutated in `createClasses` below.
         if (path.parent.parent && path.parent.parent.node.id) {
@@ -401,13 +342,11 @@ function transformer(file, api, options) {
               } else {
                 componentClassesCount[prop.key.name] += 1;
               }
-
               const resolvedKey = componentClassesCount[prop.key.name] === 1 ? prop.key.name : `${prop.key.name}${componentClassesCount[prop.key.name]}`;
               return j.property('init', j.identifier(prop.key.name), j.memberExpression(j.identifier('classes'), j.identifier(resolvedKey)));
             }))
           });
         }
-
         result.classes = createClasses(objectExpression, result.classes);
         result.styledArg = convertToStyledArg(arg, rootClassKeys, result.styledArg);
       }
@@ -419,7 +358,6 @@ function transformer(file, api, options) {
     }).forEach(path => {
       let fnArg = path.node.init;
       const objectExpression = getReturnStatement(fnArg);
-
       if (fnArg.type === 'ArrowFunctionExpression') {
         if (fnArg.body.type === 'CallExpression') {
           if (fnArg.body.callee.name === 'createStyles') {
@@ -427,13 +365,11 @@ function transformer(file, api, options) {
           }
         }
       }
-
       if (fnArg.type === 'CallExpression') {
         if (fnArg.callee.name === 'createStyles') {
           fnArg = fnArg.arguments[0];
         }
       }
-
       if (objectExpression) {
         result.classes = createClasses(objectExpression, result.classes);
         result.styledArg = convertToStyledArg(fnArg, rootClassKeys);
@@ -449,7 +385,6 @@ function transformer(file, api, options) {
       result.styledArg = convertToStyledArg(path.node, rootClassKeys);
     }).remove();
   }
-
   if (makeStylesCall) {
     let stylesFnName;
     root.find(j.CallExpression, {
@@ -458,13 +393,10 @@ function transformer(file, api, options) {
       }
     }).at(0).forEach(path => {
       let arg = path.node.arguments[0];
-
       if (arg.type === 'Identifier') {
         stylesFnName = arg.name;
       }
-
       const objectExpression = getReturnStatement(arg);
-
       if (arg.type === 'ArrowFunctionExpression') {
         if (arg.body.type === 'CallExpression') {
           if (arg.body.callee.name === 'createStyles') {
@@ -472,13 +404,11 @@ function transformer(file, api, options) {
           }
         }
       }
-
       if (arg.type === 'CallExpression') {
         if (arg.callee.name === 'createStyles') {
           arg = arg.arguments[0];
         }
       }
-
       if (objectExpression) {
         result.classes = createClasses(objectExpression, result.classes);
         result.styledArg = convertToStyledArg(arg, rootClassKeys);
@@ -490,7 +420,6 @@ function transformer(file, api, options) {
       }
     }).at(0).forEach(path => {
       const objectExpression = getReturnStatement(path.node.init);
-
       if (objectExpression) {
         result.classes = createClasses(objectExpression, result.classes);
         result.styledArg = convertToStyledArg(path.node.init, rootClassKeys);
@@ -507,16 +436,14 @@ function transformer(file, api, options) {
     }).remove();
     root.find(j.VariableDeclaration).filter(path => path.node.declarations.some(d => d.id.name === 'useStyles')).remove();
   }
+
   /**
    * create `classes`
    * create styled `Root`
    */
-
-
   root.find(j.ImportDeclaration).at(-1).forEach(path => {
     path.insertAfter(j.variableDeclaration('const', [j.variableDeclarator(j.identifier('PREFIX'), j.stringLiteral(prefix))]), j.variableDeclaration('const', [j.variableDeclarator(j.identifier('classes'), result.classes)]), createStyledComponent(rootJsxName, styledComponentName, result.styledArg));
   });
-
   function transformJsxRootToStyledComponent(path) {
     if (path.node.openingFragment) {
       path.node.type = 'JSXElement';
@@ -530,23 +457,20 @@ function transformer(file, api, options) {
       };
     } else if (path.node.openingElement && path.node.openingElement.name && path.node.openingElement.name.name === undefined) {
       path.node.openingElement.name = styledComponentName;
-
       if (path.node.closingElement) {
         path.node.closingElement.name = styledComponentName;
       }
     } else {
       path.node.openingElement.name.name = styledComponentName;
-
       if (path.node.closingElement) {
         path.node.closingElement.name.name = styledComponentName;
       }
     }
   }
+
   /**
    * apply <StyledComponent />
    */
-
-
   if (rootJsxName === '') {
     root.find(j.JSXFragment).at(0).forEach(transformJsxRootToStyledComponent);
   } else if (rootJsxName.indexOf('.') > 0) {
@@ -554,7 +478,6 @@ function transformer(file, api, options) {
     root.find(j.JSXElement).forEach(path => {
       if (!converted && path.node.openingElement.name.type === 'JSXMemberExpression') {
         const tagName = `${path.node.openingElement.name.object.name}.${path.node.openingElement.name.property.name}`;
-
         if (tagName === rootJsxName) {
           converted = true;
           transformJsxRootToStyledComponent(path);
@@ -564,12 +487,11 @@ function transformer(file, api, options) {
   } else {
     root.findJSXElements(rootJsxName).at(0).forEach(transformJsxRootToStyledComponent);
   }
+
   /**
    * Attach classes to components created by withStyles
    * ex. const Button1 = withStyles(...)(Button)
    */
-
-
   withStylesComponents.forEach(data => {
     root.find(j.JSXOpeningElement, {
       name: {
@@ -579,41 +501,37 @@ function transformer(file, api, options) {
       if (!path.node.attributes) {
         path.node.attributes = [];
       }
-
       path.node.attributes.push(j.jsxAttribute(j.jsxIdentifier('classes'), j.jsxExpressionContainer(data.classes)));
     });
   });
+
   /**
    * import styled if not exist
    */
-
   const imports = root.find(j.ImportDeclaration).filter(({
     node
   }) => node.source.value.match(/^@material-ui\/core\/styles$/)).forEach(({
     node
   }) => {
     const existed = node.specifiers.find(s => s.imported.name === 'styled');
-
     if (!existed) {
       node.specifiers.push(j.importSpecifier(j.identifier('styled')));
     }
   });
-
   if (!imports.size()) {
     root.find(j.ImportDeclaration).at(0).forEach(path => path.insertAfter(j.importDeclaration([j.importSpecifier(j.identifier('styled'))], j.literal('@mui/material/styles'))));
   }
+
   /**
    * remove import
    */
-
-
   root.find(j.ImportDeclaration).filter(path => path.node.source.value.match(/^(@material-ui|@mui)\/styles\/?(withStyles|makeStyles|createStyles)?$/)).forEach(path => {
     path.node.specifiers = path.node.specifiers.filter(s => s.local.name !== 'withStyles' && s.local.name !== 'makeStyles' && s.local.name !== 'createStyles');
   }).filter(path => !path.node.specifiers.length).remove();
+
   /**
    * remove withStyles calls that create new component
    */
-
   root.find(j.CallExpression, {
     callee: {
       name: 'withStyles'

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

@@ -1,26 +1,18 @@
 "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 _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 = {
   root: {}
 };
-
 var _default = (0, _withStyles.default)(styles)(props => {
   const {
     classes
@@ -30,5 +22,4 @@ var _default = (0, _withStyles.default)(styles)(props => {
     children: "Anonymous"
   });
 });
-
 exports.default = _default;