@overmap-ai/core 1.0.35-fix-token-refresh-loop.2 → 1.0.35-fix-token-refresh-loop.4

package/dist/forms/renderer/PatchForm/Provider.d.ts

@@ -21,6 +21,8 @@ interface PatchFormProviderProps {
     className?: string;
     /** If true, the form will only submit if there are changes. */
     requiresDiff?: boolean;
+    /** Called when the form's dirty state changes. */
+    onDirtyChange?: (dirty: boolean) => void;
 }
 /** Use PatchForms to create patch edits to existing forms rather than editing the entire form. */
 export declare const PatchFormProvider: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<PatchFormProviderProps & import("react").RefAttributes<HTMLFormElement>>>;

package/dist/overmap-core.js

@@ -10229,9 +10229,9 @@ const PatchField = memo((props) => {
 PatchField.displayName = "PatchField";
 const PatchFormProvider = memo(
   forwardRef((props, ref) => {
-    const { children, schema, values, onPatch, onError, requiresDiff = true, ...rest } = props;
+    const { children, schema, values, onPatch, onError, requiresDiff = true, onDirtyChange, ...rest } = props;
     const initialValues2 = useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
-    const handlePatch = useCallback(
+    const getDiff = useCallback(
       (values2) => {
         const diff = {};
         for (const key in values2) {
@@ -10240,21 +10240,33 @@ const PatchFormProvider = memo(
             diff[key] = value;
           }
         }
+        return diff;
+      },
+      [initialValues2]
+    );
+    const handlePatch = useCallback(
+      (values2) => {
+        const diff = getDiff(values2);
         if (requiresDiff && !hasKeys(diff))
           return;
         onPatch(diff);
       },
-      [initialValues2, onPatch, requiresDiff]
+      [getDiff, onPatch, requiresDiff]
     );
     const validate = useCallback(
       (form) => {
+        console.debug("VALIDATING FORM:", form);
         const error2 = validateForm(schema, form);
         if (error2) {
           onError(error2);
         }
+        if (onDirtyChange) {
+          const diff = getDiff(form);
+          onDirtyChange(hasKeys(diff));
+        }
         return error2;
       },
-      [schema, onError]
+      [schema, onDirtyChange, onError, getDiff]
     );
     const formik = useFormik({
       initialValues: initialValues2,
@@ -10264,13 +10276,21 @@ const PatchFormProvider = memo(
       validateOnBlur: false,
       validateOnChange: false
     });
+    const handleBlur = useCallback(() => {
+      if (onDirtyChange) {
+        const diff = getDiff(formik.values);
+        if (hasKeys(diff)) {
+          onDirtyChange(true);
+        }
+      }
+    }, [formik.values, getDiff, onDirtyChange]);
     const { errors, resetForm } = formik;
     useEffect(() => {
       if (hasKeys(errors)) {
         resetForm({ values: initialValues2, errors: {} });
       }
     }, [errors, initialValues2, resetForm]);
-    return /* @__PURE__ */ jsx(FormikProvider, { value: formik, children: /* @__PURE__ */ jsx("form", { ...rest, ref, onSubmit: formik.handleSubmit, children }) });
+    return /* @__PURE__ */ jsx(FormikProvider, { value: formik, children: /* @__PURE__ */ jsx("form", { ...rest, ref, onSubmit: formik.handleSubmit, onBlur: handleBlur, children }) });
   })
 );
 const typeBadge$1 = "_typeBadge_an5ff_1";