@mittwald/flow-react-components 0.2.0-alpha.155 → 0.2.0-alpha.157

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

@@ -32,7 +32,7 @@ const Overlay = (props) => {
       ref,
       isDismissable,
       className: rootClassName,
-      children: /* @__PURE__ */ jsx(OverlayContextProvider, { type: "Modal", controller, children })
+      children: /* @__PURE__ */ jsx(OverlayContextProvider, { type: "Modal", controller, children: isOpen && children })
     }
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Overlay.mjs","sources":["../../../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport React from \"react\";\nimport styles from \"./Overlay.module.scss\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport OverlayContentView from \"@/views/OverlayContentView\";\n\nexport interface OverlayProps extends PropsWithChildren, PropsWithClassName {\n  ref?: Ref<HTMLDivElement>;\n  /** The controller to control the overlay state. */\n  controller?: OverlayController;\n  /** Whether the overlay can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the overlay is a modal or a light box. */\n  overlayType?: \"Modal\" | \"LightBox\";\n}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    ref,\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <OverlayContentView\n      onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n      isOpen={isOpen}\n      ref={ref}\n      isDismissable={isDismissable}\n      className={rootClassName}\n    >\n      <OverlayContextProvider type=\"Modal\" controller={controller}>\n        {children}\n      </OverlayContextProvider>\n    </OverlayContentView>\n  );\n};\n\nexport default Overlay;\n"],"names":["isOpen"],"mappings":";;;;;;;;;AAoBa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAgB,GAAA,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAc,GAAA,OAAA;AAAA,IACd;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,WAAa,EAAA;AAAA,IAC9D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MAEX,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,IAAK,EAAA,OAAA,EAAQ,YAClC,QACH,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"Overlay.mjs","sources":["../../../../../../src/components/Overlay/Overlay.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, Ref } from \"react\";\nimport React from \"react\";\nimport styles from \"./Overlay.module.scss\";\nimport clsx from \"clsx\";\nimport type { OverlayController } from \"@/lib/controller\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport OverlayContextProvider from \"@/lib/controller/overlay/OverlayContextProvider\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport OverlayContentView from \"@/views/OverlayContentView\";\n\nexport interface OverlayProps extends PropsWithChildren, PropsWithClassName {\n  ref?: Ref<HTMLDivElement>;\n  /** The controller to control the overlay state. */\n  controller?: OverlayController;\n  /** Whether the overlay can be closed by clicking outside of it. */\n  isDismissable?: boolean;\n  /** Whether the overlay is a modal or a light box. */\n  overlayType?: \"Modal\" | \"LightBox\";\n}\n\nexport const Overlay: FC<OverlayProps> = (props) => {\n  const {\n    controller: controllerFromProps,\n    children,\n    isDismissable = true,\n    className,\n    overlayType = \"Modal\",\n    ref,\n  } = props;\n\n  const controllerFromContext = useOverlayController(overlayType, {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const isOpen = controller.useIsOpen();\n\n  const rootClassName = clsx(styles.overlay, className);\n\n  return (\n    <OverlayContentView\n      onOpenChange={(isOpen) => controller.setOpen(isOpen)}\n      isOpen={isOpen}\n      ref={ref}\n      isDismissable={isDismissable}\n      className={rootClassName}\n    >\n      <OverlayContextProvider type=\"Modal\" controller={controller}>\n        {isOpen && children}\n      </OverlayContextProvider>\n    </OverlayContentView>\n  );\n};\n\nexport default Overlay;\n"],"names":["isOpen"],"mappings":";;;;;;;;;AAoBa,MAAA,OAAA,GAA4B,CAAC,KAAU,KAAA;AAClD,EAAM,MAAA;AAAA,IACJ,UAAY,EAAA,mBAAA;AAAA,IACZ,QAAA;AAAA,IACA,aAAgB,GAAA,IAAA;AAAA,IAChB,SAAA;AAAA,IACA,WAAc,GAAA,OAAA;AAAA,IACd;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,qBAAA,GAAwB,qBAAqB,WAAa,EAAA;AAAA,IAC9D,0BAA4B,EAAA;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAuB,IAAA,qBAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,WAAW,SAAU,EAAA;AAEpC,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA;AAEpD,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,CAACA,OAAW,KAAA,UAAA,CAAW,QAAQA,OAAM,CAAA;AAAA,MACnD,MAAA;AAAA,MACA,GAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAW,EAAA,aAAA;AAAA,MAEX,8BAAC,sBAAuB,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,UAAA,EAClC,oBAAU,QACb,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,32 @@
+"use client"
+/* */
+import { useFormContext } from '../context/formContext.mjs';
+import { useEffect } from 'react';
+import { useFormState } from 'react-hook-form';
+
+const callAfterSubmitFunction = (result) => {
+  const callFn = (something) => {
+    if (typeof something === "function") {
+      something();
+    }
+  };
+  if (result instanceof Promise) {
+    result.then(callFn);
+  } else {
+    callFn(result);
+  }
+};
+const AfterFormSubmitEffect = (props) => {
+  const { submitHandlerResultRef } = props;
+  const form = useFormContext().form;
+  const { isValid, isSubmitSuccessful } = useFormState(form);
+  useEffect(() => {
+    if (isSubmitSuccessful && isValid) {
+      callAfterSubmitFunction(submitHandlerResultRef.current);
+    }
+  }, [isSubmitSuccessful, isValid, form]);
+  return null;
+};
+
+export { AfterFormSubmitEffect };
+//# sourceMappingURL=AfterFormSubmitEffect.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AfterFormSubmitEffect.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/AfterFormSubmitEffect/AfterFormSubmitEffect.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { FC, RefObject } from \"react\";\nimport { useEffect } from \"react\";\nimport { useFormState } from \"react-hook-form\";\n\ninterface Props {\n  submitHandlerResultRef: RefObject<unknown>;\n}\n\nconst callAfterSubmitFunction = (result: unknown) => {\n  const callFn = (something: unknown) => {\n    if (typeof something === \"function\") {\n      something();\n    }\n  };\n\n  if (result instanceof Promise) {\n    result.then(callFn);\n  } else {\n    callFn(result);\n  }\n};\n\n/**\n * This effect has its own component to prevent unnecessary re-renders of the\n * entire form when the form state changes (useFormState).\n *\n * This component mimics the required effect to reset a form after submit with a\n * simpler to use callback function. See the React Hook docs about resetting\n * form on submit: https://arc.net/l/quote/zslpdgfz\n */\nexport const AfterFormSubmitEffect: FC<Props> = (props) => {\n  const { submitHandlerResultRef } = props;\n  const form = useFormContext().form;\n  const { isValid, isSubmitSuccessful } = useFormState(form);\n\n  useEffect(() => {\n    if (isSubmitSuccessful && isValid) {\n      callAfterSubmitFunction(submitHandlerResultRef.current);\n    }\n  }, [isSubmitSuccessful, isValid, form]);\n\n  return null;\n};\n"],"names":[],"mappings":";;;;AASA,MAAM,uBAAA,GAA0B,CAAC,MAAoB,KAAA;AACnD,EAAM,MAAA,MAAA,GAAS,CAAC,SAAuB,KAAA;AACrC,IAAI,IAAA,OAAO,cAAc,UAAY,EAAA;AACnC,MAAU,SAAA,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,IAAI,kBAAkB,OAAS,EAAA;AAC7B,IAAA,MAAA,CAAO,KAAK,MAAM,CAAA;AAAA,GACb,MAAA;AACL,IAAA,MAAA,CAAO,MAAM,CAAA;AAAA;AAEjB,CAAA;AAUa,MAAA,qBAAA,GAAmC,CAAC,KAAU,KAAA;AACzD,EAAM,MAAA,EAAE,wBAA2B,GAAA,KAAA;AACnC,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,IAAA;AAC9B,EAAA,MAAM,EAAE,OAAA,EAAS,kBAAmB,EAAA,GAAI,aAAa,IAAI,CAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,sBAAsB,OAAS,EAAA;AACjC,MAAA,uBAAA,CAAwB,uBAAuB,OAAO,CAAA;AAAA;AACxD,GACC,EAAA,CAAC,kBAAoB,EAAA,OAAA,EAAS,IAAI,CAAC,CAAA;AAEtC,EAAO,OAAA,IAAA;AACT;;;;"}

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

