@mittwald/flow-react-components 0.2.0-alpha.477 → 0.2.0-alpha.479

package/dist/js/components/src/components/Action/ActionStateContext.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionStateContext.mjs","sources":["../../../../../../src/components/Action/ActionStateContext.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { useEffect } from \"react\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport Action from \"@/components/Action/index\";\n\ninterface Props extends PropsWithChildren {\n  isStarted?: boolean;\n  hasSucceeded?: boolean;\n  hasFailedWithError?: unknown;\n}\n\nexport const ActionStateContext: FC<Props> = (props) => {\n  const { isStarted, hasFailedWithError, hasSucceeded, children } = props;\n  const action = ActionModel.useNew({});\n\n  useEffect(() => {\n    if (hasSucceeded) {\n      void action.state.onSucceeded();\n    } else if (hasFailedWithError) {\n      void action.state.onFailed(hasFailedWithError);\n    } else if (isStarted) {\n      void action.state.onAsyncStart();\n    }\n  }, [isStarted, hasFailedWithError, hasSucceeded]);\n\n  return <Action actionModel={action}>{children}</Action>;\n};\n"],"names":[],"mappings":";;;;;AAWa,MAAA,kBAAA,GAAgC,CAAC,KAAU,KAAA;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAoB,EAAA,YAAA,EAAc,UAAa,GAAA,KAAA;AAClE,EAAA,MAAM,MAAS,GAAA,WAAA,CAAY,MAAO,CAAA,EAAE,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAc,EAAA;AAChB,MAAK,KAAA,MAAA,CAAO,MAAM,WAAY,EAAA;AAAA,eACrB,kBAAoB,EAAA;AAC7B,MAAK,KAAA,MAAA,CAAO,KAAM,CAAA,QAAA,CAAS,kBAAkB,CAAA;AAAA,eACpC,SAAW,EAAA;AACpB,MAAK,KAAA,MAAA,CAAO,MAAM,YAAa,EAAA;AAAA;AACjC,GACC,EAAA,CAAC,SAAW,EAAA,kBAAA,EAAoB,YAAY,CAAC,CAAA;AAEhD,EAAA,uBAAQ,GAAA,CAAA,MAAA,EAAA,EAAO,WAAa,EAAA,MAAA,EAAS,QAAS,EAAA,CAAA;AAChD;;;;"}

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

