Merge pull request #112 from perimetre/feature/Update-Storybook-and-d…

…ependencies_CU-86791wyem

upgrade node version to 18

.eslintrc.js

@@ -4,9 +4,7 @@ module.exports = {
     'plugin:jsdoc/recommended',
     'plugin:jsx-a11y/recommended',
     'plugin:@typescript-eslint/recommended', // Uses the recommended rules from the @typescript-eslint/eslint-plugin
-    'prettier/@typescript-eslint', // Uses eslint-config-prettier to disable ESLint rules from @typescript-eslint/eslint-plugin that would conflict with prettier
     'plugin:react/recommended',
-    'prettier/react',
     'plugin:react-hooks/recommended',
     'plugin:storybook/recommended',
     'plugin:prettier/recommended' // Enables eslint-plugin-prettier and displays prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.

.github/workflows/publish-package.yml

@@ -14,7 +14,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.x'
+          node-version: '18.x'
           check-latest: true
           registry-url: 'https://npm.pkg.github.com'
       - run: npm ci

.github/workflows/push-page.yml

@@ -12,7 +12,7 @@ jobs:
       - uses: actions/checkout@v2
       - uses: actions/setup-node@v2
         with:
-          node-version: '16.x'
+          node-version: '18.x'
           check-latest: true
           registry-url: 'https://npm.pkg.github.com'
       - run: npm ci

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx --no -- commitlint --edit "$1"

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npm run check-commit

.nvmrc

@@ -1 +1 @@
-16
+18.18.2

.storybook/main.js

@@ -1,29 +1,55 @@
 module.exports = {
   stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
   staticDirs: ['../public'],
+
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
+    'storybook-addon-jsx',
+    '@storybook/addon-a11y',
+    '@storybook/addon-styling-webpack',
     {
-      name: '@storybook/addon-postcss',
+      name: '@storybook/addon-styling-webpack',
+
       options: {
-        postcssLoaderOptions: {
-          implementation: require('postcss')
-        }
+        rules: [
+          {
+            test: /\.css$/,
+            sideEffects: true,
+            use: [
+              require.resolve('style-loader'),
+              {
+                loader: require.resolve('css-loader'),
+                options: {
+                  importLoaders: 1
+                }
+              },
+              {
+                loader: require.resolve('postcss-loader'),
+                options: {
+                  implementation: require.resolve('postcss')
+                }
+              }
+            ]
+          }
+        ]
       }
-    },
-    'storybook-addon-jsx',
-    '@storybook/addon-a11y',
-    '@whitespace/storybook-addon-html'
+    }
   ],
-  core: {
-    // builder: '@storybook/builder-vite'
-    builder: 'webpack5'
+
+  // babel: async (options) => ({
+  //   ...options,
+  //   // If updating the plugin list make sure you update .babelrc as well, and vice versa
+  //   // Macros is not needed here because styled components now includes it too
+  //   plugins: [...options.plugins, 'babel-plugin-styled-components']
+  // }),
+
+  framework: {
+    name: '@storybook/nextjs',
+    options: {}
   },
-  babel: async (options) => ({
-    ...options,
-    // If updating the plugin list make sure you update .babelrc as well, and vice versa
-    // Macros is not needed here because styled components now includes it too
-    plugins: [...options.plugins, 'babel-plugin-styled-components']
-  })
+
+  docs: {
+    autodocs: true
+  }
 };

.storybook/preview.js

@@ -1,9 +1,5 @@
-import { addDecorator } from '@storybook/react';
-import { jsxDecorator } from 'storybook-addon-jsx';
 import '../src/styles/globals.css';
 
-addDecorator(jsxDecorator);
-
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' }
 };

CHANGELOG.md

@@ -25,6 +25,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+## [11.0.0] 2023-10-31
+
+### **Breaking changes**
+
+- Updated from node `16` to `18`
+- Some ui lib components had to add breaking changes due to new storybook version
+
+### Changes
+
+- Updated storybook libraries, and its dependencies
+
 ## [10.5.1] 2023-09-18
 
 ### Fixed