@mittwald/flow-react-components 0.2.0-alpha.74 → 0.2.0-alpha.740

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

@@ -0,0 +1,105 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ConfirmUnsavedChangesModal } from '../../../../components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs';
+import { useHotkeySubmit } from './useHotkeySubmit.mjs';
+import { FormContextProvider } from '../FormContextProvider/FormContextProvider.mjs';
+import { flags } from '../../flags.mjs';
+import 'mobx';
+import { useId, useMemo, useRef } from 'react';
+import { useModalController } from '../../../../lib/controller/overlay/useModalController.mjs';
+import '../../../../lib/controller/overlay/context.mjs';
+import { FormProvider } from 'react-hook-form';
+import { useFormRootErrorController } from '../FormRootError/useFormRootErrorController.mjs';
+import { FormRootError } from '../../lib/FormRootError.mjs';
+import { useFormSettings } from '../FormSettingsProvider/FormSettingsProvider.mjs';
+
+const DefaultFormComponent = (p) => /* @__PURE__ */ jsx("form", { ...p });
+function Form(props) {
+  const {
+    form,
+    children,
+    onSubmit: onSubmitProp,
+    formComponent = DefaultFormComponent,
+    isReadOnly,
+    ref,
+    id: idProp,
+    autoReset = true,
+    ...formProps
+  } = props;
+  const newFormId = useId();
+  const formId = idProp ?? newFormId;
+  const FormComponent = useMemo(() => formComponent, [formId]);
+  const afterSubmitCallback = useRef(void 0);
+  const { isSubmitting, isValidating, isDirty } = form.formState;
+  const rootErrorController = useFormRootErrorController();
+  const autoResetOptions = typeof autoReset === "boolean" ? { onAfterModalClose: autoReset } : autoReset;
+  const modalController = useModalController();
+  modalController.useUpdateOptions({
+    confirmOnClose: flags.requireCloseModalConfirmationOnUnsavedChanges && isDirty,
+    onClose: () => {
+      if (autoResetOptions?.onAfterModalClose) {
+        form.reset();
+      }
+    }
+  });
+  const { submitInterceptor } = useFormSettings();
+  const onSubmit = submitInterceptor ? (values) => submitInterceptor(onSubmitProp, values, { form }) : onSubmitProp;
+  const handleSubmitResult = (result) => {
+    if (typeof result === "function") {
+      afterSubmitCallback.current = result;
+    }
+    const rootError = form.getFieldState("root")?.error;
+    if (rootError && !rootErrorController.errorComponentMounted) {
+      throw new FormRootError(rootError);
+    }
+  };
+  const handleSubmit = (e) => {
+    const formEvent = e && "nativeEvent" in e ? e : void 0;
+    formEvent?.stopPropagation();
+    if (isSubmitting || isValidating) {
+      return;
+    }
+    modalController.confirmClose();
+    return form.handleSubmit((values, event) => {
+      const submitResult = onSubmit(values, event);
+      if (submitResult instanceof Promise) {
+        return submitResult.then(handleSubmitResult);
+      }
+      handleSubmitResult(submitResult);
+    })(formEvent);
+  };
+  const onAfterSuccessFeedback = () => {
+    afterSubmitCallback.current?.();
+  };
+  const refWithHotkeySubmit = useHotkeySubmit({
+    ref,
+    handleSubmit
+  });
+  return /* @__PURE__ */ jsxs(FormProvider, { ...form, children: [
+    /* @__PURE__ */ jsx(
+      FormContextProvider,
+      {
+        form,
+        isReadOnly,
+        id: formId,
+        onAfterSuccessFeedback,
+        rootErrorController,
+        children: /* @__PURE__ */ jsx(
+          FormComponent,
+          {
+            ...formProps,
+            ref: refWithHotkeySubmit,
+            id: formId,
+            onSubmit: handleSubmit,
+            children
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(ConfirmUnsavedChangesModal, {})
+  ] });
+}
+
+export { Form };
+//# sourceMappingURL=Form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import ConfirmUnsavedChangesModal from \"@/components/Modal/components/ConfirmUnsavedChangesModal\";\nimport { useHotkeySubmit } from \"@/integrations/react-hook-form/components/Form/useHotkeySubmit\";\nimport { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { flags } from \"@/integrations/react-hook-form/flags\";\nimport { useModalController } from \"@/lib/controller\";\nimport {\n  type BaseSyntheticEvent,\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type Ref,\n  type SubmitEventHandler,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type {\n  FieldValues,\n  Path,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { useFormRootErrorController } from \"../FormRootError/useFormRootErrorController\";\nimport { FormRootError } from \"../../lib/FormRootError\";\nimport { useFormSettings } from \"../FormSettingsProvider/FormSettingsProvider\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\nexport type AfterFormSubmitCallback = (...unknownArgs: unknown[]) => unknown;\n\nexport interface FormAutoResetOptions {\n  onAfterModalClose?: boolean;\n}\n\ntype FormComponentType = FC<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: SubmitEventHandler | FormOnSubmitHandler<never>;\n    ref?: Ref<HTMLFormElement>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends Omit<ComponentProps<\"form\">, \"onSubmit\">, PropsWithChildren {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FC<Omit<FormComponentType, \"ref\">>;\n  isReadOnly?: boolean;\n  autoReset?: FormAutoResetOptions | boolean;\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: onSubmitProp,\n    formComponent = DefaultFormComponent,\n    isReadOnly,\n    ref,\n    id: idProp,\n    autoReset = true,\n    ...formProps\n  } = props;\n\n  const newFormId = useId();\n  const formId = idProp ?? newFormId;\n  const FormComponent = useMemo(() => formComponent, [formId]);\n  const afterSubmitCallback = useRef<AfterFormSubmitCallback>(undefined);\n  const { isSubmitting, isValidating, isDirty } = form.formState;\n  const rootErrorController = useFormRootErrorController();\n\n  const autoResetOptions =\n    typeof autoReset === \"boolean\"\n      ? { onAfterModalClose: autoReset }\n      : autoReset;\n\n  const modalController = useModalController();\n  modalController.useUpdateOptions({\n    confirmOnClose:\n      flags.requireCloseModalConfirmationOnUnsavedChanges && isDirty,\n    onClose: () => {\n      if (autoResetOptions?.onAfterModalClose) {\n        form.reset();\n      }\n    },\n  });\n\n  const { submitInterceptor } = useFormSettings();\n  const onSubmit = submitInterceptor\n    ? (values: F) => submitInterceptor<F>(onSubmitProp, values, { form })\n    : onSubmitProp;\n\n  const handleSubmitResult = (result: unknown) => {\n    if (typeof result === \"function\") {\n      afterSubmitCallback.current = result as AfterFormSubmitCallback;\n    }\n    const rootError = form.getFieldState(\"root\" as Path<F>)?.error;\n    if (rootError && !rootErrorController.errorComponentMounted) {\n      throw new FormRootError(rootError);\n    }\n  };\n\n  const handleSubmit = (e?: BaseSyntheticEvent | F) => {\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as BaseSyntheticEvent) : undefined;\n\n    formEvent?.stopPropagation();\n\n    if (isSubmitting || isValidating) {\n      return;\n    }\n\n    modalController.confirmClose();\n\n    return form.handleSubmit((values, event) => {\n      const submitResult = onSubmit(values, event);\n      if (submitResult instanceof Promise) {\n        return submitResult.then(handleSubmitResult);\n      }\n      handleSubmitResult(submitResult);\n    })(formEvent);\n  };\n\n  const onAfterSuccessFeedback = () => {\n    afterSubmitCallback.current?.();\n  };\n\n  const refWithHotkeySubmit = useHotkeySubmit({\n    ref,\n    handleSubmit,\n  });\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider\n        form={form as UseFormReturn}\n        isReadOnly={isReadOnly}\n        id={formId}\n        onAfterSuccessFeedback={onAfterSuccessFeedback}\n        rootErrorController={rootErrorController}\n      >\n        <FormComponent\n          {...formProps}\n          ref={refWithHotkeySubmit}\n          id={formId}\n          onSubmit={handleSubmit}\n        >\n          {children}\n        </FormComponent>\n      </FormContextProvider>\n      <ConfirmUnsavedChangesModal />\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":";;;;;;;;;;;;;;AAoDA,MAAM,uBAA0C,CAAC,CAAA,qBAAM,GAAA,CAAC,MAAA,EAAA,EAAM,GAAG,CAAA,EAAG,CAAA;AAE7D,SAAS,KAA4B,KAAA,EAAqB;AAC/D,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA,EAAU,YAAA;AAAA,IACV,aAAA,GAAgB,oBAAA;AAAA,IAChB,UAAA;AAAA,IACA,GAAA;AAAA,IACA,EAAA,EAAI,MAAA;AAAA,IACJ,SAAA,GAAY,IAAA;AAAA,IACZ,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,YAAY,KAAA,EAAM;AACxB,EAAA,MAAM,SAAS,MAAA,IAAU,SAAA;AACzB,EAAA,MAAM,gBAAgB,OAAA,CAAQ,MAAM,aAAA,EAAe,CAAC,MAAM,CAAC,CAAA;AAC3D,EAAA,MAAM,mBAAA,GAAsB,OAAgC,MAAS,CAAA;AACrE,EAAA,MAAM,EAAE,YAAA,EAAc,YAAA,EAAc,OAAA,KAAY,IAAA,CAAK,SAAA;AACrD,EAAA,MAAM,sBAAsB,0BAAA,EAA2B;AAEvD,EAAA,MAAM,mBACJ,OAAO,SAAA,KAAc,YACjB,EAAE,iBAAA,EAAmB,WAAU,GAC/B,SAAA;AAEN,EAAA,MAAM,kBAAkB,kBAAA,EAAmB;AAC3C,EAAA,eAAA,CAAgB,gBAAA,CAAiB;AAAA,IAC/B,cAAA,EACE,MAAM,6CAAA,IAAiD,OAAA;AAAA,IACzD,SAAS,MAAM;AACb,MAAA,IAAI,kBAAkB,iBAAA,EAAmB;AACvC,QAAA,IAAA,CAAK,KAAA,EAAM;AAAA,MACb;AAAA,IACF;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,iBAAA,EAAkB,GAAI,eAAA,EAAgB;AAC9C,EAAA,MAAM,QAAA,GAAW,iBAAA,GACb,CAAC,MAAA,KAAc,iBAAA,CAAqB,cAAc,MAAA,EAAQ,EAAE,IAAA,EAAM,CAAA,GAClE,YAAA;AAEJ,EAAA,MAAM,kBAAA,GAAqB,CAAC,MAAA,KAAoB;AAC9C,IAAA,IAAI,OAAO,WAAW,UAAA,EAAY;AAChC,MAAA,mBAAA,CAAoB,OAAA,GAAU,MAAA;AAAA,IAChC;AACA,IAAA,MAAM,SAAA,GAAY,IAAA,CAAK,aAAA,CAAc,MAAiB,CAAA,EAAG,KAAA;AACzD,IAAA,IAAI,SAAA,IAAa,CAAC,mBAAA,CAAoB,qBAAA,EAAuB;AAC3D,MAAA,MAAM,IAAI,cAAc,SAAS,CAAA;AAAA,IACnC;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA+B;AACnD,IAAA,MAAM,SAAA,GACJ,CAAA,IAAK,aAAA,IAAiB,CAAA,GAAK,CAAA,GAA2B,MAAA;AAExD,IAAA,SAAA,EAAW,eAAA,EAAgB;AAE3B,IAAA,IAAI,gBAAgB,YAAA,EAAc;AAChC,MAAA;AAAA,IACF;AAEA,IAAA,eAAA,CAAgB,YAAA,EAAa;AAE7B,IAAA,OAAO,IAAA,CAAK,YAAA,CAAa,CAAC,MAAA,EAAQ,KAAA,KAAU;AAC1C,MAAA,MAAM,YAAA,GAAe,QAAA,CAAS,MAAA,EAAQ,KAAK,CAAA;AAC3C,MAAA,IAAI,wBAAwB,OAAA,EAAS;AACnC,QAAA,OAAO,YAAA,CAAa,KAAK,kBAAkB,CAAA;AAAA,MAC7C;AACA,MAAA,kBAAA,CAAmB,YAAY,CAAA;AAAA,IACjC,CAAC,EAAE,SAAS,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,MAAM,yBAAyB,MAAM;AACnC,IAAA,mBAAA,CAAoB,OAAA,IAAU;AAAA,EAChC,CAAA;AAEA,EAAA,MAAM,sBAAsB,eAAA,CAAgB;AAAA,IAC1C,GAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,uBACE,IAAA,CAACA,YAAA,EAAA,EAAwB,GAAG,IAAA,EAC1B,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,mBAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,UAAA;AAAA,QACA,EAAA,EAAI,MAAA;AAAA,QACJ,sBAAA;AAAA,QACA,mBAAA;AAAA,QAEA,QAAA,kBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACE,GAAG,SAAA;AAAA,YACJ,GAAA,EAAK,mBAAA;AAAA,YACL,EAAA,EAAI,MAAA;AAAA,YACJ,QAAA,EAAU,YAAA;AAAA,YAET;AAAA;AAAA;AACH;AAAA,KACF;AAAA,wBACC,0BAAA,EAAA,EAA2B;AAAA,GAAA,EAC9B,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { useObjectRef } from 'react-aria';
+import { useHotkeys } from 'react-hotkeys-hook';
+import { useMergeRefs } from 'use-callback-ref';
+
+const useHotkeySubmit = (options) => {
+  const { ref, handleSubmit } = options;
+  return useMergeRefs([
+    useObjectRef(ref),
+    useHotkeys("mod+enter", handleSubmit, {
+      enableOnFormTags: true,
+      enableOnContentEditable: true
+    })
+  ]);
+};
+
+export { useHotkeySubmit };
+//# sourceMappingURL=useHotkeySubmit.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHotkeySubmit.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Form/useHotkeySubmit.ts"],"sourcesContent":["import type { Ref } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { useHotkeys } from \"react-hotkeys-hook\";\nimport { useMergeRefs } from \"use-callback-ref\";\n\ninterface Options {\n  ref: Ref<HTMLFormElement> | undefined;\n  handleSubmit: () => void;\n}\n\nexport const useHotkeySubmit = (options: Options) => {\n  const { ref, handleSubmit } = options;\n\n  return useMergeRefs([\n    useObjectRef(ref),\n    useHotkeys<never>(\"mod+enter\", handleSubmit, {\n      enableOnFormTags: true,\n      enableOnContentEditable: true,\n    }),\n  ]);\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,eAAA,GAAkB,CAAC,OAAA,KAAqB;AACnD,EAAA,MAAM,EAAE,GAAA,EAAK,YAAA,EAAa,GAAI,OAAA;AAE9B,EAAA,OAAO,YAAA,CAAa;AAAA,IAClB,aAAa,GAAG,CAAA;AAAA,IAChB,UAAA,CAAkB,aAAa,YAAA,EAAc;AAAA,MAC3C,gBAAA,EAAkB,IAAA;AAAA,MAClB,uBAAA,EAAyB;AAAA,KAC1B;AAAA,GACF,CAAA;AACH;;;;"}

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

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { FormResetAction } from './FormResetAction.mjs';
+import { FormSubmitAction } from './FormSubmitAction.mjs';
+
+const FormAction = (props) => {
+  const { children, reset, submit, ...actionProps } = props;
+  if (submit) {
+    return /* @__PURE__ */ jsx(FormSubmitAction, { ...actionProps, children });
+  }
+  if (reset) {
+    return /* @__PURE__ */ jsx(FormResetAction, { ...actionProps, children });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+export { FormAction, FormAction as default };
+//# sourceMappingURL=FormAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormAction.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action/types\";\nimport { FormResetAction } from \"@/integrations/react-hook-form/components/FormAction/FormResetAction\";\nimport FormSubmitAction from \"@/integrations/react-hook-form/components/FormAction/FormSubmitAction\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport interface FormActionProps\n  extends PropsWithChildren, SupportedActionProps {\n  reset?: boolean;\n  submit?: boolean;\n}\n\nexport const FormAction: FC<FormActionProps> = (props) => {\n  const { children, reset, submit, ...actionProps } = props;\n\n  if (submit) {\n    return <FormSubmitAction {...actionProps}>{children}</FormSubmitAction>;\n  }\n\n  if (reset) {\n    return <FormResetAction {...actionProps}>{children}</FormResetAction>;\n  }\n\n  return <>{children}</>;\n};\n\nexport default FormAction;\n"],"names":[],"mappings":";;;;AAaO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,GAAG,aAAY,GAAI,KAAA;AAEpD,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,WAAA,EAAc,QAAA,EAAS,CAAA;AAAA,EACtD;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,WAAA,EAAc,QAAA,EAAS,CAAA;AAAA,EACrD;AAEA,EAAA,uCAAU,QAAA,EAAS,CAAA;AACrB;;;;"}

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

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Action } from '../../../../components/Action/Action.mjs';
+import 'react-aria';
+import 'react';
+import '@react-aria/live-announcer';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const FormResetAction = (props) => {
+  const { children, ...actionProps } = props;
+  const { form, isReadOnly, id } = useFormContext();
+  const propsContext = {
+    Button: {
+      isReadOnly,
+      form: id,
+      color: "secondary",
+      variant: "soft",
+      type: "button"
+    }
+  };
+  return /* @__PURE__ */ jsx(Action, { onAction: () => form.reset(), ...actionProps, children: /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      props: propsContext,
+      dependencies: [isReadOnly, id],
+      children
+    }
+  ) });
+};
+
+export { FormResetAction };
+//# sourceMappingURL=FormResetAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormResetAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormResetAction.tsx"],"sourcesContent":["import Action, { type ActionProps } from \"@/components/Action\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport { PropsContextProvider, type PropsContext } from \"@/lib/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport const FormResetAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n\n  const { form, isReadOnly, id } = useFormContext();\n\n  const propsContext: PropsContext = {\n    Button: {\n      isReadOnly,\n      form: id,\n      color: \"secondary\",\n      variant: \"soft\",\n      type: \"button\",\n    },\n  };\n\n  return (\n    <Action onAction={() => form.reset()} {...actionProps}>\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isReadOnly, id]}\n      >\n        {children}\n      </PropsContextProvider>\n    </Action>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAOO,MAAM,eAAA,GAA+D,CAC1E,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AAErC,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,EAAA,KAAO,cAAA,EAAe;AAEhD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,UAAA;AAAA,MACA,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO,WAAA;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,UAAO,QAAA,EAAU,MAAM,KAAK,KAAA,EAAM,EAAI,GAAG,WAAA,EACxC,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,UAAA,EAAY,EAAE,CAAA;AAAA,MAE5B;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,45 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Action } from '../../../../components/Action/Action.mjs';
+import { ActionBatch } from '../../../../components/Action/ActionBatch.mjs';
+import 'react-aria';
+import 'react';
+import '@react-aria/live-announcer';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import { useFormSubmitAction } from '../FormContextProvider/useFormSubmitAction.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const InnerFormSubmitAction = (props) => {
+  const { children, ...actionProps } = props;
+  const { form } = useFormContext();
+  const formSubmitAction = useFormSubmitAction(form.formState, actionProps);
+  return /* @__PURE__ */ jsx(Action, { actionModel: formSubmitAction, ...actionProps, children });
+};
+const FormSubmitAction = (props) => {
+  const { children, ...actionProps } = props;
+  const { onAfterSuccessFeedback, isReadOnly, id } = useFormContext();
+  const propsContext = {
+    Button: {
+      isReadOnly,
+      type: "submit",
+      form: id
+    }
+  };
+  const innerSubmitAction = /* @__PURE__ */ jsx(InnerFormSubmitAction, { ...actionProps, children: /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      props: propsContext,
+      dependencies: [isReadOnly, id],
+      children
+    }
+  ) });
+  if (onAfterSuccessFeedback) {
+    return /* @__PURE__ */ jsx(Action, { onAction: onAfterSuccessFeedback, children: /* @__PURE__ */ jsx(ActionBatch, { children: innerSubmitAction }) });
+  }
+  return innerSubmitAction;
+};
+
+export { FormSubmitAction, FormSubmitAction as default };
+//# sourceMappingURL=FormSubmitAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormSubmitAction.tsx"],"sourcesContent":["import Action, { ActionBatch, type ActionProps } from \"@/components/Action\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport { useFormSubmitAction } from \"@/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction\";\nimport { PropsContextProvider, type PropsContext } from \"@/lib/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nconst InnerFormSubmitAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n  const { form } = useFormContext();\n  const formSubmitAction = useFormSubmitAction(form.formState, actionProps);\n  return (\n    <Action actionModel={formSubmitAction} {...actionProps}>\n      {children}\n    </Action>\n  );\n};\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport const FormSubmitAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n\n  const { onAfterSuccessFeedback, isReadOnly, id } = useFormContext();\n\n  const propsContext: PropsContext = {\n    Button: {\n      isReadOnly,\n      type: \"submit\",\n      form: id,\n    },\n  };\n\n  const innerSubmitAction = (\n    <InnerFormSubmitAction {...actionProps}>\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isReadOnly, id]}\n      >\n        {children}\n      </PropsContextProvider>\n    </InnerFormSubmitAction>\n  );\n\n  if (onAfterSuccessFeedback) {\n    return (\n      <Action onAction={onAfterSuccessFeedback}>\n        <ActionBatch>{innerSubmitAction}</ActionBatch>\n      </Action>\n    );\n  }\n\n  return innerSubmitAction;\n};\n\nexport default FormSubmitAction;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,qBAAA,GAAqE,CACzE,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AACrC,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,cAAA,EAAe;AAChC,EAAA,MAAM,gBAAA,GAAmB,mBAAA,CAAoB,IAAA,CAAK,SAAA,EAAW,WAAW,CAAA;AACxE,EAAA,2BACG,MAAA,EAAA,EAAO,WAAA,EAAa,gBAAA,EAAmB,GAAG,aACxC,QAAA,EACH,CAAA;AAEJ,CAAA;AAIO,MAAM,gBAAA,GAAgE,CAC3E,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AAErC,EAAA,MAAM,EAAE,sBAAA,EAAwB,UAAA,EAAY,EAAA,KAAO,cAAA,EAAe;AAElE,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,UAAA;AAAA,MACA,IAAA,EAAM,QAAA;AAAA,MACN,IAAA,EAAM;AAAA;AACR,GACF;AAEA,EAAA,MAAM,iBAAA,mBACJ,GAAA,CAAC,qBAAA,EAAA,EAAuB,GAAG,WAAA,EACzB,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,UAAA,EAAY,EAAE,CAAA;AAAA,MAE5B;AAAA;AAAA,GACH,EACF,CAAA;AAGF,EAAA,IAAI,sBAAA,EAAwB;AAC1B,IAAA,2BACG,MAAA,EAAA,EAAO,QAAA,EAAU,wBAChB,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,6BAAkB,CAAA,EAClC,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,iBAAA;AACT;;;;"}

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

