@mui/codemod 5.10.11 → 5.10.14

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

@@ -1,51 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _reactRedux = require("react-redux");
-
 var _NoSsr = _interopRequireDefault(require("@material-ui/core/NoSsr"));
-
 var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
-
 var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _recompose = require("recompose");
-
 var _AppBar = _interopRequireDefault(require("modules/components/AppBar"));
-
 var _Logo = _interopRequireDefault(require("modules/components/Logo"));
-
 var _Link = _interopRequireDefault(require("modules/components/Link"));
-
 var _AppAppBarAuthenticated = _interopRequireDefault(require("modules/components/AppAppBarAuthenticated"));
-
 var _AppAppBarUnauthenticated = _interopRequireDefault(require("modules/components/AppAppBarUnauthenticated"));
-
 var _actionTypes = _interopRequireDefault(require("modules/redux/actionTypes"));
-
 var _getUser = _interopRequireDefault(require("modules/getUser"));
-
 var _getCart = _interopRequireDefault(require("modules/getCart"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 // import SearchBar from 'modules/components/SearchBar';
+
 const PREFIX = 'AppAppBar';
 const classes = {
   grow: `${PREFIX}-grow`,
@@ -157,43 +137,36 @@ const StyledAppBar = (0, _styles.styled)(_AppBar.default)(({
     }
   }
 }));
-
 class AppAppBar extends _react.default.Component {
   constructor(...args) {
     super(...args);
     this.state = {
       menuOpen: false
     };
-
     this.handleToggleMenu = (event, forceClose) => {
       if (event) {
         event.preventDefault();
       }
-
       this.setState({
         menuOpen: forceClose ? false : !this.state.menuOpen
       });
     };
   }
-
   async componentDidMount() {
     const cart = await (0, _getCart.default)();
     this.props.dispatch({
       type: _actionTypes.default.CART_UPDATE,
       payload: cart
     });
-
     if (this.props.user.logged != null) {
       return;
     }
-
     const user = await (0, _getUser.default)();
     this.props.dispatch({
       type: _actionTypes.default.USER_UPDATE,
       payload: user
     });
   }
-
   render() {
     const {
       children,
@@ -250,9 +223,7 @@ class AppAppBar extends _react.default.Component {
       })
     });
   }
-
 }
-
 process.env.NODE_ENV !== "production" ? AppAppBar.propTypes = {
   children: _propTypes.default.node,
   classes: _propTypes.default.object.isRequired,
@@ -260,9 +231,7 @@ process.env.NODE_ENV !== "production" ? AppAppBar.propTypes = {
   position: _propTypes.default.string,
   user: _propTypes.default.object
 } : void 0;
-
 var _default = (0, _recompose.compose)((0, _reactRedux.connect)(state => ({
   user: state.data.user
 })))(AppAppBar);
-
 exports.default = _default;

package/node/v5.0.0/jss-to-styled.test/fourth.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; }
-
 function getStyles({
   palette,
   spacing
@@ -37,7 +27,6 @@ function getStyles({
     button: {}
   };
 }
-
 const MyCard = (0, _withStyles.default)(getStyles, {
   name: 'ACard'
 })(props => {

package/node/v5.0.0/jss-to-styled.test/fourth.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 = 'ACard';
 const classes = {
   root: `${PREFIX}-root`,
@@ -45,7 +35,6 @@ const StyledCard = (0, _styles.styled)(_Card.default)(function getStyles({
     [`& .${classes.button}`]: {}
   };
 });
-
 const MyCard = props => {
   const {} = props;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCard, {
@@ -59,5 +48,4 @@ const MyCard = props => {
     })
   });
 };
-
 exports.MyCard = MyCard;

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Test = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _React$Fragment;
-
 const Button1 = (0, _withStyles.default)({
   root: {
     backgroundColor: 'red'
@@ -38,9 +31,7 @@ const Button3 = (0, _withStyles.default)({
     padding: '0px'
   }
 })(_Button.default);
-
 const Test = () => _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Button1, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Button2, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Button3, {})]
 }));
