@hmlr/govuk-react-components-library 1.0.2 → 1.1.0

package/dist/types/components/PasswordInput/PasswordInput.types.d.ts

@@ -0,0 +1,49 @@
+export interface PasswordInputLabelProps {
+    children?: React.ReactNode;
+    className?: string;
+    isPageHeading?: boolean;
+    [key: string]: unknown;
+}
+export interface PasswordInputProps {
+    /** Additional CSS classes for the `<input>` element. Maps from fixture `classes` → className */
+    className?: string;
+    /** Pre-existing aria-describedby value to prepend */
+    "aria-describedby"?: string;
+    /** Error message sub-object — `{ children }` after processExampleData transforms `text` */
+    errorMessage?: {
+        children?: React.ReactNode;
+        [key: string]: unknown;
+    };
+    /** Wrapper div options */
+    formGroup?: {
+        className?: string;
+        [key: string]: unknown;
+    };
+    /** Hint sub-object — `{ children }` after processExampleData transforms `text` */
+    hint?: {
+        children?: React.ReactNode;
+        [key: string]: unknown;
+    };
+    /** Label sub-object — `{ children, className, isPageHeading }` */
+    label?: PasswordInputLabelProps;
+    /** Input name attribute */
+    name?: string;
+    /** Input id attribute — also used to link label and aria-describedby */
+    id?: string;
+    /** autocomplete attribute — defaults to "current-password" */
+    autoComplete?: string;
+    /** i18n: label for the show-password button (default: "Show") */
+    showPasswordText?: string;
+    /** i18n: label for the hide-password button (default: "Hide") */
+    hidePasswordText?: string;
+    /** i18n: aria-label for the show-password button */
+    showPasswordAriaLabelText?: string;
+    /** i18n: aria-label for the hide-password button */
+    hidePasswordAriaLabelText?: string;
+    /** i18n: text announced when the password becomes visible */
+    passwordShownAnnouncementText?: string;
+    /** i18n: text announced when the password is hidden */
+    passwordHiddenAnnouncementText?: string;
+    /** Allow pass-through of any other HTML input attributes */
+    [key: string]: unknown;
+}

package/dist/types/components/PasswordInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PasswordInput } from "./PasswordInput";
+export * from "./PasswordInput.config";

package/dist/types/components/index.d.ts

@@ -16,6 +16,7 @@ export * from "./DifferenceNavigation";
 export * from "./ErrorBoundary";
 export * from "./ErrorMessage";
 export * from "./ErrorSummary";
+export * from "./ExitThisPage";
 export * from "./Fieldset";
 export * from "./FileUpload";
 export * from "./Footer";
@@ -32,6 +33,7 @@ export * from "./NotFoundPage";
 export * from "./NotificationBanner";
 export * from "./Pagination";
 export * from "./Panel";
+export * from "./PasswordInput";
 export * from "./PDFViewer";
 export * from "./PhaseBanner";
 export * from "./ProblemWithService";

package/dist/types/utils/WithReference.types.d.ts

@@ -1,10 +1,15 @@
 import React from "react";
