@rws-aoa/react-library 8.1.0 → 8.2.2

package/dist/index.js

@@ -1,55 +1,56 @@
-import { AoaButton as a } from "./components/atoms/button/Button.js";
-import { AoaIconButton as e } from "./components/atoms/icon-button/IconButton.js";
-import { AoaInput as m } from "./components/atoms/input/Input.js";
-import { AoaList as x } from "./components/atoms/list/List.js";
-import { AoaLogo as n } from "./components/atoms/logo/Logo.js";
-import { AoaNoPermission as s } from "./components/atoms/no-permission/NoPermission.js";
-import { AoaNotification as d } from "./components/atoms/notification/Notification.js";
-import { AoaSectionHeader as F } from "./components/atoms/section-header/SectionHeader.js";
-import { AoaCheckbox as c } from "./components/atoms/selection-buttons/checkbox/Checkbox.js";
-import { AoaRadioButton as b } from "./components/atoms/selection-buttons/radio-button/RadioButton.js";
-import { AoaSwitchButton as T } from "./components/atoms/selection-buttons/switch-button/SwitchButton.js";
-import { AoaTable as w } from "./components/atoms/table/Table.js";
-import { AoaTooltip as N } from "./components/atoms/tooltip/Tooltip.js";
-import { AoaZeroWidthSpace as E } from "./components/atoms/zero-width-space/ZeroWidthSpace.js";
-import { A as L, a as P, b as k, c as v, d as z, u as D, e as H, f as R, w as U } from "./chunks/FieldError.5EPMwcGp.js";
-import { AoaFileDropzone as Z } from "./components/molecules/file-dropzone/FileDropzone.js";
-import { AoaFileTable as q } from "./components/molecules/file-table/FileTable.js";
-import { AoaModalCloseButton as G } from "./components/molecules/modal-close-button/ModalCloseButton.js";
-import { AoaModal as K } from "./components/molecules/modal/Modal.js";
-import { AoaNavigationBar as Q } from "./components/molecules/navigation-bar/NavigationBar.js";
-import { AoaUploadButton as X } from "./components/molecules/upload-button/UploadButton.js";
-import { AoaContentPage as _ } from "./components/organisms/content-page/ContentPage.js";
+import { AoaButton as r } from "./components-generic/atoms/button/Button.js";
+import { AoaIconButton as e } from "./components-generic/atoms/icon-button/IconButton.js";
+import { AoaInput as m } from "./components-generic/atoms/input/Input.js";
+import { AoaList as x } from "./components-generic/atoms/list/List.js";
+import { AoaLogo as n } from "./components-generic/atoms/logo/Logo.js";
+import { AoaNoPermission as s } from "./components-generic/atoms/no-permission/NoPermission.js";
+import { AoaNotification as d } from "./components-generic/atoms/notification/Notification.js";
+import { AoaSectionHeader as F } from "./components-generic/atoms/section-header/SectionHeader.js";
+import { AoaCheckbox as c } from "./components-generic/atoms/selection-buttons/checkbox/Checkbox.js";
+import { AoaRadioButton as b } from "./components-generic/atoms/selection-buttons/radio-button/RadioButton.js";
+import { AoaSwitchButton as g } from "./components-generic/atoms/selection-buttons/switch-button/SwitchButton.js";
+import { AoaTable as T } from "./components-generic/atoms/table/Table.js";
+import { AoaTooltip as L } from "./components-generic/atoms/tooltip/Tooltip.js";
+import { AoaZeroWidthSpace as S } from "./components-generic/atoms/zero-width-space/ZeroWidthSpace.js";
+import { A as I, a as P, b as k, c as v, d as z, e as D, u as H, f as R, g as U, w as W } from "./chunks/FieldError.7Lfieqt3.js";
+import { AoaFileDropzone as j } from "./components-generic/molecules/file-dropzone/FileDropzone.js";
+import { AoaFileTable as y } from "./components-generic/molecules/file-table/FileTable.js";
+import { AoaModalCloseButton as J } from "./components-generic/molecules/modal-close-button/ModalCloseButton.js";
+import { AoaModal as O } from "./components-generic/molecules/modal/Modal.js";
+import { AoaNavigationBar as V } from "./components-generic/molecules/navigation-bar/NavigationBar.js";
+import { AoaUploadButton as Y } from "./components-generic/molecules/upload-button/UploadButton.js";
+import { AoaContentPage as $ } from "./components-generic/organisms/content-page/ContentPage.js";
 export {
-  a as AoaButton,
+  r as AoaButton,
   c as AoaCheckbox,
-  _ as AoaContentTemplate,
-  L as AoaFieldError,
-  Z as AoaFileDropzone,
-  q as AoaFileTable,
+  $ as AoaContentTemplate,
+  I as AoaFieldError,
+  j as AoaFileDropzone,
+  y as AoaFileTable,
   P as AoaFormError,
   k as AoaFormModal,
   e as AoaIconButton,
   m as AoaInput,
   x as AoaList,
   n as AoaLogo,
-  K as AoaModal,
-  G as AoaModalCloseButton,
-  Q as AoaNavigationBar,
+  O as AoaModal,
+  J as AoaModalCloseButton,
+  V as AoaNavigationBar,
+  v as AoaNoLabelNumberField,
   s as AoaNoPermission,
   d as AoaNotification,
   b as AoaRadioButton,
   F as AoaSectionHeader,
-  T as AoaSwitchButton,
-  w as AoaTable,
-  N as AoaTooltip,
-  X as AoaUploadButton,
-  E as AoaZeroWidthSpace,
-  v as aoaFieldContext,
-  z as aoaFormContext,
-  D as useAoaAppForm,
-  H as useAoaFieldContext,
-  R as useAoaFormContext,
-  U as withAoaForm
+  g as AoaSwitchButton,
+  T as AoaTable,
+  L as AoaTooltip,
+  Y as AoaUploadButton,
+  S as AoaZeroWidthSpace,
+  z as aoaFieldContext,
+  D as aoaFormContext,
+  H as useAoaAppForm,
+  R as useAoaFieldContext,
+  U as useAoaFormContext,
+  W as withAoaForm
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "8.1.0",
+  "version": "8.2.2",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",
@@ -28,49 +28,49 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.3.5",
     "@mui/material": "^7.3.5",
-    "@tanstack/react-router": "^1.134.12",
+    "@sapphire/utilities": "^3.18.2",
+    "@tanstack/react-router": "^1.139.7",
     "clsx": "^2.1.1",
     "lodash": "^4.17.21",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.2",
+    "@chromatic-com/storybook": "^4.1.3",
     "@favware/cliff-jumper": "^6.0.0",
     "@fontsource/material-icons": "^5.2.7",
-    "@fontsource/roboto": "^5.2.8",
+    "@fontsource/roboto": "^5.2.9",
     "@mui/system": "^7.3.5",
-    "@mui/x-data-grid": "^8.16.0",
-    "@mui/x-data-grid-generator": "^8.16.0",
+    "@mui/x-data-grid": "^8.20.0",
+    "@mui/x-data-grid-generator": "^8.20.0",
     "@storybook/addon-a11y": "^9.1.16",
-    "@storybook/addon-console": "^3.0.0",
     "@storybook/addon-docs": "^9.1.16",
     "@storybook/addon-onboarding": "^9.1.16",
     "@storybook/addon-themes": "^9.1.16",
-    "@storybook/addon-vitest": "9.1.16",
+    "@storybook/addon-vitest": "^9.1.16",
     "@storybook/react-vite": "^9.1.16",
-    "@tanstack/react-form": "1.23.8",
-    "@types/lodash": "^4.17.20",
+    "@tanstack/react-form": "1.26.0",
+    "@types/lodash": "^4.17.21",
     "@types/lodash.merge": "^4.6.9",
-    "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.2",
-    "@vitejs/plugin-react": "^5.1.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
-    "babel-plugin-react-compiler": "^19.1.0-rc.3",
+    "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^9.39.1",
-    "glob": "^11.0.3",
+    "glob": "^13.0.0",
     "npm-run-all2": "^8.0.4",
-    "playwright": "^1.56.1",
-    "prettier": "^3.6.2",
+    "playwright": "^1.57.0",
+    "prettier": "^3.7.0",
     "react-dropzone": "^14.3.8",
     "react-toastify": "^11.0.5",
     "remark-gfm": "^4.0.1",
     "storybook": "^9.1.16",
-    "stylelint": "^16.25.0",
+    "stylelint": "^16.26.0",
     "tslib": "^2.8.1",
     "typescript": "^5.9.3",
-    "vite": "^7.2.0",
+    "vite": "^7.2.4",
     "vite-plugin-checker": "^0.11.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
@@ -115,107 +115,115 @@
       "default": "./dist/index.js"
     },
     "./button": {
-      "types": "./dist/components/atoms/button/Button.d.ts",
-      "default": "./dist/components/atoms/button/Button.js"
+      "types": "./dist/components-generic/atoms/button/Button.d.ts",
+      "default": "./dist/components-generic/atoms/button/Button.js"
     },
     "./checkbox": {
-      "types": "./dist/components/atoms/selection-buttons/checkbox/Checkbox.d.ts",
-      "default": "./dist/components/atoms/selection-buttons/checkbox/Checkbox.js"
+      "types": "./dist/components-generic/atoms/selection-buttons/checkbox/Checkbox.d.ts",
+      "default": "./dist/components-generic/atoms/selection-buttons/checkbox/Checkbox.js"
     },
     "./contentpage": {
-      "types": "./dist/components/organisms/content-page/ContentPage.d.ts",
-      "default": "./dist/components/organisms/content-page/ContentPage.js"
+      "types": "./dist/components-generic/organisms/content-page/ContentPage.d.ts",
+      "default": "./dist/components-generic/organisms/content-page/ContentPage.js"
     },
     "./fielderror": {
-      "types": "./dist/components/molecules/field-error/FieldError.d.ts",
-      "default": "./dist/components/molecules/field-error/FieldError.js"
+      "types": "./dist/components-generic/molecules/field-error/FieldError.d.ts",
+      "default": "./dist/components-generic/molecules/field-error/FieldError.js"
     },
     "./filedropzone": {
-      "types": "./dist/components/molecules/file-dropzone/FileDropzone.d.ts",
-      "default": "./dist/components/molecules/file-dropzone/FileDropzone.js"
+      "types": "./dist/components-generic/molecules/file-dropzone/FileDropzone.d.ts",
+      "default": "./dist/components-generic/molecules/file-dropzone/FileDropzone.js"
     },
     "./filetable": {
-      "types": "./dist/components/molecules/file-table/FileTable.d.ts",
-      "default": "./dist/components/molecules/file-table/FileTable.js"
+      "types": "./dist/components-generic/molecules/file-table/FileTable.d.ts",
+      "default": "./dist/components-generic/molecules/file-table/FileTable.js"
     },
     "./formerror": {
-      "types": "./dist/components/molecules/form-error/FormError.d.ts",
-      "default": "./dist/components/molecules/form-error/FormError.js"
+      "types": "./dist/components-generic/molecules/form-error/FormError.d.ts",
+      "default": "./dist/components-generic/molecules/form-error/FormError.js"
     },
     "./formmodal": {
-      "types": "./dist/components/molecules/form-modal/FormModal.d.ts",
-      "default": "./dist/components/molecules/form-modal/FormModal.js"
+      "types": "./dist/components-generic/molecules/form-modal/FormModal.d.ts",
+      "default": "./dist/components-generic/molecules/form-modal/FormModal.js"
     },
     "./iconbutton": {
-      "types": "./dist/components/atoms/icon-button/IconButton.d.ts",
-      "default": "./dist/components/atoms/icon-button/IconButton.js"
+      "types": "./dist/components-generic/atoms/icon-button/IconButton.d.ts",
+      "default": "./dist/components-generic/atoms/icon-button/IconButton.js"
     },
     "./input": {
-      "types": "./dist/components/atoms/input/Input.d.ts",
-      "default": "./dist/components/atoms/input/Input.js"
+      "types": "./dist/components-generic/atoms/input/Input.d.ts",
+      "default": "./dist/components-generic/atoms/input/Input.js"
+    },
+    "./ivonprojectplanning": {
+      "types": "./dist/components-domain/ivon-project-planning/IvonProjectPlanning.d.ts",
+      "default": "./dist/components-domain/ivon-project-planning/IvonProjectPlanning.js"
     },
     "./list": {
-      "types": "./dist/components/atoms/list/List.d.ts",
-      "default": "./dist/components/atoms/list/List.js"
+      "types": "./dist/components-generic/atoms/list/List.d.ts",
+      "default": "./dist/components-generic/atoms/list/List.js"
     },
     "./logo": {
-      "types": "./dist/components/atoms/logo/Logo.d.ts",
-      "default": "./dist/components/atoms/logo/Logo.js"
+      "types": "./dist/components-generic/atoms/logo/Logo.d.ts",
+      "default": "./dist/components-generic/atoms/logo/Logo.js"
     },
     "./modal": {
-      "types": "./dist/components/molecules/modal/Modal.d.ts",
-      "default": "./dist/components/molecules/modal/Modal.js"
+      "types": "./dist/components-generic/molecules/modal/Modal.d.ts",
+      "default": "./dist/components-generic/molecules/modal/Modal.js"
     },
     "./modalclosebutton": {
-      "types": "./dist/components/molecules/modal-close-button/ModalCloseButton.d.ts",
-      "default": "./dist/components/molecules/modal-close-button/ModalCloseButton.js"
+      "types": "./dist/components-generic/molecules/modal-close-button/ModalCloseButton.d.ts",
+      "default": "./dist/components-generic/molecules/modal-close-button/ModalCloseButton.js"
     },
     "./navigationbar": {
-      "types": "./dist/components/molecules/navigation-bar/NavigationBar.d.ts",
-      "default": "./dist/components/molecules/navigation-bar/NavigationBar.js"
+      "types": "./dist/components-generic/molecules/navigation-bar/NavigationBar.d.ts",
+      "default": "./dist/components-generic/molecules/navigation-bar/NavigationBar.js"
+    },
+    "./nolabelnumberfield": {
+      "types": "./dist/components-generic/molecules/no-label-number-field/NoLabelNumberField.d.ts",
+      "default": "./dist/components-generic/molecules/no-label-number-field/NoLabelNumberField.js"
     },
     "./nopermission": {
-      "types": "./dist/components/atoms/no-permission/NoPermission.d.ts",
-      "default": "./dist/components/atoms/no-permission/NoPermission.js"
+      "types": "./dist/components-generic/atoms/no-permission/NoPermission.d.ts",
+      "default": "./dist/components-generic/atoms/no-permission/NoPermission.js"
     },
     "./notification": {
-      "types": "./dist/components/atoms/notification/Notification.d.ts",
-      "default": "./dist/components/atoms/notification/Notification.js"
+      "types": "./dist/components-generic/atoms/notification/Notification.d.ts",
+      "default": "./dist/components-generic/atoms/notification/Notification.js"
     },
     "./radiobutton": {
-      "types": "./dist/components/atoms/selection-buttons/radio-button/RadioButton.d.ts",
-      "default": "./dist/components/atoms/selection-buttons/radio-button/RadioButton.js"
+      "types": "./dist/components-generic/atoms/selection-buttons/radio-button/RadioButton.d.ts",
+      "default": "./dist/components-generic/atoms/selection-buttons/radio-button/RadioButton.js"
     },
     "./sectionheader": {
-      "types": "./dist/components/atoms/section-header/SectionHeader.d.ts",
-      "default": "./dist/components/atoms/section-header/SectionHeader.js"
+      "types": "./dist/components-generic/atoms/section-header/SectionHeader.d.ts",
+      "default": "./dist/components-generic/atoms/section-header/SectionHeader.js"
     },
     "./styles": {
       "default": "./dist/css/styles.css"
     },
     "./switchbutton": {
-      "types": "./dist/components/atoms/selection-buttons/switch-button/SwitchButton.d.ts",
-      "default": "./dist/components/atoms/selection-buttons/switch-button/SwitchButton.js"
+      "types": "./dist/components-generic/atoms/selection-buttons/switch-button/SwitchButton.d.ts",
+      "default": "./dist/components-generic/atoms/selection-buttons/switch-button/SwitchButton.js"
     },
     "./table": {
-      "types": "./dist/components/atoms/table/Table.d.ts",
-      "default": "./dist/components/atoms/table/Table.js"
+      "types": "./dist/components-generic/atoms/table/Table.d.ts",
+      "default": "./dist/components-generic/atoms/table/Table.js"
     },
     "./tanstackformcontext": {
       "types": "./dist/contexts/TanstackFormContext.ts",
       "default": "./dist/contexts/TanstackFormContext.ts"
     },
     "./tooltip": {
-      "types": "./dist/components/atoms/tooltip/Tooltip.d.ts",
-      "default": "./dist/components/atoms/tooltip/Tooltip.js"
+      "types": "./dist/components-generic/atoms/tooltip/Tooltip.d.ts",
+      "default": "./dist/components-generic/atoms/tooltip/Tooltip.js"
     },
     "./uploadbutton": {
-      "types": "./dist/components/molecules/upload-button/UploadButton.d.ts",
-      "default": "./dist/components/molecules/upload-button/UploadButton.js"
+      "types": "./dist/components-generic/molecules/upload-button/UploadButton.d.ts",
+      "default": "./dist/components-generic/molecules/upload-button/UploadButton.js"
     },
     "./zerowidthspace": {
-      "types": "./dist/components/atoms/zero-width-space/ZeroWidthSpace.d.ts",
-      "default": "./dist/components/atoms/zero-width-space/ZeroWidthSpace.js"
+      "types": "./dist/components-generic/atoms/zero-width-space/ZeroWidthSpace.d.ts",
+      "default": "./dist/components-generic/atoms/zero-width-space/ZeroWidthSpace.js"
     }
   },
   "sideEffects": [

package/dist/chunks/FieldError.5EPMwcGp.js

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

package/dist/chunks/FieldError.5EPMwcGp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldError.5EPMwcGp.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) ? (error.level as Severity) : '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 {...AoaSubmitButtonProps} buttonType='submit' data-qa={formModalQas?.submitButton ?? 'submit-form'} type='primary'>\n      {formLabels.submit}\n    </AoaButton>\n  );\n\n  return (\n    <Dialog\n      {...DialogProps}\n      data-qa={modalQas?.modal ?? 'modal'}\n      open={Boolean(open)}\n      sx={merge(\n        {\n          '> div > div': {\n            borderRadius: 0\n          }\n        },\n        DialogProps?.sx\n      )}\n    >\n      <DialogTitle\n        {...DialogTitleProps}\n        data-qa={modalQas?.title ?? 'modal-title'}\n        maxWidth='sm'\n        sx={merge(\n          {\n            padding: '3rem 3rem 1rem',\n            color: 'var(--color-rijks-logoblue)',\n            fontSize: '1.1rem',\n            fontWeight: 'bolder'\n          },\n          DialogTitleProps?.sx\n        )}\n      >\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) ? (error.level as Severity) : '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","sx","merge","borderRadius","t7","title","t8","padding","color","fontSize","fontWeight","t9","DialogTitle","t10","AoaModalCloseButton","t11","t12","event","preventDefault","stopPropagation","handleSubmit","t13","content","t14","t15","DialogContent","t16","dialogActions","t17","cancelButton","t18","reset","t19","cancel","t20","DialogActions","t21","t22","jsxs","Dialog","fieldContext","aoaFieldContext","formContext","aoaFormContext","useFieldContext","useAoaFieldContext","useFormContext","createFormHookContexts","useAppForm","useAoaAppForm","withForm","withAoaForm","createFormHook","fieldComponents","AoaFieldError","formComponents","field","meta","isTouched"],"mappings":"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"}

