upgrade to react 19

.github/workflows/continuous-integration.yml

@@ -1,21 +1,25 @@
-name: React-PhoneNr-Input
+name: react-rollup-boilerplate
 
 on:
   pull_request:
     branches: [ main ]
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
 jobs:
   continuous-integration:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v3
     - uses: actions/setup-node@v3
       with:
-        node-version: 16.x
+        node-version: 18.x
 
     - name: Install dependencies
       run: |
-        yarn install --frozen-lockfile
+        yarn install --immutable
 
     - name: Run Continuous Integration
       run: |

.github/workflows/dependency-review.yml

@@ -9,6 +9,10 @@ on:
   pull_request:
     branches: [ main ]
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
 permissions:
   contents: read
 

.github/workflows/deploy-storybook.yml

@@ -0,0 +1,25 @@
+name: deploy-storybook
+
+on:
+  push:
+    branches:
+      - "main" # change to the branch you wish to deploy from
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.build-publish.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+    - id: build-publish
+      uses: bitovi/[email protected]
+      with:
+        path: storybook-static
+        install_command: yarn install  --immutable
+        build_command: yarn run storybook:build

.gitignore

@@ -4,6 +4,7 @@
 # dependencies
 node_modules
 .yarn/cache
+.yarn/install-state.gz
 
 # builds
 build

.npmignore

@@ -12,6 +12,7 @@
 .travis.yml
 .editorconfig
 .eslint*
+eslint.config.js
 .yarnrc
 .babel*
 .stylelint*

.storybook/main.ts

@@ -1,34 +1,28 @@
+import { mergeConfig } from 'vite';
+import svgr from 'vite-plugin-svgr';
 import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
-  stories: [
-    '../src/**/*.stories.@(js|jsx|ts|tsx)',
-    '../src/**/*.story.@(js|jsx|ts|tsx)'
-  ],
-  addons: [
+  'stories': ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+
+  'addons': [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
-    '@storybook/addon-interactions',
-    {
-      name: '@storybook/addon-docs',
-      options: {
-        configureJSX: true,
-        babelOptions: {},
-        sourceLoaderOptions: null,
-        transcludeMarkdown: true
-      }
-    },
+    '@chromatic-com/storybook',
+    '@storybook/addon-interactions'
   ],
-  framework: {
-    name: '@storybook/react-vite',
-    options: {},
+
+  'framework': {
+    'name': '@storybook/react-vite',
+    'options': {},
+  },
+  'docs': {},
+  'typescript': {
+    'reactDocgen': 'react-docgen-typescript'
   },
-  docs: {
-    autodocs: true,
+  'core': {
+    'disableTelemetry': true
   },
-  core: {
-    disableTelemetry: true,
-  }
 };
 
 export default config;

.storybook/preview.ts

@@ -2,14 +2,15 @@ import type { Preview } from "@storybook/react";
 
 const preview: Preview = {
   parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
     controls: {
       matchers: {
         color: /(background|color)$/i,
-        date: /Date$/,
+        date: /Date$/i,
       },
     },
   },
+
+  tags: ['autodocs']
 };
 
 export default preview;

.stylelintrc.cjs

@@ -9,13 +9,11 @@ module.exports = {
     // General / Sheet
     'no-duplicate-at-import-rules': true,
     'no-duplicate-selectors': true,
-    'selector-max-universal': 0,
-    'max-nesting-depth': 4,
-
-    'scss/at-import-no-partial-leading-underscore': true,
+    'selector-max-universal': 2,
+    'max-nesting-depth': 6,
+    'scss/load-no-partial-leading-underscore': true,
 
     // Declaration block
-    'declaration-block-no-duplicate-properties': true,
     'declaration-block-no-shorthand-property-overrides': true,
 
     // Selector