@hmlr/govuk-react-components-library 1.2.1 → 1.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmlr/govuk-react-components-library",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "These are common component use for React applications based on GDS and govuk-frontend",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -24,9 +24,10 @@
     "storybook": "storybook dev -p 6006 --debug-webpack",
     "build-storybook": "storybook build --debug-webpack",
     "test-storybook": "test-storybook",
-    "format:check": "prettier --ignore-path .gitignore --check '**/*.+(js|mjs|ts|tsx|json|css|scss|html|md)'",
+    "test-storybook:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && npm run test-storybook -- --maxWorkers=2\"",
+    "format:check": "prettier --ignore-path .gitignore --ignore-path .prettierignore --check '**/*.+(js|mjs|ts|tsx|json|css|scss|html|md)'",
     "lint": "eslint 'src/**/*.ts*' && npm run format:check && stylelint 'src/**/*.{css,scss,less}'",
-    "format": "prettier --ignore-path .gitignore --write '**/*.+(js|mjs|ts|tsx|json|css|scss|html|md)'",
+    "format": "prettier --ignore-path .gitignore --ignore-path .prettierignore --write '**/*.+(js|mjs|ts|tsx|json|css|scss|html|md)'",
     "lint-fix": "eslint --fix 'src/**/*.ts*' && npm run format && stylelint --fix 'src/**/*.{css,scss,less}' ",
     "prepare": "husky",
     "release": "standard-version",
@@ -55,93 +56,97 @@
   "author": "Cyril Adelekan",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/preset-env": "^7.29.2",
-    "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
-    "@chromatic-com/storybook": "^5.1.1",
-    "@commitlint/cli": "^20.5.0",
-    "@commitlint/config-conventional": "^20.5.0",
-    "@eslint/js": "^9.37.0",
-    "@jest/globals": "^30.3.0",
-    "@rollup/plugin-commonjs": "^29.0.2",
+    "@babel/core": "^7.29.7",
+    "@babel/preset-env": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@chromatic-com/storybook": "^5.3.1",
+    "@commitlint/cli": "^21.2.2",
+    "@commitlint/config-conventional": "^21.2.2",
+    "@eslint/js": "^9.39.5",
+    "@jest/globals": "^30.5.1",
+    "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^1.0.0",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@storybook/addon-a11y": "^10.3.3",
-    "@storybook/addon-links": "^10.3.3",
-    "@storybook/addon-styling-webpack": "^3.0.1",
+    "@storybook/addon-a11y": "^10.6.0",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/addon-styling-webpack": "^3.0.2",
     "@storybook/addon-webpack5-compiler-swc": "^4.0.3",
-    "@storybook/react-vite": "^10.3.3",
-    "@storybook/react-webpack5": "^10.3.3",
-    "@storybook/test-runner": "^0.24.3",
-    "@testing-library/jest-dom": "^6.9.1",
-    "@testing-library/react": "^16.3.2",
+    "@storybook/react-vite": "^10.6.0",
+    "@storybook/react-webpack5": "^10.6.0",
+    "@storybook/test-runner": "^0.24.5",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
     "@types/govuk-frontend": "^5.11.0",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.7",
     "assert": "^2.1.0",
-    "autoprefixer": "^10.4.27",
-    "babel-jest": "^30.3.0",
+    "autoprefixer": "^10.5.5",
+    "babel-jest": "^30.5.1",
     "bootstrap": "^5.3.8",
-    "chromatic": "^16.0.0",
-    "css-loader": "^7.1.4",
+    "chromatic": "^18.7.2",
+    "concurrently": "^10.0.5",
+    "css-loader": "^7.1.5",
     "deep-iterator": "^1.1.0",
-    "eslint": "^9.37.0",
+    "eslint": "^9.39.5",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^10.3.3",
-    "globals": "^17.4.0",
-    "govuk-frontend": "^6.1.0",
+    "eslint-plugin-storybook": "^10.6.0",
+    "globals": "^17.12.0",
+    "govuk-frontend": "^6.5.0",
     "html-react-parser": "^5.2.17",
+    "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.3.0",
-    "jest-environment-jsdom": "^30.3.0",
-    "magicast": "^0.5.2",
-    "pdfjs-dist": "^4.10.38",
-    "postcss": "^8.5.8",
-    "prettier": "^3.8.1",
-    "react": "^19.2.4",
+    "jest": "^30.5.1",
+    "jest-environment-jsdom": "^30.5.1",
+    "magicast": "^0.5.4",
+    "pdfjs-dist": "^6.3.289",
+    "postcss": "^8.5.28",
+    "prettier": "^3.9.6",
+    "react": "^19.2.8",
     "react-bootstrap": "^2.10.10",
