@mariliz/ui-kit 0.0.0-stage → 0.6.0

package/dist/contexts/formContext.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { createContext, useContext, useState, useRef, useEffect } from 'react';
+import { useForm, useFormState } from 'react-hook-form';
+import { getObjectPropertyValue } from '../utils/helpers/methods/get-obj-prop-value.js';
+
+const notInitialized = () => {
+    throw new Error('useFormContext deve ser usado dentro de um <FormProvider>.');
+};
+const FormContext = createContext({
+    readOnly: false,
+    onSubmit: () => true,
+    onError: () => true,
+    setValue: notInitialized,
+    reset: notInitialized,
+    watch: notInitialized,
+    control: undefined,
+    formState: undefined,
+    getValues: notInitialized,
+    validationErrors: undefined,
+    submitting: false,
+    isDirty: false,
+    isValid: false,
+    dirtyFields: {},
+    trigger: notInitialized,
+    register: notInitialized
+});
+const FormProvider = ({ children, resolver, defaultValues, onSubmit, onError, readOnly = false, onChangeField }) => {
+    const [submitting, setSubmitting] = useState(false);
+    const wasSubmitting = useRef(false);
+    const { handleSubmit, setValue, getValues, control, reset, formState, watch, trigger, register, formState: { isDirty, isValid, dirtyFields } } = useForm({
+        resolver: resolver,
+        defaultValues
+    });
+    useEffect(() => {
+        if (wasSubmitting.current && !submitting) {
+            reset(getValues());
+        }
+        wasSubmitting.current = submitting;
+    }, [reset, getValues, submitting]);
+    const { errors } = useFormState({ control });
+    const validationErrors = Object.keys(errors ?? {}).length ? errors : undefined;
+    const formSubmit = async (values) => {
+        setSubmitting(true);
+        try {
+            return await onSubmit(values);
+        }
+        catch (error) {
+            onError?.(error);
+        }
+        finally {
+            setSubmitting(false);
+        }
+    };
+    const htmlSubmit = (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        return handleSubmit(formSubmit, onError)(event);
+    };
+    return (jsx(FormContext.Provider, { value: {
+            readOnly,
+            onSubmit: onSubmit,
+            onError: onError ?? (() => undefined),
+            setValue,
+            control,
+            reset,
+            formState,
+            getValues,
+            validationErrors,
+            watch,
+            submitting,
+            isDirty,
+            isValid,
+            dirtyFields,
+            trigger,
+            register
+        }, children: jsx(ChangeFieldHandlers, { handlers: onChangeField, children: jsx("form", { className: "formContext", onSubmit: htmlSubmit, noValidate: true, children: children }) }) }));
+};
+const ChangeFieldHandlers = ({ handlers, children }) => {
+    if (!handlers?.length)
+        return jsx(Fragment, { children: children });
+    return handlers.reduce((currentElement, handler) => (jsx(ChangeFieldHandler, { handler: handler, children: currentElement }, handler.fieldName)), children);
+};
+const ChangeFieldHandler = ({ handler, children }) => {
+    const { watch, setValue, dirtyFields } = useFormContext();
+    const currentValue = watch(handler.fieldName);
+    const isDirtyField = !!getObjectPropertyValue(handler.fieldName, dirtyFields);
+    useEffect(() => {
+        if (isDirtyField) {
+            handler.delegate(currentValue, setValue, watch);
+        }
+    }, [currentValue, isDirtyField]);
+    return jsx(Fragment, { children: children });
+};
+function useFormContext() {
+    return useContext(FormContext);
+}
+
+export { FormProvider, useFormContext };
+//# sourceMappingURL=formContext.js.map

package/dist/contexts/formContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formContext.js","sources":["../../src/contexts/formContext.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAoCA;AACE;AACF;AAEA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACD;;;AAoCC;AAEA;AAYE;;AAED;;AAGC;AACE;;AAEF;;;;AAMF;;AAEE;AACE;;;AAEA;;;;;AAIJ;AAEA;;;;AAIA;AAEA;;AAIM;;;;;;;;;;;;;;;;AAwBR;AAOA;;;AAGE;AAQF;AAOA;;;AAGE;;;;;AAMA;;AAGF;;AAGE;AACF;;"}