@mittwald/flow-react-components 0.2.0-alpha.237 → 0.2.0-alpha.239

package/dist/js/components/src/components/FileDropZone/FileDropZone.mjs

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
+import { useRef } from 'react';
 import * as Aria from 'react-aria-components';
 import { IllustratedMessage } from '../IllustratedMessage/IllustratedMessage.mjs';
 import styles from './FileDropZone.module.scss.mjs';
@@ -9,40 +9,56 @@ import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 
-const FileDropZone = (props) => {
-  const { multiple, accept, className, onChange, children } = props;
-  const rootClassName = clsx(styles.fileDropZone, className);
-  const propsContext = {
-    FileField: {
-      accept,
+const FileDropZone = flowComponent(
+  "FileDropZone",
+  (props) => {
+    const {
       multiple,
-      Button: { variant: "outline", color: "dark" }
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Aria.DropZone,
-    {
-      className: rootClassName,
-      onDrop: async (e) => {
-        {
-          const fileDropItems = e.items.filter(
-            (file) => file.kind === "file"
-          );
-          const files = await Promise.all(
-            fileDropItems.filter((f) => !accept || accept?.includes(f.type)).map(async (f) => {
-              return await f.getFile();
-            })
-          );
-          if (files.length > 0) {
-            onChange?.(multiple ? files : [files[0]]);
+      accept,
+      className,
+      onChange: onChangeDropZone,
+      children,
+      name
+    } = props;
+    const fileFieldRef = useRef(null);
+    const rootClassName = clsx(styles.fileDropZone, className);
+    const propsContext = {
+      FileField: {
+        name,
+        onChange: onChangeDropZone,
+        ref: fileFieldRef,
+        accept,
+        multiple,
+        Button: { variant: "outline", color: "dark" }
+      }
+    };
+    const onDropHandler = async (event) => {
+      const fileDropItems = event.items.filter(
+        (file) => file.kind === "file"
+      );
+      const files = await Promise.all(
+        fileDropItems.filter((f) => !accept || accept?.includes(f.type)).map(async (f) => {
+          return await f.getFile();
+        })
+      );
+      if (files.length > 0) {
+        const fileTransfer = new DataTransfer();
+        for (const file of multiple ? files : [files[0]]) {
+          if (file) {
+            fileTransfer.items.add(file);
           }
         }
-      },
-      children: /* @__PURE__ */ jsx(IllustratedMessage, { color: "dark", children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children }) })
-    }
-  );
-};
+        onChangeDropZone?.(fileTransfer.files);
+        if (fileFieldRef.current) {
+          fileFieldRef.current.files = fileTransfer.files;
+        }
+      }
+    };
+    return /* @__PURE__ */ jsx(Aria.DropZone, { className: rootClassName, onDrop: onDropHandler, children: /* @__PURE__ */ jsx(IllustratedMessage, { color: "dark", children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, mergeInParentContext: true, children }) }) });
+  }
+);
 
 export { FileDropZone, FileDropZone as default };
 //# sourceMappingURL=FileDropZone.mjs.map

package/dist/js/components/src/components/FileDropZone/FileDropZone.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropZone.mjs","sources":["../../../../../../src/components/FileDropZone/FileDropZone.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./FileDropZone.module.scss\";\nimport clsx from \"clsx\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface FileDropZoneProps\n  extends PropsWithClassName,\n    PropsWithChildren,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\"> {\n  onChange?: FileInputOnChangeHandler;\n}\n\nexport const FileDropZone: FC<FileDropZoneProps> = (props) => {\n  const { multiple, accept, className, onChange, children } = props;\n\n  const rootClassName = clsx(styles.fileDropZone, className);\n\n  const propsContext: PropsContext = {\n    FileField: {\n      accept: accept,\n      multiple: multiple,\n      Button: { variant: \"outline\", color: \"dark\" },\n    },\n  };\n\n  return (\n    <Aria.DropZone\n      className={rootClassName}\n      onDrop={async (e) => {\n        {\n          const fileDropItems = e.items.filter(\n            (file) => file.kind === \"file\",\n          ) as Aria.FileDropItem[];\n\n          const files = await Promise.all(\n            fileDropItems\n              .filter((f) => !accept || accept?.includes(f.type))\n              .map(async (f) => {\n                return await f.getFile();\n              }),\n          );\n\n          if (files.length > 0) {\n            onChange?.((multiple ? files : [files[0]]) as unknown as FileList);\n          }\n        }\n      }}\n    >\n      <IllustratedMessage color=\"dark\">\n        <PropsContextProvider props={propsContext} mergeInParentContext>\n          {children}\n        </PropsContextProvider>\n      </IllustratedMessage>\n    </Aria.DropZone>\n  );\n};\n\nexport default FileDropZone;\n"],"names":[],"mappings":";;;;;;;;;;AAkBa,MAAA,YAAA,GAAsC,CAAC,KAAU,KAAA;AAC5D,EAAA,MAAM,EAAE,QAAU,EAAA,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAU,UAAa,GAAA,KAAA;AAE5D,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,YAAA,EAAc,SAAS,CAAA;AAEzD,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,SAAW,EAAA;AAAA,MACT,MAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAQ,EAAA,EAAE,OAAS,EAAA,SAAA,EAAW,OAAO,MAAO;AAAA;AAC9C,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,IAAL;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,MAAA,EAAQ,OAAO,CAAM,KAAA;AACnB,QAAA;AACE,UAAM,MAAA,aAAA,GAAgB,EAAE,KAAM,CAAA,MAAA;AAAA,YAC5B,CAAC,IAAS,KAAA,IAAA,CAAK,IAAS,KAAA;AAAA,WAC1B;AAEA,UAAM,MAAA,KAAA,GAAQ,MAAM,OAAQ,CAAA,GAAA;AAAA,YAC1B,aACG,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,CAAC,MAAU,IAAA,MAAA,EAAQ,QAAS,CAAA,CAAA,CAAE,IAAI,CAAC,CACjD,CAAA,GAAA,CAAI,OAAO,CAAM,KAAA;AAChB,cAAO,OAAA,MAAM,EAAE,OAAQ,EAAA;AAAA,aACxB;AAAA,WACL;AAEA,UAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,YAAA,QAAA,GAAY,WAAW,KAAQ,GAAA,CAAC,KAAM,CAAA,CAAC,CAAC,CAAyB,CAAA;AAAA;AACnE;AACF,OACF;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,KAAA,EAAM,MACxB,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,KAAA,EAAO,YAAc,EAAA,oBAAA,EAAoB,IAC5D,EAAA,QAAA,EACH,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"FileDropZone.mjs","sources":["../../../../../../src/components/FileDropZone/FileDropZone.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, useRef } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport { IllustratedMessage } from \"@/components/IllustratedMessage\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./FileDropZone.module.scss\";\nimport clsx from \"clsx\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { DropEvent, FocusableElement } from \"@react-types/shared\";\n\nexport interface FileDropZoneProps\n  extends PropsWithClassName,\n    FlowComponentProps<FocusableElement>,\n    PropsWithChildren,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\"> {\n  onChange?: FileInputOnChangeHandler;\n}\n\n/** @flr-generate all */\nexport const FileDropZone: FC<FileDropZoneProps> = flowComponent(\n  \"FileDropZone\",\n  (props) => {\n    const {\n      multiple,\n      accept,\n      className,\n      onChange: onChangeDropZone,\n      children,\n      name,\n    } = props;\n\n    const fileFieldRef = useRef<HTMLInputElement>(null);\n    const rootClassName = clsx(styles.fileDropZone, className);\n\n    const propsContext: PropsContext = {\n      FileField: {\n        name,\n        onChange: onChangeDropZone,\n        ref: fileFieldRef,\n        accept: accept,\n        multiple: multiple,\n        Button: { variant: \"outline\", color: \"dark\" },\n      },\n    };\n\n    const onDropHandler = async (event: DropEvent) => {\n      const fileDropItems = event.items.filter(\n        (file) => file.kind === \"file\",\n      ) as Aria.FileDropItem[];\n\n      const files = await Promise.all(\n        fileDropItems\n          .filter((f) => !accept || accept?.includes(f.type))\n          .map(async (f) => {\n            return await f.getFile();\n          }),\n      );\n\n      if (files.length > 0) {\n        const fileTransfer = new DataTransfer();\n        for (const file of multiple ? files : [files[0]]) {\n          if (file) {\n            fileTransfer.items.add(file);\n          }\n        }\n\n        onChangeDropZone?.(fileTransfer.files);\n        if (fileFieldRef.current) {\n          fileFieldRef.current.files = fileTransfer.files;\n        }\n      }\n    };\n\n    return (\n      <Aria.DropZone className={rootClassName} onDrop={onDropHandler}>\n        <IllustratedMessage color=\"dark\">\n          <PropsContextProvider props={propsContext} mergeInParentContext>\n            {children}\n          </PropsContextProvider>\n        </IllustratedMessage>\n      </Aria.DropZone>\n    );\n  },\n);\n\nexport default FileDropZone;\n"],"names":[],"mappings":";;;;;;;;;;;AAyBO,MAAM,YAAsC,GAAA,aAAA;AAAA,EACjD,cAAA;AAAA,EACA,CAAC,KAAU,KAAA;AACT,IAAM,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAU,EAAA,gBAAA;AAAA,MACV,QAAA;AAAA,MACA;AAAA,KACE,GAAA,KAAA;AAEJ,IAAM,MAAA,YAAA,GAAe,OAAyB,IAAI,CAAA;AAClD,IAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,YAAA,EAAc,SAAS,CAAA;AAEzD,IAAA,MAAM,YAA6B,GAAA;AAAA,MACjC,SAAW,EAAA;AAAA,QACT,IAAA;AAAA,QACA,QAAU,EAAA,gBAAA;AAAA,QACV,GAAK,EAAA,YAAA;AAAA,QACL,MAAA;AAAA,QACA,QAAA;AAAA,QACA,MAAQ,EAAA,EAAE,OAAS,EAAA,SAAA,EAAW,OAAO,MAAO;AAAA;AAC9C,KACF;AAEA,IAAM,MAAA,aAAA,GAAgB,OAAO,KAAqB,KAAA;AAChD,MAAM,MAAA,aAAA,GAAgB,MAAM,KAAM,CAAA,MAAA;AAAA,QAChC,CAAC,IAAS,KAAA,IAAA,CAAK,IAAS,KAAA;AAAA,OAC1B;AAEA,MAAM,MAAA,KAAA,GAAQ,MAAM,OAAQ,CAAA,GAAA;AAAA,QAC1B,aACG,CAAA,MAAA,CAAO,CAAC,CAAA,KAAM,CAAC,MAAU,IAAA,MAAA,EAAQ,QAAS,CAAA,CAAA,CAAE,IAAI,CAAC,CACjD,CAAA,GAAA,CAAI,OAAO,CAAM,KAAA;AAChB,UAAO,OAAA,MAAM,EAAE,OAAQ,EAAA;AAAA,SACxB;AAAA,OACL;AAEA,MAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,QAAM,MAAA,YAAA,GAAe,IAAI,YAAa,EAAA;AACtC,QAAA,KAAA,MAAW,QAAQ,QAAW,GAAA,KAAA,GAAQ,CAAC,KAAM,CAAA,CAAC,CAAC,CAAG,EAAA;AAChD,UAAA,IAAI,IAAM,EAAA;AACR,YAAa,YAAA,CAAA,KAAA,CAAM,IAAI,IAAI,CAAA;AAAA;AAC7B;AAGF,QAAA,gBAAA,GAAmB,aAAa,KAAK,CAAA;AACrC,QAAA,IAAI,aAAa,OAAS,EAAA;AACxB,UAAa,YAAA,CAAA,OAAA,CAAQ,QAAQ,YAAa,CAAA,KAAA;AAAA;AAC5C;AACF,KACF;AAEA,IACE,uBAAA,GAAA,CAAC,KAAK,QAAL,EAAA,EAAc,WAAW,aAAe,EAAA,MAAA,EAAQ,eAC/C,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,OAAM,MACxB,EAAA,QAAA,kBAAA,GAAA,CAAC,wBAAqB,KAAO,EAAA,YAAA,EAAc,sBAAoB,IAC5D,EAAA,QAAA,EACH,GACF,CACF,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist/js/components/src/components/FileField/FileField.mjs