@@ -5,7 +5,7 @@ import { SubmitButtonStateProvider } from '../ActionGroupWrapper/SubmitButtonSta
 import { FormContextProvider } from '../context/formContext.mjs';
 import { useId, useRef } from 'react';
 import { FormProvider } from 'react-hook-form';
-import { AutoFormResetEffect } from '../AutoFormResetEffect/AutoFormResetEffect.mjs';
+import { AfterFormSubmitEffect } from '../AfterFormSubmitEffect/AfterFormSubmitEffect.mjs';
 
 const DefaultFormComponent = (p) => /* @__PURE__ */ jsx("form", { ...p });
 function Form(props) {
@@ -18,6 +18,7 @@ function Form(props) {
   } = props;
   const formId = useId();
   const isAsyncSubmit = useRef(false);
+  const submitHandlerResultRef = useRef(null);
   const handleOnSubmit = (e) => {
     const { isSubmitting, isValidating } = form.control._formState;
     e.stopPropagation();
@@ -25,16 +26,23 @@ function Form(props) {
       e.preventDefault();
       return;
     }
+    submitHandlerResultRef.current = void 0;
     form.handleSubmit((values) => {
       const result = onSubmit(values, e);
       isAsyncSubmit.current = result instanceof Promise;
+      submitHandlerResultRef.current = result;
       return result;
     })(e);
   };
-  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(FormContextProvider, { value: { form, id: formId }, children: /* @__PURE__ */ jsxs(SubmitButtonStateProvider, { isAsyncSubmit, children: [
-    /* @__PURE__ */ jsx(FormView, { ...formProps, id: formId, onSubmit: handleOnSubmit, children }),
-    /* @__PURE__ */ jsx(AutoFormResetEffect, {})
-  ] }) }) });
+  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 }) }),
+    /* @__PURE__ */ jsx(
+      AfterFormSubmitEffect,
+      {
+        submitHandlerResultRef
+      }
+    )
+  ] }) });
 }
 
 export { Form };

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 { AutoFormResetEffect } from \"../AutoFormResetEffect/AutoFormResetEffect\";\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\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    form.handleSubmit((values) => {\n      const result = onSubmit(values, e);\n      isAsyncSubmit.current = result instanceof Promise;\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          <AutoFormResetEffect />\n        </SubmitButtonStateProvider>\n      </FormContextProvider>\n    </RhfFormContextProvider>\n  );\n}\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;AAElC,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,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,MAAO,OAAA,MAAA;AAAA,KACR,EAAE,CAAC,CAAA;AAAA,GACN;AAEA,EAAA,uBACG,GAAA,CAAAA,YAAA,EAAA,EAAwB,GAAG,IAAA,EAC1B,8BAAC,mBAAoB,EAAA,EAAA,KAAA,EAAO,EAAE,IAAA,EAAM,EAAI,EAAA,MAAA,EACtC,EAAA,QAAA,kBAAA,IAAA,CAAC,6BAA0B,aACzB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAU,GAAG,SAAA,EAAW,IAAI,MAAQ,EAAA,QAAA,EAAU,gBAC5C,QACH,EAAA,CAAA;AAAA,wBACC,mBAAoB,EAAA,EAAA;AAAA,GAAA,EACvB,GACF,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  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"],"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;;;;"}

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

