rastack 0.0.16 → 0.0.20

package/hooks/form/form.ts

@@ -1,207 +1,207 @@
-import { useFormik, FormikErrors } from "formik";
-import {
-  FormFieldStructure,
-  FormProps,
-  FormStructure,
-  FormUpdate,
-  FormValuesType,
-} from "./interfaces";
-import { FlattenedRecord } from "../../types";
-import { formikJSONSchemaValidation } from "./validate-schema";
-import { getFieldStructure } from "./structure";
-
-export function useForm<
-  TFormValues extends object,
-  TPostParams,
-  TPutParams,
-  TPatchParams,
-  TPostPayload,
-  TPutPayload,
-  TPatchPayload,
-  TPostResult,
-  TPutResult,
-  TPatchResult,
-  TFormUpdate extends FormUpdate,
-  TSourceId extends string | undefined,
->({
-  id,
-  sourceData,
-  formValues,
-  formatResponse,
-  transformRequest,
-  transformResponse,
-  mutations,
-  updateType,
-  onSuccess,
-}: FormProps<
-  TFormValues,
-  TPostParams,
-  TPutParams,
-  TPatchParams,
-  TPostPayload,
-  TPutPayload,
-  TPatchPayload,
-  TPostResult,
-  TPutResult,
-  TPatchResult,
-  TFormUpdate,
-  TSourceId
->): FormStructure<
-  TFormValues,
-  FormValuesType<
-    TFormUpdate,
-    TSourceId,
-    TPutParams,
-    TPutPayload,
-    TPostParams,
-    TPostPayload,
-    TPatchParams,
-    TPatchPayload
-  >
-> {
-  const updateMethod = id ? (updateType === "put" ? "put" : "patch") : "post";
-
-  const formatRequestValues = (values: TFormValues) => {
-    if (formatResponse) {
-      return (Object.keys(values) as Array<keyof TFormValues>).reduce(
-        (acc, key) => {
-          const formattedValue = formatResponse[key](values[key]);
-          return {
-            ...acc,
-            ...formattedValue,
-          };
-        },
-        {} as FormValuesType<
-          TFormUpdate,
-          TSourceId,
-          TPutParams,
-          TPutPayload,
-          TPostParams,
-          TPostPayload,
-          TPatchParams,
-          TPatchPayload
-        >,
-      );
-    } else if (transformRequest) {
-      return transformRequest(values);
-    } else {
-      return values;
-    }
-  };
-
-  const isSourceDataLoading = sourceData
-    ? Object.values(sourceData).some((source) =>
-        // @ts-ignore create a base type for list and fetch data extending react query. This will ensure that the isLoading property is available
-        source ? source.isLoading : false,
-      )
-    : false;
-
-  const formik = useFormik<TFormValues>({
-    initialValues: formValues,
-    validate: (values) => {
-      if (mutations) {
-        const payload = formatRequestValues(values);
-        return formikJSONSchemaValidation(
-          payload,
-          mutations[updateMethod]?.validation,
-        );
-      } else {
-        return {} as FormikErrors<TFormValues>;
-      }
-    },
-    onSubmit: (values, formikHelpers) => {
-      const mutation = mutations ? mutations[updateMethod].mutation : undefined;
-      const formattedResponse = formatRequestValues(values);
-      if (mutation) {
-        mutation.mutate(
-          {
-            //@ts-ignore
-            params: {
-              id,
-              ...formattedResponse,
-            },
-            //@ts-ignore
-            payload: formattedResponse,
-          },
-          {
-            onSuccess: (result) => {
-              if (onSuccess) {
-                // @ts-ignore
-                onSuccess(result);
-              }
-              formikHelpers.setSubmitting(false);
-            },
-            onError: () => {
-              formikHelpers.setSubmitting(false);
-            },
-          },
-        );
-      }
-    },
-    enableReinitialize: true,
-  });
-
-  const isSubmitDisabled =
-    formik.isValid === undefined ? false : !formik.isValid;
-  const isSubmitting = formik.isSubmitting;
-  const submitForm = () => {
-    formik.handleSubmit();
-  };
-
-  const getFormField = <
-    TFieldName extends Extract<keyof FlattenedRecord<TFormValues>, string>,
-  >(
-    fieldName: TFieldName,
-  ): FormFieldStructure<FlattenedRecord<TFormValues>[TFieldName]> => {
-    const { value: value, checked: isCheckedValue } =
-      formik.getFieldProps(fieldName);
-    const { touched: isTouched, error: errorMessage } =
-      formik.getFieldMeta(fieldName);
-    const { setValue: setFormValue, setTouched } =
-      formik.getFieldHelpers(fieldName);
-
-    let { type, isRequired } = getFieldStructure(
-      mutations ? mutations[updateMethod]?.validation : undefined,
-      fieldName,
-    );
-
-    const error = errorMessage ?? "";
-    const isError = errorMessage !== undefined;
-    const isDisabled = false;
-    const isChecked = isCheckedValue ?? false;
-    const setValue = (value: FlattenedRecord<TFormValues>[TFieldName]) => {
-      if (type === "number" && value) {
-        const numericValue = Number(value);
-        if (!isNaN(numericValue)) {
-          setFormValue(numericValue);
-        }
-      } else {
-        setFormValue(value);
-      }
-    };
-    return {
-      type,
-      value,
-      error,
-      isChecked,
-      isError,
-      isDisabled,
-      isRequired,
-      setValue,
-      setTouched,
-    };
-  };
-
-  return {
-    formValues: formik.values,
-    // @ts-ignore
-    responseValues: formatRequestValues(formik.values),
-    errors: formik.errors,
-    getFormField,
-    onSubmit: submitForm,
-    resetForm: formik.resetForm,
-    isSubmitDisabled,
-    isSourceDataLoading,
-    isSubmitting,
-  };
-}
+import { useFormik, FormikErrors } from "formik";
+import {
+  FormFieldStructure,
+  FormProps,
+  FormStructure,
+  FormUpdate,
+  FormValuesType,
+} from "./interfaces";
+import { FlattenedRecord } from "../../types";
+import { formikJSONSchemaValidation } from "./validate-schema";
+import { getFieldStructure } from "./structure";
+
+export function useForm<
+  TFormValues extends object,
+  TPostParams,
+  TPutParams,
+  TPatchParams,
+  TPostPayload,
+  TPutPayload,
+  TPatchPayload,
+  TPostResult,
+  TPutResult,
+  TPatchResult,
+  TFormUpdate extends FormUpdate,
+  TSourceId extends string | undefined,
+>({
+  id,
+  sourceData,
+  formValues,
+  formatResponse,
+  transformRequest,
+  transformResponse,
+  mutations,
+  updateType,
+  onSuccess,
+}: FormProps<
+  TFormValues,
+  TPostParams,
+  TPutParams,
+  TPatchParams,
+  TPostPayload,
+  TPutPayload,
+  TPatchPayload,
+  TPostResult,
+  TPutResult,
+  TPatchResult,
+  TFormUpdate,
+  TSourceId
+>): FormStructure<
+  TFormValues,
+  FormValuesType<
+    TFormUpdate,
+    TSourceId,
+    TPutParams,
+    TPutPayload,
+    TPostParams,
+    TPostPayload,
+    TPatchParams,
+    TPatchPayload
+  >
+> {
+  const updateMethod = id ? (updateType === "put" ? "put" : "patch") : "post";
+
+  const formatRequestValues = (values: TFormValues) => {
+    if (formatResponse) {
+      return (Object.keys(values) as Array<keyof TFormValues>).reduce(
+        (acc, key) => {
+          const formattedValue = formatResponse[key](values[key]);
+          return {
+            ...acc,
+            ...formattedValue,
+          };
+        },
+        {} as FormValuesType<
+          TFormUpdate,
+          TSourceId,
+          TPutParams,
+          TPutPayload,
+          TPostParams,
+          TPostPayload,
+          TPatchParams,
+          TPatchPayload
+        >,
+      );
+    } else if (transformRequest) {
+      return transformRequest(values);
+    } else {
+      return values;
+    }
+  };
+
+  const isSourceDataLoading = sourceData
+    ? Object.values(sourceData).some((source) =>
+        // @ts-ignore create a base type for list and fetch data extending react query. This will ensure that the isLoading property is available
+        source ? source.isLoading : false,
+      )
+    : false;
+
+  const formik = useFormik<TFormValues>({
+    initialValues: formValues,
+    validate: (values) => {
+      if (mutations) {
+        const payload = formatRequestValues(values);
+        return formikJSONSchemaValidation(
+          payload,
+          mutations[updateMethod]?.validation,
+        );
+      } else {
+        return {} as FormikErrors<TFormValues>;
+      }
+    },
+    onSubmit: (values, formikHelpers) => {
+      const mutation = mutations ? mutations[updateMethod].mutation : undefined;
+      const formattedResponse = formatRequestValues(values);
+      if (mutation) {
+        mutation.mutate(
+          {
+            //@ts-ignore
+            params: {
+              id,
+              ...formattedResponse,
+            },
+            //@ts-ignore
+            payload: formattedResponse,
+          },
+          {
+            onSuccess: (result) => {
+              if (onSuccess) {
+                // @ts-ignore
+                onSuccess(result);
+              }
+              formikHelpers.setSubmitting(false);
+            },
+            onError: () => {
+              formikHelpers.setSubmitting(false);
+            },
+          },
+        );
+      }
+    },
+    enableReinitialize: true,
+  });
+
+  const isSubmitDisabled =
+    formik.isValid === undefined ? false : !formik.isValid;
+  const isSubmitting = formik.isSubmitting;
+  const submitForm = () => {
+    formik.handleSubmit();
+  };
+
+  const getFormField = <
+    TFieldName extends Extract<keyof FlattenedRecord<TFormValues>, string>,
+  >(
+    fieldName: TFieldName,
+  ): FormFieldStructure<FlattenedRecord<TFormValues>[TFieldName]> => {
+    const { value: value, checked: isCheckedValue } =
+      formik.getFieldProps(fieldName);
+    const { touched: isTouched, error: errorMessage } =
+      formik.getFieldMeta(fieldName);
+    const { setValue: setFormValue, setTouched } =
+      formik.getFieldHelpers(fieldName);
+
+    let { type, isRequired } = getFieldStructure(
+      mutations ? mutations[updateMethod]?.validation : undefined,
+      fieldName,
+    );
+
+    const error = errorMessage ?? "";
+    const isError = errorMessage !== undefined;
+    const isDisabled = false;
+    const isChecked = isCheckedValue ?? false;
+    const setValue = (value: FlattenedRecord<TFormValues>[TFieldName]) => {
+      if (type === "number" && value) {
+        const numericValue = Number(value);
+        if (!isNaN(numericValue)) {
+          setFormValue(numericValue);
+        }
+      } else {
+        setFormValue(value);
+      }
+    };
+    return {
+      type,
+      value,
+      error,
+      isChecked,
+      isError,
+      isDisabled,
+      isRequired,
+      setValue,
+      setTouched,
+    };
+  };
+
+  return {
+    formValues: formik.values,
+    // @ts-ignore
+    responseValues: formatRequestValues(formik.values),
+    errors: formik.errors,
+    getFormField,
+    onSubmit: submitForm,
+    resetForm: formik.resetForm,
+    isSubmitDisabled,
+    isSourceDataLoading,
+    isSubmitting,
+  };
+}

package/hooks/form/index.ts

@@ -1,8 +1,8 @@
-export { useForm } from "./form";
-export type {
-  FormStructure,
-  FormUpdateMethod,
-  SetupUpdateEndpointReturn,
-  FormProps,
-  FormUpdate,
-} from "./interfaces";
+export { useForm } from "./form";
+export type {
+  FormStructure,
+  FormUpdateMethod,
+  SetupUpdateEndpointReturn,
+  FormProps,
+  FormUpdate,
+} from "./interfaces";