@@ -4,14 +4,15 @@ import { jsx } from 'react/jsx-runtime';
 import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import { useFormValidation } from '@react-aria/form';
 import { useFormValidationState } from '@react-stately/form';
-import { useMemo } from 'react';
 import { InputContext, FieldErrorContext } from 'react-aria-components';
 import { FileInput } from './components/FileInput.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import '../../lib/propsContext/propsContext.mjs';
+import 'react';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { useObjectRef } from '@react-aria/utils';
+import { addAwaitedArrayBuffer } from '../../../../core/src/file.mjs';
 
 const FileField = flowComponent("FileField", (props) => {
   const {
@@ -31,15 +32,12 @@ const FileField = flowComponent("FileField", (props) => {
     isInvalid
   });
   useFormValidation({ validationBehavior }, formValidationState, inputRef);
-  const inputProps = useMemo(
-    () => ({
-      ...restInputProps,
-      ref: inputRef,
-      "aria-invalid": formValidationState.displayValidation.isInvalid,
-      value: void 0
-    }),
-    [formValidationState, isRequired, ...Object.values(restInputProps)]
-  );
+  const inputProps = {
+    ...restInputProps,
+    ref: inputRef,
+    "aria-invalid": formValidationState.displayValidation.isInvalid,
+    value: void 0
+  };
   const propsContext = {
     Label: {
       className: formFieldStyles.label,
@@ -52,13 +50,28 @@ const FileField = flowComponent("FileField", (props) => {
       className: formFieldStyles.customFieldError
     }
   };
+  const handleOnChange = (fileList) => {
+    if (fileList && onChange) {
+      Promise.all(Array.from(fileList).map(addAwaitedArrayBuffer)).then(
+        () => onChange(fileList)
+      );
+    }
+  };
   return /* @__PURE__ */ jsx(InputContext.Provider, { value: inputProps, children: /* @__PURE__ */ jsx(FieldErrorContext.Provider, { value: formValidationState.displayValidation, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(
     "div",
     {
       "data-required": !!isRequired || void 0,
       "data-invalid": formValidationState.displayValidation.isInvalid || void 0,
       className: formFieldStyles.formField,
-      children: /* @__PURE__ */ jsx(FileInput, { ref, onChange, isDisabled, children })
+      children: /* @__PURE__ */ jsx(
+        FileInput,
+        {
+          ref,
+          onChange: handleOnChange,
+          isDisabled,
+          children
+        }
+      )
     }
   ) }) }) });
 });

package/dist/js/components/src/components/FileField/FileField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.mjs","sources":["../../../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport React, { useMemo } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext, InputContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useObjectRef } from \"@react-aria/utils\";\n\nexport interface FileFieldProps\n  extends PropsWithChildren,\n    FlowComponentProps<HTMLInputElement>,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\">,\n    Pick<\n      Aria.TextFieldProps,\n      \"isRequired\" | \"isInvalid\" | \"validationBehavior\" | \"isDisabled\"\n    > {\n  /** Handler that is called when the file input changes. */\n  onChange?: FileInputOnChangeHandler;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FileField = flowComponent(\"FileField\", (props) => {\n  const {\n    children,\n    ref,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    validationBehavior,\n    onChange,\n    ...restInputProps\n  } = props;\n  const inputRef = useObjectRef(ref);\n\n  const formValidationState = useFormValidationState({\n    value: undefined,\n    validationBehavior,\n    isInvalid,\n  });\n\n  useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n  const inputProps = useMemo(\n    () => ({\n      ...restInputProps,\n      ref: inputRef,\n      \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n      value: undefined,\n    }),\n    [formValidationState, isRequired, ...Object.values(restInputProps)],\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  return (\n    <InputContext.Provider value={inputProps}>\n      <FieldErrorContext.Provider value={formValidationState.displayValidation}>\n        <PropsContextProvider props={propsContext}>\n          <div\n            data-required={!!isRequired || undefined}\n            data-invalid={\n              formValidationState.displayValidation.isInvalid || undefined\n            }\n            className={formFieldStyles.formField}\n          >\n            <FileInput ref={ref} onChange={onChange} isDisabled={isDisabled}>\n              {children}\n            </FileInput>\n          </div>\n        </PropsContextProvider>\n      </FieldErrorContext.Provider>\n    </InputContext.Provider>\n  );\n});\nexport default FileField;\n"],"names":[],"mappings":";;;;;;;;;;;;;AA+BO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAA,MAAM,sBAAsB,sBAAuB,CAAA;AAAA,IACjD,KAAO,EAAA,MAAA;AAAA,IACP,kBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,iBAAA,CAAkB,EAAE,kBAAA,EAAsB,EAAA,mBAAA,EAAqB,QAAQ,CAAA;AAEvE,EAAA,MAAM,UAAa,GAAA,OAAA;AAAA,IACjB,OAAO;AAAA,MACL,GAAG,cAAA;AAAA,MACH,GAAK,EAAA,QAAA;AAAA,MACL,cAAA,EAAgB,oBAAoB,iBAAkB,CAAA,SAAA;AAAA,MACtD,KAAO,EAAA;AAAA,KACT,CAAA;AAAA,IACA,CAAC,mBAAqB,EAAA,UAAA,EAAY,GAAG,MAAO,CAAA,MAAA,CAAO,cAAc,CAAC;AAAA,GACpE;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAA,EAAO,YAC5B,QAAC,kBAAA,GAAA,CAAA,iBAAA,CAAkB,QAAlB,EAAA,EAA2B,OAAO,mBAAoB,CAAA,iBAAA,EACrD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAe,CAAC,CAAC,UAAc,IAAA,MAAA;AAAA,MAC/B,cAAA,EACE,mBAAoB,CAAA,iBAAA,CAAkB,SAAa,IAAA,MAAA;AAAA,MAErD,WAAW,eAAgB,CAAA,SAAA;AAAA,MAE3B,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,GAAU,EAAA,QAAA,EAAoB,YACtC,QACH,EAAA;AAAA;AAAA,GACF,EACF,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"FileField.mjs","sources":["../../../../../../src/components/FileField/FileField.tsx"],"sourcesContent":["import formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFormValidation } from \"@react-aria/form\";\nimport { useFormValidationState } from \"@react-stately/form\";\nimport type { PropsWithChildren } from \"react\";\nimport type * as Aria from \"react-aria-components\";\nimport { FieldErrorContext, InputContext } from \"react-aria-components\";\nimport type { FileInputOnChangeHandler } from \"@/components/FileField/components/FileInput\";\nimport { FileInput } from \"@/components/FileField/components/FileInput\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { addAwaitedArrayBuffer } from \"@mittwald/flow-core\";\nexport interface FileFieldProps\n  extends PropsWithChildren,\n    FlowComponentProps<HTMLInputElement>,\n    Pick<Aria.InputProps, \"accept\" | \"multiple\" | \"name\">,\n    Pick<\n      Aria.TextFieldProps,\n      \"isRequired\" | \"isInvalid\" | \"validationBehavior\" | \"isDisabled\"\n    > {\n  /** Handler that is called when the file input changes. */\n  onChange?: FileInputOnChangeHandler;\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const FileField = flowComponent(\"FileField\", (props) => {\n  const {\n    children,\n    ref,\n    isRequired,\n    isInvalid,\n    isDisabled,\n    validationBehavior,\n    onChange,\n    ...restInputProps\n  } = props;\n  const inputRef = useObjectRef(ref);\n\n  const formValidationState = useFormValidationState({\n    value: undefined,\n    validationBehavior,\n    isInvalid,\n  });\n\n  useFormValidation({ validationBehavior }, formValidationState, inputRef);\n\n  const inputProps = {\n    ...restInputProps,\n    ref: inputRef,\n    \"aria-invalid\": formValidationState.displayValidation.isInvalid,\n    value: undefined,\n  };\n\n  const propsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n    FieldError: {\n      className: formFieldStyles.customFieldError,\n    },\n  };\n\n  const handleOnChange: FileInputOnChangeHandler = (fileList) => {\n    if (fileList && onChange) {\n      Promise.all(Array.from(fileList).map(addAwaitedArrayBuffer)).then(() =>\n        onChange(fileList),\n      );\n    }\n  };\n\n  return (\n    <InputContext.Provider value={inputProps}>\n      <FieldErrorContext.Provider value={formValidationState.displayValidation}>\n        <PropsContextProvider props={propsContext}>\n          <div\n            data-required={!!isRequired || undefined}\n            data-invalid={\n              formValidationState.displayValidation.isInvalid || undefined\n            }\n            className={formFieldStyles.formField}\n          >\n            <FileInput\n              ref={ref}\n              onChange={handleOnChange}\n              isDisabled={isDisabled}\n            >\n              {children}\n            </FileInput>\n          </div>\n        </PropsContextProvider>\n      </FieldErrorContext.Provider>\n    </InputContext.Provider>\n  );\n});\nexport default FileField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA8BO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,GAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,kBAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAA,MAAM,sBAAsB,sBAAuB,CAAA;AAAA,IACjD,KAAO,EAAA,MAAA;AAAA,IACP,kBAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,iBAAA,CAAkB,EAAE,kBAAA,EAAsB,EAAA,mBAAA,EAAqB,QAAQ,CAAA;AAEvE,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,GAAG,cAAA;AAAA,IACH,GAAK,EAAA,QAAA;AAAA,IACL,cAAA,EAAgB,oBAAoB,iBAAkB,CAAA,SAAA;AAAA,IACtD,KAAO,EAAA;AAAA,GACT;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAM,MAAA,cAAA,GAA2C,CAAC,QAAa,KAAA;AAC7D,IAAA,IAAI,YAAY,QAAU,EAAA;AACxB,MAAQ,OAAA,CAAA,GAAA,CAAI,MAAM,IAAK,CAAA,QAAQ,EAAE,GAAI,CAAA,qBAAqB,CAAC,CAAE,CAAA,IAAA;AAAA,QAAK,MAChE,SAAS,QAAQ;AAAA,OACnB;AAAA;AACF,GACF;AAEA,EAAA,2BACG,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAA,EAAO,YAC5B,QAAC,kBAAA,GAAA,CAAA,iBAAA,CAAkB,QAAlB,EAAA,EAA2B,OAAO,mBAAoB,CAAA,iBAAA,EACrD,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,OAAO,YAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAe,CAAC,CAAC,UAAc,IAAA,MAAA;AAAA,MAC/B,cAAA,EACE,mBAAoB,CAAA,iBAAA,CAAkB,SAAa,IAAA,MAAA;AAAA,MAErD,WAAW,eAAgB,CAAA,SAAA;AAAA,MAE3B,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,QAAU,EAAA,cAAA;AAAA,UACV,UAAA;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF,EACF,GACF,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/propTypes/index.mjs

