Merge branch 'layer5io:master' into readme

Author: AbhijeetDev102

.babelrc

@@ -34,10 +34,16 @@
   ],
   "plugins": [
     [
-      "@babel/plugin-proposal-class-properties"
+      "@babel/plugin-transform-class-properties"
     ],
     [
-      "@babel/plugin-proposal-object-rest-spread"
+      "@babel/plugin-transform-nullish-coalescing-operator"
+    ],
+    [
+      "@babel/plugin-transform-object-rest-spread"
+    ],
+    [
+      "@babel/plugin-transform-optional-chaining"
     ],
     [
       "@babel/plugin-transform-async-to-generator"

.eslintrc

@@ -1,13 +1,13 @@
 {
-  "parser": "babel-eslint",
+  "parser": "@babel/eslint-parser",
   "settings": {
     "react": {
       "version": "latest"
     },
     "import/extensions": [
       ".js"
     ],
-    "import/parser": "babel-eslint",
+    "import/parser": "@babel/eslint-parser",
     "import/resolver": {
       "node": {
         "extensions": [
@@ -20,6 +20,7 @@
     }
   },
   "parserOptions": {
+    "requireConfigFile": false,
     "ecmaVersion": 6,
     "sourceType": "module",
     "allowImportExportEverywhere": true,

.github/workflows/publish-package.yml

@@ -65,12 +65,14 @@ jobs:
           echo "Build New Package" >> $GITHUB_STEP_SUMMARY
 
       - name: Publish Package
+        env:
+          NODE_AUTH_TOKEN: ''  # Explicitly empty for install
         run: |
           set -e
           npm publish --provenance --access public --verbose
 
       - name: Pull changes from remote
-        run: git pull origin master
+        run: git pull --rebase --autostash origin master
 
       - uses: stefanzweifel/git-auto-commit-action@v7
         with:
@@ -81,6 +83,3 @@ jobs:
           commit_user_email: lee@toones.io
           commit_author: ${{ github.actor }} <${{ github.actor }}@users.noreply.github.com>
           token: ${{ secrets.GH_ACCESS_TOKEN }}
-
-
-

.npmrc

@@ -0,0 +1 @@
+legacy-peer-deps=true

docs/pages/_document.js

@@ -75,9 +75,9 @@ class MyDocument extends Document {
   }
 }
 
-MyDocument.getInitialProps = ctx => {
+MyDocument.getInitialProps = (ctx) => {
   const pageContext = getPageContext();
-  const page = ctx.renderPage(Component => props => (
+  const page = ctx.renderPage((Component) => (props) => (
     <JssProvider registry={pageContext.sheetsRegistry} generateClassName={pageContext.generateClassName}>
       <Component pageContext={pageContext} {...props} />
     </JssProvider>

docs/pages/index.js

@@ -10,7 +10,7 @@ import Layout from '../utils/layout';
 import withRoot from '../utils/withRoot';
 import { withStyles } from 'tss-react/mui';
 
-const styles = theme => ({
+const styles = (theme) => ({
   stepIcon: {
     fontSize: '30px',
     marginRight: theme.spacing.unit * 2,

docs/utils/CodeSnippet.js

@@ -7,7 +7,7 @@ import 'prismjs/components/prism-bash';
 import Paper from '@mui/material/Paper';
 import { withStyles } from 'tss-react/mui';
 
-const styles = theme => ({});
+const styles = (theme) => ({});
 
 class CodeSnippet extends React.Component {
   static propTypes = {

docs/utils/Menu.js

@@ -7,7 +7,7 @@ import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
 import ListSubheader from '@mui/material/ListSubheader';
 
-const styles = theme => ({
+const styles = (theme) => ({
   list: {
     width: 250,
   },
@@ -26,7 +26,7 @@ const sandboxes = [
   { name: 'Resizable Columns', href: 'https://codesandbox.io/embed/q8w3230qpj?autoresize=1&hidenavigation=1' },
 ];
 
-const SandboxItem = props => (
+const SandboxItem = (props) => (
   <ListItem button>
     <ListItemText onClick={() => window.open(props.href, '_blank')} primary={props.name} />
   </ListItem>
@@ -50,7 +50,7 @@ class Menu extends React.Component {
                 Examples
               </ListSubheader>
             }>
-            {sandboxes.map(item => (
+            {sandboxes.map((item) => (
               <SandboxItem href={item.href} name={item.name} />
             ))}
           </List>

docs/utils/layout.js

@@ -15,7 +15,7 @@ import Menu from './Menu';
 /* eslint-disable import/no-webpack-loader-syntax  */
 import lightTheme from '!raw-loader!prismjs/themes/prism.css';
 
-const styles = theme => ({
+const styles = (theme) => ({
   appBar: {
     backgroundColor: '#23232f',
   },

docs/utils/withRoot.js

@@ -33,7 +33,7 @@ function withRoot(Component) {
     pageContext: PropTypes.object,
   };
 
-  WithRoot.getInitialProps = ctx => {
+  WithRoot.getInitialProps = (ctx) => {
     if (Component.getInitialProps) {
       return Component.getInitialProps(ctx);
     }