-    "react-dom": "^19.2.4",
+    "react-dom": "^19.2.8",
     "react-element-to-jsx-string": "^17.0.1",
-    "react-router": "^7.13.2",
-    "react-router-dom": "^7.13.2",
+    "react-router": "^7.18.3",
+    "react-router-dom": "^7.18.3",
     "rimraf": "^6.1.3",
-    "rollup": "^4.60.0",
+    "rollup": "^4.63.1",
     "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-dts": "^6.4.1",
+    "rollup-plugin-dts": "^6.5.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^6.0.4",
-    "sass": "^1.98.0",
-    "sass-loader": "^16.0.7",
+    "rollup-plugin-visualizer": "^6.0.11",
+    "sass": "^1.104.0",
+    "sass-loader": "^17.0.1",
     "standard-version": "^9.5.0",
-    "storybook": "^10.3.3",
+    "storybook": "^10.6.0",
     "style-loader": "^4.0.0",
-    "stylelint": "^17.6.0",
-    "stylelint-config-recess-order": "^7.7.0",
+    "stylelint": "^17.15.0",
+    "stylelint-config-recess-order": "^7.8.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-config-standard-scss": "^17.0.0",
-    "stylelint-order": "^7.0.1",
+    "stylelint-order": "^8.1.1",
     "tslib": "^2.8.1",
     "tsuml2": "^0.17.1",
-    "typescript": "^5.9.3",
-    "typescript-eslint": "^8.57.2",
-    "unplugin": "^3.0.0",
-    "webpack": "^5.105.4",
-    "@storybook/addon-docs": "^10.3.3"
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.70.0",
+    "unplugin": "^3.3.0",
+    "wait-on": "^9.1.0",
+    "webpack": "^5.110.3"
   },
   "peerDependencies": {
     "govuk-frontend": ">=5.14.0",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0",
+    "react-router": ">=6.30.0",
     "react-router-dom": ">=6.30.0"
   },
   "optionalDependencies": {
-    "pdfjs-dist": ">=5.4.54"
+    "pdfjs-dist": ">=6.3.289"
   },
   "jest": {
     "testEnvironment": "jsdom",
@@ -155,7 +160,10 @@
       "customExportConditions": [
         "react-native"
       ]
-    }
+    },
+    "transformIgnorePatterns": [
+      "node_modules/(?!(html-react-parser|domhandler|domelementtype|dom-serializer|entities|html-dom-parser)/)"
+    ]
   },
   "babel": {
     "presets": [
@@ -170,6 +178,15 @@
     ]
   },
   "dependencies": {
-    "ts-dedent": "^2.2.0"
+    "ts-dedent": "^2.3.0"
+  },
+  "allowScripts": {
+    "@parcel/watcher@2.6.0": true,
+    "@swc/core@1.16.1": true,
+    "core-js@2.6.12": true,
+    "fsevents@2.3.2": true,
+    "fsevents@2.3.3": true,
+    "esbuild@0.27.7": true,
+    "unrs-resolver@1.12.2": true
   }
 }

package/scripts/generateStories.mjs

@@ -28,6 +28,7 @@
 import fs from "fs";
 import path from "path";
 import { fileURLToPath } from "url";
+import * as prettier from "prettier";
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const ROOT = path.resolve(__dirname, "..");
@@ -369,7 +370,24 @@ for (const componentName of srcComponentNames) {
     `${componentName}.stories.tsx`,
   );
 
-  fs.writeFileSync(outputPath, generateFile(componentName, fixtures), "utf8");
+  // Formatted here (rather than left for a separate `npm run format` pass)
+  // so the output always matches what `npm run lint` expects - this script
+  // runs on every `npm run storybook` via the `prestorybook` hook, and
+  // unformatted output would fail lint the moment someone commits it.
+  const formatted = await prettier.format(
+    generateFile(componentName, fixtures),
+    { parser: "typescript", filepath: outputPath },
+  );
+
+  // Skip the write when content is unchanged, so a plain `npm run storybook`
+  // restart doesn't touch every story file's mtime (noisy for file watchers
+  // and git status) when nothing upstream has actually changed.
+  const existing = fs.existsSync(outputPath)
+    ? fs.readFileSync(outputPath, "utf8")
+    : null;
+  if (existing !== formatted) {
+    fs.writeFileSync(outputPath, formatted, "utf8");
+  }
   results.generated.push({ componentName, count: fixtures.length });
 }