@@ -30,6 +30,7 @@ const propsContextSupportingComponentsMap = {
   FileCard: true,
   FileCardList: true,
   FileField: true,
+  FileDropZone: true,
   Header: true,
   Heading: true,
   Icon: true,

package/dist/js/components/src/components/propTypes/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/Select/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type { MenuTriggerProps } from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  AccentBox: AccentBoxProps;\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  Align: AlignProps;\n  Avatar: AvatarProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ColumnLayout: ColumnLayoutProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileCardList: FileCardListProps;\n  FileField: FileFieldProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  Icon: IconProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListSummary: ListSummaryProps;\n  MenuItem: MenuItemProps;\n  MenuTrigger: MenuTriggerProps;\n  Message: MessageProps;\n  MessageThread: MessageThreadProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  PasswordCreationField: PasswordCreationFieldProps;\n  ProgressBar: ProgressBarProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps<Aria.TimeValue>;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  AccentBox: true,\n  Action: true,\n  ActionGroup: true,\n  Avatar: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  Align: true,\n  Badge: true,\n  Button: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ColumnLayout: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileCardList: true,\n  FileField: true,\n  Header: true,\n  Heading: true,\n  Icon: true,\n  Image: true,\n  Initials: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  Link: true,\n  List: true,\n  ListSummary: true,\n  MenuItem: true,\n  MenuTrigger: true,\n  Message: true,\n  MessageThread: true,\n  Modal: true,\n  ModalTrigger: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Popover: true,\n  PopoverTrigger: true,\n  PasswordCreationField: true,\n  ProgressBar: true,\n  RadioButton: true,\n  RadioGroup: true,\n  SearchField: true,\n  Section: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"AAuJA,MAAM,mCAGF,GAAA;AAAA,EACF,SAAW,EAAA,IAAA;AAAA,EACX,MAAQ,EAAA,IAAA;AAAA,EACR,WAAa,EAAA,IAAA;AAAA,EACb,MAAQ,EAAA,IAAA;AAAA,EACR,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,SAAW,EAAA,IAAA;AAAA,EACX,KAAO,EAAA,IAAA;AAAA,EACP,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,QAAU,EAAA,IAAA;AAAA,EACV,cAAgB,EAAA,IAAA;AAAA,EAChB,aAAe,EAAA,IAAA;AAAA,EACf,YAAc,EAAA,IAAA;AAAA,EACd,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,IAAA;AAAA,EACT,WAAa,EAAA,IAAA;AAAA,EACb,kBAAoB,EAAA,IAAA;AAAA,EACpB,kBAAoB,EAAA,IAAA;AAAA,EACpB,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,UAAY,EAAA,IAAA;AAAA,EACZ,YAAc,EAAA,IAAA;AAAA,EACd,cAAgB,EAAA,IAAA;AAAA,EAChB,UAAY,EAAA,IAAA;AAAA,EACZ,eAAiB,EAAA,IAAA;AAAA,EACjB,gBAAkB,EAAA,IAAA;AAAA,EAClB,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,YAAc,EAAA,IAAA;AAAA,EACd,SAAW,EAAA,IAAA;AAAA,EACX,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,IAAM,EAAA,IAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,QAAU,EAAA,IAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,WAAa,EAAA,IAAA;AAAA,EACb,QAAU,EAAA,IAAA;AAAA,EACV,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,aAAe,EAAA,IAAA;AAAA,EACf,KAAO,EAAA,IAAA;AAAA,EACP,YAAc,EAAA,IAAA;AAAA,EACd,WAAa,EAAA,IAAA;AAAA,EACb,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,WAAa,EAAA,IAAA;AAAA,EACb,WAAa,EAAA,IAAA;AAAA,EACb,UAAY,EAAA,IAAA;AAAA,EACZ,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,OAAS,EAAA,IAAA;AAAA,EACT,gBAAkB,EAAA,IAAA;AAAA,EAClB,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,aAAe,EAAA,IAAA;AAAA,EACf,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,SAAW,EAAA,IAAA;AAAA,EACX,SAAW,EAAA;AACb,CAAA;AAEO,MAAM,mCAAmC,MAAO,CAAA,IAAA;AAAA,EACrD;AACF;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../../src/components/propTypes/index.ts"],"sourcesContent":["import type { TextProps } from \"@/components/Text\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport type { IconProps } from \"@/components/Icon\";\nimport type { LabelProps } from \"@/components/Label\";\nimport type { ContentProps } from \"@/components/Content\";\nimport type { LayoutCardProps } from \"@/components/LayoutCard\";\nimport type { LinkProps } from \"@/components/Link\";\nimport type { LightBoxProps } from \"@/components/LightBox\";\nimport type { FieldErrorProps } from \"@/components/FieldError\";\nimport type { FieldDescriptionProps } from \"@/components/FieldDescription\";\nimport type { AlertProps } from \"@/components/Alert\";\nimport type { HeadingProps } from \"@/components/Heading\";\nimport type { InitialsProps } from \"@/components/Initials\";\nimport type { ImageProps } from \"@/components/Image\";\nimport type { CopyButtonProps } from \"@/components/CopyButton\";\nimport type { HeaderProps } from \"@/components/Header/\";\nimport type { SwitchProps } from \"@/components/Switch\";\nimport type { AlertBadgeProps } from \"@/components/AlertBadge\";\nimport type { ActionGroupProps } from \"@/components/ActionGroup\";\nimport type { AvatarProps } from \"@/components/Avatar\";\nimport type { ActionProps } from \"@/components/Action\";\nimport type {\n  ContextMenuProps,\n  ContextMenuTriggerProps,\n  MenuItemProps,\n} from \"@/components/ContextMenu\";\nimport type { SelectProps } from \"@/components/Select\";\nimport type {\n  RadioButtonProps,\n  RadioGroupProps,\n  RadioProps,\n} from \"@/components/RadioGroup\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport type { NumberFieldProps } from \"@/components/NumberField\";\nimport type { TextAreaProps } from \"@/components/TextArea\";\nimport type { CheckboxGroupProps } from \"@/components/CheckboxGroup\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport type { CheckboxButtonProps } from \"@/components/CheckboxButton\";\nimport type { TabsProps } from \"@/components/Tabs\";\nimport type { ModalProps, ModalTriggerProps } from \"@/components/Modal\";\nimport type { SectionProps } from \"@/components/Section\";\nimport type { SliderProps } from \"@/components/Slider\";\nimport type { CounterBadgeProps } from \"@/components/CounterBadge\";\nimport type { FlowComponentName } from \"@/components/propTypes/types\";\nimport type {\n  ContextualHelpProps,\n  ContextualHelpTriggerProps,\n} from \"@/components/ContextualHelp\";\nimport type { PopoverProps, PopoverTriggerProps } from \"@/components/Popover\";\nimport type { ContextMenuSectionProps } from \"@/components/ContextMenu/components/ContextMenuSection\";\nimport type { ListProps } from \"@/components/List\";\nimport type { PasswordCreationFieldProps } from \"@/components/PasswordCreationField\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { BadgeProps } from \"@/components/Badge\";\nimport type { DatePickerProps } from \"@/components/DatePicker\";\nimport type * as Aria from \"react-aria-components\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\nimport type { TimeFieldProps } from \"@/components/TimeField\";\nimport type { AlertIconProps } from \"@/components/AlertIcon\";\nimport type { ListSummaryProps } from \"@/components/List/components/ListSummary/ListSummary\";\nimport type { SegmentedControlProps } from \"@/components/SegmentedControl\";\nimport type { SegmentProps } from \"@/components/SegmentedControl/components/Segment\";\nimport type { FileCardProps } from \"@/components/FileCard\";\nimport type { FileFieldProps } from \"@/components/FileField\";\nimport type { AlignProps } from \"@/components/Align\";\nimport type { CountryOptionsProps } from \"@/components/Select/components/CountryOptions\";\nimport type { ComboBoxProps } from \"@/components/ComboBox\";\nimport type { OptionProps } from \"@/components/Option\";\nimport type { MessageProps } from \"@/components/Message\";\nimport type { MessageThreadProps } from \"@/components/MessageThread\";\nimport type { FileCardListProps } from \"@/components/FileCardList\";\nimport type { AccentBoxProps } from \"@/components/AccentBox\";\nimport type { ColumnLayoutProps } from \"@/components/ColumnLayout\";\nimport type { MenuTriggerProps } from \"@/components/OverlayTrigger\";\nimport type { ProgressBarProps } from \"@/components/ProgressBar\";\nimport type { FileDropZoneProps } from \"@/components/FileDropZone\";\n\nexport * from \"./types\";\n\nexport interface FlowComponentPropsTypes {\n  AccentBox: AccentBoxProps;\n  Action: ActionProps;\n  ActionGroup: ActionGroupProps;\n  Alert: AlertProps;\n  AlertBadge: AlertBadgeProps;\n  AlertIcon: AlertIconProps;\n  Align: AlignProps;\n  Avatar: AvatarProps;\n  Badge: BadgeProps;\n  Button: ButtonProps;\n  Checkbox: CheckboxProps;\n  CheckboxButton: CheckboxButtonProps;\n  CheckboxGroup: CheckboxGroupProps;\n  ColumnLayout: ColumnLayoutProps;\n  ComboBox: ComboBoxProps;\n  Content: ContentProps;\n  ContextMenu: ContextMenuProps;\n  ContextMenuSection: ContextMenuSectionProps;\n  ContextMenuTrigger: ContextMenuTriggerProps;\n  ContextualHelp: ContextualHelpProps;\n  ContextualHelpTrigger: ContextualHelpTriggerProps;\n  CopyButton: CopyButtonProps;\n  CounterBadge: CounterBadgeProps;\n  CountryOptions: CountryOptionsProps;\n  DatePicker: DatePickerProps<Aria.DateValue>;\n  DateRangePicker: DateRangePickerProps<Aria.DateValue>;\n  FieldDescription: FieldDescriptionProps;\n  FieldError: FieldErrorProps;\n  FileCard: FileCardProps;\n  FileCardList: FileCardListProps;\n  FileField: FileFieldProps;\n  FileDropZone: FileDropZoneProps;\n  Header: HeaderProps;\n  Heading: HeadingProps;\n  Icon: IconProps;\n  Image: ImageProps;\n  Initials: InitialsProps;\n  Label: LabelProps;\n  LayoutCard: LayoutCardProps;\n  LightBox: LightBoxProps;\n  Link: LinkProps;\n  List: ListProps<never>;\n  ListSummary: ListSummaryProps;\n  MenuItem: MenuItemProps;\n  MenuTrigger: MenuTriggerProps;\n  Message: MessageProps;\n  MessageThread: MessageThreadProps;\n  Modal: ModalProps;\n  ModalTrigger: ModalTriggerProps;\n  NumberField: NumberFieldProps;\n  Option: OptionProps;\n  Popover: PopoverProps;\n  PopoverTrigger: PopoverTriggerProps;\n  PasswordCreationField: PasswordCreationFieldProps;\n  ProgressBar: ProgressBarProps;\n  Radio: RadioProps;\n  RadioButton: RadioButtonProps;\n  RadioGroup: RadioGroupProps;\n  SearchField: SearchFieldProps;\n  Section: SectionProps;\n  Segment: SegmentProps;\n  SegmentedControl: SegmentedControlProps;\n  Select: SelectProps;\n  Slider: SliderProps;\n  Switch: SwitchProps;\n  Tabs: TabsProps;\n  TabTitle: TabsProps;\n  Text: TextProps;\n  TextArea: TextAreaProps;\n  TextField: TextFieldProps;\n  TimeField: TimeFieldProps<Aria.TimeValue>;\n}\n\nconst propsContextSupportingComponentsMap: Record<\n  keyof FlowComponentPropsTypes,\n  true\n> = {\n  AccentBox: true,\n  Action: true,\n  ActionGroup: true,\n  Avatar: true,\n  Alert: true,\n  AlertBadge: true,\n  AlertIcon: true,\n  Align: true,\n  Badge: true,\n  Button: true,\n  Checkbox: true,\n  CheckboxButton: true,\n  CheckboxGroup: true,\n  ColumnLayout: true,\n  ComboBox: true,\n  Content: true,\n  ContextMenu: true,\n  ContextMenuSection: true,\n  ContextMenuTrigger: true,\n  ContextualHelp: true,\n  ContextualHelpTrigger: true,\n  CopyButton: true,\n  CounterBadge: true,\n  CountryOptions: true,\n  DatePicker: true,\n  DateRangePicker: true,\n  FieldDescription: true,\n  FieldError: true,\n  FileCard: true,\n  FileCardList: true,\n  FileField: true,\n  FileDropZone: true,\n  Header: true,\n  Heading: true,\n  Icon: true,\n  Image: true,\n  Initials: true,\n  Label: true,\n  LayoutCard: true,\n  LightBox: true,\n  Link: true,\n  List: true,\n  ListSummary: true,\n  MenuItem: true,\n  MenuTrigger: true,\n  Message: true,\n  MessageThread: true,\n  Modal: true,\n  ModalTrigger: true,\n  NumberField: true,\n  Radio: true,\n  Option: true,\n  Popover: true,\n  PopoverTrigger: true,\n  PasswordCreationField: true,\n  ProgressBar: true,\n  RadioButton: true,\n  RadioGroup: true,\n  SearchField: true,\n  Section: true,\n  Segment: true,\n  SegmentedControl: true,\n  Select: true,\n  Slider: true,\n  Switch: true,\n  Tabs: true,\n  TabTitle: true,\n  TestComponent: true,\n  Text: true,\n  TextArea: true,\n  TextField: true,\n  TimeField: true,\n};\n\nexport const propsContextSupportingComponents = Object.keys(\n  propsContextSupportingComponentsMap,\n) as FlowComponentName[];\n"],"names":[],"mappings":"AAyJA,MAAM,mCAGF,GAAA;AAAA,EACF,SAAW,EAAA,IAAA;AAAA,EACX,MAAQ,EAAA,IAAA;AAAA,EACR,WAAa,EAAA,IAAA;AAAA,EACb,MAAQ,EAAA,IAAA;AAAA,EACR,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,SAAW,EAAA,IAAA;AAAA,EACX,KAAO,EAAA,IAAA;AAAA,EACP,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,QAAU,EAAA,IAAA;AAAA,EACV,cAAgB,EAAA,IAAA;AAAA,EAChB,aAAe,EAAA,IAAA;AAAA,EACf,YAAc,EAAA,IAAA;AAAA,EACd,QAAU,EAAA,IAAA;AAAA,EACV,OAAS,EAAA,IAAA;AAAA,EACT,WAAa,EAAA,IAAA;AAAA,EACb,kBAAoB,EAAA,IAAA;AAAA,EACpB,kBAAoB,EAAA,IAAA;AAAA,EACpB,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,UAAY,EAAA,IAAA;AAAA,EACZ,YAAc,EAAA,IAAA;AAAA,EACd,cAAgB,EAAA,IAAA;AAAA,EAChB,UAAY,EAAA,IAAA;AAAA,EACZ,eAAiB,EAAA,IAAA;AAAA,EACjB,gBAAkB,EAAA,IAAA;AAAA,EAClB,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,YAAc,EAAA,IAAA;AAAA,EACd,SAAW,EAAA,IAAA;AAAA,EACX,YAAc,EAAA,IAAA;AAAA,EACd,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,IAAM,EAAA,IAAA;AAAA,EACN,KAAO,EAAA,IAAA;AAAA,EACP,QAAU,EAAA,IAAA;AAAA,EACV,KAAO,EAAA,IAAA;AAAA,EACP,UAAY,EAAA,IAAA;AAAA,EACZ,QAAU,EAAA,IAAA;AAAA,EACV,IAAM,EAAA,IAAA;AAAA,EACN,IAAM,EAAA,IAAA;AAAA,EACN,WAAa,EAAA,IAAA;AAAA,EACb,QAAU,EAAA,IAAA;AAAA,EACV,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,aAAe,EAAA,IAAA;AAAA,EACf,KAAO,EAAA,IAAA;AAAA,EACP,YAAc,EAAA,IAAA;AAAA,EACd,WAAa,EAAA,IAAA;AAAA,EACb,KAAO,EAAA,IAAA;AAAA,EACP,MAAQ,EAAA,IAAA;AAAA,EACR,OAAS,EAAA,IAAA;AAAA,EACT,cAAgB,EAAA,IAAA;AAAA,EAChB,qBAAuB,EAAA,IAAA;AAAA,EACvB,WAAa,EAAA,IAAA;AAAA,EACb,WAAa,EAAA,IAAA;AAAA,EACb,UAAY,EAAA,IAAA;AAAA,EACZ,WAAa,EAAA,IAAA;AAAA,EACb,OAAS,EAAA,IAAA;AAAA,EACT,OAAS,EAAA,IAAA;AAAA,EACT,gBAAkB,EAAA,IAAA;AAAA,EAClB,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,MAAQ,EAAA,IAAA;AAAA,EACR,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,aAAe,EAAA,IAAA;AAAA,EACf,IAAM,EAAA,IAAA;AAAA,EACN,QAAU,EAAA,IAAA;AAAA,EACV,SAAW,EAAA,IAAA;AAAA,EACX,SAAW,EAAA;AACb,CAAA;AAEO,MAAM,mCAAmC,MAAO,CAAA,IAAA;AAAA,EACrD;AACF;;;;"}

