@rws-aoa/react-library 6.0.1 → 7.0.0

package/dist/components/atoms/tooltip/Tooltip.js

@@ -10,34 +10,23 @@ function g({
   children: s,
   ...o
 }) {
-  return /* @__PURE__ */ r(
-    i,
-    {
-      ...o,
-      classes: { popper: a },
-      describeChild: !0,
-      enterDelay: l ?? 300,
-      placement: e ?? "top",
-      slotProps: m.merge(
-        {
-          popper: {
-            sx: {
-              [`& .${d.tooltip}`]: {
-                lineHeight: 1.5,
-                backgroundColor: "#FFFFFF",
-                borderRadius: 0,
-                boxShadow: "0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important",
-                color: "var(--color-text)"
-              }
-            }
-          }
-        },
-        o.slotProps
-      ),
-      title: /* @__PURE__ */ r(x, { "data-qa": t, sx: { p: 1 }, children: p }),
-      children: s
+  return /* @__PURE__ */ r(i, { ...o, classes: {
+    popper: a
+  }, describeChild: !0, enterDelay: l ?? 300, placement: e ?? "top", slotProps: m.merge({
+    popper: {
+      sx: {
+        [`& .${d.tooltip}`]: {
+          lineHeight: 1.5,
+          backgroundColor: "#FFFFFF",
+          borderRadius: 0,
+          boxShadow: "0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important",
+          color: "var(--color-text)"
+        }
+      }
     }
-  );
+  }, o.slotProps), title: /* @__PURE__ */ r(x, { "data-qa": t, sx: {
+    p: 1
+  }, children: p }), children: s });
 }
 export {
   g as AoaTooltip

package/dist/components/atoms/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/atoms/tooltip/Tooltip.tsx"],"sourcesContent":["import { Box, Tooltip, tooltipClasses, type TooltipProps } from '@mui/material';\nimport { merge } from 'lodash';\n\nexport interface AoaTooltipProps extends TooltipProps {\n  /**\n   * Data-qa tag to apply to the tooltip\n   */\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a tooltip using pre-defined Rijks styling\n *\n * @param props - Props to pass to the {@link Tooltip}\n */\nexport function AoaTooltip({\n  'data-qa': qaTag,\n  title,\n  placement,\n  enterDelay,\n  className,\n  children,\n  ...props\n}: AoaTooltipProps) {\n  return (\n    <Tooltip\n      {...props}\n      classes={{ popper: className }}\n      describeChild\n      enterDelay={enterDelay ?? 300}\n      placement={placement ?? 'top'}\n      slotProps={merge(\n        {\n          popper: {\n            sx: {\n              [`& .${tooltipClasses.tooltip}`]: {\n                lineHeight: 1.5,\n                backgroundColor: '#FFFFFF',\n                borderRadius: 0,\n                boxShadow:\n                  '0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important',\n                color: 'var(--color-text)'\n              }\n            }\n          }\n        },\n        props.slotProps\n      )}\n      title={\n        <Box data-qa={qaTag} sx={{ p: 1 }}>\n          {title}\n        </Box>\n      }\n    >\n      {children}\n    </Tooltip>\n  );\n}\n"],"names":["AoaTooltip","qaTag","title","placement","enterDelay","className","children","props","jsx","Tooltip","merge","tooltipClasses","Box"],"mappings":";;;AAeO,SAASA,EAAW;AAAA,EACzB,WAAWC;AAAA,EACX,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAoB;AAClB,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,SAAS,EAAE,QAAQF,EAAA;AAAA,MACnB,eAAa;AAAA,MACb,YAAYD,KAAc;AAAA,MAC1B,WAAWD,KAAa;AAAA,MACxB,WAAWO,EAAAA;AAAAA,QACT;AAAA,UACE,QAAQ;AAAA,YACN,IAAI;AAAA,cACF,CAAC,MAAMC,EAAe,OAAO,EAAE,GAAG;AAAA,gBAChC,YAAY;AAAA,gBACZ,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,WACE;AAAA,gBACF,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,UACF;AAAA,QACF;AAAA,QAEFJ,EAAM;AAAA,MAAA;AAAA,MAER,OACE,gBAAAC,EAACI,GAAA,EAAI,WAASX,GAAO,IAAI,EAAE,GAAG,EAAA,GAC3B,UAAAC,EAAA,CACH;AAAA,MAGD,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/atoms/tooltip/Tooltip.tsx"],"sourcesContent":["import { Box, Tooltip, tooltipClasses, type TooltipProps } from '@mui/material';\nimport { merge } from 'lodash';\n\nexport interface AoaTooltipProps extends TooltipProps {\n  /**\n   * Data-qa tag to apply to the tooltip\n   */\n  readonly 'data-qa'?: string;\n}\n\n/**\n * Constructs a tooltip using pre-defined Rijks styling\n *\n * @param props - Props to pass to the {@link Tooltip}\n */\nexport function AoaTooltip({\n  'data-qa': qaTag,\n  title,\n  placement,\n  enterDelay,\n  className,\n  children,\n  ...props\n}: AoaTooltipProps) {\n  return (\n    <Tooltip\n      {...props}\n      classes={{ popper: className }}\n      describeChild\n      enterDelay={enterDelay ?? 300}\n      placement={placement ?? 'top'}\n      slotProps={merge(\n        {\n          popper: {\n            sx: {\n              [`& .${tooltipClasses.tooltip}`]: {\n                lineHeight: 1.5,\n                backgroundColor: '#FFFFFF',\n                borderRadius: 0,\n                boxShadow:\n                  '0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%) !important',\n                color: 'var(--color-text)'\n              }\n            }\n          }\n        },\n        props.slotProps\n      )}\n      title={\n        <Box data-qa={qaTag} sx={{ p: 1 }}>\n          {title}\n        </Box>\n      }\n    >\n      {children}\n    </Tooltip>\n  );\n}\n"],"names":["AoaTooltip","qaTag","title","placement","enterDelay","className","children","props","jsx","Tooltip","popper","merge","sx","tooltipClasses","tooltip","lineHeight","backgroundColor","borderRadius","boxShadow","color","slotProps","Box","p"],"mappings":";;;AAeO,SAASA,EAAW;AAAA,EACzB,WAAWC;AAAAA,EACXC,OAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACY,GAAG;AAClB,SACE,gBAAAC,EAACC,GAAA,EACC,GAAIF,GACJ,SAAS;AAAA,IAAEG,QAAQL;AAAAA,EAAAA,GACnB,eAAa,IACb,YAAYD,KAAc,KAC1B,WAAWD,KAAa,OACxB,WAAWQ,QACT;AAAA,IACED,QAAQ;AAAA,MACNE,IAAI;AAAA,QACF,CAAC,MAAMC,EAAeC,OAAO,EAAE,GAAG;AAAA,UAChCC,YAAY;AAAA,UACZC,iBAAiB;AAAA,UACjBC,cAAc;AAAA,UACdC,WACE;AAAA,UACFC,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAEFZ,EAAMa,SACR,GACA,OACE,gBAAAZ,EAACa,GAAA,EAAI,WAASpB,GAAO,IAAI;AAAA,IAAEqB,GAAG;AAAA,EAAA,GAC3BpB,UAAAA,GACH,GAGDI,UAAAA,EAAAA,CACH;AAEJ;"}

package/dist/components/atoms/zero-width-space/ZeroWidthSpace.d.ts

@@ -1,5 +1,4 @@
 import { TypographyProps } from '@mui/material';
-import { ReactNode } from 'react';
 /**
  * Inserts a Zero Width Space as a React component
  *
@@ -9,5 +8,5 @@ import { ReactNode } from 'react';
  * <AoaZeroWidthSpace />
  * ```
  */
-export declare const AoaZeroWidthSpace: import('react').MemoExoticComponent<({ variant, style, ...props }: TypographyProps) => ReactNode>;
+export declare function AoaZeroWidthSpace({ variant, style, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ZeroWidthSpace.d.ts.map

package/dist/components/atoms/zero-width-space/ZeroWidthSpace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZeroWidthSpace.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/zero-width-space/ZeroWidthSpace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,qEACG,eAAe,KAAG,SAAS,CAK3D,CAAC"}
+{"version":3,"file":"ZeroWidthSpace.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/zero-width-space/ZeroWidthSpace.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAEjE;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAM9E"}

package/dist/components/atoms/zero-width-space/ZeroWidthSpace.js

@@ -1,10 +1,19 @@
-import { jsx as p } from "react/jsx-runtime";
-import { Typography as t } from "@mui/material";
-import { memo as i } from "react";
-const n = i(
-  ({ variant: o, style: r, ...m }) => /* @__PURE__ */ p(t, { ...m, style: r, variant: o ?? "caption", children: "​" })
-);
+import { jsx as a } from "react/jsx-runtime";
+import { c } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { Typography as l } from "@mui/material";
+function h(p) {
+  const t = c.c(8);
+  let o, r, e;
+  t[0] !== p ? ({
+    variant: e,
+    style: r,
+    ...o
+  } = p, t[0] = p, t[1] = o, t[2] = r, t[3] = e) : (o = t[1], r = t[2], e = t[3]);
+  const n = e ?? "caption";
+  let i;
+  return t[4] !== o || t[5] !== r || t[6] !== n ? (i = /* @__PURE__ */ a(l, { ...o, style: r, variant: n, children: "​" }), t[4] = o, t[5] = r, t[6] = n, t[7] = i) : i = t[7], i;
+}
 export {
-  n as AoaZeroWidthSpace
+  h as AoaZeroWidthSpace
 };
 //# sourceMappingURL=ZeroWidthSpace.js.map

package/dist/components/atoms/zero-width-space/ZeroWidthSpace.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZeroWidthSpace.js","sources":["../../../../src/components/atoms/zero-width-space/ZeroWidthSpace.tsx"],"sourcesContent":["import { Typography, type TypographyProps } from '@mui/material';\nimport { memo, type ReactNode } from 'react';\n\n/**\n * Inserts a Zero Width Space as a React component\n *\n * @param props - Props to pass to the Zero-Width Space component\n * @example\n * ```jsx\n * <AoaZeroWidthSpace />\n * ```\n */\nexport const AoaZeroWidthSpace = memo(\n  ({ variant, style, ...props }: TypographyProps): ReactNode => (\n    <Typography {...props} style={style} variant={variant ?? 'caption'}>\n      &#8203;\n    </Typography>\n  )\n);\n"],"names":["AoaZeroWidthSpace","memo","variant","style","props","jsx","Typography"],"mappings":";;;AAYO,MAAMA,IAAoBC;AAAA,EAC/B,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,GAAGC,EAAA,MACpB,gBAAAC,EAACC,GAAA,EAAY,GAAGF,GAAO,OAAAD,GAAc,SAASD,KAAW,WAAW,UAAA,IAAA,CAEpE;AAEJ;"}
+{"version":3,"file":"ZeroWidthSpace.js","sources":["../../../../src/components/atoms/zero-width-space/ZeroWidthSpace.tsx"],"sourcesContent":["import { Typography, type TypographyProps } from '@mui/material';\n\n/**\n * Inserts a Zero Width Space as a React component\n *\n * @param props - Props to pass to the Zero-Width Space component\n * @example\n * ```jsx\n * <AoaZeroWidthSpace />\n * ```\n */\nexport function AoaZeroWidthSpace({ variant, style, ...props }: TypographyProps) {\n  return (\n    <Typography {...props} style={style} variant={variant ?? 'caption'}>\n      &#8203;\n    </Typography>\n  );\n}\n"],"names":["AoaZeroWidthSpace","t0","$","_c","props","style","variant","t1","t2","Typography"],"mappings":";;;AAWO,SAAAA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC,GAAAC,GAAAC;AAAA,EAAAJ,SAAAD,KAA2B;AAAA,IAAAK,SAAAA;AAAAA,IAAAD,OAAAA;AAAAA,IAAA,GAAAD;AAAAA,EAAAA,IAAAH,GAA6CC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,MAAAF,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA;AAE7B,QAAAK,IAAAD,KAAW;AAAS,MAAAE;AAAA,SAAAN,EAAA,CAAA,MAAAE,KAAAF,SAAAG,KAAAH,EAAA,CAAA,MAAAK,KAAlEC,sBAACC,GAAA,EAAU,GAAKL,GAAcC,OAAAA,GAAgB,SAAAE,GAAsB,UAAA,KAEpE,GAAaL,OAAAE,GAAAF,OAAAG,GAAAH,OAAAK,GAAAL,OAAAM,KAAAA,IAAAN,EAAA,CAAA,GAFbM;AAEa;"}

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

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
-import { A as p } from "../../../chunks/FieldError.B8t3zEhf.js";
+import "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { A as t } from "../../../chunks/FieldError.CCQnjdMd.js";
 import "../../atoms/notification/Notification.js";
 export {
-  p as AoaFieldError
+  t as AoaFieldError
 };
 //# sourceMappingURL=FieldError.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"FieldError.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/molecules/file-dropzone/FileDropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/file-dropzone/FileDropzone.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAe,KAAK,MAAM,EAAsC,MAAM,gBAAgB,CAAC;AAI9F,MAAM,MAAM,eAAe,CAAC,MAAM,SAAS,MAAM,IAAI,MAAM,GAAG;IAC5D;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB,CAAC,MAAM,SAAS,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC;IAChG;;OAEG;IACH,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB;;;;;OAKG;IACH,mBAAmB,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,iBAAiB,CAAC,CAAC,YAAY,EAAE,IAAI,GAAG,MAAM,CAAC;IAC/C;;;;;OAKG;IACH,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;CAClC;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC,EAC1F,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,2CAoGxE"}
+{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/file-dropzone/FileDropzone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAe,KAAK,MAAM,EAAsC,MAAM,gBAAgB,CAAC;AAI9F,MAAM,MAAM,eAAe,CAAC,MAAM,SAAS,MAAM,IAAI,MAAM,GAAG;IAC5D;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB,CAAC,MAAM,SAAS,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC;IAChG;;OAEG;IACH,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB;;;;;OAKG;IACH,mBAAmB,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC;;OAEG;IACH,iBAAiB,CAAC,CAAC,YAAY,EAAE,IAAI,GAAG,MAAM,CAAC;IAC/C;;;;;OAKG;IACH,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;CAClC;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC,EAC1F,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,2CAiGxE"}

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

@@ -1,87 +1,98 @@
-import { jsxs as F, jsx as r } from "react/jsx-runtime";
-import { Box as d } from "@mui/material";
-import { useCallback as s } from "react";
-import { useDropzone as h } from "react-dropzone";
-import { toast as m } from "react-toastify";
-import { isExtensionAllowed as b } from "../../../_constants.js";
-function z(e) {
-  const o = s(() => {
-    m(
-      e.maxUploadSizeExceededWarning ?? `U heeft meer dan ${e.maxUploadFiles} bestand(en) geselecteerd. Dit is niet toegestaan.`,
-      {
-        type: "warning"
-      }
-    );
-  }, [e.maxUploadFiles, e.maxUploadSizeExceededWarning]), c = s(
-    (t, l) => {
-      l.length > 0 && (l.every((i) => i.errors.every((a) => a.code === "too-many-files")) ? o() : m(e.extensionWarning, { type: "warning" }));
-      const n = [...e.currentFiles];
-      for (const i of t) {
-        const a = n.findIndex((u) => u.file.name === i.name);
-        a === -1 ? n.push({ file: i, ...e.perFileProperties?.(i) }) : n.splice(a, 1, {
-          file: i,
-          ...e.perFileProperties?.(i)
-        });
-      }
-      e.maxUploadFiles && n.length > e.maxUploadFiles ? o() : e.storeFiles(n);
-    },
-    [o, e]
-  );
-  function x(t) {
-    return e.customFileValidator?.(t) ? {
+import { jsx as v, jsxs as k } from "react/jsx-runtime";
+import { c as P } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { Box as w } from "@mui/material";
+import { useDropzone as A } from "react-dropzone";
+import { toast as E } from "react-toastify";
+import { isExtensionAllowed as I } from "../../../_constants.js";
+function G(i) {
+  const e = P.c(30);
+  let d;
+  e[0] !== i.maxUploadFiles || e[1] !== i.maxUploadSizeExceededWarning ? (d = function() {
+    E(i.maxUploadSizeExceededWarning ?? `U heeft meer dan ${i.maxUploadFiles} bestand(en) geselecteerd. Dit is niet toegestaan.`, {
+      type: "warning"
+    });
+  }, e[0] = i.maxUploadFiles, e[1] = i.maxUploadSizeExceededWarning, e[2] = d) : d = e[2];
+  const s = d;
+  let f;
+  e[3] !== i || e[4] !== s ? (f = function(F, C) {
+    C.length > 0 && (C.every(V) ? s() : E(i.extensionWarning, {
+      type: "warning"
+    }));
+    const o = [...i.currentFiles];
+    for (const r of F) {
+      const S = o.findIndex((_) => _.file.name === r.name);
+      S === -1 ? o.push({
+        file: r,
+        ...i.perFileProperties?.(r)
+      }) : o.splice(S, 1, {
+        file: r,
+        ...i.perFileProperties?.(r)
+      });
+    }
+    i.maxUploadFiles && o.length > i.maxUploadFiles ? s() : i.storeFiles(o);
+  }, e[3] = i, e[4] = s, e[5] = f) : f = e[5];
+  const h = f;
+  let c;
+  e[6] !== i ? (c = function(F) {
+    return i.customFileValidator?.(F) ? {
       code: "custom-validator",
-      message: e.extensionWarning
-    } : b(e.extensionRegex, t.name) ? null : {
+      message: i.extensionWarning
+    } : I(i.extensionRegex, F.name) ? null : {
       code: "name-not-ok",
-      message: e.extensionWarning
+      message: i.extensionWarning
     };
-  }
-  const { getRootProps: f, getInputProps: g } = h({
-    onDrop: c,
-    disabled: e.isDisabled,
-    accept: e.extensions,
-    maxFiles: e.maxUploadFiles,
-    validator: x
-  });
-  return /* @__PURE__ */ F(
-    d,
-    {
-      ...f(),
-      "data-qa": e.dataQas?.root ?? "file-dropzone-root",
-      sx: {
-        "&:focus": {
-          outline: "none"
-        }
-      },
-      children: [
-        /* @__PURE__ */ r(
-          "input",
-          {
-            ...g(),
-            "aria-label": "File drop",
-            "data-qa": e.dataQas?.input ?? "file-drop-input",
-            "data-testid": "file-drop-input"
-          }
-        ),
-        /* @__PURE__ */ r(
-          d,
-          {
-            sx: {
-              backgroundColor: "var(--color-rijks-grey-2)",
-              borderWidth: 1,
-              borderStyle: "dashed",
-              borderColor: "black",
-              marginBottom: 0.5,
-              textAlign: "center"
-            },
-            children: e.fileDropChildren
-          }
-        )
-      ]
+  }, e[6] = i, e[7] = c) : c = e[7];
+  const U = c;
+  let m;
+  e[8] !== U || e[9] !== h || e[10] !== i.extensions || e[11] !== i.isDisabled || e[12] !== i.maxUploadFiles ? (m = {
+    onDrop: h,
+    disabled: i.isDisabled,
+    accept: i.extensions,
+    maxFiles: i.maxUploadFiles,
+    validator: U
+  }, e[8] = U, e[9] = h, e[10] = i.extensions, e[11] = i.isDisabled, e[12] = i.maxUploadFiles, e[13] = m) : m = e[13];
+  const {
+    getRootProps: b,
+    getInputProps: D
+  } = A(m);
+  let t;
+  e[14] !== b ? (t = b(), e[14] = b, e[15] = t) : t = e[15];
+  const y = i.dataQas?.root ?? "file-dropzone-root";
+  let x;
+  e[16] === Symbol.for("react.memo_cache_sentinel") ? (x = {
+    "&:focus": {
+      outline: "none"
     }
-  );
+  }, e[16] = x) : x = e[16];
+  let n;
+  e[17] !== D ? (n = D(), e[17] = D, e[18] = n) : n = e[18];
+  const W = i.dataQas?.input ?? "file-drop-input";
+  let l;
+  e[19] !== n || e[20] !== W ? (l = /* @__PURE__ */ v("input", { ...n, "aria-label": "File drop", "data-qa": W, "data-testid": "file-drop-input" }), e[19] = n, e[20] = W, e[21] = l) : l = e[21];
+  let u;
+  e[22] === Symbol.for("react.memo_cache_sentinel") ? (u = {
+    backgroundColor: "var(--color-rijks-grey-2)",
+    borderWidth: 1,
+    borderStyle: "dashed",
+    borderColor: "black",
+    marginBottom: 0.5,
+    textAlign: "center"
+  }, e[22] = u) : u = e[22];
+  let a;
+  e[23] !== i.fileDropChildren ? (a = /* @__PURE__ */ v(w, { sx: u, children: i.fileDropChildren }), e[23] = i.fileDropChildren, e[24] = a) : a = e[24];
+  let g;
+  return e[25] !== a || e[26] !== t || e[27] !== y || e[28] !== l ? (g = /* @__PURE__ */ k(w, { ...t, "data-qa": y, sx: x, children: [
+    l,
+    a
+  ] }), e[25] = a, e[26] = t, e[27] = y, e[28] = l, e[29] = g) : g = e[29], g;
+}
+function V(i) {
+  return i.errors.every(j);
+}
+function j(i) {
+  return i.code === "too-many-files";
 }
 export {
-  z as AoaFileDropzone
+  G as AoaFileDropzone
 };
 //# sourceMappingURL=FileDropzone.js.map

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 { useCallback, type PropsWithChildren, type 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 Zustand\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  const showMaxUploadFilesWarning = useCallback(() => {\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  }, [props.maxUploadFiles, props.maxUploadSizeExceededWarning]);\n\n  const handleDrop = useCallback(\n    (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    [showMaxUploadFilesWarning, props]\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","showMaxUploadFilesWarning","useCallback","toast","handleDrop","acceptedFiles","fileRejections","file","error","filesClone","acceptedFile","existingFileIndex","fileValidator","isExtensionAllowed","getRootProps","getInputProps","useDropzone","jsxs","Box","jsx"],"mappings":";;;;;;AAkFO,SAASA,EACdC,GACA;AACA,QAAMC,IAA4BC,EAAY,MAAM;AAClD,IAAAC;AAAA,MACEH,EAAM,gCACJ,oBAAoBA,EAAM,cAAc;AAAA,MAC1C;AAAA,QACE,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF,GACC,CAACA,EAAM,gBAAgBA,EAAM,4BAA4B,CAAC,GAEvDI,IAAaF;AAAA,IACjB,CAACG,GAAuBC,MAAoC;AAC1D,MAAIA,EAAe,SAAS,MACtBA,EAAe,MAAM,CAACC,MAASA,EAAK,OAAO,MAAM,CAACC,MAAUA,EAAM,SAAS,gBAAgB,CAAC,IAC9FP,EAAA,IAEAE,EAAMH,EAAM,kBAAkB,EAAE,MAAM,WAAW;AAIrD,YAAMS,IAAa,CAAC,GAAGT,EAAM,YAAY;AACzC,iBAAWU,KAAgBL,GAAe;AACxC,cAAMM,IAAoBF,EAAW,UAAU,CAACF,MAASA,EAAK,KAAK,SAASG,EAAa,IAAI;AAC7F,QAAIC,MAAsB,KACxBF,EAAW,KAAK,EAAE,MAAMC,GAAc,GAAGV,EAAM,oBAAoBU,CAAY,GAAqB,IAEpGD,EAAW,OAAOE,GAAmB,GAAG;AAAA,UACtC,MAAMD;AAAA,UACN,GAAGV,EAAM,oBAAoBU,CAAY;AAAA,QAAA,CACxB;AAAA,MACrB;AAGF,MAAIV,EAAM,kBAAkBS,EAAW,SAAST,EAAM,iBACpDC,EAAA,IAEAD,EAAM,WAAWS,CAAU;AAAA,IAC7B;AAAA,IAEF,CAACR,GAA2BD,CAAK;AAAA,EAAA;AAGnC,WAASY,EAAcL,GAA8B;AACnD,WAAIP,EAAM,sBAAsBO,CAAI,IAC3B;AAAA,MACL,MAAM;AAAA,MACN,SAASP,EAAM;AAAA,IAAA,IAIfa,EAAmBb,EAAM,gBAAgBO,EAAK,IAAI,IAC7C,OAGF;AAAA,MACL,MAAM;AAAA,MACN,SAASP,EAAM;AAAA,IAAA;AAAA,EACjB;AAGF,QAAM,EAAE,cAAAc,GAAc,eAAAC,EAAA,IAAkBC,EAAY;AAAA,IAClD,QAAQZ;AAAA,IACR,UAAUJ,EAAM;AAAA,IAChB,QAAQA,EAAM;AAAA,IACd,UAAUA,EAAM;AAAA,IAChB,WAAWY;AAAA,EAAA,CACZ;AAED,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAA;AAAA,MACJ,WAASd,EAAM,SAAS,QAAQ;AAAA,MAChC,IAAI;AAAA,QACF,WAAW;AAAA,UACT,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAmB;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAGJ,EAAA;AAAA,YACJ,cAAW;AAAA,YACX,WAASf,EAAM,SAAS,SAAS;AAAA,YACjC,eAAY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEd,gBAAAmB;AAAA,UAACD;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,iBAAiB;AAAA,cACjB,aAAa;AAAA,cACb,aAAa;AAAA,cACb,aAAa;AAAA,cACb,cAAc;AAAA,cACd,WAAW;AAAA,YAAA;AAAA,YAGZ,UAAAlB,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACT;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"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 Zustand\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/file-table/FileTable.js

@@ -7,20 +7,10 @@ function d({
   dataGridOverridableProps: r,
   "data-qa": e
 }) {
-  return /* @__PURE__ */ n(
-    i,
-    {
-      columns: a,
-      data: {
-        rows: o ?? [],
-        rowCount: o?.length ?? 0
-      },
-      "data-qa": e,
-      dataGridOverridableProps: r,
-      initialSort: t,
-      mode: "client"
-    }
-  );
+  return /* @__PURE__ */ n(i, { columns: a, data: {
+    rows: o ?? [],
+    rowCount: o?.length ?? 0
+  }, "data-qa": e, dataGridOverridableProps: r, initialSort: t, mode: "client" });
 }
 export {
   d as AoaFileTable

package/dist/components/molecules/file-table/FileTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileTable.js","sources":["../../../../src/components/molecules/file-table/FileTable.tsx"],"sourcesContent":["import type { DataGridProps, GridColDef, GridValidRowModel } from '@mui/x-data-grid';\nimport { AoaTable } from '../../atoms/table/Table';\n\nexport interface AoaFileTableProps<T extends GridValidRowModel = any> {\n  /**\n   * The column structure to display the data\n   */\n  columns: GridColDef<T>[];\n  /**\n   * The TableData object to be displayed in the table\n   */\n  data: T[];\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  'data-qa'?: string;\n  /**\n   * Overwrite a safe selection of the {@link DataGrid} properties\n   */\n  dataGridOverridableProps?: Pick<DataGridProps<T>, 'getRowId' | 'ignoreDiacritics'>;\n  /**\n   * Sets the initial sortModel in case the required sorting differs from the back-end's default sorting\n   */\n  initialSort?: {\n    field: string;\n    sort: 'asc' | 'desc';\n  };\n}\n\nexport function AoaFileTable<T extends object = any>({\n  data,\n  columns,\n  initialSort,\n  dataGridOverridableProps,\n  'data-qa': dataQa\n}: Readonly<AoaFileTableProps<T>>) {\n  return (\n    <AoaTable<T>\n      columns={columns}\n      data={{\n        rows: data ?? [],\n        rowCount: data?.length ?? 0\n      }}\n      data-qa={dataQa}\n      dataGridOverridableProps={dataGridOverridableProps}\n      initialSort={initialSort}\n      mode='client'\n    />\n  );\n}\n"],"names":["AoaFileTable","data","columns","initialSort","dataGridOverridableProps","dataQa","jsx","AoaTable"],"mappings":";;AA6BO,SAASA,EAAqC;AAAA,EACnD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,WAAWC;AACb,GAAmC;AACjC,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAL;AAAA,MACA,MAAM;AAAA,QACJ,MAAMD,KAAQ,CAAA;AAAA,QACd,UAAUA,GAAM,UAAU;AAAA,MAAA;AAAA,MAE5B,WAASI;AAAA,MACT,0BAAAD;AAAA,MACA,aAAAD;AAAA,MACA,MAAK;AAAA,IAAA;AAAA,EAAA;AAGX;"}
+{"version":3,"file":"FileTable.js","sources":["../../../../src/components/molecules/file-table/FileTable.tsx"],"sourcesContent":["import type { DataGridProps, GridColDef, GridValidRowModel } from '@mui/x-data-grid';\nimport { AoaTable } from '../../atoms/table/Table';\n\nexport interface AoaFileTableProps<T extends GridValidRowModel = any> {\n  /**\n   * The column structure to display the data\n   */\n  columns: GridColDef<T>[];\n  /**\n   * The TableData object to be displayed in the table\n   */\n  data: T[];\n  /**\n   * Data-qa tag for E2E test purposes\n   */\n  'data-qa'?: string;\n  /**\n   * Overwrite a safe selection of the {@link DataGrid} properties\n   */\n  dataGridOverridableProps?: Pick<DataGridProps<T>, 'getRowId' | 'ignoreDiacritics'>;\n  /**\n   * Sets the initial sortModel in case the required sorting differs from the back-end's default sorting\n   */\n  initialSort?: {\n    field: string;\n    sort: 'asc' | 'desc';\n  };\n}\n\nexport function AoaFileTable<T extends object = any>({\n  data,\n  columns,\n  initialSort,\n  dataGridOverridableProps,\n  'data-qa': dataQa\n}: Readonly<AoaFileTableProps<T>>) {\n  return (\n    <AoaTable<T>\n      columns={columns}\n      data={{\n        rows: data ?? [],\n        rowCount: data?.length ?? 0\n      }}\n      data-qa={dataQa}\n      dataGridOverridableProps={dataGridOverridableProps}\n      initialSort={initialSort}\n      mode='client'\n    />\n  );\n}\n"],"names":["AoaFileTable","data","columns","initialSort","dataGridOverridableProps","dataQa","jsx","AoaTable","rows","rowCount","length"],"mappings":";;AA6BO,SAASA,EAAqC;AAAA,EACnDC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,0BAAAA;AAAAA,EACA,WAAWC;AACmB,GAAG;AACjC,SACE,gBAAAC,EAACC,GAAA,EACC,SAAAL,GACA,MAAM;AAAA,IACJM,MAAMP,KAAQ,CAAA;AAAA,IACdQ,UAAUR,GAAMS,UAAU;AAAA,EAAA,GAE5B,WAASL,GACT,0BAAAD,GACA,aAAAD,GACA,MAAK,UAAQ;AAGnB;"}

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

@@ -1,7 +1,8 @@
 import "react/jsx-runtime";
-import { a as p } from "../../../chunks/FieldError.B8t3zEhf.js";
+import "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { a } from "../../../chunks/FieldError.CCQnjdMd.js";
 import "../../atoms/notification/Notification.js";
 export {
-  p as AoaFormError
+  a as AoaFormError
 };
 //# sourceMappingURL=FormError.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormError.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"FormError.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -1,10 +1,11 @@
 import "react/jsx-runtime";
+import "../../../chunks/compiler-runtime.hDcrsMwn.js";
 import "@mui/material";
 import "../../../chunks/lodash.CA_K01A9.js";
-import { b } from "../../../chunks/FieldError.B8t3zEhf.js";
+import { b as d } from "../../../chunks/FieldError.CCQnjdMd.js";
 import "../../atoms/button/Button.js";
 import "../modal-close-button/ModalCloseButton.js";
 export {
-  b as AoaFormModal
+  d as AoaFormModal
 };
 //# sourceMappingURL=FormModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"FormModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/molecules/modal/Modal.d.ts

@@ -67,5 +67,5 @@ export interface AoaModalProps {
  * />
  * ```
  */
-export declare const AoaModal: import('react').MemoExoticComponent<({ DialogProps, DialogTitleProps, DialogContentProps, modalQas, open, topic, dialogContent, dialogActions, closeAction }: AoaModalCloseButtonProps & AoaModalProps) => import("react/jsx-runtime").JSX.Element>;
+export declare function AoaModal({ DialogProps, DialogTitleProps, DialogContentProps, modalQas, open, topic, dialogContent, dialogActions, closeAction }: AoaModalCloseButtonProps & AoaModalProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Modal.d.ts.map

package/dist/components/molecules/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAE5G,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACjD;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAC7C;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,QAAQ,gKAWhB,wBAAwB,GAAG,aAAa,6CAgD5C,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAC;AAEvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,wCAAwC,CAAC;AAE5G,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,CAAC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACjD;;OAEG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAC7C;;OAEG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,aAAa,EAAE,SAAS,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,aAAa,EACb,aAAa,EACb,WAAW,EACZ,EAAE,wBAAwB,GAAG,aAAa,2CA+C1C"}

package/dist/components/molecules/modal/Modal.js

@@ -1,73 +1,55 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { Dialog as c, DialogTitle as f, DialogContent as g } from "@mui/material";
-import { l as r } from "../../../chunks/lodash.CA_K01A9.js";
-import { memo as p } from "react";
-import { AoaModalCloseButton as h } from "../modal-close-button/ModalCloseButton.js";
-const A = p(
-  ({
+import { jsx as A, jsxs as q } from "react/jsx-runtime";
+import { c as P } from "../../../chunks/compiler-runtime.hDcrsMwn.js";
+import { DialogTitle as B, DialogContent as E, Dialog as M } from "@mui/material";
+import { l as C } from "../../../chunks/lodash.CA_K01A9.js";
+import { AoaModalCloseButton as R } from "../modal-close-button/ModalCloseButton.js";
+function Q(b) {
+  const o = P.c(27), {
     DialogProps: t,
-    DialogTitleProps: m,
-    DialogContentProps: d,
-    modalQas: o,
-    open: a,
-    topic: i,
-    dialogContent: l,
-    dialogActions: n,
-    closeAction: s
-  }) => /* @__PURE__ */ x(
-    c,
-    {
-      ...t,
-      "data-qa": o?.modal ?? "modal",
-      open: !!a,
-      sx: r.merge(
-        {
-          "> div > div": {
-            borderRadius: 0,
-            minWidth: "45vw"
-          }
-        },
-        t?.sx
-      ),
-      children: [
-        /* @__PURE__ */ e(
-          f,
-          {
-            ...m,
-            "data-qa": o?.title ?? "modal-title",
-            sx: r.merge(
-              {
-                padding: "3rem 3rem 1rem",
-                color: "var(--color-rijks-logoblue)",
-                fontSize: "1.1rem",
-                fontWeight: "bolder"
-              },
-              m?.sx
-            ),
-            children: i
-          }
-        ),
-        /* @__PURE__ */ e(h, { closeAction: s }),
-        /* @__PURE__ */ e(
-          g,
-          {
-            ...d,
-            "data-qa": o?.content ?? "modal-content",
-            sx: r.merge(
-              {
-                padding: "0 3rem 2rem"
-              },
-              d?.sx
-            ),
-            children: l
-          }
-        ),
-        n
-      ]
+    DialogTitleProps: e,
+    DialogContentProps: l,
+    modalQas: c,
+    open: j,
+    topic: p,
+    dialogContent: x,
+    dialogActions: f,
+    closeAction: g
+  } = b, h = c?.modal ?? "modal", u = !!j;
+  let i;
+  o[0] !== t?.sx ? (i = C.merge({
+    "> div > div": {
+      borderRadius: 0,
+      minWidth: "45vw"
     }
-  )
-);
+  }, t?.sx), o[0] = t?.sx, o[1] = i) : i = o[1];
+  const D = c?.title ?? "modal-title";
+  let s;
+  o[2] !== e?.sx ? (s = C.merge({
+    padding: "3rem 3rem 1rem",
+    color: "var(--color-rijks-logoblue)",
+    fontSize: "1.1rem",
+    fontWeight: "bolder"
+  }, e?.sx), o[2] = e?.sx, o[3] = s) : s = o[3];
+  let r;
+  o[4] !== e || o[5] !== D || o[6] !== s || o[7] !== p ? (r = /* @__PURE__ */ A(B, { ...e, "data-qa": D, sx: s, children: p }), o[4] = e, o[5] = D, o[6] = s, o[7] = p, o[8] = r) : r = o[8];
+  let a;
+  o[9] !== g ? (a = /* @__PURE__ */ A(R, { closeAction: g }), o[9] = g, o[10] = a) : a = o[10];
+  const v = c?.content ?? "modal-content";
+  let n;
+  o[11] !== l?.sx ? (n = C.merge({
+    padding: "0 3rem 2rem"
+  }, l?.sx), o[11] = l?.sx, o[12] = n) : n = o[12];
+  let m;
+  o[13] !== l || o[14] !== x || o[15] !== v || o[16] !== n ? (m = /* @__PURE__ */ A(E, { ...l, "data-qa": v, sx: n, children: x }), o[13] = l, o[14] = x, o[15] = v, o[16] = n, o[17] = m) : m = o[17];
+  let d;
+  return o[18] !== t || o[19] !== f || o[20] !== h || o[21] !== m || o[22] !== u || o[23] !== i || o[24] !== r || o[25] !== a ? (d = /* @__PURE__ */ q(M, { ...t, "data-qa": h, open: u, sx: i, children: [
+    r,
+    a,
+    m,
+    f
+  ] }), o[18] = t, o[19] = f, o[20] = h, o[21] = m, o[22] = u, o[23] = i, o[24] = r, o[25] = a, o[26] = d) : d = o[26], d;
+}
 export {
-  A as AoaModal
+  Q as AoaModal
 };
 //# sourceMappingURL=Modal.js.map