@rws-aoa/react-library 3.6.0 → 3.6.1

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

@@ -27,6 +27,11 @@ export interface AoaFileDropzoneProps<TProps extends NonNullObject, TFile extend
     extensions: Accept;
     /** The toast warning message to be shown when a file is rejection */
     extensionWarning: string;
+    /**
+     * The toast warning message to be shown when the files to be uploaded exceeds the maximum,
+     * required if {@link AoaFileDropzoneProps.maxUploadFiles maxUploadFiles} is specified.
+     */
+    maxUploadSizeExceededWarning?: string;
     /** The children to show inside the box where files can be dropped */
     fileDropChildren?: ReactNode;
     /**

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":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,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,aAAa,IAAI,MAAM,GAAG;IACnE,gCAAgC;IAChC,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,MAAM,SAAS,aAAa,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC;IACvG,sFAAsF;IACtF,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACjC,+FAA+F;IAC/F,cAAc,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,gBAAgB,EAAE,MAAM,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;OAIG;IACH,mBAAmB,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;IAC1C,qGAAqG;IACrG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sEAAsE;IACtE,iBAAiB,CAAC,CAAC,YAAY,EAAE,IAAI,GAAG,MAAM,CAAC;IAC/C,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,aAAa,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC,EACjG,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,2CA6ExE"}
+{"version":3,"file":"FileDropzone.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/file-dropzone/FileDropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACzD,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,aAAa,IAAI,MAAM,GAAG;IACnE,gCAAgC;IAChC,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB,CAAC,MAAM,SAAS,aAAa,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC;IACvG,sFAAsF;IACtF,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;IACjC,+FAA+F;IAC/F,cAAc,EAAE,MAAM,CAAC;IACvB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAC;IACnB,qEAAqE;IACrE,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;;OAIG;IACH,mBAAmB,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;IAC1C,qGAAqG;IACrG,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sEAAsE;IACtE,iBAAiB,CAAC,CAAC,YAAY,EAAE,IAAI,GAAG,MAAM,CAAC;IAC/C,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,sBAAsB,CAAC;CAClC;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,aAAa,EAAE,KAAK,SAAS,eAAe,CAAC,MAAM,CAAC,EACjG,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,2CAiFxE"}

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

@@ -1,58 +1,58 @@
-import { jsxs as b, jsx as m } from "react/jsx-runtime";
-import { Box as s } from "@mui/material";
-import { useCallback as h } from "react";
-import { useDropzone as D } from "react-dropzone";
-import { toast as k } from "react-toastify";
-import { isExtensionAllowed as C } from "../../../_constants.js";
-function A(e) {
-  var a, l;
-  const f = h(
-    (n, t) => {
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { Box as c } from "@mui/material";
+import { useCallback as D } from "react";
+import { useDropzone as U } from "react-dropzone";
+import { toast as f } from "react-toastify";
+import { isExtensionAllowed as k } from "../../../_constants.js";
+function w(e) {
+  var l, o;
+  const x = D(
+    (t, a) => {
       var r, d;
-      t.length > 0 && k(e.extensionWarning, { type: "warning" });
-      const o = [...e.currentFiles];
-      for (const i of n) {
-        const c = o.findIndex((F) => F.file.name === i.name);
-        c !== -1 ? o.splice(c, 1, {
-          file: i,
-          ...((r = e.perFileProperties) == null ? void 0 : r.call(e, i)) ?? {}
-        }) : o.push({ file: i, ...((d = e.perFileProperties) == null ? void 0 : d.call(e, i)) ?? {} });
+      a.length > 0 && f(e.extensionWarning, { type: "warning" });
+      const i = [...e.currentFiles];
+      for (const n of t) {
+        const m = i.findIndex((h) => h.file.name === n.name);
+        m !== -1 ? i.splice(m, 1, {
+          file: n,
+          ...((r = e.perFileProperties) == null ? void 0 : r.call(e, n)) ?? {}
+        }) : i.push({ file: n, ...((d = e.perFileProperties) == null ? void 0 : d.call(e, n)) ?? {} });
       }
-      e.storeFiles(o);
+      e.maxUploadFiles && i.length > e.maxUploadFiles && f(e.maxUploadFiles ?? `U heeft meer dan ${e.maxUploadFiles} bestand(en) geselecteerd. Dit is niet toegestaan.`, { type: "warning" }), e.storeFiles(i);
     },
     [e.extensionWarning, e.currentFiles, e.perFileProperties, e.storeFiles]
   );
-  function u(n) {
-    var t;
-    return (t = e.customFileValidator) != null && t.call(e, n) ? {
+  function u(t) {
+    var a;
+    return (a = e.customFileValidator) != null && a.call(e, t) ? {
       code: "custom-validator",
       message: e.extensionWarning
-    } : C(e.extensionRegex, n.name) ? null : {
+    } : k(e.extensionRegex, t.name) ? null : {
       code: "name-not-ok",
       message: e.extensionWarning
     };
   }
-  const { getRootProps: x, getInputProps: g } = D({
-    onDrop: f,
+  const { getRootProps: g, getInputProps: F } = U({
+    onDrop: x,
     disabled: e.isDisabled,
     accept: e.extensions,
     maxFiles: e.maxUploadFiles,
     validator: u
   });
   return /* @__PURE__ */ b(
-    s,
+    c,
     {
-      ...x(),
+      ...g(),
       sx: {
         "&:focus": {
           outline: "none"
         }
       },
-      "data-qa": ((a = e.dataQas) == null ? void 0 : a.root) ?? "file-dropzone-root",
+      "data-qa": ((l = e.dataQas) == null ? void 0 : l.root) ?? "file-dropzone-root",
       children: [
-        /* @__PURE__ */ m("input", { ...g(), "data-qa": ((l = e.dataQas) == null ? void 0 : l.input) ?? "file-drop-input" }),
-        /* @__PURE__ */ m(
-          s,
+        /* @__PURE__ */ s("input", { ...F(), "data-qa": ((o = e.dataQas) == null ? void 0 : o.input) ?? "file-drop-input" }),
+        /* @__PURE__ */ s(
+          c,
           {
             sx: {
               backgroundColor: "var(--color-rijks-grey-2)",
@@ -70,6 +70,6 @@ function A(e) {
   );
 }
 export {
-  A as AoaFileDropzone
+  w 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":["/* eslint-disable no-unused-vars */\nimport { Box } from \"@mui/material\";\nimport type { NonNullObject } from \"@sapphire/utilities\";\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 NonNullObject> = TProps & {\n  /** The file that was dropped */\n  file: File;\n};\n\nexport interface AoaFileDropzoneDataQas {\n  /** The data-qa tag for the root element */\n  root: string;\n  /** The data-qa tag for the input */\n  input: string;\n}\n\nexport interface AoaFileDropzoneProps<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>> {\n  /** The current set of files that are already dropped, coming from Redux or Zustand */\n  currentFiles: TFile[];\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   * @param files - The new set of files to be stored\n   */\n  storeFiles(files: TFile[]): void;\n  /** The regular expression that validates if the dropped file should be accepted or rejected */\n  extensionRegex: RegExp;\n  /** The extension map to be passed to the dropzone component */\n  extensions: Accept;\n  /** The toast warning message to be shown when a file is rejection */\n  extensionWarning: string;\n  /** The children to show inside the box where files can be dropped */\n  fileDropChildren?: ReactNode;\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   * @param file - The file to be validated\n   */\n  customFileValidator?(file: File): boolean;\n  /** A maximum count of files that should be accepted, if exceeded no save action will be performed */\n  maxUploadFiles?: number;\n  /** Additional properties to set for every file that is to be saved */\n  perFileProperties?(acceptedFile: File): TProps;\n  /** Whether the dropzone should be disabled or not */\n  isDisabled?: boolean;\n  /** data-qa tags for testing */\n  dataQas?: AoaFileDropzoneDataQas;\n}\n\nexport function AoaFileDropzone<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>>(\n  props: Readonly<PropsWithChildren<AoaFileDropzoneProps<TProps, TFile>>>\n) {\n  const handleDrop = useCallback(\n    (acceptedFiles: File[], fileRejections: FileRejection[]) => {\n      if (fileRejections.length > 0) {\n        toast(props.extensionWarning, { type: \"warning\" });\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.splice(existingFileIndex, 1, {\n            file: acceptedFile,\n            ...(props.perFileProperties?.(acceptedFile) ?? {})\n          } as TFile & TProps);\n        } else {\n          filesClone.push({ file: acceptedFile, ...(props.perFileProperties?.(acceptedFile) ?? {}) } as TFile & TProps);\n        }\n      }\n\n      props.storeFiles(filesClone);\n    },\n    [props.extensionWarning, props.currentFiles, props.perFileProperties, props.storeFiles]\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      sx={{\n        \"&:focus\": {\n          outline: \"none\"\n        }\n      }}\n      data-qa={props.dataQas?.root ?? \"file-dropzone-root\"}\n    >\n      <input {...getInputProps()} data-qa={props.dataQas?.input ?? \"file-drop-input\"} />\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","handleDrop","useCallback","acceptedFiles","fileRejections","toast","filesClone","acceptedFile","existingFileIndex","file","_a","_b","fileValidator","isExtensionAllowed","getRootProps","getInputProps","useDropzone","jsxs","Box","jsx"],"mappings":";;;;;;AAqDO,SAASA,EACdC,GACA;;AACA,QAAMC,IAAaC;AAAA,IACjB,CAACC,GAAuBC,MAAoC;;AACtD,MAAAA,EAAe,SAAS,KAC1BC,EAAML,EAAM,kBAAkB,EAAE,MAAM,UAAW,CAAA;AAGnD,YAAMM,IAAa,CAAC,GAAGN,EAAM,YAAY;AACzC,iBAAWO,KAAgBJ,GAAe;AAClC,cAAAK,IAAoBF,EAAW,UAAU,CAACG,MAASA,EAAK,KAAK,SAASF,EAAa,IAAI;AAC7F,QAAIC,MAAsB,KACbF,EAAA,OAAOE,GAAmB,GAAG;AAAA,UACtC,MAAMD;AAAA,UACN,KAAIG,IAAAV,EAAM,sBAAN,gBAAAU,EAAA,KAAAV,GAA0BO,OAAiB,CAAC;AAAA,QAAA,CAC/B,IAERD,EAAA,KAAK,EAAE,MAAMC,GAAc,KAAII,IAAAX,EAAM,sBAAN,gBAAAW,EAAA,KAAAX,GAA0BO,OAAiB,CAAC,EAAA,CAAsB;AAAA,MAEhH;AAEA,MAAAP,EAAM,WAAWM,CAAU;AAAA,IAC7B;AAAA,IACA,CAACN,EAAM,kBAAkBA,EAAM,cAAcA,EAAM,mBAAmBA,EAAM,UAAU;AAAA,EAAA;AAGxF,WAASY,EAAcH,GAA8B;;AAC/C,YAAAC,IAAAV,EAAM,wBAAN,QAAAU,EAAA,KAAAV,GAA4BS,KACvB;AAAA,MACL,MAAM;AAAA,MACN,SAAST,EAAM;AAAA,IAAA,IAIfa,EAAmBb,EAAM,gBAAgBS,EAAK,IAAI,IAC7C,OAGF;AAAA,MACL,MAAM;AAAA,MACN,SAAST,EAAM;AAAA,IAAA;AAAA,EAEnB;AAEA,QAAM,EAAE,cAAAc,GAAc,eAAAC,EAAc,IAAIC,EAAY;AAAA,IAClD,QAAQf;AAAA,IACR,UAAUD,EAAM;AAAA,IAChB,QAAQA,EAAM;AAAA,IACd,UAAUA,EAAM;AAAA,IAChB,WAAWY;AAAA,EAAA,CACZ;AAGC,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAa;AAAA,MACjB,IAAI;AAAA,QACF,WAAW;AAAA,UACT,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,aAASJ,IAAAV,EAAM,YAAN,gBAAAU,EAAe,SAAQ;AAAA,MAEhC,UAAA;AAAA,QAAC,gBAAAS,EAAA,SAAA,EAAO,GAAGJ,EAAc,GAAG,aAASJ,IAAAX,EAAM,YAAN,gBAAAW,EAAe,UAAS,mBAAmB;AAAA,QAChF,gBAAAQ;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,YACb;AAAA,YAEC,UAAMlB,EAAA;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"FileDropzone.js","sources":["../../../../src/components/molecules/file-dropzone/FileDropzone.tsx"],"sourcesContent":["/* eslint-disable no-unused-vars */\nimport { Box } from \"@mui/material\";\nimport type { NonNullObject } from \"@sapphire/utilities\";\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 NonNullObject> = TProps & {\n  /** The file that was dropped */\n  file: File;\n};\n\nexport interface AoaFileDropzoneDataQas {\n  /** The data-qa tag for the root element */\n  root: string;\n  /** The data-qa tag for the input */\n  input: string;\n}\n\nexport interface AoaFileDropzoneProps<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>> {\n  /** The current set of files that are already dropped, coming from Redux or Zustand */\n  currentFiles: TFile[];\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   * @param files - The new set of files to be stored\n   */\n  storeFiles(files: TFile[]): void;\n  /** The regular expression that validates if the dropped file should be accepted or rejected */\n  extensionRegex: RegExp;\n  /** The extension map to be passed to the dropzone component */\n  extensions: Accept;\n  /** The toast warning message to be shown when a file is rejection */\n  extensionWarning: string;\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  /** The children to show inside the box where files can be dropped */\n  fileDropChildren?: ReactNode;\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   * @param file - The file to be validated\n   */\n  customFileValidator?(file: File): boolean;\n  /** A maximum count of files that should be accepted, if exceeded no save action will be performed */\n  maxUploadFiles?: number;\n  /** Additional properties to set for every file that is to be saved */\n  perFileProperties?(acceptedFile: File): TProps;\n  /** Whether the dropzone should be disabled or not */\n  isDisabled?: boolean;\n  /** data-qa tags for testing */\n  dataQas?: AoaFileDropzoneDataQas;\n}\n\nexport function AoaFileDropzone<TProps extends NonNullObject, TFile extends AoaDropableFile<TProps>>(\n  props: Readonly<PropsWithChildren<AoaFileDropzoneProps<TProps, TFile>>>\n) {\n  const handleDrop = useCallback(\n    (acceptedFiles: File[], fileRejections: FileRejection[]) => {\n      if (fileRejections.length > 0) {\n        toast(props.extensionWarning, { type: \"warning\" });\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.splice(existingFileIndex, 1, {\n            file: acceptedFile,\n            ...(props.perFileProperties?.(acceptedFile) ?? {})\n          } as TFile & TProps);\n        } else {\n          filesClone.push({ file: acceptedFile, ...(props.perFileProperties?.(acceptedFile) ?? {}) } as TFile & TProps);\n        }\n      }\n\n      if (props.maxUploadFiles && filesClone.length > props.maxUploadFiles) {\n        toast(props.maxUploadFiles ?? `U heeft meer dan ${props.maxUploadFiles} bestand(en) geselecteerd. Dit is niet toegestaan.`, { type: \"warning\" });\n      }\n\n      props.storeFiles(filesClone);\n    },\n    [props.extensionWarning, props.currentFiles, props.perFileProperties, props.storeFiles]\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      sx={{\n        \"&:focus\": {\n          outline: \"none\"\n        }\n      }}\n      data-qa={props.dataQas?.root ?? \"file-dropzone-root\"}\n    >\n      <input {...getInputProps()} data-qa={props.dataQas?.input ?? \"file-drop-input\"} />\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","handleDrop","useCallback","acceptedFiles","fileRejections","toast","filesClone","acceptedFile","existingFileIndex","file","_a","_b","fileValidator","isExtensionAllowed","getRootProps","getInputProps","useDropzone","jsxs","Box","jsx"],"mappings":";;;;;;AA0DO,SAASA,EACdC,GACA;;AACA,QAAMC,IAAaC;AAAA,IACjB,CAACC,GAAuBC,MAAoC;;AACtD,MAAAA,EAAe,SAAS,KAC1BC,EAAML,EAAM,kBAAkB,EAAE,MAAM,UAAW,CAAA;AAGnD,YAAMM,IAAa,CAAC,GAAGN,EAAM,YAAY;AACzC,iBAAWO,KAAgBJ,GAAe;AAClC,cAAAK,IAAoBF,EAAW,UAAU,CAACG,MAASA,EAAK,KAAK,SAASF,EAAa,IAAI;AAC7F,QAAIC,MAAsB,KACbF,EAAA,OAAOE,GAAmB,GAAG;AAAA,UACtC,MAAMD;AAAA,UACN,KAAIG,IAAAV,EAAM,sBAAN,gBAAAU,EAAA,KAAAV,GAA0BO,OAAiB,CAAC;AAAA,QAAA,CAC/B,IAERD,EAAA,KAAK,EAAE,MAAMC,GAAc,KAAII,IAAAX,EAAM,sBAAN,gBAAAW,EAAA,KAAAX,GAA0BO,OAAiB,CAAC,EAAA,CAAsB;AAAA,MAEhH;AAEA,MAAIP,EAAM,kBAAkBM,EAAW,SAASN,EAAM,kBAC9CK,EAAAL,EAAM,kBAAkB,oBAAoBA,EAAM,cAAc,sDAAsD,EAAE,MAAM,UAAW,CAAA,GAGjJA,EAAM,WAAWM,CAAU;AAAA,IAC7B;AAAA,IACA,CAACN,EAAM,kBAAkBA,EAAM,cAAcA,EAAM,mBAAmBA,EAAM,UAAU;AAAA,EAAA;AAGxF,WAASY,EAAcH,GAA8B;;AAC/C,YAAAC,IAAAV,EAAM,wBAAN,QAAAU,EAAA,KAAAV,GAA4BS,KACvB;AAAA,MACL,MAAM;AAAA,MACN,SAAST,EAAM;AAAA,IAAA,IAIfa,EAAmBb,EAAM,gBAAgBS,EAAK,IAAI,IAC7C,OAGF;AAAA,MACL,MAAM;AAAA,MACN,SAAST,EAAM;AAAA,IAAA;AAAA,EAEnB;AAEA,QAAM,EAAE,cAAAc,GAAc,eAAAC,EAAc,IAAIC,EAAY;AAAA,IAClD,QAAQf;AAAA,IACR,UAAUD,EAAM;AAAA,IAChB,QAAQA,EAAM;AAAA,IACd,UAAUA,EAAM;AAAA,IAChB,WAAWY;AAAA,EAAA,CACZ;AAGC,SAAA,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGJ,EAAa;AAAA,MACjB,IAAI;AAAA,QACF,WAAW;AAAA,UACT,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,aAASJ,IAAAV,EAAM,YAAN,gBAAAU,EAAe,SAAQ;AAAA,MAEhC,UAAA;AAAA,QAAC,gBAAAS,EAAA,SAAA,EAAO,GAAGJ,EAAc,GAAG,aAASJ,IAAAX,EAAM,YAAN,gBAAAW,EAAe,UAAS,mBAAmB;AAAA,QAChF,gBAAAQ;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,YACb;AAAA,YAEC,UAAMlB,EAAA;AAAA,UAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rws-aoa/react-library",
-  "version": "3.6.0",
+  "version": "3.6.1",
   "description": "RWS AOA Design System",
   "author": "@rws-aoa",
   "license": "Apache-2.0",