Migrate nhsuk-frontend v8, bringing components into line with the current style guide.

Author: Joshua Bates

.babelrc

@@ -0,0 +1,4 @@
+jest.config.js
+.eslintrc.js
+rollup.config.mjs
+dist

.eslintignore

@@ -0,0 +1,41 @@
+module.exports = {
+  parserOptions: {
+    project: './tsconfig.json',
+    tsconfigRootDir: __dirname,
+  },
+  env: {
+    browser: true,
+    jest: true,
+  },
+  settings: {
+    'import/resolver': {
+      typescript: {},
+    },
+    react: {
+      version: 'detect',
+    },
+  },
+  extends: [
+    'plugin:react/recommended',
+    'plugin:@typescript-eslint/recommended',
+    'prettier',
+    'plugin:import/errors',
+    'plugin:import/warnings',
+    'plugin:import/typescript',
+    'plugin:jsx-a11y/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  rules: {
+    'react/prop-types': 0,
+    'jsx-a11y/anchor-has-content': 0,
+    'jsx-a11y/alt-text': 0,
+    'jsx-a11y/heading-has-content': 0,
+    'react-hooks/exhaustive-deps': 0,
+  },
+  overrides: [
+    {
+      files: ['*.stories.tsx'],
+      rules: { '@typescript-eslint/no-unused-vars': 'off' },
+    },
+  ],
+};

.eslintrc

@@ -1,16 +1,24 @@
 name: CI Build
 
-on: 
+on:
   push:
     branches: main
-  pull_request: 
+  pull_request:
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v1
+      - uses: actions/checkout@v4
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18.x'
+      - name: Enable corepack
+        run: corepack enable
+      - name: Set Yarn version
+        run: yarn set version stable
       - name: Yarn Install
         run: yarn
       - name: Lint

.eslintrc.js

@@ -9,26 +9,39 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v1
-      
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '18.x'
+
+      - name: Enable corepack
+        run: corepack enable
+
+      - name: Set Yarn version
+        run: yarn set version stable
+
       - name: Yarn Install
         run: yarn
-      
+
       - name: Lint
-        run: yarn lint
-      
+        run: yarn lint:ci
+
       - name: Jest Tests
         run: yarn test:ci
-      
+
       - name: Typescript build
         run: yarn build
-      
+
       - name: Set Version to Release Tag Name
         run: |
-          yarn version --new-version ${{ github.event.release.tag_name }} --no-git-tag-version
-      
+          yarn version ${{ github.event.release.tag_name }}
+
       - name: Publish to npm, publish pre-release as beta
-        uses: JS-DevTools/npm-publish@v1 
+        uses: JS-DevTools/npm-publish@v1
         with:
           token: ${{ secrets.NPM_TOKEN }}
           tag: ${{ github.event.release.prerelease && 'beta' || 'latest' }}

.github/workflows/ci.yml

@@ -2,8 +2,6 @@
 logs
 *.log
 npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
 lerna-debug.log*
 
 # Diagnostic reports (https://nodejs.org/api/report.html)
@@ -65,6 +63,18 @@ typings/
 # Output of 'npm pack'
 *.tgz
 
+# Yarn files
+yarn-error.log
+yarn-debug.log*
+yarn-error.log*
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
+
 # Yarn Integrity file
 .yarn-integrity
 
@@ -108,8 +118,9 @@ dist
 
 # Custom
 lib/
-yarn-error.log
 storybook-static/
 
 # IDEA files
 .idea/
+
+.DS_Store

.github/workflows/release.yml

@@ -0,0 +1 @@
+18

.gitignore

@@ -1,4 +1,7 @@
 import type { StorybookConfig } from '@storybook/react-vite';
+import { mergeConfig } from 'vite';
+import tsConfigPaths from 'vite-tsconfig-paths';
+
 const config: StorybookConfig = {
   stories: ['../stories/**/*.stories.@(ts|tsx)', '../stories/**/*.mdx'],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
@@ -9,5 +12,13 @@ const config: StorybookConfig = {
   docs: {
     autodocs: true,
   },
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
+  viteFinal(config) {
+    return mergeConfig(config, {
+      plugins: [tsConfigPaths()],
+    });
+  },
 };
 export default config;

.nvmrc

@@ -1,4 +1,4 @@
-import { addons } from '@storybook/addons';
+import { addons } from '@storybook/manager-api';
 import nhsTheme from './theme';
 
 addons.setConfig({