@@ -1,44 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { ActionStateContext } from '../../../../components/Action/ActionStateContext.mjs';
-import { useFormContext } from '../context/formContext.mjs';
-
-const ActionStateContextWrapper = (props) => {
-  const { children, isAsyncSubmit } = props;
-  const form = useFormContext().form;
-  const [submitErrors, setSubmitErrors] = useState(void 0);
-  const [hasSucceeded, setHasSucceeded] = useState(false);
-  const [isStarted, setIsStarted] = useState(false);
-  useEffect(() => {
-    const { isSubmitted, isSubmitting, isSubmitSuccessful, errors } = form.formState;
-    setSubmitErrors(
-      isSubmitted && errors && Object.entries(errors).length > 0 ? errors : void 0
-    );
-    setHasSucceeded(isSubmitted && isSubmitSuccessful);
-    setIsStarted(isSubmitting && isAsyncSubmit.current);
-  }, [
-    form.formState.isSubmitted,
-    form.formState.isSubmitting,
-    form.formState.isSubmitSuccessful,
-    form.formState.errors,
-    isAsyncSubmit.current
-  ]);
-  return /* @__PURE__ */ jsx(
-    ActionStateContext,
-    {
-      isStarted,
-      hasFailedWithError: submitErrors,
-      hasSucceeded,
-      children
-    }
-  );
-};
-const SubmitButtonStateProvider = (props) => {
-  const { children, isAsyncSubmit } = props;
-  return /* @__PURE__ */ jsx(ActionStateContextWrapper, { isAsyncSubmit, children });
-};
-
-export { SubmitButtonStateProvider };
-//# sourceMappingURL=SubmitButtonStateProvider.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubmitButtonStateProvider.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren, RefObject } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { ActionStateContext } from \"@/components/Action/ActionStateContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\n\ninterface Props extends PropsWithChildren {\n  isAsyncSubmit: RefObject<boolean>;\n}\n\nconst ActionStateContextWrapper: FC<Props> = (props) => {\n  const { children, isAsyncSubmit } = props;\n\n  const form = useFormContext().form;\n\n  const [submitErrors, setSubmitErrors] = useState<unknown>(undefined);\n  const [hasSucceeded, setHasSucceeded] = useState(false);\n  const [isStarted, setIsStarted] = useState(false);\n\n  useEffect(() => {\n    /**\n     * The mapping into sepearte states inside this effect is required, because\n     * otherwise the reset() function of RHF does not work as expected\n     * (subsequent resets not working, default values are not correctly re-used,\n     * ...).\n     *\n     * A side note: This only happens if 'isSubmitted' and/or 'isSubmitting' are\n     * extracted from the form state.\n     */\n    const { isSubmitted, isSubmitting, isSubmitSuccessful, errors } =\n      form.formState;\n\n    setSubmitErrors(\n      isSubmitted && errors && Object.entries(errors).length > 0\n        ? errors\n        : undefined,\n    );\n    setHasSucceeded(isSubmitted && isSubmitSuccessful);\n    setIsStarted(isSubmitting && isAsyncSubmit.current);\n  }, [\n    form.formState.isSubmitted,\n    form.formState.isSubmitting,\n    form.formState.isSubmitSuccessful,\n    form.formState.errors,\n    isAsyncSubmit.current,\n  ]);\n\n  return (\n    <ActionStateContext\n      isStarted={isStarted}\n      hasFailedWithError={submitErrors}\n      hasSucceeded={hasSucceeded}\n    >\n      {children}\n    </ActionStateContext>\n  );\n};\n\nexport const SubmitButtonStateProvider: FC<Props> = (props) => {\n  const { children, isAsyncSubmit } = props;\n\n  return (\n    <ActionStateContextWrapper isAsyncSubmit={isAsyncSubmit}>\n      {children}\n    </ActionStateContextWrapper>\n  );\n};\n"],"names":[],"mappings":";;;;;AASA,MAAM,yBAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,IAAA;AAE9B,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAkB,MAAS,CAAA;AACnE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AAUd,IAAA,MAAM,EAAE,WAAa,EAAA,YAAA,EAAc,kBAAoB,EAAA,MAAA,KACrD,IAAK,CAAA,SAAA;AAEP,IAAA,eAAA;AAAA,MACE,WAAA,IAAe,UAAU,MAAO,CAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,MAAA,GAAS,IACrD,MACA,GAAA;AAAA,KACN;AACA,IAAA,eAAA,CAAgB,eAAe,kBAAkB,CAAA;AACjD,IAAa,YAAA,CAAA,YAAA,IAAgB,cAAc,OAAO,CAAA;AAAA,GACjD,EAAA;AAAA,IACD,KAAK,SAAU,CAAA,WAAA;AAAA,IACf,KAAK,SAAU,CAAA,YAAA;AAAA,IACf,KAAK,SAAU,CAAA,kBAAA;AAAA,IACf,KAAK,SAAU,CAAA,MAAA;AAAA,IACf,aAAc,CAAA;AAAA,GACf,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,kBAAoB,EAAA,YAAA;AAAA,MACpB,YAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAA;AAEa,MAAA,yBAAA,GAAuC,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EACE,uBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,aAAA,EACxB,QACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,32 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/types/components/Action/ActionStateContext.d.ts

@@ -1,9 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-interface Props extends PropsWithChildren {
-    isStarted?: boolean;
-    hasSucceeded?: boolean;
-    hasFailedWithError?: unknown;
-}
-export declare const ActionStateContext: FC<Props>;
-export {};
-//# sourceMappingURL=ActionStateContext.d.ts.map

package/dist/types/components/Action/ActionStateContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionStateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Action/ActionStateContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKnD,UAAU,KAAM,SAAQ,iBAAiB;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAexC,CAAC"}

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

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren, RefObject } from 'react';
-interface Props extends PropsWithChildren {
-    isAsyncSubmit: RefObject<boolean>;
-}
-export declare const SubmitButtonStateProvider: FC<Props>;
-export {};
-//# sourceMappingURL=SubmitButtonStateProvider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubmitButtonStateProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9D,UAAU,KAAM,SAAQ,iBAAiB;IACvC,aAAa,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CACnC;AAkDD,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAQ/C,CAAC"}

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

@@ -1,15 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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"}