package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs

@@ -48,6 +48,7 @@ function Field(props) {
       isSelected: value
     },
     FileField: fieldProps,
+    FileDropZone: fieldProps,
     NumberField: fieldProps,
     RadioGroup: fieldProps,
     Switch: {

package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  useController,\n  type ControllerProps,\n  type FieldValues,\n  type UseFormReturn,\n} from \"react-hook-form\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const controller = useController(props);\n  const formContext = useFormContext<T>();\n  const value = controller.field.value;\n\n  const fieldProps = {\n    ...controller.field,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: controller.fieldState.invalid,\n    children: dynamic((p) => {\n      if (controller.fieldState.invalid) {\n        return (\n          <>\n            {p.children}\n            <FieldErrorView>\n              {controller.fieldState.error?.message}\n            </FieldErrorView>\n          </>\n        );\n      }\n\n      return p.children;\n    }),\n  };\n\n  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n  const propsContext: PropsContext = {\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: fieldProps,\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldPropsWithoutValue,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[controller.fieldState, controller.field, value]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":";;;;;;;;;;AAgBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,IAAA,EAAM,YAAc,EAAA,GAAG,MAAS,GAAA,KAAA;AAElD,EAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA;AACtC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,KAAA,GAAQ,WAAW,KAAM,CAAA,KAAA;AAE/B,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,GAAG,UAAW,CAAA,KAAA;AAAA,IACd,IAAA;AAAA,IACA,MAAM,WAAY,CAAA,EAAA;AAAA,IAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,IAC1B,kBAAoB,EAAA,MAAA;AAAA,IACpB,YAAA;AAAA,IACA,SAAA,EAAW,WAAW,UAAW,CAAA,OAAA;AAAA,IACjC,QAAA,EAAU,OAAQ,CAAA,CAAC,CAAM,KAAA;AACvB,MAAI,IAAA,UAAA,CAAW,WAAW,OAAS,EAAA;AACjC,QAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAE,CAAA,CAAA,QAAA;AAAA,0BACF,GAAA,CAAA,cAAA,EAAA,EACE,QAAW,EAAA,UAAA,CAAA,UAAA,CAAW,OAAO,OAChC,EAAA;AAAA,SACF,EAAA,CAAA;AAAA;AAIJ,MAAA,OAAO,CAAE,CAAA,QAAA;AAAA,KACV;AAAA,GACH;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,YAAc,EAAA,GAAG,wBAA2B,GAAA,UAAA;AAE3D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA,UAAA;AAAA,IACb,SAAW,EAAA,UAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IAEV,QAAU,EAAA;AAAA,MACR,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,aAAe,EAAA,UAAA;AAAA,IACf,cAAgB,EAAA;AAAA,MACd,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,SAAW,EAAA,UAAA;AAAA,IACX,WAAa,EAAA,UAAA;AAAA,IACb,UAAY,EAAA,UAAA;AAAA,IACZ,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,qBAAuB,EAAA,UAAA;AAAA,IACvB,UAAY,EAAA,UAAA;AAAA,IACZ,eAAiB,EAAA,UAAA;AAAA,IACjB,SAAW,EAAA,UAAA;AAAA,IACX,gBAAkB,EAAA,UAAA;AAAA,IAClB,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACf;AAAA,IACA,QAAU,EAAA;AAAA,MACR,GAAG,sBAAA;AAAA,MACH,WAAa,EAAA;AAAA;AACf,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,cAAc,CAAC,UAAA,CAAW,UAAY,EAAA,UAAA,CAAW,OAAO,KAAK,CAAA;AAAA,MAE5D;AAAA;AAAA,GACH;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}
+{"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n  useController,\n  type ControllerProps,\n  type FieldValues,\n  type UseFormReturn,\n} from \"react-hook-form\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">,\n    PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const controller = useController(props);\n  const formContext = useFormContext<T>();\n  const value = controller.field.value;\n\n  const fieldProps = {\n    ...controller.field,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: controller.fieldState.invalid,\n    children: dynamic((p) => {\n      if (controller.fieldState.invalid) {\n        return (\n          <>\n            {p.children}\n            <FieldErrorView>\n              {controller.fieldState.error?.message}\n            </FieldErrorView>\n          </>\n        );\n      }\n\n      return p.children;\n    }),\n  };\n\n  const { value: ignoredValue, ...fieldPropsWithoutValue } = fieldProps;\n\n  const propsContext: PropsContext = {\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: fieldProps,\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldPropsWithoutValue,\n      selectedKey: value,\n    },\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[controller.fieldState, controller.field, value]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":";;;;;;;;;;AAgBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,IAAA,EAAM,YAAc,EAAA,GAAG,MAAS,GAAA,KAAA;AAElD,EAAM,MAAA,UAAA,GAAa,cAAc,KAAK,CAAA;AACtC,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAM,MAAA,KAAA,GAAQ,WAAW,KAAM,CAAA,KAAA;AAE/B,EAAA,MAAM,UAAa,GAAA;AAAA,IACjB,GAAG,UAAW,CAAA,KAAA;AAAA,IACd,IAAA;AAAA,IACA,MAAM,WAAY,CAAA,EAAA;AAAA,IAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,IAC1B,kBAAoB,EAAA,MAAA;AAAA,IACpB,YAAA;AAAA,IACA,SAAA,EAAW,WAAW,UAAW,CAAA,OAAA;AAAA,IACjC,QAAA,EAAU,OAAQ,CAAA,CAAC,CAAM,KAAA;AACvB,MAAI,IAAA,UAAA,CAAW,WAAW,OAAS,EAAA;AACjC,QAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAE,CAAA,CAAA,QAAA;AAAA,0BACF,GAAA,CAAA,cAAA,EAAA,EACE,QAAW,EAAA,UAAA,CAAA,UAAA,CAAW,OAAO,OAChC,EAAA;AAAA,SACF,EAAA,CAAA;AAAA;AAIJ,MAAA,OAAO,CAAE,CAAA,QAAA;AAAA,KACV;AAAA,GACH;AAEA,EAAA,MAAM,EAAE,KAAA,EAAO,YAAc,EAAA,GAAG,wBAA2B,GAAA,UAAA;AAE3D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA,UAAA;AAAA,IACb,SAAW,EAAA,UAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IAEV,QAAU,EAAA;AAAA,MACR,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,aAAe,EAAA,UAAA;AAAA,IACf,cAAgB,EAAA;AAAA,MACd,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,SAAW,EAAA,UAAA;AAAA,IACX,YAAc,EAAA,UAAA;AAAA,IACd,WAAa,EAAA,UAAA;AAAA,IACb,UAAY,EAAA,UAAA;AAAA,IACZ,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,MAAQ,EAAA,UAAA;AAAA,IACR,qBAAuB,EAAA,UAAA;AAAA,IACvB,UAAY,EAAA,UAAA;AAAA,IACZ,eAAiB,EAAA,UAAA;AAAA,IACjB,SAAW,EAAA,UAAA;AAAA,IACX,gBAAkB,EAAA,UAAA;AAAA,IAClB,MAAQ,EAAA;AAAA,MACN,GAAG,UAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACf;AAAA,IACA,QAAU,EAAA;AAAA,MACR,GAAG,sBAAA;AAAA,MACH,WAAa,EAAA;AAAA;AACf,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,cAAc,CAAC,UAAA,CAAW,UAAY,EAAA,UAAA,CAAW,OAAO,KAAK,CAAA;AAAA,MAE5D;AAAA;AAAA,GACH;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}

