@mittwald/flow-react-components 0.2.0-alpha.642 → 0.2.0-alpha.644

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

@@ -1,77 +0,0 @@
-"use client"
-/* */
-import { ActionModel } from '../../../../../components/Action/models/ActionModel.mjs';
-import { useRef, useEffect } from 'react';
-import { isPromise } from 'remeda';
-
-const callAfterSubmitFunction = (result) => {
-  const callFn = (something) => {
-    if (typeof something === "function") {
-      something();
-    }
-  };
-  if (result instanceof Promise) {
-    result.then(callFn);
-  } else {
-    callFn(result);
-  }
-};
-const useRegisterActionStateContext = (form) => {
-  const action = ActionModel.useNew({});
-  const trackedSubmitCount = useRef(0);
-  const submitHandlerResultRef = useRef(null);
-  const currentActionState = action.state.useValue();
-  const lastActionState = useRef(currentActionState);
-  useEffect(() => {
-    if (currentActionState === "isIdle" && lastActionState.current === "isSucceeded") {
-      callAfterSubmitFunction(submitHandlerResultRef.current);
-    }
-    lastActionState.current = currentActionState;
-  }, [currentActionState]);
-  useEffect(() => {
-    return form.subscribe({
-      formState: {
-        errors: true
-      },
-      callback: ({
-        isSubmitted = false,
-        isSubmitSuccessful = false,
-        submitCount = 0,
-        errors
-      }) => {
-        if (submitCount === 0 && trackedSubmitCount.current > 0) {
-          trackedSubmitCount.current = 0;
-        }
-        if (trackedSubmitCount.current === submitCount) {
-          return;
-        }
-        trackedSubmitCount.current = submitCount;
-        if (isSubmitted) {
-          if (isSubmitSuccessful) {
-            void action.state.onSucceeded();
-          } else {
-            const hasFailedWithError = isSubmitted && errors && Object.entries(errors).length > 0 ? errors : void 0;
-            void action.state.onFailed(hasFailedWithError);
-          }
-        }
-      }
-    });
-  }, [form.subscribe]);
-  const registerSubmitResult = (result) => {
-    if (isPromise(result)) {
-      void action.state.onAsyncStart();
-      result.then((submitResult) => {
-        submitHandlerResultRef.current = submitResult;
-      });
-    } else {
-      submitHandlerResultRef.current = result;
-    }
-  };
-  return {
-    action,
-    registerSubmitResult
-  };
-};
-
-export { useRegisterActionStateContext };
-//# sourceMappingURL=useRegisterActionStateContext.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useRegisterActionStateContext.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.ts"],"sourcesContent":["import { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport { isPromise } from \"remeda\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\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\nexport const useRegisterActionStateContext = <T extends FieldValues>(\n  form: UseFormReturn<T>,\n) => {\n  const action = ActionModel.useNew({});\n  const trackedSubmitCount = useRef(0);\n  const submitHandlerResultRef = useRef<unknown>(null);\n\n  const currentActionState = action.state.useValue();\n  const lastActionState = useRef<string>(currentActionState);\n\n  useEffect(() => {\n    if (\n      currentActionState === \"isIdle\" &&\n      lastActionState.current === \"isSucceeded\"\n    ) {\n      callAfterSubmitFunction(submitHandlerResultRef.current);\n    }\n    lastActionState.current = currentActionState;\n  }, [currentActionState]);\n\n  useEffect(() => {\n    return form.subscribe({\n      formState: {\n        errors: true,\n      },\n      callback: ({\n        isSubmitted = false,\n        isSubmitSuccessful = false,\n        submitCount = 0,\n        errors,\n      }) => {\n        if (submitCount === 0 && trackedSubmitCount.current > 0) {\n          trackedSubmitCount.current = 0;\n        }\n\n        if (trackedSubmitCount.current === submitCount) {\n          return;\n        }\n        trackedSubmitCount.current = submitCount;\n\n        if (isSubmitted) {\n          if (isSubmitSuccessful) {\n            void action.state.onSucceeded();\n          } else {\n            const hasFailedWithError =\n              isSubmitted && errors && Object.entries(errors).length > 0\n                ? errors\n                : undefined;\n\n            void action.state.onFailed(hasFailedWithError);\n          }\n        }\n      },\n    });\n  }, [form.subscribe]);\n\n  const registerSubmitResult = (result: unknown) => {\n    if (isPromise(result)) {\n      void action.state.onAsyncStart();\n      result.then((submitResult) => {\n        submitHandlerResultRef.current = submitResult;\n      });\n    } else {\n      submitHandlerResultRef.current = result;\n    }\n  };\n\n  return {\n    action,\n    registerSubmitResult,\n  } as const;\n};\n"],"names":[],"mappings":";;;;AAKA,MAAM,uBAAA,GAA0B,CAAC,MAAA,KAAoB;AACnD,EAAA,MAAM,MAAA,GAAS,CAAC,SAAA,KAAuB;AACrC,IAAA,IAAI,OAAO,cAAc,UAAA,EAAY;AACnC,MAAA,SAAA,EAAU;AAAA,IACZ;AAAA,EACF,CAAA;AAEA,EAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,IAAA,MAAA,CAAO,KAAK,MAAM,CAAA;AAAA,EACpB,CAAA,MAAO;AACL,IAAA,MAAA,CAAO,MAAM,CAAA;AAAA,EACf;AACF,CAAA;AAEO,MAAM,6BAAA,GAAgC,CAC3C,IAAA,KACG;AACH,EAAA,MAAM,MAAA,GAAS,WAAA,CAAY,MAAA,CAAO,EAAE,CAAA;AACpC,EAAA,MAAM,kBAAA,GAAqB,OAAO,CAAC,CAAA;AACnC,EAAA,MAAM,sBAAA,GAAyB,OAAgB,IAAI,CAAA;AAEnD,EAAA,MAAM,kBAAA,GAAqB,MAAA,CAAO,KAAA,CAAM,QAAA,EAAS;AACjD,EAAA,MAAM,eAAA,GAAkB,OAAe,kBAAkB,CAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IACE,kBAAA,KAAuB,QAAA,IACvB,eAAA,CAAgB,OAAA,KAAY,aAAA,EAC5B;AACA,MAAA,uBAAA,CAAwB,uBAAuB,OAAO,CAAA;AAAA,IACxD;AACA,IAAA,eAAA,CAAgB,OAAA,GAAU,kBAAA;AAAA,EAC5B,CAAA,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,KAAK,SAAA,CAAU;AAAA,MACpB,SAAA,EAAW;AAAA,QACT,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,UAAU,CAAC;AAAA,QACT,WAAA,GAAc,KAAA;AAAA,QACd,kBAAA,GAAqB,KAAA;AAAA,QACrB,WAAA,GAAc,CAAA;AAAA,QACd;AAAA,OACF,KAAM;AACJ,QAAA,IAAI,WAAA,KAAgB,CAAA,IAAK,kBAAA,CAAmB,OAAA,GAAU,CAAA,EAAG;AACvD,UAAA,kBAAA,CAAmB,OAAA,GAAU,CAAA;AAAA,QAC/B;AAEA,QAAA,IAAI,kBAAA,CAAmB,YAAY,WAAA,EAAa;AAC9C,UAAA;AAAA,QACF;AACA,QAAA,kBAAA,CAAmB,OAAA,GAAU,WAAA;AAE7B,QAAA,IAAI,WAAA,EAAa;AACf,UAAA,IAAI,kBAAA,EAAoB;AACtB,YAAA,KAAK,MAAA,CAAO,MAAM,WAAA,EAAY;AAAA,UAChC,CAAA,MAAO;AACL,YAAA,MAAM,kBAAA,GACJ,eAAe,MAAA,IAAU,MAAA,CAAO,QAAQ,MAAM,CAAA,CAAE,MAAA,GAAS,CAAA,GACrD,MAAA,GACA,MAAA;AAEN,YAAA,KAAK,MAAA,CAAO,KAAA,CAAM,QAAA,CAAS,kBAAkB,CAAA;AAAA,UAC/C;AAAA,QACF;AAAA,MACF;AAAA,KACD,CAAA;AAAA,EACH,CAAA,EAAG,CAAC,IAAA,CAAK,SAAS,CAAC,CAAA;AAEnB,EAAA,MAAM,oBAAA,GAAuB,CAAC,MAAA,KAAoB;AAChD,IAAA,IAAI,SAAA,CAAU,MAAM,CAAA,EAAG;AACrB,MAAA,KAAK,MAAA,CAAO,MAAM,YAAA,EAAa;AAC/B,MAAA,MAAA,CAAO,IAAA,CAAK,CAAC,YAAA,KAAiB;AAC5B,QAAA,sBAAA,CAAuB,OAAA,GAAU,YAAA;AAAA,MACnC,CAAC,CAAA;AAAA,IACH,CAAA,MAAO;AACL,MAAA,sBAAA,CAAuB,OAAA,GAAU,MAAA;AAAA,IACnC;AAAA,EACF,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

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