package/dist/components/atoms/_menu/menu-item/MenuItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAmB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGhG,UAAU,OAAO;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,KAAK,IAAI;AACP;;GAEG;AACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE;AACrC;;GAEG;GACD;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAErC,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;CACnE;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,2CAuJ/C"}

package/dist/components/atoms/_menu/menu-item/MenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../../../src/components/atoms/_menu/menu-item/MenuItem.tsx"],"sourcesContent":["import { Home as HomeIcon, KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';\nimport { Link as MUILink, MenuItem as MUIMenuItem, menuItemClasses, svgIconClasses, Popper, Typography } from '@mui/material';\nimport { Link } from '@tanstack/react-router';\nimport { merge } from 'lodash';\nimport { useState, type Dispatch, type JSX, type MouseEvent, type SetStateAction } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\ninterface SubMenu {\n  /**\n   * Optional divider to be shown below menu item\n   */\n  divider?: boolean;\n  /**\n   * Optional icon to be displayed in front of the label\n   */\n  icon?: JSX.Element;\n  /**\n   * The label of the menu item\n   */\n  label: string;\n  /**\n   * The path that the menu item links to on click\n   */\n  to: string;\n}\n\ntype Menu =\n  /**\n   * The path that the menu item links to on click and the subitems shown on hover\n   */\n  | { subItems: SubMenu[]; to: string }\n  /**\n   * Subitems are required when there is no path that the menu item links to on click\n   */\n  | { subItems: SubMenu[]; to?: never }\n  /**\n   * The path that the menu item links to on click is required when there are no subitems on hover\n   */\n  | { subItems?: never; to: string };\n\nexport type AoaPage = Menu & {\n  /**\n   * Optional boolean to indicate if it's an external \"to\" path\n   */\n  externalPath?: boolean;\n  /**\n   * The label of the menu item\n   */\n  label: string;\n};\n\ninterface MenuItemProps {\n  /**\n   * Index of the current menu item. Home === 0\n   */\n  readonly index: number;\n  /**\n   * The Page object for this menu item\n   */\n  readonly page: AoaPage;\n  /**\n   * The currently active menu item\n   */\n  readonly selectedPage: number | null;\n  /**\n   * The function to update the active menu item\n   */\n  readonly setSelectedPage: Dispatch<SetStateAction<number | null>>;\n}\n\n/**\n * Constructs a menu item using pre-defined Rijks styling\n *\n * @param props - Props to pass to the menu item\n * @example\n * ```jsx\n * <AoaMenuItem\n *  index={index}\n *  page={{\n *    label: \"Products\",\n *    to: \"/products\",\n *    subItems: [\n *      {\n *        label: \"Books\",\n *        to: \"/books\",\n *        icon: <BookIcon />,\n *      }\n *    ]\n *  }}\n *  selectedPage={selectedPage}\n *  setSelectedPage={setSelectedPage}\n * />\n * ```\n */\nexport function AoaMenuItem(props: MenuItemProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [open, setOpen] = useState(false);\n\n  function handleMenuOpen(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) {\n    setOpen(true);\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleMenuClose() {\n    setOpen(false);\n    setAnchorEl(null);\n  }\n\n  function linkProps() {\n    if (props.page.externalPath) {\n      return { href: props.page.to };\n    } else {\n      return { to: props.page.to };\n    }\n  }\n\n  return (\n    <MUIMenuItem\n      {...linkProps()}\n      aria-controls={props.page.subItems?.length && open ? 'submenu' : undefined}\n      aria-expanded={props.page.subItems?.length && open ? 'true' : undefined}\n      aria-haspopup={props.page.subItems?.length ? 'true' : 'false'}\n      aria-label={props.page.label}\n      component={props.page.to && !props.page.externalPath ? Link : MUILink}\n      key={props.index}\n      onClick={() => props.setSelectedPage(props.index)}\n      onMouseEnter={(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => handleMenuOpen(event)}\n      onMouseLeave={() => handleMenuClose()}\n      role='menuitem'\n      selected={props.selectedPage === null ? false : props.selectedPage === props.index}\n      sx={{\n        height: '100%',\n        borderBottom: '3px solid transparent',\n        padding: '6px 20px 3px',\n\n        ':hover': {\n          backgroundColor: 'var(--color-rijks-yellow-hover)',\n          ...(props.page.to && {\n            textDecoration: 'underline'\n          })\n        },\n\n        [`&.${menuItemClasses.selected}`]: {\n          backgroundColor: 'var(--color-rijks-yellow-light)',\n          borderBottomColor: 'var(--color-rijks-skyblue)',\n          ':hover': {\n            backgroundColor: 'var(--color-rijks-yellow-hover)'\n          }\n        }\n      }}\n      title={props.page.label}\n    >\n      <Typography\n        aria-hidden\n        component='span'\n        sx={merge(\n          {\n            display: 'flex',\n            alignItems: 'center',\n\n            [`&.${svgIconClasses.root}`]: {\n              marginRight: '5px'\n            }\n          },\n          FontNormalSxProps\n        )}\n        variant='body1'\n      >\n        {props.index === 0 && <HomeIcon />}\n        {props.page.label}\n        {props.page.subItems?.length ? <KeyboardArrowDownIcon /> : null}\n      </Typography>\n      {props.page.subItems && (\n        <Popper\n          anchorEl={anchorEl}\n          id='submenu'\n          open={open}\n          placement='bottom-start'\n          role='menu'\n          sx={{\n            backgroundColor: 'var(--color-bg-light)',\n            padding: '4px 0',\n            borderRadius: '6px',\n            marginTop: '8px',\n            minWidth: '180px',\n            color: 'var(--color-text)',\n            boxShadow: `\n              rgb(255 255 255) 0 0 0 0,\n              rgb(0 0 0 / 5%) 0 0 0 1px,\n              rgb(0 0 0 / 10%) 0 10px 15px -3px,\n              rgb(0 0 0 / 5%) 0 4px 6px -2px\n            `\n          }}\n        >\n          {props.page.subItems?.map((subItem, index) => (\n            <MUIMenuItem\n              aria-label={subItem.label}\n              component={Link}\n              disableRipple\n              divider={subItem.divider ?? false}\n              key={index}\n              onClick={(event) => {\n                event.stopPropagation();\n                props.setSelectedPage(props.index);\n                handleMenuClose();\n              }}\n              sx={merge(\n                {\n                  ':active': {\n                    backgroundColor: 'var(--color-bg-light)'\n                  },\n\n                  [`&.${menuItemClasses.divider}`]: {\n                    borderBottom: 'transparent',\n                    position: 'relative',\n                    marginBottom: '16px',\n\n                    '::after': {\n                      content: '\"\"',\n                      position: 'absolute',\n                      bottom: '-8px',\n                      left: '0',\n                      width: '100%',\n                      borderBottom: '1px solid rgba(0, 0, 0, 0.12)'\n                    }\n                  },\n\n                  [`&.${svgIconClasses.root}`]: {\n                    fontSize: 'var(--font-size-text)',\n                    color: 'var(--color-rijks-grey-7)',\n                    marginRight: '12px'\n                  }\n                },\n                FontNormalSxProps\n              )}\n              to={subItem.to}\n            >\n              {subItem.icon}\n              {subItem.label}\n            </MUIMenuItem>\n          ))}\n        </Popper>\n      )}\n    </MUIMenuItem>\n  );\n}\n"],"names":["AoaMenuItem","props","anchorEl","setAnchorEl","useState","open","setOpen","handleMenuOpen","event","currentTarget","handleMenuClose","linkProps","page","externalPath","href","to","createElement","MUIMenuItem","subItems","length","undefined","label","Link","MUILink","index","setSelectedPage","selectedPage","height","borderBottom","padding","backgroundColor","textDecoration","menuItemClasses","selected","borderBottomColor","jsxs","Typography","merge","display","alignItems","svgIconClasses","root","marginRight","FontNormalSxProps","jsx","HomeIcon","KeyboardArrowDownIcon","Popper","borderRadius","marginTop","minWidth","color","boxShadow","map","subItem","divider","stopPropagation","position","marginBottom","content","bottom","left","width","fontSize","icon"],"mappings":"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"}

