chore: bump to latest version

.eslintrc.js

@@ -0,0 +1,46 @@
+module.exports = {
+  parser: '@babel/eslint-parser',
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module',
+  },
+  extends: ['jason/react', 'prettier', 'plugin:storybook/recommended'],
+  plugins: ['react-hooks'],
+  env: {
+    node: true,
+    browser: true,
+    es6: true,
+  },
+  overrides: [
+    {
+      // or whatever matches stories specified in .storybook/main.js
+      files: ['*.stories.@(ts|tsx|js|jsx|mjs|cjs)'],
+      rules: {
+        // example of overriding a rule
+        //'storybook/hierarchy-separator': 'error',
+        // example of disabling a rule
+        'storybook/default-exports': 'off',
+      },
+    },
+  ],
+  rules: {
+    'global-require': 'off',
+    'no-console': [
+      'error',
+      {
+        allow: ['warn', 'error', 'info'],
+      },
+    ],
+    'no-unused-vars': [
+      'error',
+      {
+        vars: 'all',
+        args: 'after-used',
+        varsIgnorePattern: '^_',
+        argsIgnorePattern: '^_',
+      },
+    ],
+    'react-hooks/rules-of-hooks': 'error',
+    'react-hooks/exhaustive-deps': 'warn',
+  },
+}

.github/workflows/storybook.yml

@@ -14,6 +14,11 @@ jobs:
     steps:
       - name: Checkout 🛎️
         uses: actions/checkout@v3
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 'lts/*'
 
       - name: Install and Build 🔧
         run: | # Install npm packages and build the Storybook files
@@ -22,11 +27,10 @@ jobs:
 
       - name: Deploy 🚀
         # https://github.com/JamesIves/github-pages-deploy-action
-        uses: JamesIves/github-pages-deploy-action@v4.2.5
+        uses: JamesIves/github-pages-deploy-action@v4.4.1
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
-          branch: gh-pages # The branch the action should deploy to.
           folder: storybook-static # The folder that the build-storybook script generates files.
           target-folder: examples
           clean: true # Automatically remove deleted files from the deploy branch
-          commit-msg: 'docs: update documentation site'
+          commit-message: 'docs: update documentation site'

.github/workflows/test.yml

@@ -12,9 +12,9 @@ jobs:
         uses: actions/checkout@v3
 
       - name: Setup Node.js
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v3
         with:
-          node-version: '16.13.2'
+          node-version: '18.13.0'
 
       - name: Install Dependencies
         run: yarn install

.gitignore

@@ -35,6 +35,7 @@ node_modules
 # Mac OS X
 .DS_Store
 
-# Storybook
-
-storybook-static/*
+# Yarn Cache
+.yarn
+# Yarn NodeLinker
+.yarnrc.yml

.scripts/build.mjs

@@ -1,19 +1,19 @@
 #!/usr/bin/env zx
-import isCI from 'is-ci';
+import isCI from 'is-ci'
 
 const {
   b = isCI, // pass `-b` to build if you want it to run browserslist update outside of CI environment
-} = argv;
+} = argv
 
 if (b) {
   // Update browserslist
-  await $`npx browserslist@latest --update-db`;
+  await $`npx update-browserslist-db@latest`
 }
 
 console.log(chalk.blue('[BEGIN BUILD]'))
 console.log(chalk.blue('Building js'))
 // build distributables
-await $`NODE_ENV=production rollup -c`;
+await $`NODE_ENV=production rollup -c`
 console.log(chalk.blue(`Compiling 'lib' js files`))
 // build files used for overrides
 await $`NODE_ENV=production RBC_CJS_BUILD=true babel src --out-dir lib`
@@ -22,7 +22,10 @@ console.log(chalk.blue(`Copying SASS files to 'lib'`))
 await fs.copy('./src/sass', './lib/sass')
 console.log(chalk.blue(`...and the 'Add-on' SASS`))
 // don't forget DnD
-await fs.copy('./src/addons/dragAndDrop/styles.scss', './lib/addons/dragAndDrop/styles.scss')
+await fs.copy(
+  './src/addons/dragAndDrop/styles.scss',
+  './lib/addons/dragAndDrop/styles.scss'
+)
 console.log(chalk.blue('Now we will build some CSS'))
 // Compile SASS from './lib' to get sourcemaps
 console.log(chalk.blue('Compile base styles'))

.storybook/main.js

@@ -30,6 +30,14 @@ module.exports = {
         },
       },
     },
+    {
+      name: '@storybook/addon-postcss',
+      options: {
+        postcssLoaderOptions: {
+          implementation: require('postcss'),
+        },
+      },
+    },
   ],
   framework: '@storybook/react',
   core: {

.storybook/preview.js

@@ -19,4 +19,5 @@ export const parameters = {
       ['Introduction', 'props'],
     ],
   },
+  viewMode: 'docs',
 }