@@ -1,19 +0,0 @@
-"use client"
-/* */
-import { createContext, useContext } from 'react';
-import invariant from 'invariant';
-
-const formContext = createContext(void 0);
-const FormContextProvider = formContext.Provider;
-const useFormContext = () => {
-  const ctx = useContext(formContext);
-  invariant(
-    !!ctx,
-    "Could not useFormContext() outside a Form, or multiple versions of Flow installed."
-  );
-  return ctx;
-};
-const useOptionalFormContext = () => useContext(formContext);
-
-export { FormContextProvider, formContext, useFormContext, useOptionalFormContext };
-//# sourceMappingURL=formContext.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"formContext.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/context/formContext.ts"],"sourcesContent":["import type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport {\n  createContext,\n  useContext,\n  type Dispatch,\n  type FormEvent,\n  type RefObject,\n  type SetStateAction,\n} from \"react\";\nimport invariant from \"invariant\";\nimport type { ActionModel } from \"@/components/Action/models/ActionModel\";\n\ninterface FormContext<F extends FieldValues> {\n  form: UseFormReturn<F>;\n  id: string;\n  isReadOnly: boolean;\n  setReadOnly: Dispatch<SetStateAction<boolean>>;\n  submitButtonRef: RefObject<HTMLButtonElement | null>;\n  submit: (e?: FormEvent<HTMLFormElement> | F) => void;\n  formActionModel: ActionModel;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyFormContext = FormContext<any>;\n\nexport const formContext = createContext<AnyFormContext | undefined>(undefined);\n\nexport const FormContextProvider = formContext.Provider;\n\nexport const useFormContext = <F extends FieldValues>(): FormContext<F> => {\n  const ctx = useContext(formContext);\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"],"names":[],"mappings":";;;AAyBO,MAAM,WAAA,GAAc,cAA0C,MAAS;AAEvE,MAAM,sBAAsB,WAAA,CAAY;AAExC,MAAM,iBAAiB,MAA6C;AACzE,EAAA,MAAM,GAAA,GAAM,WAAW,WAAW,CAAA;AAClC,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/types/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.d.ts