@@ -0,0 +1,52 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState } from 'react';
+import invariant from 'invariant';
+import { useUpdateReadOnly } from './useUpdateReadOnly.mjs';
+
+const FormContext = createContext(
+  void 0
+);
+const FormContextProvider = (props) => {
+  const {
+    form,
+    id,
+    isReadOnly: isReadOnlyProp = false,
+    onAfterSuccessFeedback,
+    children,
+    rootErrorController
+  } = props;
+  const [isReadOnlyState, setReadOnly] = useState(isReadOnlyProp);
+  const isReadOnly = isReadOnlyProp || isReadOnlyState;
+  useUpdateReadOnly({
+    formState: form.formState,
+    setReadOnly
+  });
+  return /* @__PURE__ */ jsx(
+    FormContext,
+    {
+      value: {
+        isReadOnly,
+        setReadOnly,
+        id,
+        form,
+        onAfterSuccessFeedback,
+        rootErrorController
+      },
+      children
+    }
+  );
+};
+const useFormContext = () => {
+  const ctx = useOptionalFormContext();
+  invariant(
+    !!ctx,
+    "Could not useFormContext() outside a Form, or multiple versions of Flow installed."
+  );
+  return ctx;
+};
+const useOptionalFormContext = () => useContext(FormContext);
+
+export { FormContext, FormContextProvider, useFormContext, useOptionalFormContext };
+//# sourceMappingURL=FormContextProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormContextProvider.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.tsx"],"sourcesContent":["import type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n} from \"react\";\nimport invariant from \"invariant\";\nimport type { AfterFormSubmitCallback } from \"@/integrations/react-hook-form/components/Form/Form\";\nimport { useUpdateReadOnly } from \"@/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly\";\nimport { type FormRootErrorController } from \"../FormRootError/useFormRootErrorController\";\n\ninterface FormContext<F extends FieldValues> {\n  form: UseFormReturn<F>;\n  id: string;\n  isReadOnly: boolean;\n  setReadOnly: Dispatch<SetStateAction<boolean>>;\n  onAfterSuccessFeedback?: AfterFormSubmitCallback;\n  rootErrorController: FormRootErrorController;\n}\n\nexport const FormContext = createContext<FormContext<FieldValues> | undefined>(\n  undefined,\n);\n\nexport interface FormContextProviderProps extends PropsWithChildren {\n  form: UseFormReturn;\n  id: string;\n  isReadOnly?: boolean;\n  onAfterSuccessFeedback?: AfterFormSubmitCallback;\n  rootErrorController: FormRootErrorController;\n}\n\nexport const FormContextProvider = (props: FormContextProviderProps) => {\n  const {\n    form,\n    id,\n    isReadOnly: isReadOnlyProp = false,\n    onAfterSuccessFeedback,\n    children,\n    rootErrorController,\n  } = props;\n  const [isReadOnlyState, setReadOnly] = useState(isReadOnlyProp);\n  const isReadOnly = isReadOnlyProp || isReadOnlyState;\n\n  useUpdateReadOnly({\n    formState: form.formState,\n    setReadOnly,\n  });\n\n  return (\n    <FormContext\n      value={{\n        isReadOnly,\n        setReadOnly,\n        id,\n        form,\n        onAfterSuccessFeedback,\n        rootErrorController,\n      }}\n    >\n      {children}\n    </FormContext>\n  );\n};\n\nexport const useFormContext = <F extends FieldValues>() => {\n  const ctx = useOptionalFormContext<F>();\n  invariant(\n    !!ctx,\n    \"Could not useFormContext() outside a Form, or multiple versions of Flow installed.\",\n  );\n  return ctx;\n};\n\nexport const useOptionalFormContext = <F extends FieldValues>() =>\n  useContext(FormContext) as FormContext<F> | undefined;\n\nexport default FormContextProvider;\n"],"names":[],"mappings":";;;;;AAuBO,MAAM,WAAA,GAAc,aAAA;AAAA,EACzB;AACF;AAUO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAoC;AACtE,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,EAAA;AAAA,IACA,YAAY,cAAA,GAAiB,KAAA;AAAA,IAC7B,sBAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,CAAC,eAAA,EAAiB,WAAW,CAAA,GAAI,SAAS,cAAc,CAAA;AAC9D,EAAA,MAAM,aAAa,cAAA,IAAkB,eAAA;AAErC,EAAA,iBAAA,CAAkB;AAAA,IAChB,WAAW,IAAA,CAAK,SAAA;AAAA,IAChB;AAAA,GACD,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,UAAA;AAAA,QACA,WAAA;AAAA,QACA,EAAA;AAAA,QACA,IAAA;AAAA,QACA,sBAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,iBAAiB,MAA6B;AACzD,EAAA,MAAM,MAAM,sBAAA,EAA0B;AACtC,EAAA,SAAA;AAAA,IACE,CAAC,CAAC,GAAA;AAAA,IACF;AAAA,GACF;AACA,EAAA,OAAO,GAAA;AACT;AAEO,MAAM,sBAAA,GAAyB,MACpC,UAAA,CAAW,WAAW;;;;"}

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

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import '../../../../components/Action/Action.mjs';
+import { AbortActionError } from '../../../../components/Action/AbortActionError.mjs';
+import 'react/jsx-runtime';
+import 'react-aria';
+import { useRef, useEffect } from 'react';
+import '@react-aria/live-announcer';
+import { ActionModel } from '../../../../components/Action/models/ActionModel.mjs';
+
+const useFormSubmitAction = (formState, actionProps) => {
+  const { isSubmitting, isSubmitSuccessful } = formState;
+  const submitPromise = useRef(void 0);
+  const formSubmitAction = ActionModel.useNew({
+    ...actionProps,
+    onAction: () => {
+      submitPromise.current = Promise.withResolvers();
+      actionProps?.onAction?.();
+      return submitPromise.current.promise;
+    }
+  });
+  useEffect(() => {
+    if (isSubmitting) {
+      if (!formSubmitAction.state.isBusy) {
+        formSubmitAction.execute();
+      }
+      return;
+    }
+    if (isSubmitSuccessful) {
+      submitPromise.current?.resolve();
+      return;
+    }
+    submitPromise.current?.reject(
+      new AbortActionError("Form submission failed")
+    );
+  }, [isSubmitting, isSubmitSuccessful, submitPromise]);
+  return formSubmitAction;
+};
+
+export { useFormSubmitAction };
+//# sourceMappingURL=useFormSubmitAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSubmitAction.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"sourcesContent":["import { AbortActionError, type ActionProps } from \"@/components/Action\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\nexport const useFormSubmitAction = (\n  formState: FormState<FieldValues>,\n  actionProps?: ActionProps,\n) => {\n  const { isSubmitting, isSubmitSuccessful } = formState;\n\n  const submitPromise = useRef<PromiseWithResolvers<void>>(undefined);\n\n  const formSubmitAction = ActionModel.useNew({\n    ...actionProps,\n    onAction: () => {\n      submitPromise.current = Promise.withResolvers<void>();\n      actionProps?.onAction?.();\n      return submitPromise.current.promise;\n    },\n  });\n\n  useEffect(() => {\n    if (isSubmitting) {\n      if (!formSubmitAction.state.isBusy) {\n        /**\n         * Manually start execution. This happens if the form submission was\n         * triggered by other means than the submit button, e.g. by pressing\n         * Enter in a text field.\n         */\n        formSubmitAction.execute();\n      }\n      return;\n    }\n\n    if (isSubmitSuccessful) {\n      submitPromise.current?.resolve();\n      return;\n    }\n\n    submitPromise.current?.reject(\n      new AbortActionError(\"Form submission failed\"),\n    );\n  }, [isSubmitting, isSubmitSuccessful, submitPromise]);\n\n  return formSubmitAction;\n};\n"],"names":[],"mappings":";;;;;;;;AAKO,MAAM,mBAAA,GAAsB,CACjC,SAAA,EACA,WAAA,KACG;AACH,EAAA,MAAM,EAAE,YAAA,EAAc,kBAAA,EAAmB,GAAI,SAAA;AAE7C,EAAA,MAAM,aAAA,GAAgB,OAAmC,MAAS,CAAA;AAElE,EAAA,MAAM,gBAAA,GAAmB,YAAY,MAAA,CAAO;AAAA,IAC1C,GAAG,WAAA;AAAA,IACH,UAAU,MAAM;AACd,MAAA,aAAA,CAAc,OAAA,GAAU,QAAQ,aAAA,EAAoB;AACpD,MAAA,WAAA,EAAa,QAAA,IAAW;AACxB,MAAA,OAAO,cAAc,OAAA,CAAQ,OAAA;AAAA,IAC/B;AAAA,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,IAAI,CAAC,gBAAA,CAAiB,KAAA,CAAM,MAAA,EAAQ;AAMlC,QAAA,gBAAA,CAAiB,OAAA,EAAQ;AAAA,MAC3B;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,aAAA,CAAc,SAAS,OAAA,EAAQ;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,aAAA,CAAc,OAAA,EAAS,MAAA;AAAA,MACrB,IAAI,iBAAiB,wBAAwB;AAAA,KAC/C;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,kBAAA,EAAoB,aAAa,CAAC,CAAA;AAEpD,EAAA,OAAO,gBAAA;AACT;;;;"}

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

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { useEffect } from 'react';
+
+const useUpdateReadOnly = (options) => {
+  const { formState, setReadOnly } = options;
+  const { isSubmitting } = formState;
+  useEffect(() => {
+    setReadOnly(isSubmitting);
+  }, [isSubmitting, setReadOnly]);
+};
+
+export { useUpdateReadOnly };
+//# sourceMappingURL=useUpdateReadOnly.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateReadOnly.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\ninterface Options {\n  formState: FormState<FieldValues>;\n  setReadOnly: (isReadOnly: boolean) => void;\n}\n\nexport const useUpdateReadOnly = (options: Options) => {\n  const { formState, setReadOnly } = options;\n\n  const { isSubmitting } = formState;\n\n  useEffect(() => {\n    setReadOnly(isSubmitting);\n  }, [isSubmitting, setReadOnly]);\n};\n"],"names":[],"mappings":";;AAQO,MAAM,iBAAA,GAAoB,CAAC,OAAA,KAAqB;AACrD,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAY,GAAI,OAAA;AAEnC,EAAA,MAAM,EAAE,cAAa,GAAI,SAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,YAAY,CAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAChC;;;;"}

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

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import FieldErrorView from '../../../../views/FieldErrorView.mjs';
+import { useMountedFormRootErrorComponent } from './useMountedFormRootErrorComponent.mjs';
+
+const FormRootError = () => {
+  const form = useFormContext().form;
+  useMountedFormRootErrorComponent();
+  const error = form.formState.errors.root;
+  return /* @__PURE__ */ jsx(FieldErrorView, { children: error?.message });
+};
+
+export { FormRootError };
+//# sourceMappingURL=FormRootError.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRootError.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useFormContext } from \"../FormContextProvider\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useMountedFormRootErrorComponent } from \"./useMountedFormRootErrorComponent\";\n\nexport const FormRootError: FC = () => {\n  const form = useFormContext().form;\n  useMountedFormRootErrorComponent();\n  const error = form.formState.errors.root;\n  return <FieldErrorView>{error?.message}</FieldErrorView>;\n};\n\nexport default FormRootError;\n"],"names":[],"mappings":";;;;;AAKO,MAAM,gBAAoB,MAAM;AACrC,EAAA,MAAM,IAAA,GAAO,gBAAe,CAAE,IAAA;AAC9B,EAAA,gCAAA,EAAiC;AACjC,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,IAAA;AACpC,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,KAAA,EAAO,OAAA,EAAQ,CAAA;AACzC;;;;"}

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import { useState, useMemo } from 'react';
+
+const useFormRootErrorController = () => {
+  const [errorComponentMounted, updateErrorComponentMounted] = useState(false);
+  return useMemo(
+    () => ({
+      errorComponentMounted,
+      updateErrorComponentMounted
+    }),
+    [errorComponentMounted, updateErrorComponentMounted]
+  );
+};
+
+export { useFormRootErrorController };
+//# sourceMappingURL=useFormRootErrorController.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormRootErrorController.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormRootError/useFormRootErrorController.ts"],"sourcesContent":["import { useMemo, useState, type Dispatch, type SetStateAction } from \"react\";\n\nexport interface FormRootErrorController {\n  errorComponentMounted: boolean;\n  updateErrorComponentMounted: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const useFormRootErrorController = (): FormRootErrorController => {\n  const [errorComponentMounted, updateErrorComponentMounted] = useState(false);\n\n  return useMemo(\n    () => ({\n      errorComponentMounted,\n      updateErrorComponentMounted,\n    }),\n    [errorComponentMounted, updateErrorComponentMounted],\n  );\n};\n"],"names":[],"mappings":";;AAOO,MAAM,6BAA6B,MAA+B;AACvE,EAAA,MAAM,CAAC,qBAAA,EAAuB,2BAA2B,CAAA,GAAI,SAAS,KAAK,CAAA;AAE3E,EAAA,OAAO,OAAA;AAAA,IACL,OAAO;AAAA,MACL,qBAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,uBAAuB,2BAA2B;AAAA,GACrD;AACF;;;;"}

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import { useEffect } from 'react';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+
+const useMountedFormRootErrorComponent = () => {
+  const controller = useFormContext().rootErrorController;
+  useEffect(() => {
+    controller.updateErrorComponentMounted(true);
+    return () => {
+      controller.updateErrorComponentMounted(false);
+    };
+  }, [controller]);
+};
+
+export { useMountedFormRootErrorComponent };
+//# sourceMappingURL=useMountedFormRootErrorComponent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMountedFormRootErrorComponent.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormRootError/useMountedFormRootErrorComponent.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useFormContext } from \"../FormContextProvider\";\n\nexport const useMountedFormRootErrorComponent = () => {\n  const controller = useFormContext().rootErrorController;\n\n  useEffect(() => {\n    controller.updateErrorComponentMounted(true);\n    return () => {\n      controller.updateErrorComponentMounted(false);\n    };\n  }, [controller]);\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,mCAAmC,MAAM;AACpD,EAAA,MAAM,UAAA,GAAa,gBAAe,CAAE,mBAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,4BAA4B,IAAI,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,4BAA4B,KAAK,CAAA;AAAA,IAC9C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjB;;;;"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext } from 'react';
+
+const context = createContext({});
+function FormSettingsProvider(props) {
+  return /* @__PURE__ */ jsx(context.Provider, { value: props, children: props.children });
+}
+const useFormSettings = () => useContext(context);
+
+export { FormSettingsProvider, useFormSettings };
+//# sourceMappingURL=FormSettingsProvider.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSettingsProvider.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/FormSettingsProvider/FormSettingsProvider.tsx"],"sourcesContent":["import { createContext, useContext, type PropsWithChildren } from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport type { FormOnSubmitHandler } from \"../Form/Form\";\n\nexport interface SubmitInterceptorContext<F extends FieldValues = FieldValues> {\n  form: UseFormReturn<F>;\n}\n\nexport type SubmitInterceptor = <F extends FieldValues = FieldValues>(\n  submit: FormOnSubmitHandler<F>,\n  values: F,\n  context: SubmitInterceptorContext<F>,\n) => ReturnType<FormOnSubmitHandler<F>>;\n\ninterface Context {\n  submitInterceptor?: SubmitInterceptor;\n}\n\nconst context = createContext<Context>({});\n\nexport type FormSettingsProviderProps = Context & PropsWithChildren;\n\nexport function FormSettingsProvider(props: FormSettingsProviderProps) {\n  return (\n    <context.Provider value={props as Context}>\n      {props.children}\n    </context.Provider>\n  );\n}\n\nexport const useFormSettings = () => useContext(context);\n"],"names":[],"mappings":";;;AAkBA,MAAM,OAAA,GAAU,aAAA,CAAuB,EAAE,CAAA;AAIlC,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,2BACG,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,KAAA,EACtB,gBAAM,QAAA,EACT,CAAA;AAEJ;AAEO,MAAM,eAAA,GAAkB,MAAM,UAAA,CAAW,OAAO;;;;"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import '../../../../components/Button/Button.mjs';
+import { FormAction } from '../FormAction/FormAction.mjs';
+import ButtonView from '../../../../views/ButtonView.mjs';
+
+const ResetButton = (props) => {
+  return /* @__PURE__ */ jsx(FormAction, { reset: true, children: /* @__PURE__ */ jsx(ButtonView, { ...props }) });
+};
+
+export { ResetButton };
+//# sourceMappingURL=ResetButton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResetButton.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/ResetButton/ResetButton.tsx"],"sourcesContent":["import { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\nexport const ResetButton: FC<ButtonProps> = (props) => {\n  return (\n    <FormAction reset>\n      <ButtonView {...props} />\n    </FormAction>\n  );\n};\n\nexport default ResetButton;\n"],"names":[],"mappings":";;;;;AAKO,MAAM,WAAA,GAA+B,CAAC,KAAA,KAAU;AACrD,EAAA,uBACE,GAAA,CAAC,cAAW,KAAA,EAAK,IAAA,EACf,8BAAC,UAAA,EAAA,EAAY,GAAG,OAAO,CAAA,EACzB,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,14 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import '../../../../components/Button/Button.mjs';
+import { FormAction } from '../FormAction/FormAction.mjs';
+import ButtonView from '../../../../views/ButtonView.mjs';
+
+const SubmitButton = (props) => {
+  const { showFeedback, ...buttonProps } = props;
+  return /* @__PURE__ */ jsx(FormAction, { submit: true, showFeedback, children: /* @__PURE__ */ jsx(ButtonView, { ...buttonProps }) });
+};
+
+export { SubmitButton };
+//# sourceMappingURL=SubmitButton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action\";\nimport { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport type SubmitButtonProps = ButtonProps & SupportedActionProps;\n\nexport const SubmitButton: FC<SubmitButtonProps> = (props) => {\n  const { showFeedback, ...buttonProps } = props;\n  return (\n    <FormAction submit showFeedback={showFeedback}>\n      <ButtonView {...buttonProps} />\n    </FormAction>\n  );\n};\n\nexport default SubmitButton;\n"],"names":[],"mappings":";;;;;AAUO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,YAAA,EAAc,GAAG,WAAA,EAAY,GAAI,KAAA;AACzC,EAAA,uBACE,GAAA,CAAC,cAAW,MAAA,EAAM,IAAA,EAAC,cACjB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAY,GAAG,WAAA,EAAa,CAAA,EAC/B,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const flags = {
+  requireCloseModalConfirmationOnUnsavedChanges: false
+};
+({ ...flags });
+
+export { flags };
+//# sourceMappingURL=flags.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flags.mjs","sources":["../../../../../../src/integrations/react-hook-form/flags.ts"],"sourcesContent":["export const flags = {\n  requireCloseModalConfirmationOnUnsavedChanges: false,\n};\n\nconst defaultFlags = { ...flags };\n\nexport const resetFlags = () => {\n  Object.assign(flags, defaultFlags);\n};\n"],"names":[],"mappings":"AAAO,MAAM,KAAA,GAAQ;AAAA,EACnB,6CAAA,EAA+C;AACjD;CAEqB,EAAE,GAAG,KAAA;;;;"}

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