package/dist/js/components/src/integrations/react-hook-form/components/Form/Form.mjs

@@ -21,18 +21,19 @@ function Form(props) {
   const submitHandlerResultRef = useRef(null);
   const handleOnSubmit = (e) => {
     const { isSubmitting, isValidating } = form.control._formState;
-    e.stopPropagation();
+    const formEvent = "nativeEvent" in e ? e : void 0;
+    formEvent?.stopPropagation();
     if (isSubmitting || isValidating) {
-      e.preventDefault();
+      formEvent?.preventDefault();
       return;
     }
     submitHandlerResultRef.current = void 0;
     form.handleSubmit((values) => {
-      const result = onSubmit(values, e);
+      const result = onSubmit(values, formEvent);
       isAsyncSubmit.current = result instanceof Promise;
       submitHandlerResultRef.current = result;
       return result;
-    })(e);
+    })(formEvent);
   };
   return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs(FormContextProvider, { value: { form, id: formId }, children: [
     /* @__PURE__ */ jsx(SubmitButtonStateProvider, { isAsyncSubmit, children: /* @__PURE__ */ jsx(FormView, { ...formProps, id: formId, onSubmit: handleOnSubmit, children }) }),

package/dist/js/components/src/integrations/react-hook-form/components/Form/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { SubmitButtonStateProvider } from \"@/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider\";\nimport { FormContextProvider } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  FormEventHandler,\n  PropsWithChildren,\n} from \"react\";\nimport { useId, useRef } from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { AfterFormSubmitEffect } from \"../AfterFormSubmitEffect/AfterFormSubmitEffect\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = Parameters<\n  UseFormReturn<F>[\"handleSubmit\"]\n>[0];\n\ntype FormComponentType = ComponentType<\n  PropsWithChildren<{ id: string; onSubmit?: FormEventHandler }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FormComponentType;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit,\n    formComponent: FormView = DefaultFormComponent,\n    ...formProps\n  } = props;\n\n  const formId = useId();\n  const isAsyncSubmit = useRef(false);\n  const submitHandlerResultRef = useRef<unknown>(null);\n\n  const handleOnSubmit: FormEventHandler = (e) => {\n    const { isSubmitting, isValidating } = form.control._formState;\n\n    e.stopPropagation();\n\n    if (isSubmitting || isValidating) {\n      e.preventDefault();\n      return;\n    }\n\n    submitHandlerResultRef.current = undefined;\n\n    form.handleSubmit((values) => {\n      const result = onSubmit(values, e);\n      isAsyncSubmit.current = result instanceof Promise;\n      submitHandlerResultRef.current = result;\n      return result;\n    })(e);\n  };\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider value={{ form, id: formId }}>\n        <SubmitButtonStateProvider isAsyncSubmit={isAsyncSubmit}>\n          <FormView {...formProps} id={formId} onSubmit={handleOnSubmit}>\n            {children}\n          </FormView>\n        </SubmitButtonStateProvider>\n        <AfterFormSubmitEffect\n          submitHandlerResultRef={submitHandlerResultRef}\n        />\n      </FormContextProvider>\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":";;;;;;;AA6BA,MAAM,uBAA0C,CAAC,CAAA,qBAAO,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,CAAG,EAAA,CAAA;AAE7D,SAAS,KAA4B,KAAqB,EAAA;AAC/D,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAe,QAAW,GAAA,oBAAA;AAAA,IAC1B,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,SAAS,KAAM,EAAA;AACrB,EAAM,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA;AAClC,EAAM,MAAA,sBAAA,GAAyB,OAAgB,IAAI,CAAA;AAEnD,EAAM,MAAA,cAAA,GAAmC,CAAC,CAAM,KAAA;AAC9C,IAAA,MAAM,EAAE,YAAA,EAAc,YAAa,EAAA,GAAI,KAAK,OAAQ,CAAA,UAAA;AAEpD,IAAA,CAAA,CAAE,eAAgB,EAAA;AAElB,IAAA,IAAI,gBAAgB,YAAc,EAAA;AAChC,MAAA,CAAA,CAAE,cAAe,EAAA;AACjB,MAAA;AAAA;AAGF,IAAA,sBAAA,CAAuB,OAAU,GAAA,MAAA;AAEjC,IAAK,IAAA,CAAA,YAAA,CAAa,CAAC,MAAW,KAAA;AAC5B,MAAM,MAAA,MAAA,GAAS,QAAS,CAAA,MAAA,EAAQ,CAAC,CAAA;AACjC,MAAA,aAAA,CAAc,UAAU,MAAkB,YAAA,OAAA;AAC1C,MAAA,sBAAA,CAAuB,OAAU,GAAA,MAAA;AACjC,MAAO,OAAA,MAAA;AAAA,KACR,EAAE,CAAC,CAAA;AAAA,GACN;AAEA,EACE,uBAAA,GAAA,CAACA,YAAwB,EAAA,EAAA,GAAG,IAC1B,EAAA,QAAA,kBAAA,IAAA,CAAC,mBAAoB,EAAA,EAAA,KAAA,EAAO,EAAE,IAAA,EAAM,EAAI,EAAA,MAAA,EACtC,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,yBAAA,EAAA,EAA0B,aACzB,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAU,EAAA,EAAA,GAAG,SAAW,EAAA,EAAA,EAAI,MAAQ,EAAA,QAAA,EAAU,cAC5C,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC;AAAA;AAAA;AACF,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Form.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { SubmitButtonStateProvider } from \"@/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider\";\nimport { FormContextProvider } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  FormEvent,\n  FormEventHandler,\n  PropsWithChildren,\n} from \"react\";\nimport { useId, useRef } from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { AfterFormSubmitEffect } from \"../AfterFormSubmitEffect/AfterFormSubmitEffect\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = Parameters<\n  UseFormReturn<F>[\"handleSubmit\"]\n>[0];\n\ntype FormComponentType = ComponentType<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: FormEventHandler | FormOnSubmitHandler<never>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FormComponentType;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit,\n    formComponent: FormView = DefaultFormComponent,\n    ...formProps\n  } = props;\n\n  const formId = useId();\n  const isAsyncSubmit = useRef(false);\n  const submitHandlerResultRef = useRef<unknown>(null);\n\n  const handleOnSubmit = (e: FormEvent<HTMLFormElement> | F) => {\n    const { isSubmitting, isValidating } = form.control._formState;\n    const formEvent =\n      \"nativeEvent\" in e ? (e as FormEvent<HTMLFormElement>) : undefined;\n\n    formEvent?.stopPropagation();\n\n    if (isSubmitting || isValidating) {\n      formEvent?.preventDefault();\n      return;\n    }\n\n    submitHandlerResultRef.current = undefined;\n\n    form.handleSubmit((values) => {\n      const result = onSubmit(values, formEvent);\n      isAsyncSubmit.current = result instanceof Promise;\n      submitHandlerResultRef.current = result;\n      return result;\n    })(formEvent);\n  };\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider value={{ form, id: formId }}>\n        <SubmitButtonStateProvider isAsyncSubmit={isAsyncSubmit}>\n          <FormView {...formProps} id={formId} onSubmit={handleOnSubmit}>\n            {children}\n          </FormView>\n        </SubmitButtonStateProvider>\n        <AfterFormSubmitEffect\n          submitHandlerResultRef={submitHandlerResultRef}\n        />\n      </FormContextProvider>\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":";;;;;;;AAiCA,MAAM,uBAA0C,CAAC,CAAA,qBAAO,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,CAAG,EAAA,CAAA;AAE7D,SAAS,KAA4B,KAAqB,EAAA;AAC/D,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAe,QAAW,GAAA,oBAAA;AAAA,IAC1B,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,SAAS,KAAM,EAAA;AACrB,EAAM,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA;AAClC,EAAM,MAAA,sBAAA,GAAyB,OAAgB,IAAI,CAAA;AAEnD,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAsC,KAAA;AAC5D,IAAA,MAAM,EAAE,YAAA,EAAc,YAAa,EAAA,GAAI,KAAK,OAAQ,CAAA,UAAA;AACpD,IAAM,MAAA,SAAA,GACJ,aAAiB,IAAA,CAAA,GAAK,CAAmC,GAAA,MAAA;AAE3D,IAAA,SAAA,EAAW,eAAgB,EAAA;AAE3B,IAAA,IAAI,gBAAgB,YAAc,EAAA;AAChC,MAAA,SAAA,EAAW,cAAe,EAAA;AAC1B,MAAA;AAAA;AAGF,IAAA,sBAAA,CAAuB,OAAU,GAAA,MAAA;AAEjC,IAAK,IAAA,CAAA,YAAA,CAAa,CAAC,MAAW,KAAA;AAC5B,MAAM,MAAA,MAAA,GAAS,QAAS,CAAA,MAAA,EAAQ,SAAS,CAAA;AACzC,MAAA,aAAA,CAAc,UAAU,MAAkB,YAAA,OAAA;AAC1C,MAAA,sBAAA,CAAuB,OAAU,GAAA,MAAA;AACjC,MAAO,OAAA,MAAA;AAAA,KACR,EAAE,SAAS,CAAA;AAAA,GACd;AAEA,EACE,uBAAA,GAAA,CAACA,YAAwB,EAAA,EAAA,GAAG,IAC1B,EAAA,QAAA,kBAAA,IAAA,CAAC,mBAAoB,EAAA,EAAA,KAAA,EAAO,EAAE,IAAA,EAAM,EAAI,EAAA,MAAA,EACtC,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,yBAAA,EAAA,EAA0B,aACzB,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAU,EAAA,EAAA,GAAG,SAAW,EAAA,EAAA,EAAI,MAAQ,EAAA,QAAA,EAAU,cAC5C,EAAA,QAAA,EACH,CACF,EAAA,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC;AAAA;AAAA;AACF,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/core/src/file.mjs

@@ -0,0 +1,12 @@
+"use client"
+/* */
+import 'invariant';
+
+const Key = "mittwald.flow-core.file.awaitedArrayBuffer";
+const addAwaitedArrayBuffer = async (file) => {
+  const arrayBuffer = await file.arrayBuffer();
+  Object.assign(file, { [Key]: arrayBuffer });
+};
+
+export { addAwaitedArrayBuffer };
+//# sourceMappingURL=file.mjs.map

package/dist/js/core/src/file.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.mjs","sources":["../../../../../core/src/file.ts"],"sourcesContent":["import invariant from \"invariant\";\n\nconst Key = \"mittwald.flow-core.file.awaitedArrayBuffer\";\n\nexport type FileWithAwaitedArrayBuffer = File & {\n  [Key]: ArrayBuffer;\n};\n\nfunction isFileWithAwaitedArrayBuffer(\n  file: File | FileWithAwaitedArrayBuffer,\n): file is FileWithAwaitedArrayBuffer {\n  return Key in file;\n}\n\nexport const addAwaitedArrayBuffer = async (file: File) => {\n  const arrayBuffer = await file.arrayBuffer();\n  Object.assign(file, { [Key]: arrayBuffer });\n};\n\nexport const getAwaitArrayBuffer = (\n  file: File | FileWithAwaitedArrayBuffer,\n) => {\n  invariant(\n    isFileWithAwaitedArrayBuffer(file),\n    \"Could not get awaited ArrayBuffer from file\",\n  );\n  return file[Key];\n};\n"],"names":[],"mappings":";;AAEA,MAAM,GAAM,GAAA,4CAAA;AAYC,MAAA,qBAAA,GAAwB,OAAO,IAAe,KAAA;AACzD,EAAM,MAAA,WAAA,GAAc,MAAM,IAAA,CAAK,WAAY,EAAA;AAC3C,EAAA,MAAA,CAAO,OAAO,IAAM,EAAA,EAAE,CAAC,GAAG,GAAG,aAAa,CAAA;AAC5C;;;;"}

package/dist/js/flr-universal.mjs

@@ -160,6 +160,7 @@ import './components/src/components/FieldDescription/FieldDescription.mjs';
 import './components/src/components/FieldError/FieldError.mjs';
 import './components/src/components/FileCard/FileCard.mjs';
 import './components/src/components/FileCardList/FileCardList.mjs';
+import './components/src/components/FileDropZone/FileDropZone.mjs';
 import './components/src/components/FileField/FileField.mjs';
 import './components/src/components/Header/Header.mjs';
 import './components/src/components/Icon/Icon.mjs';

package/dist/js/flr-universal.mjs.map

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

package/dist/types/components/FileDropZone/FileDropZone.d.ts

@@ -1,10 +1,13 @@
 import { FC, PropsWithChildren } from 'react';
 import { PropsWithClassName } from '../../lib/types/props';
 import { FileInputOnChangeHandler } from '../FileField/components/FileInput';
+import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
+import { FocusableElement } from '@react-types/shared';
 import * as Aria from "react-aria-components";
-export interface FileDropZoneProps extends PropsWithClassName, PropsWithChildren, Pick<Aria.InputProps, "accept" | "multiple"> {
+export interface FileDropZoneProps extends PropsWithClassName, FlowComponentProps<FocusableElement>, PropsWithChildren, Pick<Aria.InputProps, "accept" | "multiple" | "name"> {
     onChange?: FileInputOnChangeHandler;
 }
+/** @flr-generate all */
 export declare const FileDropZone: FC<FileDropZoneProps>;
 export default FileDropZone;
 //# sourceMappingURL=FileDropZone.d.ts.map

package/dist/types/components/FileDropZone/FileDropZone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileDropZone.d.ts","sourceRoot":"","sources":["../../../../src/components/FileDropZone/FileDropZone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAI5F,MAAM,WAAW,iBACf,SAAQ,kBAAkB,EACxB,iBAAiB,EACjB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,CAAC;IAC9C,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CACrC;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA2C9C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileDropZone.d.ts","sourceRoot":"","sources":["../../../../src/components/FileDropZone/FileDropZone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAU,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAG5F,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,KAAK,EAAa,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvE,MAAM,WAAW,iBACf,SAAQ,kBAAkB,EACxB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,iBAAiB,EACjB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CACrC;AAED,wBAAwB;AACxB,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAgE9C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/types/components/FileDropZone/index.d.ts

@@ -1,3 +1,4 @@
+export * from './view';
 export { type FileDropZoneProps, FileDropZone } from './FileDropZone';
 export { default } from './FileDropZone';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/FileDropZone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/FileDropZone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/FileDropZone/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,KAAK,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtE,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/types/components/FileDropZone/view.d.ts

@@ -0,0 +1,8 @@
+import { FileDropZone } from './FileDropZone';
+import { ViewComponent } from '../../lib/viewComponentContext';
+declare global {
+    interface FlowViewComponents {
+        FileDropZone: ViewComponent<typeof FileDropZone>;
+    }
+}
+//# sourceMappingURL=view.d.ts.map

package/dist/types/components/FileDropZone/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/components/FileDropZone/view.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,kBAAkB;QAC1B,YAAY,EAAE,aAAa,CAAC,OAAO,YAAY,CAAC,CAAC;KAClD;CACF"}

package/dist/types/components/FileField/FileField.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren, default as React } from 'react';
+import { PropsWithChildren } from 'react';
 import { FileInputOnChangeHandler } from './components/FileInput';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import type * as Aria from "react-aria-components";
@@ -10,6 +10,6 @@ export interface FileFieldProps extends PropsWithChildren, FlowComponentProps<HT
  * @flr-generate all
  * @flr-clear-props-context
  */
-export declare const FileField: React.FunctionComponent<FileFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FileField: import('react').FunctionComponent<FileFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default FileField;
 //# sourceMappingURL=FileField.d.ts.map

package/dist/types/components/FileField/FileField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../../src/components/FileField/FileField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAE5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAM/E,MAAM,WAAW,cACf,SAAQ,iBAAiB,EACvB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC,EACrD,IAAI,CACF,IAAI,CAAC,cAAc,EACnB,YAAY,GAAG,WAAW,GAAG,oBAAoB,GAAG,YAAY,CACjE;IACH,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,iFA+DpB,CAAC;AACH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../../../src/components/FileField/FileField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAE5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAM/E,MAAM,WAAW,cACf,SAAQ,iBAAiB,EACvB,kBAAkB,CAAC,gBAAgB,CAAC,EACpC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC,EACrD,IAAI,CACF,IAAI,CAAC,cAAc,EACnB,YAAY,GAAG,WAAW,GAAG,oBAAoB,GAAG,YAAY,CACjE;IACH,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,qGAwEpB,CAAC;AACH,eAAe,SAAS,CAAC"}

package/dist/types/components/propTypes/index.d.ts

@@ -61,6 +61,7 @@ import { AccentBoxProps } from '../AccentBox';
 import { ColumnLayoutProps } from '../ColumnLayout';
 import { MenuTriggerProps } from '../OverlayTrigger';
 import { ProgressBarProps } from '../ProgressBar';
+import { FileDropZoneProps } from '../FileDropZone';
 import type * as Aria from "react-aria-components";
 export * from './types';
 export interface FlowComponentPropsTypes {
@@ -95,6 +96,7 @@ export interface FlowComponentPropsTypes {
     FileCard: FileCardProps;
     FileCardList: FileCardListProps;
     FileField: FileFieldProps;
+    FileDropZone: FileDropZoneProps;
     Header: HeaderProps;
     Heading: HeadingProps;
     Icon: IconProps;

package/dist/types/components/propTypes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/propTypes/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/propTypes/index.ts"],"names":[],"mappings":"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"}

package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACxC,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CA8EhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAC1D,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC;AAE5B,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,EACxC,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CA+EhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAC1D,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC;AAE5B,eAAe,KAAK,CAAC"}

package/dist/types/integrations/react-hook-form/components/Form/Form.d.ts

@@ -3,7 +3,7 @@ import { FieldValues, UseFormReturn } from 'react-hook-form';
 export type FormOnSubmitHandler<F extends FieldValues> = Parameters<UseFormReturn<F>["handleSubmit"]>[0];
 type FormComponentType = ComponentType<PropsWithChildren<{
     id: string;
-    onSubmit?: FormEventHandler;
+    onSubmit?: FormEventHandler | FormOnSubmitHandler<never>;
 }>>;
 export interface FormProps<F extends FieldValues> extends Omit<ComponentProps<"form">, "onSubmit">, PropsWithChildren {
     form: UseFormReturn<F>;

package/dist/types/integrations/react-hook-form/components/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIlE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,UAAU,CACjE,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CACjC,CAAC,CAAC,CAAC,CAAC;AAEL,KAAK,iBAAiB,GAAG,aAAa,CACpC,iBAAiB,CAAC;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAA;CAAE,CAAC,CAC/D,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW,CAC9C,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,EAC9C,iBAAiB;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC;AAID,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,2CA+C9D;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EAEb,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIlE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,UAAU,CACjE,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CACjC,CAAC,CAAC,CAAC,CAAC;AAEL,KAAK,iBAAiB,GAAG,aAAa,CACpC,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;CAC1D,CAAC,CACH,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW,CAC9C,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,EAC9C,iBAAiB;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC;CACnC;AAID,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,2CAiD9D;AAED,eAAe,IAAI,CAAC"}

package/dist/types/lib/propsContext/propsContext.d.ts

@@ -31,6 +31,7 @@ export declare const propsContext: import('react').Context<Partial<{
     FileCard: import('./types').ComponentPropsContext<"FileCard">;
     FileCardList: import('./types').ComponentPropsContext<"FileCardList">;
     FileField: import('./types').ComponentPropsContext<"FileField">;
+    FileDropZone: import('./types').ComponentPropsContext<"FileDropZone">;
     Header: import('./types').ComponentPropsContext<"Header">;
     Heading: import('./types').ComponentPropsContext<"Heading">;
     Icon: import('./types').ComponentPropsContext<"Icon">;
@@ -104,6 +105,7 @@ export declare const PropsContextProvider: import('react').Provider<Partial<{
     FileCard: import('./types').ComponentPropsContext<"FileCard">;
     FileCardList: import('./types').ComponentPropsContext<"FileCardList">;
     FileField: import('./types').ComponentPropsContext<"FileField">;
+    FileDropZone: import('./types').ComponentPropsContext<"FileDropZone">;
     Header: import('./types').ComponentPropsContext<"Header">;
     Heading: import('./types').ComponentPropsContext<"Heading">;
     Icon: import('./types').ComponentPropsContext<"Icon">;

package/dist/types/lib/propsContext/propsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"propsContext.d.ts","sourceRoot":"","sources":["../../../../src/lib/propsContext/propsContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAkC,CAAC;AAE5D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAwB,CAAC;AAE1D,eAAO,MAAM,eAAe,QAAO,YAAwC,CAAC"}
+{"version":3,"file":"propsContext.d.ts","sourceRoot":"","sources":["../../../../src/lib/propsContext/propsContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAkC,CAAC;AAE5D,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAwB,CAAC;AAE1D,eAAO,MAAM,eAAe,QAAO,YAAwC,CAAC"}

package/dist/types/views/FileDropZoneView.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { FileDropZoneProps } from '../components/FileDropZone';
+declare const FileDropZoneView: FC<FileDropZoneProps>;
+export default FileDropZoneView;
+//# sourceMappingURL=FileDropZoneView.d.ts.map

package/dist/types/views/FileDropZoneView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropZoneView.d.ts","sourceRoot":"","sources":["../../../src/views/FileDropZoneView.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,2BAA2B,CAAC;AAGnC,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,iBAAiB,CAG3C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}