@rws-aoa/react-library 7.0.1 → 7.1.0

package/dist/components/molecules/field-error/FieldError.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../chunks/compiler-runtime.hDcrsMwn.js";
-import { A as t } from "../../../chunks/FieldError.CCQnjdMd.js";
+import { A as t } from "../../../chunks/FieldError.DXcLGJ_k.js";
 import "../../atoms/notification/Notification.js";
 export {
   t as AoaFieldError

package/dist/components/molecules/file-dropzone/FileDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropzone.js","sources":["../../../../src/components/molecules/file-dropzone/FileDropzone.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport type { PropsWithChildren, ReactNode } from 'react';\nimport { useDropzone, type Accept, type FileError, type FileRejection } from 'react-dropzone';\nimport { toast } from 'react-toastify';\nimport { isExtensionAllowed } from '../../../_constants';\n\nexport type AoaDropableFile<TProps extends object> = TProps & {\n  /**\n   * The file that was dropped\n   */\n  file: File;\n};\n\nexport interface AoaFileDropzoneDataQas {\n  /**\n   * The data-qa tag for the input\n   */\n  input: string;\n  /**\n   * The data-qa tag for the root element\n   */\n  root: string;\n}\n\nexport interface AoaFileDropzoneProps<TProps extends object, TFile extends AoaDropableFile<TProps>> {\n  /**\n   * The current set of files that are already dropped, coming from Redux or Tanstack Store\n   */\n  currentFiles: TFile[];\n  /**\n   * A custom function that can perform extra checks when validating files.\n   * This should return `true` if the file should be rejected or `false` if it should be accepted\n   *\n   * @param file - The file to be validated\n   */\n  customFileValidator?(file: File): boolean;\n  /**\n   * data-qa tags for testing\n   */\n  dataQas?: AoaFileDropzoneDataQas;\n  /**\n   * The regular expression that validates if the dropped file should be accepted or rejected\n   */\n  extensionRegex: RegExp;\n  /**\n   * The toast warning message to be shown when a file is rejection\n   */\n  extensionWarning: string;\n  /**\n   * The extension map to be passed to the dropzone component\n   */\n  extensions: Accept;\n  /**\n   * The children to show inside the box where files can be dropped\n   */\n  fileDropChildren?: ReactNode;\n  /**\n   * Whether the dropzone should be disabled or not\n   */\n  isDisabled?: boolean;\n  /**\n   * A maximum count of files that should be accepted, if exceeded no save action will be performed\n   */\n  maxUploadFiles?: number;\n  /**\n   * The toast warning message to be shown when the files to be uploaded exceeds the maximum,\n   * required if {@link AoaFileDropzoneProps.maxUploadFiles | maxUploadFiles} is specified.\n   */\n  maxUploadSizeExceededWarning?: string;\n  /**\n   * Additional properties to set for every file that is to be saved\n   */\n  perFileProperties?(acceptedFile: File): TProps;\n  /**\n   * The function to overwrite the files in the client store.\n   * This should overwrite all files, not merge with current, which is handled in this component\n   *\n   * @param files - The new set of files to be stored\n   */\n  storeFiles(files: TFile[]): void;\n}\n\nexport function AoaFileDropzone<TProps extends object, TFile extends AoaDropableFile<TProps>>(\n  props: Readonly<PropsWithChildren<AoaFileDropzoneProps<TProps, TFile>>>\n) {\n  function showMaxUploadFilesWarning() {\n    toast(\n      props.maxUploadSizeExceededWarning ??\n        `U heeft meer dan ${props.maxUploadFiles} bestand(en) geselecteerd. Dit is niet toegestaan.`,\n      {\n        type: 'warning'\n      }\n    );\n  }\n\n  function handleDrop(acceptedFiles: File[], fileRejections: FileRejection[]) {\n    if (fileRejections.length > 0) {\n      if (fileRejections.every((file) => file.errors.every((error) => error.code === 'too-many-files'))) {\n        showMaxUploadFilesWarning();\n      } else {\n        toast(props.extensionWarning, { type: 'warning' });\n      }\n    }\n\n    const filesClone = [...props.currentFiles];\n    for (const acceptedFile of acceptedFiles) {\n      const existingFileIndex = filesClone.findIndex((file) => file.file.name === acceptedFile.name);\n      if (existingFileIndex === -1) {\n        filesClone.push({ file: acceptedFile, ...props.perFileProperties?.(acceptedFile) } as TFile & TProps);\n      } else {\n        filesClone.splice(existingFileIndex, 1, {\n          file: acceptedFile,\n          ...props.perFileProperties?.(acceptedFile)\n        } as TFile & TProps);\n      }\n    }\n\n    if (props.maxUploadFiles && filesClone.length > props.maxUploadFiles) {\n      showMaxUploadFilesWarning();\n    } else {\n      props.storeFiles(filesClone);\n    }\n  }\n\n  function fileValidator(file: File): FileError | null {\n    if (props.customFileValidator?.(file)) {\n      return {\n        code: 'custom-validator',\n        message: props.extensionWarning\n      };\n    }\n\n    if (isExtensionAllowed(props.extensionRegex, file.name)) {\n      return null;\n    }\n\n    return {\n      code: 'name-not-ok',\n      message: props.extensionWarning\n    };\n  }\n\n  const { getRootProps, getInputProps } = useDropzone({\n    onDrop: handleDrop,\n    disabled: props.isDisabled,\n    accept: props.extensions,\n    maxFiles: props.maxUploadFiles,\n    validator: fileValidator\n  });\n\n  return (\n    <Box\n      {...getRootProps()}\n      data-qa={props.dataQas?.root ?? 'file-dropzone-root'}\n      sx={{\n        '&:focus': {\n          outline: 'none'\n        }\n      }}\n    >\n      <input\n        {...getInputProps()}\n        aria-label='File drop'\n        data-qa={props.dataQas?.input ?? 'file-drop-input'}\n        data-testid='file-drop-input'\n      />\n      <Box\n        sx={{\n          backgroundColor: 'var(--color-rijks-grey-2)',\n          borderWidth: 1,\n          borderStyle: 'dashed',\n          borderColor: 'black',\n          marginBottom: 0.5,\n          textAlign: 'center'\n        }}\n      >\n        {props.fileDropChildren}\n      </Box>\n    </Box>\n  );\n}\n"],"names":["AoaFileDropzone","props","$","_c","t0","maxUploadFiles","maxUploadSizeExceededWarning","toast","type","showMaxUploadFilesWarning","t1","acceptedFiles","fileRejections","length","every","_temp2","extensionWarning","filesClone","currentFiles","acceptedFile","existingFileIndex","findIndex","file_0","file","name","push","perFileProperties","splice","storeFiles","handleDrop","t2","file_1","customFileValidator","code","message","isExtensionAllowed","extensionRegex","fileValidator","t3","extensions","isDisabled","onDrop","disabled","accept","maxFiles","validator","getRootProps","getInputProps","useDropzone","t4","t5","dataQas","root","t6","Symbol","for","outline","t7","t8","input","t9","t10","backgroundColor","borderWidth","borderStyle","borderColor","marginBottom","textAlign","t11","fileDropChildren","Box","t12","errors","_temp","error"],"mappings":"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"}
+{"version":3,"file":"FileDropzone.js","sources":["../../../../src/components/molecules/file-dropzone/FileDropzone.tsx"],"sourcesContent":["import { Box } from '@mui/material';\nimport type { PropsWithChildren, ReactNode } from 'react';\nimport { useDropzone, type Accept, type FileError, type FileRejection } from 'react-dropzone';\nimport { toast } from 'react-toastify';\nimport { isExtensionAllowed } from '../../../_constants';\n\nexport type AoaDropableFile<TProps extends object> = TProps & {\n  /**\n   * The file that was dropped\n   */\n  file: File;\n};\n\nexport interface AoaFileDropzoneDataQas {\n  /**\n   * The data-qa tag for the input\n   */\n  input: string;\n  /**\n   * The data-qa tag for the root element\n   */\n  root: string;\n}\n\nexport interface AoaFileDropzoneProps<TProps extends object, TFile extends AoaDropableFile<TProps>> {\n  /**\n   * The current set of files that are already dropped, coming from Redux or Tanstack Store\n   */\n  currentFiles: TFile[];\n  /**\n   * A custom function that can perform extra checks when validating files.\n   * This should return `true` if the file should be rejected or `false` if it should be accepted\n   *\n   * @param file - The file to be validated\n   */\n  customFileValidator?(file: File): boolean;\n  /**\n   * data-qa tags for testing\n   */\n  dataQas?: AoaFileDropzoneDataQas;\n  /**\n   * The regular expression that validates if the dropped file should be accepted or rejected\n   */\n  extensionRegex: RegExp;\n  /**\n   * The toast warning message to be shown when a file is rejection\n   */\n  extensionWarning: string;\n  /**\n   * The extension map to be passed to the dropzone component\n   */\n  extensions: Accept;\n  /**\n   * The children to show inside the box where files can be dropped\n   */\n  fileDropChildren?: ReactNode;\n  /**\n   * Whether the dropzone should be disabled or not\n   */\n  isDisabled?: boolean;\n  /**\n   * A maximum count of files that should be accepted, if exceeded no save action will be performed\n   */\n  maxUploadFiles?: number;\n  /**\n   * The toast warning message to be shown when the files to be uploaded exceeds the maximum,\n   * required if {@link AoaFileDropzoneProps.maxUploadFiles | maxUploadFiles} is specified.\n   */\n  maxUploadSizeExceededWarning?: string;\n  /**\n   * Additional properties to set for every file that is to be saved\n   */\n  perFileProperties?(acceptedFile: File): TProps;\n  /**\n   * The function to overwrite the files in the client store.\n   * This should overwrite all files, not merge with current, which is handled in this component\n   *\n   * @param files - The new set of files to be stored\n   */\n  storeFiles(files: TFile[]): void;\n}\n\nexport function AoaFileDropzone<TProps extends object, TFile extends AoaDropableFile<TProps>>(\n  props: Readonly<PropsWithChildren<AoaFileDropzoneProps<TProps, TFile>>>\n) {\n  function showMaxUploadFilesWarning() {\n    toast(\n      props.maxUploadSizeExceededWarning ??\n        `U heeft meer dan ${props.maxUploadFiles} bestand(en) geselecteerd. Dit is niet toegestaan.`,\n      {\n        type: 'warning'\n      }\n    );\n  }\n\n  function handleDrop(acceptedFiles: File[], fileRejections: FileRejection[]) {\n    if (fileRejections.length > 0) {\n      if (fileRejections.every((file) => file.errors.every((error) => error.code === 'too-many-files'))) {\n        showMaxUploadFilesWarning();\n      } else {\n        toast(props.extensionWarning, { type: 'warning' });\n      }\n    }\n\n    const filesClone = [...props.currentFiles];\n    for (const acceptedFile of acceptedFiles) {\n      const existingFileIndex = filesClone.findIndex((file) => file.file.name === acceptedFile.name);\n      if (existingFileIndex === -1) {\n        filesClone.push({ file: acceptedFile, ...props.perFileProperties?.(acceptedFile) } as TFile & TProps);\n      } else {\n        filesClone.splice(existingFileIndex, 1, {\n          file: acceptedFile,\n          ...props.perFileProperties?.(acceptedFile)\n        } as TFile & TProps);\n      }\n    }\n\n    if (props.maxUploadFiles && filesClone.length > props.maxUploadFiles) {\n      showMaxUploadFilesWarning();\n    } else {\n      props.storeFiles(filesClone);\n    }\n  }\n\n  function fileValidator(file: File): FileError | null {\n    if (props.customFileValidator?.(file)) {\n      return {\n        code: 'custom-validator',\n        message: props.extensionWarning\n      };\n    }\n\n    if (isExtensionAllowed(props.extensionRegex, file.name)) {\n      return null;\n    }\n\n    return {\n      code: 'name-not-ok',\n      message: props.extensionWarning\n    };\n  }\n\n  const { getRootProps, getInputProps } = useDropzone({\n    onDrop: handleDrop,\n    disabled: props.isDisabled,\n    accept: props.extensions,\n    maxFiles: props.maxUploadFiles,\n    validator: fileValidator\n  });\n\n  return (\n    <Box\n      {...getRootProps()}\n      data-qa={props.dataQas?.root ?? 'file-dropzone-root'}\n      sx={{\n        '&:focus': {\n          outline: 'none'\n        }\n      }}\n    >\n      <input\n        {...getInputProps()}\n        aria-label='File drop'\n        data-qa={props.dataQas?.input ?? 'file-drop-input'}\n        data-testid='file-drop-input'\n      />\n      <Box\n        sx={{\n          backgroundColor: 'var(--color-rijks-grey-2)',\n          borderWidth: 1,\n          borderStyle: 'dashed',\n          borderColor: 'black',\n          marginBottom: 0.5,\n          textAlign: 'center'\n        }}\n      >\n        {props.fileDropChildren}\n      </Box>\n    </Box>\n  );\n}\n"],"names":["AoaFileDropzone","props","$","_c","t0","maxUploadFiles","maxUploadSizeExceededWarning","toast","type","showMaxUploadFilesWarning","t1","acceptedFiles","fileRejections","length","every","_temp2","extensionWarning","filesClone","currentFiles","acceptedFile","existingFileIndex","findIndex","file_0","file","name","push","perFileProperties","splice","storeFiles","handleDrop","t2","file_1","customFileValidator","code","message","isExtensionAllowed","extensionRegex","fileValidator","t3","extensions","isDisabled","onDrop","disabled","accept","maxFiles","validator","getRootProps","getInputProps","useDropzone","t4","t5","dataQas","root","t6","Symbol","for","outline","t7","t8","input","t9","t10","backgroundColor","borderWidth","borderStyle","borderColor","marginBottom","textAlign","t11","fileDropChildren","Box","t12","errors","_temp","error"],"mappings":"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"}

package/dist/components/molecules/form-error/FormError.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../../chunks/compiler-runtime.hDcrsMwn.js";
-import { a } from "../../../chunks/FieldError.CCQnjdMd.js";
+import { a } from "../../../chunks/FieldError.DXcLGJ_k.js";
 import "../../atoms/notification/Notification.js";
 export {
   a as AoaFormError

package/dist/components/molecules/form-modal/FormModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormModal.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-modal/FormModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAE5G,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC,EAAE,wBAAwB;IACvG;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG;QACxG,oBAAoB,CAAC,EAAE,OAAO,CAAC;KAChC,CAAC;IACF;;OAEG;IACH,UAAU,EAAE,kBAAkB,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EAAE,EAAE,oBAAoB,EAAE,GAAG,oBAAoB,EAAO,EAC5E,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,aAAa,EACb,WAAW,EACZ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CAwE7B"}
+{"version":3,"file":"FormModal.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/form-modal/FormModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAE5G,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC,EAAE,wBAAwB;IACvG;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,GAAG;QACxG,oBAAoB,CAAC,EAAE,OAAO,CAAC;KAChC,CAAC;IACF;;OAEG;IACH,UAAU,EAAE,kBAAkB,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,wBAAgB,YAAY,CAAC,EAC3B,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EAAE,EAAE,oBAAoB,EAAE,GAAG,oBAAoB,EAAO,EAC5E,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,aAAa,EACb,WAAW,EACZ,EAAE,QAAQ,CAAC,iBAAiB,CAAC,2CAiG7B"}

package/dist/components/molecules/form-modal/FormModal.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../chunks/compiler-runtime.hDcrsMwn.js";
 import "@mui/material";
 import "../../../chunks/lodash.CA_K01A9.js";
-import { b as d } from "../../../chunks/FieldError.CCQnjdMd.js";
+import { b as d } from "../../../chunks/FieldError.DXcLGJ_k.js";
 import "../../atoms/button/Button.js";
 import "../modal-close-button/ModalCloseButton.js";
 export {

package/dist/components/molecules/navigation-bar/NavigationBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationBar.js","sources":["../../../../src/components/molecules/navigation-bar/NavigationBar.tsx"],"sourcesContent":["import { AppBar, Box, Toolbar } from '@mui/material';\nimport { merge } from 'lodash';\nimport { useEffect, useState } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\nimport { AoaMenuItem, type AoaPage } from '../../atoms/_menu/menu-item/MenuItem';\nimport { AoaUserMenu, type AoaSetting } from '../../atoms/_menu/user-menu/UserMenu';\n\nexport interface AoaNavigationBarProps {\n  /**\n   * If your home page is not on the root url, use this prop to set the home path\n   */\n  readonly homePath?: string;\n  /**\n   * The name of the application that will be used for the Home tab\n   */\n  readonly name: string;\n  /**\n   * A list of all the pages and optional subpages to be shown in the menu\n   */\n  readonly pages: AoaPage[];\n  /**\n   * A list of all the settings to be shown in the menu\n   */\n  readonly settings: AoaSetting[];\n  /**\n   * Optional username to be displayed next to the settings menu\n   */\n  readonly username?: string;\n}\n\n/**\n * Constructs a navigation bar using pre-defined Rijks styling\n *\n * @param props - Props to pass to the navigation bar\n * @example\n * ```jsx\n * <AoaNavigationBar\n *  name=\"Demo App\"\n *  pages={\n *    [\n *      {\n *        label: \"Products\",\n *        to: \"/products\",\n *        subItems: [\n *          {\n *            label: \"Books\",\n *            to: \"/books\",\n *            icon: <BookIcon />\n *          }\n *        ]\n *      }\n *    ]\n *  }\n * settings={[{ label: \"Logout\", onClick: () => console.log(\"Logout\") }]}\n * />\n * ```\n */\n\nexport function AoaNavigationBar(props: AoaNavigationBarProps) {\n  const [selectedPage, setSelectedPage] = useState<number>(0);\n\n  useEffect(() => {\n    const sessionStorage = window.sessionStorage.getItem('activeMenuTab');\n    if (sessionStorage) {\n      setSelectedPage(JSON.parse(sessionStorage));\n    }\n  }, []);\n\n  useEffect(() => {\n    window.sessionStorage.setItem('activeMenuTab', selectedPage.toString());\n  }, [selectedPage]);\n\n  return (\n    <AppBar\n      position='static'\n      sx={merge(\n        {\n          color: 'var(--color-text)',\n          backgroundColor: 'var(--color-rijks-yellow)',\n          height: '70px',\n          boxShadow: 'none'\n        },\n        FontNormalSxProps\n      )}\n    >\n      <Toolbar\n        role='menu'\n        sx={{\n          height: '100%',\n          overflowX: 'scroll',\n          scrollbarWidth: 'thin',\n          scrollbarColor: '#c5c5c5 #f6f6f6',\n\n          '::-webkit-scrollbar': {\n            overflow: 'visible',\n            borderRadius: '4px',\n            width: '6px',\n            height: '6px',\n            WebkitBorderRadius: '4px'\n          },\n\n          '::-webkit-scrollbar:hover': {\n            background: '#c5c5c5;'\n          },\n\n          '::-webkit-scrollbar-corner': {\n            background: 'rgba(0,0,0,0.5)'\n          },\n\n          '::-webkit-scrollbar-track': {\n            opacity: 0,\n            transition: 'all 0.5s',\n            WebkitTransition: 'all .5s'\n          },\n\n          '::-webkit-scrollbar-thumb': {\n            overflow: 'visible',\n            backgroundColor: '#c5c5c5;',\n            borderRadius: '4px',\n            border: '3px solid #f6f6f6'\n          },\n\n          '::-webkit-scrollbar-thumb:vertical': {\n            background: 'rgba(100, 100, 100, .5)',\n            WebkitBorderRadius: '100px'\n          },\n\n          '::-webkit-scrollbar-thumb:vertical:active': {\n            background: 'rgba(100, 100, 100, .61)',\n            WebkitBorderRadius: '100px'\n          }\n        }}\n        tabIndex={0}\n      >\n        <AoaMenuItem\n          index={0}\n          page={{ label: props.name, to: props.homePath ?? '/' }}\n          selectedPage={selectedPage}\n          setSelectedPage={setSelectedPage}\n        />\n        <Box sx={{ flexGrow: 1, display: 'flex', height: '100%' }}>\n          {props.pages.map((page, index) => (\n            <AoaMenuItem\n              index={index + 1}\n              key={index}\n              page={page}\n              selectedPage={selectedPage}\n              setSelectedPage={setSelectedPage}\n            />\n          ))}\n        </Box>\n        <AoaUserMenu settings={props.settings} username={props.username} />\n      </Toolbar>\n    </AppBar>\n  );\n}\n"],"names":["AoaNavigationBar","props","$","_c","selectedPage","setSelectedPage","useState","t0","t1","Symbol","for","sessionStorage","window","getItem","JSON","parse","useEffect","t2","t3","setItem","toString","t4","merge","color","backgroundColor","height","boxShadow","FontNormalSxProps","t5","overflowX","scrollbarWidth","scrollbarColor","overflow","borderRadius","width","WebkitBorderRadius","background","opacity","transition","WebkitTransition","border","t6","homePath","t7","name","label","to","t8","AoaMenuItem","t9","flexGrow","display","t10","pages","t11","page","index","jsx","map","Box","t12","settings","username","AoaUserMenu","t13","AppBar","jsxs","Toolbar"],"mappings":"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"}
+{"version":3,"file":"NavigationBar.js","sources":["../../../../src/components/molecules/navigation-bar/NavigationBar.tsx"],"sourcesContent":["import { AppBar, Box, Toolbar } from '@mui/material';\nimport { merge } from 'lodash';\nimport { useEffect, useState } from 'react';\nimport { FontNormalSxProps } from '../../../_constants';\nimport { AoaMenuItem, type AoaPage } from '../../atoms/_menu/menu-item/MenuItem';\nimport { AoaUserMenu, type AoaSetting } from '../../atoms/_menu/user-menu/UserMenu';\n\nexport interface AoaNavigationBarProps {\n  /**\n   * If your home page is not on the root url, use this prop to set the home path\n   */\n  readonly homePath?: string;\n  /**\n   * The name of the application that will be used for the Home tab\n   */\n  readonly name: string;\n  /**\n   * A list of all the pages and optional subpages to be shown in the menu\n   */\n  readonly pages: AoaPage[];\n  /**\n   * A list of all the settings to be shown in the menu\n   */\n  readonly settings: AoaSetting[];\n  /**\n   * Optional username to be displayed next to the settings menu\n   */\n  readonly username?: string;\n}\n\n/**\n * Constructs a navigation bar using pre-defined Rijks styling\n *\n * @param props - Props to pass to the navigation bar\n * @example\n * ```jsx\n * <AoaNavigationBar\n *  name=\"Demo App\"\n *  pages={\n *    [\n *      {\n *        label: \"Products\",\n *        to: \"/products\",\n *        subItems: [\n *          {\n *            label: \"Books\",\n *            to: \"/books\",\n *            icon: <BookIcon />\n *          }\n *        ]\n *      }\n *    ]\n *  }\n * settings={[{ label: \"Logout\", onClick: () => console.log(\"Logout\") }]}\n * />\n * ```\n */\n\nexport function AoaNavigationBar(props: AoaNavigationBarProps) {\n  const [selectedPage, setSelectedPage] = useState<number>(0);\n\n  useEffect(() => {\n    const sessionStorage = window.sessionStorage.getItem('activeMenuTab');\n    if (sessionStorage) {\n      setSelectedPage(JSON.parse(sessionStorage));\n    }\n  }, []);\n\n  useEffect(() => {\n    window.sessionStorage.setItem('activeMenuTab', selectedPage.toString());\n  }, [selectedPage]);\n\n  return (\n    <AppBar\n      position='static'\n      sx={merge(\n        {\n          color: 'var(--color-text)',\n          backgroundColor: 'var(--color-rijks-yellow)',\n          height: '70px',\n          boxShadow: 'none'\n        },\n        FontNormalSxProps\n      )}\n    >\n      <Toolbar\n        role='menu'\n        sx={{\n          height: '100%',\n          overflowX: 'scroll',\n          scrollbarWidth: 'thin',\n          scrollbarColor: '#c5c5c5 #f6f6f6',\n\n          '::-webkit-scrollbar': {\n            overflow: 'visible',\n            borderRadius: '4px',\n            width: '6px',\n            height: '6px',\n            WebkitBorderRadius: '4px'\n          },\n\n          '::-webkit-scrollbar:hover': {\n            background: '#c5c5c5;'\n          },\n\n          '::-webkit-scrollbar-corner': {\n            background: 'rgba(0,0,0,0.5)'\n          },\n\n          '::-webkit-scrollbar-track': {\n            opacity: 0,\n            transition: 'all 0.5s',\n            WebkitTransition: 'all .5s'\n          },\n\n          '::-webkit-scrollbar-thumb': {\n            overflow: 'visible',\n            backgroundColor: '#c5c5c5;',\n            borderRadius: '4px',\n            border: '3px solid #f6f6f6'\n          },\n\n          '::-webkit-scrollbar-thumb:vertical': {\n            background: 'rgba(100, 100, 100, .5)',\n            WebkitBorderRadius: '100px'\n          },\n\n          '::-webkit-scrollbar-thumb:vertical:active': {\n            background: 'rgba(100, 100, 100, .61)',\n            WebkitBorderRadius: '100px'\n          }\n        }}\n        tabIndex={0}\n      >\n        <AoaMenuItem\n          index={0}\n          page={{ label: props.name, to: props.homePath ?? '/' }}\n          selectedPage={selectedPage}\n          setSelectedPage={setSelectedPage}\n        />\n        <Box sx={{ flexGrow: 1, display: 'flex', height: '100%' }}>\n          {props.pages.map((page, index) => (\n            <AoaMenuItem\n              index={index + 1}\n              key={index}\n              page={page}\n              selectedPage={selectedPage}\n              setSelectedPage={setSelectedPage}\n            />\n          ))}\n        </Box>\n        <AoaUserMenu settings={props.settings} username={props.username} />\n      </Toolbar>\n    </AppBar>\n  );\n}\n"],"names":["AoaNavigationBar","props","$","_c","selectedPage","setSelectedPage","useState","t0","t1","Symbol","for","sessionStorage","window","getItem","JSON","parse","useEffect","t2","t3","setItem","toString","t4","merge","color","backgroundColor","height","boxShadow","FontNormalSxProps","t5","overflowX","scrollbarWidth","scrollbarColor","overflow","borderRadius","width","WebkitBorderRadius","background","opacity","transition","WebkitTransition","border","t6","homePath","t7","name","label","to","t8","AoaMenuItem","t9","flexGrow","display","t10","pages","t11","page","index","jsx","map","Box","t12","settings","username","AoaUserMenu","t13","AppBar","jsxs","Toolbar"],"mappings":"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"}

package/dist/contexts/TanstackFormContext.d.ts

@@ -1,29 +1,23 @@
 import { AoaFieldError } from '../components/molecules/field-error/FieldError';
 import { AoaFormError } from '../components/molecules/form-error/FormError';
 import { AoaFormModal } from '../components/molecules/form-modal/FormModal';
-export declare const aoaFieldContext: import('react').Context<import('@tanstack/form-core').AnyFieldApi>, aoaFormContext: import('react').Context<import('@tanstack/form-core').AnyFormApi>, useAoaFieldContext: <TData>() => import('@tanstack/form-core').FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useAoaFormContext: () => import('@tanstack/react-form').ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any>;
-export declare const useAoaAppForm: <TFormData, TOnMount extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import('@tanstack/form-core').FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => import('@tanstack/form-core').FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & import('@tanstack/react-form').ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & NoInfer<{
+export declare const aoaFieldContext: import('react').Context<import('@tanstack/form-core').AnyFieldApi>, aoaFormContext: import('react').Context<import('@tanstack/form-core').AnyFormApi>, useAoaFieldContext: <TData>() => import('@tanstack/form-core').FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, useAoaFormContext: () => import('@tanstack/react-form').ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>;
+export declare const useAoaAppForm: <TFormData, TOnMount extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import('@tanstack/form-core').FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import('@tanstack/react-form').AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly AoaFieldError: typeof AoaFieldError;
+}, {
     readonly AoaFormModal: typeof AoaFormModal;
     readonly AoaFormError: typeof AoaFormError;
-}> & {
-    AppField: import('@tanstack/react-form').FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
-        readonly AoaFieldError: typeof AoaFieldError;
-    }>>;
-    AppForm: import('react').ComponentType<import('react').PropsWithChildren>;
-}, withAoaForm: <TFormData, TOnMount extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import('@tanstack/react-form').WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, {
+}>, withAoaForm: <TFormData, TOnMount extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChange extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import('@tanstack/form-core').FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import('@tanstack/react-form').WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
     readonly AoaFieldError: typeof AoaFieldError;
 }, {
     readonly AoaFormModal: typeof AoaFormModal;
     readonly AoaFormError: typeof AoaFormError;
 }, TRenderProps>) => (props: import('react').PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
-    form: import('@tanstack/form-core').FormApi<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & import('@tanstack/react-form').ReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & NoInfer<{
+    form: import('@tanstack/react-form').AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly AoaFieldError: typeof AoaFieldError;
+    }, {
         readonly AoaFormModal: typeof AoaFormModal;
         readonly AoaFormError: typeof AoaFormError;
-    }> & {
-        AppField: import('@tanstack/react-form').FieldComponent<[unknown] extends [TFormData] ? any : TFormData, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import('@tanstack/form-core').FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, NoInfer<{
-            readonly AoaFieldError: typeof AoaFieldError;
-        }>>;
-        AppForm: import('react').ComponentType<import('react').PropsWithChildren>;
-    };
+    }>;
 }>) => import("react").JSX.Element;
 //# sourceMappingURL=TanstackFormContext.d.ts.map