+type RefAcceptingComponent = React.ComponentType<Record<string, unknown> & {
+    ref?: React.Ref<HTMLElement>;
+}>;
 export interface WithRefProps {
-    Component: React.ComponentType<unknown>;
+    Component: RefAcceptingComponent;
+    items?: unknown[];
     [key: string]: unknown;
 }
 export interface InfoSectionProps {
     refName: string;
-    Component: React.ComponentType<unknown>;
+    Component: RefAcceptingComponent;
     restProps: Record<string, unknown>;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmlr/govuk-react-components-library",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "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",
@@ -30,7 +30,10 @@
     "prepare": "husky",
     "release": "standard-version",
     "uml": "tsuml2 --glob './src/**/\\!(*.spec|*.test|TestUtilities|JestSetup).[t]s?(x)' -o './assets/uml-diagram.svg'",
-    "chromatic": "npx chromatic --exit-zero-on-changes"
+    "chromatic": "npx chromatic --exit-zero-on-changes",
+    "generate-stories": "node scripts/generateStories.mjs",
+    "prestorybook": "npm run generate-stories",
+    "prebuild-storybook": "npm run generate-stories"
   },
   "repository": {
     "type": "git",
@@ -51,89 +54,90 @@
   "author": "Cyril Adelekan",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.28.0",
-    "@babel/preset-env": "^7.28.0",
-    "@babel/preset-react": "^7.27.1",
-    "@babel/preset-typescript": "^7.27.1",
-    "@chromatic-com/storybook": "^4.0.1",
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^19.8.1",
-    "@eslint/js": "^9.32.0",
-    "@jest/globals": "^30.0.5",
-    "@rollup/plugin-commonjs": "^28.0.6",
+    "@babel/core": "^7.29.0",
+    "@babel/preset-env": "^7.29.0",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@chromatic-com/storybook": "^5.0.1",
+    "@commitlint/cli": "^20.4.4",
+    "@commitlint/config-conventional": "^20.4.4",
+    "@eslint/js": "^9.37.0",
+    "@jest/globals": "^30.3.0",
+    "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
-    "@storybook/addon-a11y": "^9.0.18",
-    "@storybook/addon-links": "^9.0.18",
-    "@storybook/addon-styling-webpack": "^2.0.0",
-    "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/react-vite": "^9.0.18",
-    "@storybook/react-webpack5": "^9.0.18",
-    "@storybook/test-runner": "^0.23.0",
-    "@testing-library/jest-dom": "^6.6.4",
-    "@testing-library/react": "^16.3.0",
-    "@types/govuk-frontend": "^5.9.0",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@rollup/plugin-terser": "^1.0.0",
+    "@rollup/plugin-typescript": "^12.3.0",
+    "@storybook/addon-a11y": "^10.2.18",
+    "@storybook/addon-links": "^10.2.18",
+    "@storybook/addon-styling-webpack": "^3.0.0",
+    "@storybook/addon-webpack5-compiler-swc": "^4.0.2",
+    "@storybook/csf": "^0.1.13",
+    "@storybook/react-vite": "^10.2.18",
+    "@storybook/react-webpack5": "^10.2.18",
+    "@storybook/test-runner": "^0.24.2",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/govuk-frontend": "^5.11.0",
     "@types/jest": "^30.0.0",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.7",
-    "@typescript-eslint/eslint-plugin": "^8.36.0",
-    "@typescript-eslint/parser": "^8.36.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.46.0",
+    "@typescript-eslint/parser": "^8.57.0",
     "assert": "^2.1.0",
-    "autoprefixer": "^10.4.21",
-    "babel-jest": "^30.0.5",
-    "bootstrap": "^5.3.7",
-    "chromatic": "^13.1.2",
-    "css-loader": "^7.1.2",
+    "autoprefixer": "^10.4.27",
+    "babel-jest": "^30.3.0",
+    "bootstrap": "^5.3.8",
+    "chromatic": "^15.2.0",
+    "css-loader": "^7.1.4",
     "deep-iterator": "^1.1.0",
-    "eslint": "^9.32.0",
+    "eslint": "^9.37.0",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-storybook": "^9.0.18",
-    "globals": "^16.3.0",
-    "govuk-frontend": "^5.11.1",
-    "html-react-parser": "^5.2.6",
+    "eslint-plugin-storybook": "^10.2.18",
+    "globals": "^17.4.0",
+    "govuk-frontend": "^5.14.0",
+    "html-react-parser": "^5.2.17",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.0.5",
-    "jest-environment-jsdom": "^30.0.5",
-    "magicast": "^0.3.5",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
+    "magicast": "^0.5.2",
     "pdfjs-dist": "^4.10.38",
-    "postcss": "^8.5.6",
-    "prettier": "^3.6.2",
-    "react": "^19.1.1",
+    "postcss": "^8.5.8",
+    "prettier": "^3.8.1",
+    "react": "^19.2.4",
     "react-bootstrap": "^2.10.10",
-    "react-dom": "^19.1.1",
+    "react-dom": "^19.2.4",
     "react-element-to-jsx-string": "^17.0.1",
-    "react-router": "^7.7.1",
-    "react-router-dom": "^7.7.1",
-    "rimraf": "^6.0.1",
-    "rollup": "^4.46.2",
+    "react-router": "^7.13.1",
+    "react-router-dom": "^7.13.1",
+    "rimraf": "^6.1.3",
+    "rollup": "^4.59.0",
     "rollup-plugin-analyzer": "^4.0.0",
-    "rollup-plugin-dts": "^6.2.1",
+    "rollup-plugin-dts": "^6.4.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-visualizer": "^6.0.3",
-    "sass": "^1.89.2",
-    "sass-loader": "^16.0.5",
+    "rollup-plugin-visualizer": "^6.0.4",
+    "sass": "^1.98.0",
+    "sass-loader": "^16.0.7",
     "standard-version": "^9.5.0",
-    "storybook": "^9.0.18",
+    "storybook": "^10.2.18",
     "style-loader": "^4.0.0",
-    "stylelint": "^16.23.0",
-    "stylelint-config-idiomatic-order": "^10.0.0",
-    "stylelint-config-standard": "^39.0.0",
-    "stylelint-config-standard-scss": "^15.0.1",
-    "stylelint-order": "^7.0.0",
+    "stylelint": "^17.4.0",
+    "stylelint-config-recess-order": "^7.6.1",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-config-standard-scss": "^17.0.0",
+    "stylelint-order": "^7.0.1",
     "tslib": "^2.8.1",
     "tsuml2": "^0.17.1",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.36.0",
-    "unplugin": "^2.3.5",
-    "webpack": "^5.101.0",
-    "@storybook/addon-docs": "^9.0.18"
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.57.0",
+    "unplugin": "^3.0.0",
+    "webpack": "^5.105.4",
+    "@storybook/addon-docs": "^10.2.18"
   },
   "peerDependencies": {
-    "govuk-frontend": ">=5.8.0",
+    "govuk-frontend": ">=5.14.0",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0",
     "react-router-dom": ">=6.30.0"