@@ -0,0 +1,13 @@
+"use client"
+/* */
+class FormRootError extends Error {
+  type;
+  constructor(fieldError) {
+    super(fieldError.message);
+    this.name = "FormRootError";
+    this.type = fieldError.type;
+  }
+}
+
+export { FormRootError };
+//# sourceMappingURL=FormRootError.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRootError.mjs","sources":["../../../../../../../src/integrations/react-hook-form/lib/FormRootError.ts"],"sourcesContent":["import type { FieldError } from \"react-hook-form\";\n\nexport class FormRootError extends Error {\n  public readonly type: string;\n\n  public constructor(fieldError: FieldError) {\n    super(fieldError.message);\n    this.name = \"FormRootError\";\n    this.type = fieldError.type;\n  }\n}\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsB,KAAA,CAAM;AAAA,EACvB,IAAA;AAAA,EAET,YAAY,UAAA,EAAwB;AACzC,IAAA,KAAA,CAAM,WAAW,OAAO,CAAA;AACxB,IAAA,IAAA,CAAK,IAAA,GAAO,eAAA;AACZ,IAAA,IAAA,CAAK,OAAO,UAAA,CAAW,IAAA;AAAA,EACzB;AACF;;;;"}

package/dist/js/components/src/lib/array/toArray.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toArray.mjs","sources":["../../../../../../src/lib/array/toArray.ts"],"sourcesContent":["export const toArray = <T>(val: T | T[]): T[] =>\n  Array.isArray(val) ? val : [val];\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU,CAAI,GAAA,KACzB,KAAA,CAAM,QAAQ,GAAG,CAAA,GAAI,GAAA,GAAM,CAAC,GAAG;;;;"}