@@ -0,0 +1,15 @@
+import { FC, RefObject } from 'react';
+interface Props {
+    submitHandlerResultRef: RefObject<unknown>;
+}
+/**
+ * This effect has its own component to prevent unnecessary re-renders of the
+ * entire form when the form state changes (useFormState).
+ *
+ * This component mimics the required effect to reset a form after submit with a
+ * simpler to use callback function. See the React Hook docs about resetting
+ * form on submit: https://arc.net/l/quote/zslpdgfz
+ */
+export declare const AfterFormSubmitEffect: FC<Props>;
+export {};
+//# sourceMappingURL=AfterFormSubmitEffect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AfterFormSubmitEffect.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/AfterFormSubmitEffect/AfterFormSubmitEffect.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI3C,UAAU,KAAK;IACb,sBAAsB,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC5C;AAgBD;;;;;;;GAOG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,KAAK,CAY3C,CAAC"}

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,2CAyC9D"}
+{"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"}

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

@@ -0,0 +1,7 @@
+import { Form } from '../Form';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Form>;
+export default meta;
+type Story = StoryObj<typeof Form>;
+export declare const Default: Story;
+//# sourceMappingURL=Form.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/integrations/react-hook-form/components/Form/stories/Form.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,MAAM,qDAAqD,CAAC;AAG3E,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAgD3B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.155",
+  "version": "0.2.0-alpha.157",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "0.2.0-alpha.155",
+    "@mittwald/react-tunnel": "0.2.0-alpha.157",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.0.14",
     "@react-aria/utils": "^3.28.1",