package/dist/contexts/TanstackFormContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TanstackFormContext.d.ts","sourceRoot":"","sources":["../../src/contexts/TanstackFormContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAE5E,eAAO,MACS,eAAe,sEAChB,cAAc,qEACV,kBAAkB,2JACnB,iBAAiB,+HACP,CAAC;AAE7B,eAAO,MAAoB,aAAa;;;;;;;;GAAY,WAAW;;;;;;;;;;;;;;;kCAU7D,CAAC"}
+{"version":3,"file":"TanstackFormContext.d.ts","sourceRoot":"","sources":["../../src/contexts/TanstackFormContext.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAE5E,eAAO,MACS,eAAe,sEAChB,cAAc,qEACV,kBAAkB,+KACnB,iBAAiB,yIACP,CAAC;AAE7B,eAAO,MAAoB,aAAa;;;;;IAAY,WAAW;;;;;;;;;;;;kCAU7D,CAAC"}

package/dist/contexts/TanstackFormContext.js

@@ -1,5 +1,5 @@
 import "@tanstack/react-form";
-import { c as t, d as s, u as r, e as m, f as F, w as x } from "../chunks/FieldError.CCQnjdMd.js";
+import { c as t, d as s, u as r, e as m, f as F, w as x } from "../chunks/FieldError.DXcLGJ_k.js";
 export {
   t as aoaFieldContext,
   s as aoaFormContext,

package/dist/index.js

@@ -11,7 +11,7 @@ import { AoaSwitchButton as b } from "./components/atoms/selection-buttons/switc
 import { AoaTable as T } from "./components/atoms/table/Table.js";
 import { AoaTooltip as w } from "./components/atoms/tooltip/Tooltip.js";
 import { AoaZeroWidthSpace as N } from "./components/atoms/zero-width-space/ZeroWidthSpace.js";
-import { A as E, a as I, b as P, c as k, d as v, u as z, e as D, f as H, w as L } from "./chunks/FieldError.CCQnjdMd.js";
+import { A as E, a as I, b as P, c as k, d as v, u as z, e as D, f as H, w as L } from "./chunks/FieldError.DXcLGJ_k.js";
 import { AoaFileDropzone as U } from "./components/molecules/file-dropzone/FileDropzone.js";
 import { AoaFileTable as Z } from "./components/molecules/file-table/FileTable.js";
 import { AoaModalCloseButton as q } from "./components/molecules/modal-close-button/ModalCloseButton.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "7.0.1",
+  "version": "7.1.0",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -26,52 +26,52 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.2.0",
-    "@mui/material": "^7.2.0",
-    "@tanstack/react-router": "^1.128.0",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/material": "^7.3.1",
+    "@tanstack/react-router": "^1.131.5",
     "clsx": "^2.1.1",
     "lodash": "^4.17.21",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.1",
+    "@chromatic-com/storybook": "^4.1.0",
     "@favware/cliff-jumper": "^6.0.0",
     "@fontsource/material-icons": "^5.2.5",
     "@fontsource/roboto": "^5.2.6",
-    "@mui/system": "^7.2.0",
-    "@mui/x-data-grid": "^8.8.0",
-    "@mui/x-data-grid-generator": "^8.8.0",
-    "@storybook/addon-a11y": "^9.0.17",
+    "@mui/system": "^7.3.1",
+    "@mui/x-data-grid": "^8.10.0",
+    "@mui/x-data-grid-generator": "^8.10.0",
+    "@storybook/addon-a11y": "^9.1.1",
     "@storybook/addon-console": "^3.0.0",
-    "@storybook/addon-docs": "^9.0.17",
-    "@storybook/addon-onboarding": "^9.0.17",
-    "@storybook/addon-themes": "^9.0.17",
-    "@storybook/addon-vitest": "9.0.17",
-    "@storybook/react-vite": "^9.0.17",
-    "@tanstack/react-form": "1.14.1",
+    "@storybook/addon-docs": "^9.1.1",
+    "@storybook/addon-onboarding": "^9.1.1",
+    "@storybook/addon-themes": "^9.1.1",
+    "@storybook/addon-vitest": "9.1.1",
+    "@storybook/react-vite": "^9.1.1",
+    "@tanstack/react-form": "1.19.1",
     "@types/lodash": "^4.17.20",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.6.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "@vitejs/plugin-react": "^5.0.0",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "babel-plugin-react-compiler": "^19.1.0-rc.2",
-    "eslint": "^9.31.0",
+    "eslint": "^9.33.0",
     "glob": "^11.0.3",
     "npm-run-all2": "^8.0.4",
-    "playwright": "^1.54.1",
+    "playwright": "^1.54.2",
     "prettier": "^3.6.2",
     "react-dropzone": "^14.3.8",
     "react-toastify": "^11.0.5",
     "remark-gfm": "^4.0.1",
-    "storybook": "^9.0.17",
-    "stylelint": "^16.21.1",
+    "storybook": "^9.1.1",
+    "stylelint": "^16.23.1",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.5",
-    "vite-plugin-checker": "^0.10.0",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.1",
+    "vite-plugin-checker": "^0.10.2",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.2.4"
@@ -79,13 +79,13 @@
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@mui/icons-material": "^7.2.0",
-    "@mui/material": "^7.2.0",
+    "@mui/icons-material": "^7.3.1",
+    "@mui/material": "^7.3.1",
     "@mui/x-data-grid": "*",
-    "@tanstack/react-form": "^1.14.1",
+    "@tanstack/react-form": "^1.19.1",
     "@tanstack/react-router": "*",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-dropzone": "^14.3.8",
     "react-toastify": "^11.0.5"
   },

package/dist/chunks/FieldError.CCQnjdMd.js

@@ -1,161 +0,0 @@
-import { jsx as n, jsxs as N } from "react/jsx-runtime";
-import { c as R } from "./compiler-runtime.hDcrsMwn.js";
-import { createFormHookContexts as K, createFormHook as O } from "@tanstack/react-form";
-import { AoaNotification as P } from "../components/atoms/notification/Notification.js";
-import { DialogTitle as U, DialogContent as V, Dialog as X, DialogActions as Y } from "@mui/material";
-import { l as Z } from "./lodash.CA_K01A9.js";
-import { AoaButton as W } from "../components/atoms/button/Button.js";
-import { AoaModalCloseButton as tt } from "../components/molecules/modal-close-button/ModalCloseButton.js";
-function et(l) {
-  const t = R.c(5), {
-    "data-qa": s
-  } = l, r = I();
-  let a;
-  t[0] !== s ? (a = (i) => {
-    if (i.length) {
-      const e = i.at(0);
-      if (typeof e == "string")
-        return /* @__PURE__ */ n(P, { "data-qa": s ?? "form-error", message: e, severity: "error" });
-      if (e && typeof e == "object") {
-        const m = ["error", "info", "success", "warning"].includes(e.level) ? e.level : "error";
-        return /* @__PURE__ */ n(P, { "data-qa": s ?? "form-error", message: e.message, severity: m });
-      }
-    }
-    return null;
-  }, t[0] = s, t[1] = a) : a = t[1];
-  let o;
-  return t[2] !== r.Subscribe || t[3] !== a ? (o = /* @__PURE__ */ n(r.Subscribe, { selector: ot, children: a }), t[2] = r.Subscribe, t[3] = a, t[4] = o) : o = t[4], o;
-}
-function ot(l) {
-  return l.errors;
-}
-function rt(l) {
-  const t = R.c(51), {
-    formModalQas: s,
-    formLabels: r,
-    formName: a,
-    DialogProps: o,
-    DialogTitleProps: i,
-    DialogContentProps: e,
-    AoaSubmitButtonProps: m,
-    modalQas: f,
-    open: J,
-    topic: T,
-    dialogContent: j,
-    closeAction: d
-  } = l;
-  let p;
-  t[0] !== m ? (p = m === void 0 ? {} : m, t[0] = m, t[1] = p) : p = t[1];
-  let u, b;
-  t[2] !== p ? ({
-    disableWithFormState: b,
-    ...u
-  } = p, t[2] = p, t[3] = u, t[4] = b) : (u = t[3], b = t[4]);
-  const c = I();
-  let v;
-  t[5] !== u || t[6] !== b || t[7] !== c.Subscribe || t[8] !== r.submit || t[9] !== s?.submitButton ? (v = b ? /* @__PURE__ */ n(c.Subscribe, { selector: st, children: (w) => {
-    const [z, G] = w;
-    return /* @__PURE__ */ n(W, { ...u, "aria-disabled": z || !G, buttonType: "submit", "data-qa": s?.submitButton ?? "submit-form", disabled: z || !G, type: "primary", children: r.submit });
-  } }) : /* @__PURE__ */ n(W, { ...u, buttonType: "submit", "data-qa": s?.submitButton ?? "submit-form", type: "primary", children: r.submit }), t[5] = u, t[6] = b, t[7] = c.Subscribe, t[8] = r.submit, t[9] = s?.submitButton, t[10] = v) : v = t[10];
-  const E = v, Q = f?.modal ?? "modal", _ = !!J, $ = f?.title ?? "modal-title";
-  let B;
-  t[11] === Symbol.for("react.memo_cache_sentinel") ? (B = {
-    m: 0,
-    p: 2
-  }, t[11] = B) : B = t[11];
-  let g;
-  t[12] !== i || t[13] !== $ || t[14] !== T ? (g = /* @__PURE__ */ n(U, { ...i, "data-qa": $, maxWidth: "sm", sx: B, children: T }), t[12] = i, t[13] = $, t[14] = T, t[15] = g) : g = t[15];
-  let x;
-  t[16] !== d ? (x = /* @__PURE__ */ n(tt, { closeAction: d }), t[16] = d, t[17] = x) : x = t[17];
-  const k = s?.form ?? "form";
-  let h;
-  t[18] !== c ? (h = async (w) => {
-    w.preventDefault(), w.stopPropagation(), await c.handleSubmit();
-  }, t[18] = c, t[19] = h) : h = t[19];
-  const L = f?.content ?? "modal-content";
-  let y;
-  t[20] !== e?.sx ? (y = Z.merge({
-    padding: "0 3rem 2rem"
-  }, e?.sx), t[20] = e?.sx, t[21] = y) : y = t[21];
-  let A;
-  t[22] !== e || t[23] !== j || t[24] !== L || t[25] !== y ? (A = /* @__PURE__ */ n(V, { ...e, "data-qa": L, sx: y, children: j }), t[22] = e, t[23] = j, t[24] = L, t[25] = y, t[26] = A) : A = t[26];
-  const M = s?.dialogActions ?? "dialog-actions", H = s?.cancelButton ?? "cancel-form";
-  let C;
-  t[27] !== d || t[28] !== c ? (C = () => {
-    c.reset(), d();
-  }, t[27] = d, t[28] = c, t[29] = C) : C = t[29];
-  let S;
-  t[30] !== r.cancel || t[31] !== H || t[32] !== C ? (S = /* @__PURE__ */ n(W, { "data-qa": H, onClick: C, type: "secondary", children: r.cancel }), t[30] = r.cancel, t[31] = H, t[32] = C, t[33] = S) : S = t[33];
-  let F;
-  t[34] !== E || t[35] !== M || t[36] !== S ? (F = /* @__PURE__ */ N(Y, { "data-qa": M, children: [
-    S,
-    E
-  ] }), t[34] = E, t[35] = M, t[36] = S, t[37] = F) : F = t[37];
-  let q;
-  t[38] !== a || t[39] !== k || t[40] !== h || t[41] !== A || t[42] !== F ? (q = /* @__PURE__ */ N("form", { "data-qa": k, name: a, onSubmit: h, children: [
-    A,
-    F
-  ] }), t[38] = a, t[39] = k, t[40] = h, t[41] = A, t[42] = F, t[43] = q) : q = t[43];
-  let D;
-  return t[44] !== o || t[45] !== q || t[46] !== Q || t[47] !== _ || t[48] !== g || t[49] !== x ? (D = /* @__PURE__ */ N(X, { ...o, "data-qa": Q, open: _, children: [
-    g,
-    x,
-    q
-  ] }), t[44] = o, t[45] = q, t[46] = Q, t[47] = _, t[48] = g, t[49] = x, t[50] = D) : D = t[50], D;
-}
-function st(l) {
-  return [l.isSubmitting, l.canSubmit];
-}
-const {
-  fieldContext: at,
-  formContext: it,
-  useFieldContext: nt,
-  useFormContext: I
-} = K(), {
-  useAppForm: xt,
-  withForm: ht
-} = O({
-  fieldContext: at,
-  formContext: it,
-  fieldComponents: {
-    AoaFieldError: lt
-  },
-  formComponents: {
-    AoaFormModal: rt,
-    AoaFormError: et
-  }
-});
-function lt(l) {
-  const t = R.c(11), {
-    "data-qa": s
-  } = l, r = nt();
-  if (r.state.meta.isTouched && r.state.meta.errors.length) {
-    let a;
-    t[0] !== r.state.meta.errors ? (a = r.state.meta.errors.at(0), t[0] = r.state.meta.errors, t[1] = a) : a = t[1];
-    const o = a;
-    if (typeof o == "string") {
-      const i = s ?? "field-error";
-      let e;
-      return t[2] !== o || t[3] !== i ? (e = /* @__PURE__ */ n(P, { "data-qa": i, message: o, severity: "error" }), t[2] = o, t[3] = i, t[4] = e) : e = t[4], e;
-    } else if (o && typeof o == "object") {
-      let i;
-      t[5] !== o.level ? (i = ["error", "info", "success", "warning"].includes(o.level) ? o.level : "error", t[5] = o.level, t[6] = i) : i = t[6];
-      const e = i, m = s ?? "field-error";
-      let f;
-      return t[7] !== o.message || t[8] !== e || t[9] !== m ? (f = /* @__PURE__ */ n(P, { "data-qa": m, message: o.message, severity: e }), t[7] = o.message, t[8] = e, t[9] = m, t[10] = f) : f = t[10], f;
-    }
-  }
-  return null;
-}
-export {
-  lt as A,
-  et as a,
-  rt as b,
-  at as c,
-  it as d,
-  nt as e,
-  I as f,
-  xt as u,
-  ht as w
-};
-//# sourceMappingURL=FieldError.CCQnjdMd.js.map

package/dist/chunks/FieldError.CCQnjdMd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldError.CCQnjdMd.js","sources":["../../src/components/molecules/form-error/FormError.tsx","../../src/components/molecules/form-modal/FormModal.tsx","../../src/contexts/TanstackFormContext.ts","../../src/components/molecules/field-error/FieldError.tsx"],"sourcesContent":["import { useAoaFormContext } from '../../../contexts/TanstackFormContext';\nimport { AoaNotification, type Severity } from '../../atoms/notification/Notification';\n\nexport interface AoaFormErrorProps {\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a custom error message for a form **using pre-defined Rijks styling**\n *\n * This component is intended for internal use only and should always be used through `<form.AoaFormError />`\n *\n * @internal\n * @param param0 - Props to pass to the form error\n * @returns A custom error message for a form\n * @example\n * ```jsx\n * <form.AppForm>\n *   <form.AoaFormError />\n * </form.AppForm>\n * ```\n */\nexport function AoaFormError({ 'data-qa': dataQa }: AoaFormErrorProps) {\n  const form = useAoaFormContext();\n\n  return (\n    <form.Subscribe selector={(state) => state.errors}>\n      {(errors) => {\n        if (errors.length) {\n          const error = errors.at(0);\n\n          if (typeof error === 'string') {\n            return <AoaNotification data-qa={dataQa ?? 'form-error'} message={error} severity='error' />;\n          } else if (error && typeof error === 'object') {\n            const parsedLevel = ['error', 'info', 'success', 'warning'].includes(error.level)\n              ? (error.level as Severity)\n              : 'error';\n            return <AoaNotification data-qa={dataQa ?? 'form-error'} message={error.message} severity={parsedLevel} />;\n          }\n        }\n\n        return null;\n      }}\n    </form.Subscribe>\n  );\n}\n","import { Dialog, DialogActions, DialogContent, DialogTitle } from '@mui/material';\nimport { merge } from 'lodash';\nimport { useAoaFormContext } from '../../../contexts/TanstackFormContext';\nimport { AoaButton, type AoaButtonProps } from '../../atoms/button/Button';\nimport type { AoaModalProps } from '../modal/Modal';\nimport { AoaModalCloseButton, type AoaModalCloseButtonProps } from '../modal-close-button/ModalCloseButton';\n\nexport interface AoaFormModalQAs {\n  /**\n   * Data-qa tag applied to the \"cancel\" button\n   */\n  cancelButton?: string;\n  /**\n   * Data-qa tag applied to the `DialogActions` component\n   */\n  dialogActions?: string;\n  /**\n   * Data-qa tag applied to the HTML `form` element\n   */\n  form?: string;\n  /**\n   * Data-qa tag applied to the \"submit\" button\n   */\n  submitButton?: string;\n}\n\nexport interface AoaFormModalLabels {\n  cancel: string;\n  submit: string;\n}\n\nexport interface AoaFormModalProps extends Omit<AoaModalProps, 'dialogActions'>, AoaModalCloseButtonProps {\n  /**\n   * Additional properties to provide to the {@link AoaButton | submit button}\n   */\n  AoaSubmitButtonProps?: Omit<AoaButtonProps, 'buttonType' | 'data-qa' | 'disabled' | 'onClick' | 'type'> & {\n    disableWithFormState?: boolean;\n  };\n  /**\n   * Labels for the buttons in {@link DialogActions}\n   */\n  formLabels: AoaFormModalLabels;\n  /**\n   * data-qa tags for the components in the form section of the modal\n   */\n  formModalQas?: AoaFormModalQAs;\n  /**\n   * Optionally the `name` property for the HTML form element\n   */\n  formName?: string;\n}\n\n/**\n * Constructs a modal **for holding a Form** using pre-defined Rijks styling\n *\n * For a modal without a form see `AoaModal`\n *\n * This component is intended for internal use only and should always be used through `<form.AoaFormModal />`\n *\n * @internal\n * @param props - Props to pass to the modal - {@link ModalProps}\n * @example\n * ```jsx\n * <form.AppForm>\n *   <form.AoaFormModal\n *     open={true}\n *     formLabels={{\n *       submit: 'submit',\n *       cancel: 'cancel'\n *     }}\n *     formModalQas={{\n *       cancelButton: 'cancel-button',\n *       dialogActions: 'dialog-actions,\n *       form: 'form',\n *       submitButton: 'confirm-button'\n *     }}\n *     closeAction={handleClose}\n *     topic='topic'\n *     modalQas={{\n *       modal: 'modal',\n *       content: 'modal-content',\n *       title: 'modal-title'\n *     }}\n *     formName='form'\n *     dialogContent={content}\n *   />\n * </form.AppForm>\n * ```\n */\nexport function AoaFormModal({\n  formModalQas,\n  formLabels,\n  formName,\n  DialogProps,\n  DialogTitleProps,\n  DialogContentProps,\n  AoaSubmitButtonProps: { disableWithFormState, ...AoaSubmitButtonProps } = {},\n  modalQas,\n  open,\n  topic,\n  dialogContent,\n  closeAction\n}: Readonly<AoaFormModalProps>) {\n  const form = useAoaFormContext();\n\n  const SubmitButton = disableWithFormState ? (\n    <form.Subscribe selector={(state) => [state.isSubmitting, state.canSubmit] as const}>\n      {([isSubmitting, canSubmit]) => (\n        <AoaButton\n          {...AoaSubmitButtonProps}\n          aria-disabled={isSubmitting || !canSubmit}\n          buttonType='submit'\n          data-qa={formModalQas?.submitButton ?? 'submit-form'}\n          disabled={isSubmitting || !canSubmit}\n          type='primary'\n        >\n          {formLabels.submit}\n        </AoaButton>\n      )}\n    </form.Subscribe>\n  ) : (\n    <AoaButton\n      {...AoaSubmitButtonProps}\n      buttonType='submit'\n      data-qa={formModalQas?.submitButton ?? 'submit-form'}\n      type='primary'\n    >\n      {formLabels.submit}\n    </AoaButton>\n  );\n\n  return (\n    <Dialog {...DialogProps} data-qa={modalQas?.modal ?? 'modal'} open={Boolean(open)}>\n      <DialogTitle {...DialogTitleProps} data-qa={modalQas?.title ?? 'modal-title'} maxWidth='sm' sx={{ m: 0, p: 2 }}>\n        {topic}\n      </DialogTitle>\n      <AoaModalCloseButton closeAction={closeAction} />\n      <form\n        data-qa={formModalQas?.form ?? 'form'}\n        name={formName}\n        onSubmit={async (event) => {\n          event.preventDefault();\n          event.stopPropagation();\n          await form.handleSubmit();\n        }}\n      >\n        <DialogContent\n          {...DialogContentProps}\n          data-qa={modalQas?.content ?? 'modal-content'}\n          sx={merge(\n            {\n              padding: '0 3rem 2rem'\n            },\n            DialogContentProps?.sx\n          )}\n        >\n          {dialogContent}\n        </DialogContent>\n        <DialogActions data-qa={formModalQas?.dialogActions ?? 'dialog-actions'}>\n          <AoaButton\n            data-qa={formModalQas?.cancelButton ?? 'cancel-form'}\n            onClick={() => {\n              form.reset();\n              closeAction();\n            }}\n            type='secondary'\n          >\n            {formLabels.cancel}\n          </AoaButton>\n          {SubmitButton}\n        </DialogActions>\n      </form>\n    </Dialog>\n  );\n}\n","import { createFormHook, createFormHookContexts } from '@tanstack/react-form';\nimport { AoaFieldError } from '../components/molecules/field-error/FieldError';\nimport { AoaFormError } from '../components/molecules/form-error/FormError';\nimport { AoaFormModal } from '../components/molecules/form-modal/FormModal';\n\nexport const {\n  fieldContext: aoaFieldContext,\n  formContext: aoaFormContext,\n  useFieldContext: useAoaFieldContext,\n  useFormContext: useAoaFormContext\n} = createFormHookContexts();\n\nexport const { useAppForm: useAoaAppForm, withForm: withAoaForm } = createFormHook({\n  fieldContext: aoaFieldContext,\n  formContext: aoaFormContext,\n  fieldComponents: {\n    AoaFieldError\n  },\n  formComponents: {\n    AoaFormModal,\n    AoaFormError\n  }\n});\n","import { useAoaFieldContext } from '../../../contexts/TanstackFormContext';\nimport { AoaNotification, type Severity } from '../../atoms/notification/Notification';\n\nexport interface AoaFieldErrorProps {\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a custom error message for a field **using pre-defined Rijks styling**\n *\n * This component is intended for internal use only and should always be used through `<field.AoaFieldError />`\n *\n * @internal\n * @param param0 - Props to pass to the field error\n * @returns A custom error message for a field\n * @example\n * ```jsx\n * <form.AppField name='name'>\n *   {(field) => {\n *     return <field.AoaFieldError />;\n *   }}\n * </form.AppField>\n * ```\n */\nexport function AoaFieldError<TData>({ 'data-qa': dataQa }: AoaFieldErrorProps) {\n  const field = useAoaFieldContext<TData>();\n\n  if (field.state.meta.isTouched && field.state.meta.errors.length) {\n    const error = field.state.meta.errors.at(0);\n\n    if (typeof error === 'string') {\n      return <AoaNotification data-qa={dataQa ?? 'field-error'} message={error} severity='error' />;\n    } else if (error && typeof error === 'object') {\n      const parsedLevel = ['error', 'info', 'success', 'warning'].includes(error.level)\n        ? (error.level as Severity)\n        : 'error';\n      return <AoaNotification data-qa={dataQa ?? 'field-error'} message={error.message} severity={parsedLevel} />;\n    }\n  }\n\n  return null;\n}\n"],"names":["AoaFormError","t0","$","_c","dataQa","form","useAoaFormContext","t1","errors","length","error","at","jsx","AoaNotification","parsedLevel","includes","level","message","t2","Subscribe","_temp","state","AoaFormModal","formModalQas","formLabels","formName","DialogProps","DialogTitleProps","DialogContentProps","AoaSubmitButtonProps","modalQas","open","topic","dialogContent","closeAction","undefined","disableWithFormState","t3","submit","submitButton","t4","isSubmitting","canSubmit","AoaButton","SubmitButton","modal","t5","Boolean","t6","title","t7","Symbol","for","m","p","t8","DialogTitle","t9","AoaModalCloseButton","t10","t11","event","preventDefault","stopPropagation","handleSubmit","t12","content","t13","sx","merge","padding","t14","DialogContent","t15","dialogActions","t16","cancelButton","t17","reset","t18","cancel","t19","DialogActions","t20","t21","Dialog","fieldContext","aoaFieldContext","formContext","aoaFormContext","useFieldContext","useAoaFieldContext","useFormContext","createFormHookContexts","useAppForm","useAoaAppForm","withForm","withAoaForm","createFormHook","fieldComponents","AoaFieldError","formComponents","field","meta","isTouched"],"mappings":";;;;;;;;AAsBO,SAAAA,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAsB;AAAA,IAAA,WAAAC;AAAAA,EAAAA,IAAAH,GAC3BI,IAAaC,EAAAA;AAAoB,MAAAC;AAAA,EAAAL,SAAAE,KAI5BG,IAAAC,CAAAA,MAAA;AAAA,QACKA,EAAMC,QAAA;AACR,YAAAC,IAAcF,EAAMG,IAAK;AAAE,UAEvB,OAAOD,KAAU;AAAQ,eACpB,gBAAAE,EAACC,KAAyB,WAAAT,KAAU,cAAuBM,SAAAA,GAAgB,UAAA,SAAO;AAAG,UACnFA,KAAS,OAAOA,KAAU,UAAQ;AAC3C,cAAAI,IAAoB,CAAC,SAAS,QAAQ,WAAW,SAAS,EAAAC,SAAWL,EAAKM,KAAM,IAC3EN,EAAKM,QACN;AAAQ,eACL,gBAAAJ,EAACC,KAAyB,WAAAT,KAAU,cAAuB,SAAAM,EAAKO,SAAoBH,UAAAA,EAAAA,CAAW;AAAA,MAAA;AAAA,IAAI;AAAA,WAAA;AAAA,EAAA,GAK/GZ,OAAAE,GAAAF,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAgB;AAAA,SAAAhB,SAAAG,EAAAc,aAAAjB,SAAAK,KAhBHW,sBAAAb,EAAA,WAAA,EAA0B,UAAAe,IACvBb,UAAAA,GAgBH,GAAiBL,EAAA,CAAA,IAAAG,EAAAc,WAAAjB,OAAAK,GAAAL,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA,GAjBjBgB;AAiBiB;AArBd,SAAAE,GAAAC,GAAA;AAAA,SAIkCA,EAAKb;AAAA;AC+DvC,SAAAc,GAAArB,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAsB;AAAA,IAAAoB,cAAAA;AAAAA,IAAAC,YAAAA;AAAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAC,kBAAAA;AAAAA,IAAAC,oBAAAA;AAAAA,IAAAC,sBAAAtB;AAAAA,IAAAuB,UAAAA;AAAAA,IAAAC,MAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAC,eAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAjC;AAaC,MAAAiB;AAAA,EAAAhB,SAAAK,KANNW,IAAAX,MAAsD4B,cAAtD5B,GAAsDL,OAAAK,GAAAL,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAA2B,GAAAO;AAAA,EAAAlC,SAAAgB,KAAtD;AAAA,IAAAkB,sBAAAA;AAAAA,IAAA,GAAAP;AAAAA,EAAAA,IAAAX,GAAsDhB,OAAAgB,GAAAhB,OAAA2B,GAAA3B,OAAAkC,MAAAP,IAAA3B,EAAA,CAAA,GAAAkC,IAAAlC,EAAA,CAAA;AAO5E,QAAAG,IAAaC,EAAAA;AAAoB,MAAA+B;AAAA,EAAAnC,EAAA,CAAA,MAAA2B,KAAA3B,SAAAkC,KAAAlC,EAAA,CAAA,MAAAG,EAAAc,aAAAjB,EAAA,CAAA,MAAAsB,EAAAc,UAAApC,EAAA,CAAA,MAAAqB,GAAAgB,gBAEZF,IAAAD,sBACnB/B,EAAA,WAAA,EAA0B,UAAAe,IACvBoB,WAAAA,MAAA;AAAC,UAAA,CAAAC,GAAAC,CAAA,IAAAF;AAAyB,WACzB,gBAAA5B,EAAC+B,KAAS,GACJd,GACW,iBAAAY,KAAY,CAAKC,GACrB,YAAA,UACF,WAAAnB,GAAYgB,gBAAkB,eAC7B,UAAAE,KAAY,CAAKC,GACtB,MAAA,WAEJlB,UAAAA,EAAUc,OAAAA,CACb;AAAA,EAAA,EAAY,CAEhB,IAEA,gBAAA1B,EAAC+B,GAAA,EAAS,GACJd,GACO,YAAA,UACF,WAAAN,GAAYgB,gBAAkB,eAClC,MAAA,WAEJf,YAAUc,QACb,GACDpC,OAAA2B,GAAA3B,OAAAkC,GAAAlC,EAAA,CAAA,IAAAG,EAAAc,WAAAjB,EAAA,CAAA,IAAAsB,EAAAc,QAAApC,EAAA,CAAA,IAAAqB,GAAAgB,cAAArC,QAAAmC,KAAAA,IAAAnC,EAAA,EAAA;AAxBD,QAAA0C,IAAqBP,GA2BeG,IAAAV,GAAQe,SAAW,SAAeC,IAAAC,EAAQhB,GAC9BiB,IAAAlB,GAAQmB,SAAW;AAAa,MAAAC;AAAA,EAAAhD,EAAA,EAAA,MAAAiD,OAAAC,IAAA,2BAAA,KAAoBF,IAAA;AAAA,IAAAG,GAAA;AAAA,IAAAC,GAAA;AAAA,EAAA,GAAcpD,QAAAgD,KAAAA,IAAAhD,EAAA,EAAA;AAAA,MAAAqD;AAAA,EAAArD,EAAA,EAAA,MAAAyB,KAAAzB,UAAA8C,KAAA9C,EAAA,EAAA,MAAA8B,KAA9GuB,IAAA,gBAAA3C,EAAC4C,GAAA,EAAW,GAAK7B,GAA2B,WAAAqB,GAA2C,UAAA,MAAS,IAAAE,GAC7FlB,UAAAA,EAAAA,CACH,GAAc9B,QAAAyB,GAAAzB,QAAA8C,GAAA9C,QAAA8B,GAAA9B,QAAAqD,KAAAA,IAAArD,EAAA,EAAA;AAAA,MAAAuD;AAAA,EAAAvD,UAAAgC,KACduB,sBAACC,MAAiCxB,aAAAA,EAAAA,CAAW,GAAIhC,QAAAgC,GAAAhC,QAAAuD,KAAAA,IAAAvD,EAAA,EAAA;AAEtC,QAAAyD,IAAApC,GAAYlB,QAAU;AAAM,MAAAuD;AAAA,EAAA1D,UAAAG,KAE3BuD,WAAAC,MAAA;AACRA,IAAAA,EAAKC,eAAAA,GACLD,EAAKE,gBAAAA,GAAkB,MACjB1D,EAAI2D,aAAAA;AAAAA,EAAc,GACzB9D,QAAAG,GAAAH,QAAA0D,KAAAA,IAAA1D,EAAA,EAAA;AAIU,QAAA+D,IAAAnC,GAAQoC,WAAa;AAAe,MAAAC;AAAA,EAAAjE,EAAA,EAAA,MAAA0B,GAAAwC,MACzCD,IAAAE,EAAAA,MAAA;AAAA,IAAAC,SAES;AAAA,EAAA,GAEX1C,GAAkBwC,EACpB,GAAClE,EAAA,EAAA,IAAA0B,GAAAwC,IAAAlE,QAAAiE,KAAAA,IAAAjE,EAAA,EAAA;AAAA,MAAAqE;AAAA,EAAArE,EAAA,EAAA,MAAA0B,KAAA1B,EAAA,EAAA,MAAA+B,KAAA/B,EAAA,EAAA,MAAA+D,KAAA/D,UAAAiE,KARHI,IAAA,gBAAA3D,EAAC4D,KAAa,GACR5C,GACK,WAAAqC,GACL,IAAAE,GAOHlC,UAAAA,EAAAA,CACH,GAAgB/B,QAAA0B,GAAA1B,QAAA+B,GAAA/B,QAAA+D,GAAA/D,QAAAiE,GAAAjE,QAAAqE,KAAAA,IAAArE,EAAA,EAAA;AACQ,QAAAuE,IAAAlD,GAAYmD,iBAAmB,kBAE1CC,IAAApD,GAAYqD,gBAAkB;AAAa,MAAAC;AAAA,EAAA3E,EAAA,EAAA,MAAAgC,KAAAhC,UAAAG,KAC3CwE,IAAAA,MAAA;AACPxE,IAAAA,EAAIyE,MAAAA,GACJ5C,EAAAA;AAAAA,EAAY,GACbhC,QAAAgC,GAAAhC,QAAAG,GAAAH,QAAA2E,KAAAA,IAAA3E,EAAA,EAAA;AAAA,MAAA6E;AAAA,EAAA7E,EAAA,EAAA,MAAAsB,EAAAwD,UAAA9E,EAAA,EAAA,MAAAyE,KAAAzE,EAAA,EAAA,MAAA2E,KALHE,IAAA,gBAAAnE,EAAC+B,KACU,WAAAgC,GACA,SAAAE,GAIJ,MAAA,aAEJrD,UAAAA,EAAUwD,OAAAA,CACb,GAAY9E,EAAA,EAAA,IAAAsB,EAAAwD,QAAA9E,QAAAyE,GAAAzE,QAAA2E,GAAA3E,QAAA6E,KAAAA,IAAA7E,EAAA,EAAA;AAAA,MAAA+E;AAAA,EAAA/E,EAAA,EAAA,MAAA0C,KAAA1C,UAAAuE,KAAAvE,EAAA,EAAA,MAAA6E,KAVdE,sBAACC,GAAA,EAAuB,WAAAT,GACtBM,UAAAA;AAAAA,IAAAA;AAAAA,IAUCnC;AAAAA,EAAAA,GACH,GAAgB1C,QAAA0C,GAAA1C,QAAAuE,GAAAvE,QAAA6E,GAAA7E,QAAA+E,KAAAA,IAAA/E,EAAA,EAAA;AAAA,MAAAiF;AAAA,EAAAjF,EAAA,EAAA,MAAAuB,KAAAvB,EAAA,EAAA,MAAAyD,KAAAzD,EAAA,EAAA,MAAA0D,KAAA1D,EAAA,EAAA,MAAAqE,KAAArE,UAAA+E,KAjClBE,sBAAA,QAAA,EACW,WAAAxB,GACHlC,MAAAA,GACI,UAAAmC,GAMVW,UAAAA;AAAAA,IAAAA;AAAAA,IAYAU;AAAAA,EAAAA,GAaF,GAAO/E,QAAAuB,GAAAvB,QAAAyD,GAAAzD,QAAA0D,GAAA1D,QAAAqE,GAAArE,QAAA+E,GAAA/E,QAAAiF,KAAAA,IAAAjF,EAAA,EAAA;AAAA,MAAAkF;AAAA,SAAAlF,UAAAwB,KAAAxB,EAAA,EAAA,MAAAiF,KAAAjF,EAAA,EAAA,MAAAsC,KAAAtC,EAAA,EAAA,MAAA4C,KAAA5C,UAAAqD,KAAArD,EAAA,EAAA,MAAAuD,KAvCT2B,sBAACC,GAAA,EAAM,GAAK3D,GAAsB,WAAAc,GAAkC,MAAAM,GAClES,UAAAA;AAAAA,IAAAA;AAAAA,IAGAE;AAAAA,IACA0B;AAAAA,EAAAA,GAmCF,GAASjF,QAAAwB,GAAAxB,QAAAiF,GAAAjF,QAAAsC,GAAAtC,QAAA4C,GAAA5C,QAAAqD,GAAArD,QAAAuD,GAAAvD,QAAAkF,KAAAA,IAAAlF,EAAA,EAAA,GAxCTkF;AAwCS;AAnFN,SAAAhE,GAAAC,GAAA;AAAA,SAAA,CAiBmCA,EAAKoB,cAAepB,EAAKqB,SAAA;AAAoB;ACrGhF,MAAM;AAAA,EACX4C,cAAcC;AAAAA,EACdC,aAAaC;AAAAA,EACbC,iBAAiBC;AAAAA,EACjBC,gBAAgBtF;AAClB,IAAIuF,EAAAA,GAES;AAAA,EAAEC,YAAYC;AAAAA,EAAeC,UAAUC;AAAY,IAAIC,EAAe;AAAA,EACjFZ,cAAcC;AAAAA,EACdC,aAAaC;AAAAA,EACbU,iBAAiB;AAAA,IACfC,eAAAA;AAAAA,EAAAA;AAAAA,EAEFC,gBAAgB;AAAA,IACd/E,cAAAA;AAAAA,IACAtB,cAAAA;AAAAA,EAAAA;AAEJ,CAAC;ACEM,SAAAoG,GAAAnG,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAA8B;AAAA,IAAA,WAAAC;AAAAA,EAAAA,IAAAH,GACnCqG,IAAcX,GAAAA;AAA4B,MAEtCW,EAAKjF,MAAAkF,KAAAC,aAAyBF,EAAKjF,MAAAkF,KAAA/F,OAAAC,QAAyB;AAAA,QAAAF;AAAA,IAAAL,SAAAoG,EAAAjF,MAAAkF,KAAA/F,UAChDD,IAAA+F,EAAKjF,MAAAkF,KAAA/F,OAAAG,GAAA,CAAuB,GAACT,OAAAoG,EAAAjF,MAAAkF,KAAA/F,QAAAN,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAA3C,UAAAQ,IAAcH;AAA8B,QAExC,OAAOG,KAAU,UAAQ;AACM,YAAAQ,IAAAd,KAAU;AAAa,UAAAiC;AAAA,aAAAnC,EAAA,CAAA,MAAAQ,KAAAR,SAAAgB,KAAjDmB,sBAACxB,GAAA,EAAyB,WAAAK,GAAkCR,SAAAA,GAAgB,UAAA,SAAO,GAAGR,OAAAQ,GAAAR,OAAAgB,GAAAhB,OAAAmC,KAAAA,IAAAnC,EAAA,CAAA,GAAtFmC;AAAAA,IAAAA,WACE3B,KAAS,OAAOA,KAAU,UAAQ;AAAA,UAAAQ;AAAA,MAAAhB,EAAA,CAAA,MAAAQ,EAAAM,SACvBE,IAAA,CAAC,SAAS,QAAQ,WAAW,SAAS,EAAAH,SAAWL,EAAKM,KAAM,IAC3EN,EAAKM,QACN,SAAOd,EAAA,CAAA,IAAAQ,EAAAM,OAAAd,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAFX,YAAAY,IAAoBI,GAGamB,IAAAjC,KAAU;AAAa,UAAAoC;AAAA,aAAAtC,EAAA,CAAA,MAAAQ,EAAAO,WAAAf,EAAA,CAAA,MAAAY,KAAAZ,EAAA,CAAA,MAAAmC,KAAjDG,IAAA,gBAAA5B,EAACC,KAAyB,WAAAwB,GAAkC,SAAA3B,EAAKO,SAAoBH,UAAAA,EAAAA,CAAW,GAAIZ,EAAA,CAAA,IAAAQ,EAAAO,SAAAf,OAAAY,GAAAZ,OAAAmC,GAAAnC,QAAAsC,KAAAA,IAAAtC,EAAA,EAAA,GAApGsC;AAAAA,IAAAA;AAAAA,EAAoG;AAAA,SAAA;AAAA;"}