package/dist/components/atoms/_menu/user-menu/UserMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/_menu/user-menu/UserMenu.tsx"],"names":[],"mappings":"AAMA,KAAK,MAAM;AACT;;GAEG;AACD;IAAE,OAAO,CAAC,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE;AACjC;;GAEG;GACD;IAAE,OAAO,IAAI,IAAI,CAAC;IAAC,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAEpC,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,UAAU,aAAa;IACrB;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,UAAU,EAAE,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;;;;;;;;;;GAYG;AAEH,wBAAgB,WAAW,CAAC,KAAK,EAAE,aAAa,2CAiF/C"}

package/dist/components/atoms/_menu/user-menu/UserMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserMenu.js","sources":["../../../../../src/components/atoms/_menu/user-menu/UserMenu.tsx"],"sourcesContent":["import { Avatar, Box, Link as MUILink, MenuItem as MUIMenuItem, Popper, Typography } from '@mui/material';\nimport { Link } from '@tanstack/react-router';\nimport { merge } from 'lodash';\nimport { useState, type MouseEvent } from 'react';\nimport { FontNormalSxProps } from '../../../../_constants';\n\ntype Action =\n  /**\n   * The path that the menu item links to on click\n   */\n  | { onClick?: never; to: string }\n  /**\n   * The onClick function for situations where you don't want to navigate to another page (e.g. logout)\n   */\n  | { onClick(): void; to?: never };\n\nexport type AoaSetting = Action & {\n  /**\n   * Optional divider to be shown below menu item\n   */\n  divider?: boolean;\n  /**\n   * The label of the menu item\n   */\n  label: string;\n};\n\ninterface UserMenuProps {\n  /**\n   * A list of the user menu items\n   */\n  readonly settings: AoaSetting[];\n  /**\n   * Username to be displayed on the left of the settings menu icon\n   */\n  readonly username?: string;\n}\n\n/**\n * Constructs a user menu using pre-defined Rijks styling\n *\n * @param props - Props to pass to the user menu\n * @example\n * ```jsx\n * <AoaUserMenu\n *  settings={[\n *    { label: \"Logout\", onClick: () => console.log(\"Logout\") }\n *  ]}\n * />\n * ```\n */\n\nexport function AoaUserMenu(props: UserMenuProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const [open, setOpen] = useState(false);\n\n  function handleMenuOpen(event: MouseEvent<HTMLLIElement, globalThis.MouseEvent>) {\n    setOpen(true);\n    setAnchorEl(event.currentTarget);\n  }\n\n  function handleMenuClose() {\n    setOpen(false);\n    setAnchorEl(null);\n  }\n\n  return (\n    <Box alignItems='center' display='flex' role='menu' sx={{ flexGrow: 0, minWidth: 'fit-content' }}>\n      {props.username && (\n        <Typography component='span' sx={merge({ marginRight: '16px' }, FontNormalSxProps)}>\n          {props.username}\n        </Typography>\n      )}\n      <MUIMenuItem\n        aria-controls={open ? 'usermenu' : undefined}\n        aria-expanded={open ? 'true' : undefined}\n        aria-haspopup='true'\n        aria-label='User menu'\n        onMouseEnter={(event) => handleMenuOpen(event)}\n        onMouseLeave={() => handleMenuClose()}\n        sx={{\n          padding: 0,\n\n          ':hover': {\n            backgroundColor: 'transparent'\n          }\n        }}\n      >\n        <Avatar />\n        <Popper\n          anchorEl={anchorEl}\n          id='usermenu'\n          open={open}\n          placement='bottom-end'\n          sx={{\n            backgroundColor: 'var(--color-bg-light)',\n            padding: '4px 0',\n            borderRadius: '6px',\n            marginTop: '8px',\n            minWidth: '120px',\n            color: 'var(--color-text)',\n            boxShadow: `\n              rgb(255 255 255) 0 0 0 0,\n              rgb(0 0 0 / 5%) 0 0 0 1px,\n              rgb(0 0 0 / 10%) 0 10px 15px -3px,\n              rgb(0 0 0 / 5%) 0 4px 6px -2px\n            `\n          }}\n        >\n          {props.settings.map((setting, index) => (\n            <MUIMenuItem\n              component={setting.to ? Link : MUILink}\n              disableRipple\n              divider={setting.divider ?? false}\n              key={index}\n              onClick={(event: MouseEvent<HTMLAnchorElement, globalThis.MouseEvent>) => {\n                event.stopPropagation();\n                if (setting.onClick) {\n                  setting.onClick();\n                }\n\n                setOpen(false);\n              }}\n              sx={{ ...FontNormalSxProps }}\n              to={setting.to}\n            >\n              {setting.label}\n            </MUIMenuItem>\n          ))}\n        </Popper>\n      </MUIMenuItem>\n    </Box>\n  );\n}\n"],"names":["AoaUserMenu","props","$","_c","anchorEl","setAnchorEl","useState","open","setOpen","t0","Symbol","for","event","currentTarget","handleMenuOpen","t1","handleMenuClose","t2","flexGrow","minWidth","t3","username","jsx","Typography","merge","marginRight","FontNormalSxProps","t4","undefined","t5","t6","t7","event_0","t8","t9","padding","backgroundColor","Avatar","t10","borderRadius","marginTop","color","boxShadow","t11","settings","t12","setting","index","MUIMenuItem","to","Link","MUILink","divider","event_1","stopPropagation","onClick","label","map","Popper","t13","jsxs","t14","Box"],"mappings":"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"}