@@ -1,7 +0,0 @@
-import { ActionModel } from '../../../../../components/Action/models/ActionModel';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-export declare const useRegisterActionStateContext: <T extends FieldValues>(form: UseFormReturn<T>) => {
-    readonly action: ActionModel;
-    readonly registerSubmitResult: (result: unknown) => void;
-};
-//# sourceMappingURL=useRegisterActionStateContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useRegisterActionStateContext.d.ts","sourceRoot":"","sources":["../../../../../../../src/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAgBlE,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,WAAW,EACjE,MAAM,aAAa,CAAC,CAAC,CAAC;;4CAuDgB,OAAO;CAe9C,CAAC"}

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

@@ -1,19 +0,0 @@
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-import { Dispatch, FormEvent, RefObject, SetStateAction } from 'react';
-import { ActionModel } from '../../../../components/Action/models/ActionModel';
-interface FormContext<F extends FieldValues> {
-    form: UseFormReturn<F>;
-    id: string;
-    isReadOnly: boolean;
-    setReadOnly: Dispatch<SetStateAction<boolean>>;
-    submitButtonRef: RefObject<HTMLButtonElement | null>;
-    submit: (e?: FormEvent<HTMLFormElement> | F) => void;
-    formActionModel: ActionModel;
-}
-type AnyFormContext = FormContext<any>;
-export declare const formContext: import('react').Context<AnyFormContext | undefined>;
-export declare const FormContextProvider: import('react').Provider<AnyFormContext | undefined>;
-export declare const useFormContext: <F extends FieldValues>() => FormContext<F>;
-export declare const useOptionalFormContext: <F extends FieldValues>() => FormContext<F> | undefined;
-export {};
-//# sourceMappingURL=formContext.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"formContext.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/context/formContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAGL,KAAK,QAAQ,EACb,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAE1E,UAAU,WAAW,CAAC,CAAC,SAAS,WAAW;IACzC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,eAAe,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,WAAW,CAAC;CAC9B;AAGD,KAAK,cAAc,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;AAEvC,eAAO,MAAM,WAAW,qDAAuD,CAAC;AAEhF,eAAO,MAAM,mBAAmB,sDAAuB,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,WAAW,OAAK,WAAW,CAAC,CAAC,CAOrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,OAC/B,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC"}