@@ -92,7 +92,7 @@
   "devDependencies": {
     "@faker-js/faker": "^9.6.0",
     "@internationalized/date": "^3.7.0",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.155",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.157",
     "@mittwald/react-use-promise": "^2.6.0",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -173,5 +173,5 @@
       "optional": true
     }
   },
-  "gitHead": "bf4884b497cb14566c4ca1d9ce6687dc767cc8a9"
+  "gitHead": "20331b9b110c2246e76d1214ca356d155698bf45"
 }

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

@@ -1,31 +0,0 @@
-"use client"
-/* */
-import { useEffect } from 'react';
-import { useFormContext } from '../context/formContext.mjs';
-import { useFormState } from 'react-hook-form';
-
-const AutoFormResetEffect = () => {
-  const form = useFormContext().form;
-  const { isValid, isSubmitted } = useFormState(form);
-  useEffect(() => {
-    if (isSubmitted && isValid && form) {
-      form.reset(void 0, {
-        keepIsSubmitted: false,
-        keepIsSubmitSuccessful: false,
-        keepDefaultValues: true,
-        keepValues: true,
-        keepDirtyValues: true,
-        keepIsValid: true,
-        keepDirty: true,
-        keepErrors: true,
-        keepTouched: true,
-        keepIsValidating: true,
-        keepSubmitCount: true
-      });
-    }
-  }, [isSubmitted, isValid, form]);
-  return null;
-};
-
-export { AutoFormResetEffect };
-//# sourceMappingURL=AutoFormResetEffect.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AutoFormResetEffect.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/AutoFormResetEffect/AutoFormResetEffect.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect } from \"react\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport { useFormState } from \"react-hook-form\";\n\n/**\n * This effect has its own component to prevent unnecessary re-renders of the\n * entire form when the form state changes (useFormState).\n */\nexport const AutoFormResetEffect: FC = () => {\n  const form = useFormContext().form;\n  const { isValid, isSubmitted } = useFormState(form);\n\n  useEffect(() => {\n    if (isSubmitted && isValid && form) {\n      form.reset(undefined, {\n        keepIsSubmitted: false,\n        keepIsSubmitSuccessful: false,\n        keepDefaultValues: true,\n        keepValues: true,\n        keepDirtyValues: true,\n        keepIsValid: true,\n        keepDirty: true,\n        keepErrors: true,\n        keepTouched: true,\n        keepIsValidating: true,\n        keepSubmitCount: true,\n      });\n    }\n  }, [isSubmitted, isValid, form]);\n\n  return null;\n};\n"],"names":[],"mappings":";;;;AASO,MAAM,sBAA0B,MAAM;AAC3C,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,IAAA;AAC9B,EAAA,MAAM,EAAE,OAAA,EAAS,WAAY,EAAA,GAAI,aAAa,IAAI,CAAA;AAElD,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,WAAA,IAAe,WAAW,IAAM,EAAA;AAClC,MAAA,IAAA,CAAK,MAAM,MAAW,EAAA;AAAA,QACpB,eAAiB,EAAA,KAAA;AAAA,QACjB,sBAAwB,EAAA,KAAA;AAAA,QACxB,iBAAmB,EAAA,IAAA;AAAA,QACnB,UAAY,EAAA,IAAA;AAAA,QACZ,eAAiB,EAAA,IAAA;AAAA,QACjB,WAAa,EAAA,IAAA;AAAA,QACb,SAAW,EAAA,IAAA;AAAA,QACX,UAAY,EAAA,IAAA;AAAA,QACZ,WAAa,EAAA,IAAA;AAAA,QACb,gBAAkB,EAAA,IAAA;AAAA,QAClB,eAAiB,EAAA;AAAA,OAClB,CAAA;AAAA;AACH,GACC,EAAA,CAAC,WAAa,EAAA,OAAA,EAAS,IAAI,CAAC,CAAA;AAE/B,EAAO,OAAA,IAAA;AACT;;;;"}

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

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-/**
- * This effect has its own component to prevent unnecessary re-renders of the
- * entire form when the form state changes (useFormState).
- */
-export declare const AutoFormResetEffect: FC;
-//# sourceMappingURL=AutoFormResetEffect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AutoFormResetEffect.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/AutoFormResetEffect/AutoFormResetEffect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAuBjC,CAAC"}