@rws-aoa/react-library 3.6.4 → 3.6.6

package/dist/components/organisms/content-page/ContentPage.js

@@ -2,10 +2,12 @@ import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { Container as e, Box as i } from "@mui/material";
 import { memo as n } from "react";
 import { AoaSectionHeader as p } from "../../atoms/section-header/SectionHeader.js";
-const l = n(({ children: r, sectionHeaderProps: a, ...t }) => /* @__PURE__ */ o(e, { maxWidth: "xl", children: /* @__PURE__ */ m(i, { "data-qa": t["data-qa"], marginTop: "calc(8 * 4px)", children: [
-  /* @__PURE__ */ o(p, { ...a }),
-  r
-] }) }));
+const l = n(
+  ({ children: r, sectionHeaderProps: a, ...t }) => /* @__PURE__ */ o(e, { maxWidth: "xl", children: /* @__PURE__ */ m(i, { "data-qa": t["data-qa"], marginTop: "calc(8 * 4px)", children: [
+    /* @__PURE__ */ o(p, { ...a }),
+    r
+  ] }) })
+);
 export {
   l as AoaContentPage
 };

package/dist/components/organisms/content-page/ContentPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentPage.js","sources":["../../../../src/components/organisms/content-page/ContentPage.tsx"],"sourcesContent":["import { Box, Container } from \"@mui/material\";\nimport { memo, type PropsWithChildren } from \"react\";\nimport { AoaSectionHeader, type AoaSectionHeaderProps } from \"../../atoms/section-header/SectionHeader\";\n\nexport interface AoaContentPageProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly \"data-qa\"?: string;\n  readonly sectionHeaderProps: AoaSectionHeaderProps;\n}\n\n/**\n * Constructs a basic page with a section header using pre-defined Rijks styling\n *\n * @param props - Props to pass to the content page\n * @example\n * ```jsx\n * <AoaContentPage sectionHeaderProps={{ title: \"This is a title\" }}>I am a child!</AoaContentPage>\n * ```\n */\nexport const AoaContentPage = memo(({ children, sectionHeaderProps, ...props }: PropsWithChildren<AoaContentPageProps>) => {\n  return (\n    <Container maxWidth=\"xl\">\n      <Box data-qa={props[\"data-qa\"]} marginTop=\"calc(8 * 4px)\">\n        <AoaSectionHeader {...sectionHeaderProps} />\n        {children}\n      </Box>\n    </Container>\n  );\n});\n"],"names":["AoaContentPage","memo","children","sectionHeaderProps","props","jsx","Container","jsxs","Box","AoaSectionHeader"],"mappings":";;;;AAqBa,MAAAA,IAAiBC,EAAK,CAAC,EAAE,UAAAC,GAAU,oBAAAC,GAAoB,GAAGC,QAEnE,gBAAAC,EAACC,GAAU,EAAA,UAAS,MAClB,UAAA,gBAAAC,EAACC,GAAI,EAAA,WAASJ,EAAM,SAAS,GAAG,WAAU,iBACxC,UAAA;AAAA,EAAC,gBAAAC,EAAAI,GAAA,EAAkB,GAAGN,GAAoB;AAAA,EACzCD;AAAA,EAAA,CACH,EACF,CAAA,CAEH;"}
+{"version":3,"file":"ContentPage.js","sources":["../../../../src/components/organisms/content-page/ContentPage.tsx"],"sourcesContent":["import { Box, Container } from '@mui/material';\nimport { memo, type PropsWithChildren } from 'react';\nimport { AoaSectionHeader, type AoaSectionHeaderProps } from '../../atoms/section-header/SectionHeader';\n\nexport interface AoaContentPageProps {\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  readonly 'data-qa'?: string;\n  readonly sectionHeaderProps: AoaSectionHeaderProps;\n}\n\n/**\n * Constructs a basic page with a section header using pre-defined Rijks styling\n *\n * @param props - Props to pass to the content page\n * @example\n * ```jsx\n * <AoaContentPage sectionHeaderProps={{ title: \"This is a title\" }}>I am a child!</AoaContentPage>\n * ```\n */\nexport const AoaContentPage = memo(\n  ({ children, sectionHeaderProps, ...props }: PropsWithChildren<AoaContentPageProps>) => {\n    return (\n      <Container maxWidth='xl'>\n        <Box data-qa={props['data-qa']} marginTop='calc(8 * 4px)'>\n          <AoaSectionHeader {...sectionHeaderProps} />\n          {children}\n        </Box>\n      </Container>\n    );\n  }\n);\n"],"names":["AoaContentPage","memo","children","sectionHeaderProps","props","jsx","Container","jsxs","Box","AoaSectionHeader"],"mappings":";;;;AAqBO,MAAMA,IAAiBC;AAAA,EAC5B,CAAC,EAAE,UAAAC,GAAU,oBAAAC,GAAoB,GAAGC,QAEhC,gBAAAC,EAACC,GAAU,EAAA,UAAS,MAClB,UAAA,gBAAAC,EAACC,GAAI,EAAA,WAASJ,EAAM,SAAS,GAAG,WAAU,iBACxC,UAAA;AAAA,IAAC,gBAAAC,EAAAI,GAAA,EAAkB,GAAGN,GAAoB;AAAA,IACzCD;AAAA,EAAA,EAAA,CACH,EACF,CAAA;AAGN;"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAC/G,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,+DAA+D,CAAC;AACzH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,iEAAiE,CAAC;AAC7H,OAAO,EAAE,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,YAAY,EAAE,KAAK,aAAa,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAClJ,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EACL,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAC1B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,kBAAkB,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAClJ,OAAO,EAAE,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAChI,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACnH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAG/G,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,mBAAmB,IAAI,uBAAuB,EACpD,MAAM,iDAAiD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,OAAO,EAAE,MAAM,6CAA6C,CAAC;AAC3E,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAC3G,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,iDAAiD,CAAC;AAC/G,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAC5G,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACzB,MAAM,+DAA+D,CAAC;AACvE,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AACzE,OAAO,EACL,QAAQ,EACR,KAAK,eAAe,EACpB,KAAK,YAAY,EACjB,KAAK,aAAa,EAClB,KAAK,oBAAoB,EAC1B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oDAAoD,CAAC;AAGvF,OAAO,EACL,eAAe,EACf,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,oBAAoB,EAC1B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AACnG,OAAO,EACL,YAAY,EACZ,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACrB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC9B,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACpG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qDAAqD,CAAC;AACnH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAG/G,OAAO,EACL,cAAc,IAAI,kBAAkB,EACpC,KAAK,mBAAmB,IAAI,uBAAuB,EACpD,MAAM,iDAAiD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "3.6.4",
+  "version": "3.6.6",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -11,11 +11,13 @@
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "test": "test-storybook --coverage",
+    "test": "vitest run --project=storybook",
+    "test:watch": "vitest --project=storybook",
+    "typecheck": "tsc -p tsconfig.app.json",
     "lint": "run-p \"lint:**\"",
     "lint:js": "eslint src --fix",
     "lint:css": "stylelint --fix \"./src/assets/css/styles.css\"",
-    "build": "tsc -p ./tsconfig.dev.json && vite build && yarn update-export-mapping",
+    "build": "yarn typecheck && vite build && yarn update-export-mapping",
     "prepack": "yarn build",
     "update-export-mapping": "node scripts/update-export-mapping.mjs",
     "bump": "cliff-jumper",
@@ -24,60 +26,58 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@mui/icons-material": "^5.16.12",
-    "@mui/material": "^5.16.12",
-    "@tanstack/react-router": "^1.97.3",
+    "@mui/icons-material": "^5.16.14",
+    "@mui/material": "^5.16.14",
+    "@tanstack/react-router": "^1.111.3",
     "clsx": "^2.1.1",
     "lodash.merge": "^4.6.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.0",
-    "@babel/preset-env": "^7.26.0",
-    "@babel/preset-react": "^7.26.3",
-    "@babel/preset-typescript": "^7.26.0",
+    "@chromatic-com/storybook": "^3.2.4",
     "@favware/cliff-jumper": "^6.0.0",
-    "@mui/system": "^5.16.12",
-    "@mui/x-data-grid": "^7.23.2",
-    "@mui/x-data-grid-generator": "^7.23.2",
-    "@storybook/addon-coverage": "^1.0.4",
-    "@storybook/addon-essentials": "^7.6.20",
-    "@storybook/addon-interactions": "^7.6.20",
-    "@storybook/addon-links": "^7.6.20",
-    "@storybook/addon-styling": "^1.3.7",
-    "@storybook/addons": "^7.6.20",
-    "@storybook/blocks": "^7.6.20",
-    "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^7.6.20",
-    "@storybook/preview-api": "^7.6.20",
-    "@storybook/react": "^7.6.20",
-    "@storybook/react-webpack5": "^7.6.20",
-    "@storybook/test-runner": "^0.16.0",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.20",
-    "@tanstack/react-form": "*",
+    "@fontsource/material-icons": "^5.1.1",
+    "@fontsource/roboto": "^5.1.1",
+    "@mui/system": "^5.16.14",
+    "@mui/x-data-grid": "^7.27.0",
+    "@mui/x-data-grid-generator": "^7.27.0",
+    "@storybook/addon-a11y": "^8.5.8",
+    "@storybook/addon-console": "^3.0.0",
+    "@storybook/addon-essentials": "^8.5.8",
+    "@storybook/addon-onboarding": "^8.5.8",
+    "@storybook/addon-themes": "^8.5.8",
+    "@storybook/blocks": "^8.5.8",
+    "@storybook/experimental-addon-test": "^8.5.8",
+    "@storybook/manager-api": "^8.5.8",
+    "@storybook/react": "^8.5.8",
+    "@storybook/react-vite": "^8.5.8",
+    "@storybook/test": "^8.5.8",
+    "@storybook/theming": "^8.5.8",
+    "@tanstack/react-form": "0.41.4",
     "@types/lodash.merge": "^4.6.9",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react": "^4.3.4",
-    "babel-plugin-direct-import": "^1.0.0",
-    "eslint": "^9.18.0",
+    "@vitest/browser": "^3.0.6",
+    "@vitest/coverage-v8": "^3.0.6",
+    "eslint": "^9.21.0",
     "glob": "^11.0.1",
     "npm-run-all2": "^7.0.2",
-    "playwright": "^1.49.1",
-    "prettier": "^3.4.2",
-    "prop-types": "^15.8.1",
-    "react-dropzone": "^14.3.5",
+    "playwright": "^1.50.1",
+    "prettier": "^3.5.2",
+    "react-dropzone": "^14.3.8",
     "react-toastify": "^11.0.3",
-    "storybook": "^7.6.20",
-    "stylelint": "^16.13.2",
+    "remark-gfm": "^4.0.1",
+    "storybook": "^8.5.8",
+    "stylelint": "^16.14.1",
     "tslib": "^2.8.1",
     "typescript": "^5.7.3",
-    "vite": "^6.0.11",
-    "vite-plugin-checker": "^0.8.0",
+    "vite": "^6.1.1",
+    "vite-plugin-checker": "^0.9.0",
     "vite-plugin-dts": "^4.5.0",
-    "vite-plugin-lib-inject-css": "^2.2.1"
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vitest": "^3.0.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.x",
@@ -85,7 +85,7 @@
     "@mui/icons-material": "^5.x",
     "@mui/material": "^5.x",
     "@mui/x-data-grid": "^6.x",
-    "@tanstack/react-form": "*",
+    "@tanstack/react-form": "0.41.2",
     "@tanstack/react-router": "*",
     "react": "^18.x",
     "react-dom": "^18.x",