@overmap-ai/forms 1.0.8 → 1.0.9-handle-patchform-errors.0

package/dist/forms.js

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Flex, Text, useSeverityColor, Checkbox, CheckCircledIcon, TextField as TextField$1, FontFamilyIcon, CalendarIcon, InputIcon, TextArea, RowsIcon, Select, Box, IconButton, PlusIcon, Badge, Cross1Icon, ListBulletIcon, DropdownMenuIcon, MultiSelect, CheckboxIcon, Card, Heading, Button, UploadIcon, ButtonList, divButtonProps, StarFilledIcon, StarIcon, QuestionMarkCircledIcon, PersonIcon, Tooltip, Avatar, Separator, useDiscardAlertDialog, Dialog, Pencil1Icon, TrashIcon, CopyIcon, DragHandleDots2Icon, DropdownMenu, DotsVerticalIcon, useAlertDialog, Em, Strong, useToast, Tabs } from "@overmap-ai/blocks";
+import { Flex, Text, useSeverityColor, Checkbox, CheckCircledIcon, TextField as TextField$1, FontFamilyIcon, CalendarIcon, InputIcon, TextArea, RowsIcon, Select, Box, IconButton, PlusIcon, Badge, Cross1Icon, ListBulletIcon, DropdownMenuIcon, MultiSelect, CheckboxIcon, Card, Heading, Button, UploadIcon, ButtonList, divButtonProps, StarFilledIcon, StarIcon, QuestionMarkCircledIcon, PersonIcon, Tooltip, Avatar, useToast, Separator, useDiscardAlertDialog, Dialog, Pencil1Icon, TrashIcon, CopyIcon, DragHandleDots2Icon, DropdownMenu, DotsVerticalIcon, useAlertDialog, Em, Strong, Tabs } from "@overmap-ai/blocks";
 import { useField, useFormikContext, useFormik, FormikProvider } from "formik";
 import React, { useMemo, memo, useCallback, useState, useEffect, useRef, forwardRef, useReducer } from "react";
 import { DragDropContext, Droppable, Draggable } from "@hello-pangea/dnd";
@@ -1833,6 +1833,7 @@ const PatchField = memo(function PatchField2(props) {
 const PatchFormProvider = memo(
   forwardRef((props, ref) => {
     const { children, schema, values, onPatch, onError, ...rest } = props;
+    const { showError } = useToast();
     const initialValues2 = useMemo(() => initialFormValues(schema.fields, values), [schema.fields, values]);
     const handlePatch = useCallback(
       (values2) => {
@@ -1845,6 +1846,7 @@ const PatchFormProvider = memo(
         }
         if (!hasKeys(diff))
           return;
+        console.log("onpatch runs", diff);
         onPatch(diff);
       },
       [initialValues2, onPatch]
@@ -1870,9 +1872,13 @@ const PatchFormProvider = memo(
     const { errors, resetForm } = formik;
     useEffect(() => {
       if (hasKeys(errors)) {
-        resetForm({ values: initialValues2, errors: {} });
+        console.log(errors);
+        showError({
+          title: "test title",
+          description: "Sections with conditions must be below the fields they reference."
+        });
       }
-    }, [errors, initialValues2, resetForm]);
+    }, [showError, errors, initialValues2, resetForm]);
     return /* @__PURE__ */ jsx(FormikProvider, { value: formik, children: /* @__PURE__ */ jsx("form", { ...rest, ref, onSubmit: formik.handleSubmit, children }) });
   })
 );