package/dist/js/components/src/lib/componentFactory/flowComponent.mjs

@@ -0,0 +1,49 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { memo, cloneElement } from 'react';
+import { TunnelEntry } from '@mittwald/react-tunnel';
+import { SlotContextProvider } from '../slotContext/SlotContextProvider.mjs';
+import { useProps } from '../hooks/useProps.mjs';
+import { useComponentPropsContext } from '../propsContext/propsContext.mjs';
+import { ComponentPropsContextProvider } from '../propsContext/components/ComponentPropsContextProvider.mjs';
+import { ClearPropsContext } from '../propsContext/components/ClearPropsContext.mjs';
+import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
+
+function flowComponent(componentName, ImplementationComponentType, options = {}) {
+  const { type = "ui", isRemoteComponent = false } = options;
+  const MemoizedImplementationComponentType = memo(ImplementationComponentType);
+  function Component(props) {
+    const { tunnelId, wrapWith, ...propsWithContext } = useProps(
+      componentName,
+      props
+    );
+    const implementationTypeProps = propsWithContext;
+    const componentProps = useComponentPropsContext(componentName);
+    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;
+    let element = /* @__PURE__ */ jsx(MemoizedImplementationComponentType, { ...implementationTypeProps });
+    element = /* @__PURE__ */ jsx(ComponentPropsContextProvider, { componentProps, children: element });
+    if (type === "ui") {
+      if (isRemoteComponent) {
+        element = /* @__PURE__ */ jsx(ClearPropsContext, { children: element });
+      } else {
+        element = /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(ClearPropsContextView, { children: element }) });
+      }
+    }
+    if ("slot" in props && !!props.slot && typeof props.slot === "string") {
+      element = /* @__PURE__ */ jsx(SlotContextProvider, { slot: props.slot, component: componentName, children: element });
+    }
+    if (wrapWith) {
+      element = cloneElement(wrapWith, void 0, element);
+    }
+    if (tunnelId) {
+      element = /* @__PURE__ */ jsx(TunnelEntry, { id: tunnelId, children: element });
+    }
+    return element;
+  }
+  Component.displayName = `FlowComponent(${componentName})`;
+  return memo(Component);
+}
+
+export { flowComponent };
+//# sourceMappingURL=flowComponent.mjs.map