-
 exports.Test = Test;

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

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Test = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const PREFIX = 'Test';
 const classes = {
   root: `${PREFIX}-root`,
@@ -22,8 +16,9 @@ const classes = {
   actions: `${PREFIX}-actions`,
   root3: `${PREFIX}-root3`,
   actions2: `${PREFIX}-actions2`
-}; // 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
 }) => ({
@@ -46,7 +41,6 @@ const Root = (0, _styles.styled)('div')(({
 const Button1 = _Button.default;
 const Button2 = _Button.default;
 const Button3 = _Button.default;
-
 const Test = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Button1, {
     classes: {
@@ -64,5 +58,4 @@ const Test = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     }
   })]
 });
-
 exports.Test = Test;

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-
 var _react = _interopRequireWildcard(require("react"));
-
 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 => ({
   header: {
     marginLeft: theme.spacing(5),
@@ -28,7 +21,6 @@ const useStyles = (0, _makeStyles.default)(theme => ({
     marginTop: theme.spacing(4)
   }
 }));
-
 function Page() {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {

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

@@ -4,23 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-
 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 = 'nineth';
 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
 }) => ({
@@ -34,7 +29,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/second.actual.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Typography2 = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
-
 var _Container = _interopRequireDefault(require("modules/components/Container"));
-
 var _Button2 = _interopRequireDefault(require("modules/components/Button"));
-
 var _Link = _interopRequireDefault(require("modules/components/Link"));
-
 var _Link2 = _interopRequireDefault(require("@material-ui/core/Link"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _Typography, _Button;
-
 const useStyles = (0, _makeStyles.default)(theme => ({
   root: {
     height: '70vh',
@@ -59,7 +48,6 @@ const useStyles = (0, _makeStyles.default)(theme => ({
     marginRight: theme.spacing(2)
   }
 }));
-
 function AffiliatesHero() {
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -97,6 +85,5 @@ function AffiliatesHero() {
     })
   });
 }
-
 var _default = AffiliatesHero;
 exports.default = _default;

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

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@mui/material/styles");
-
 var _Typography2 = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _Container = _interopRequireDefault(require("modules/components/Container"));
-
 var _Button2 = _interopRequireDefault(require("modules/components/Button"));
-
 var _Link = _interopRequireDefault(require("modules/components/Link"));
-
 var _Link2 = _interopRequireDefault(require("@material-ui/core/Link"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _Typography, _Button;
-
 const PREFIX = 'AffiliatesHero';
 const classes = {
   root: `${PREFIX}-root`,
@@ -69,7 +58,6 @@ const Root = (0, _styles.styled)('div')(({
     marginRight: theme.spacing(2)
   }
 }));
-
 function AffiliatesHero() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
     className: classes.root,
@@ -106,6 +94,5 @@ function AffiliatesHero() {
     })
   });
 }
-
 var _default = AffiliatesHero;
 exports.default = _default;

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

@@ -1,26 +1,17 @@
 "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 _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
-
 var _CircularProgress2 = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
-
 var _gatsby = require("gatsby");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _CircularProgress;
-
 const useStyles = (0, _makeStyles.default)({
   iframe: {
     display: 'block',
@@ -35,7 +26,6 @@ const useStyles = (0, _makeStyles.default)({
     alignItems: 'center'
   }
 });
-
 const onPathnameChange = ({
   pathname,
   search
@@ -44,46 +34,36 @@ const onPathnameChange = ({
   if (pathname === '/') {
     window.location = (0, _gatsby.withPrefix)('/');
     return;
-  } // For Dokan
-  // Contributor theme edit /items/material-dashboard/edit/
-
+  }
 
+  // For Dokan
+  // Contributor theme edit /items/material-dashboard/edit/
   if (/^\/items\/(.*)\/edit\/$/.test(pathname)) {
     return;
   }
-
   const match = /^(\/items\/|\/contributors\/|\/order-cart\/|\/my-account\/lost-password\/)/.test(pathname);
-
   if (match) {
     (0, _gatsby.navigate)(`${pathname}${search}`);
     return;
   }
-
   const orderDownload = /^\/order-payment\/order-received\/(.*)\/$/.exec(pathname);
-
   if (orderDownload) {
     const orderId = parseInt(orderDownload[1], 10);
     const key = search.replace(/^\?key=/, '');
     (0, _gatsby.navigate)(`/order-download/?orderId=${orderId}&key=${key}`);
   }
 };
-
 function Iframe(props) {
   const classes = useStyles();
-
   const [loaded, setLoaded] = _react.default.useState(false);
-
   const [iframeHeight, setIframeHeight] = _react.default.useState(null);
-
   _react.default.useEffect(() => {
     const handler = event => {
       console.log('event.data', event.data);
       const scrollHeight = event.data.scrollHeight;
-
       if (scrollHeight) {
         setIframeHeight(scrollHeight);
       }
-
       if (event.data.pathname) {
         onPathnameChange({
           pathname: event.data.pathname,
@@ -91,13 +71,11 @@ function Iframe(props) {
         });
       }
     };
-
     window.addEventListener('message', handler, false);
     return () => {
       window.removeEventListener('message', handler, false);
     };
   }, []);
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [loaded === false ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.loader,
@@ -114,13 +92,11 @@ function Iframe(props) {
         if (props.onLoad) {
           props.onLoad();
         }
-
         setLoaded(true);
       },
       frameBorder: "0"
     }, props))]
   });
 }
-
 var _default = Iframe;
 exports.default = _default;

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

@@ -1,26 +1,17 @@
 "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 _CircularProgress2 = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
-
 var _gatsby = require("gatsby");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _CircularProgress;
-
 const PREFIX = 'Iframe';
 const classes = {
   iframe: `${PREFIX}-iframe`,
@@ -40,7 +31,6 @@ const Root = (0, _styles.styled)('div')({
     alignItems: 'center'
   }
 });
-
 const onPathnameChange = ({
   pathname,
   search
@@ -49,44 +39,35 @@ const onPathnameChange = ({
   if (pathname === '/') {
     window.location = (0, _gatsby.withPrefix)('/');
     return;
-  } // For Dokan
-  // Contributor theme edit /items/material-dashboard/edit/
-
+  }
 
+  // For Dokan
+  // Contributor theme edit /items/material-dashboard/edit/
   if (/^\/items\/(.*)\/edit\/$/.test(pathname)) {
     return;
   }
-
   const match = /^(\/items\/|\/contributors\/|\/order-cart\/|\/my-account\/lost-password\/)/.test(pathname);
-
   if (match) {
     (0, _gatsby.navigate)(`${pathname}${search}`);
     return;
   }
-
   const orderDownload = /^\/order-payment\/order-received\/(.*)\/$/.exec(pathname);
-
   if (orderDownload) {
     const orderId = parseInt(orderDownload[1], 10);
     const key = search.replace(/^\?key=/, '');
     (0, _gatsby.navigate)(`/order-download/?orderId=${orderId}&key=${key}`);
   }
 };
-
 function Iframe(props) {
   const [loaded, setLoaded] = _react.default.useState(false);
-
   const [iframeHeight, setIframeHeight] = _react.default.useState(null);
-
   _react.default.useEffect(() => {
     const handler = event => {
       console.log('event.data', event.data);
       const scrollHeight = event.data.scrollHeight;
-
       if (scrollHeight) {
         setIframeHeight(scrollHeight);
       }
-
       if (event.data.pathname) {
         onPathnameChange({
           pathname: event.data.pathname,
@@ -94,13 +75,11 @@ function Iframe(props) {
         });
       }
     };
-
     window.addEventListener('message', handler, false);
     return () => {
       window.removeEventListener('message', handler, false);
     };
   }, []);
-
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
     children: [loaded === false ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classes.loader,
@@ -117,13 +96,11 @@ function Iframe(props) {
         if (props.onLoad) {
           props.onLoad();
         }
-
         setLoaded(true);
       },
       frameBorder: "0"
     }, props))]
   });
 }
-
 var _default = Iframe;
 exports.default = _default;