@overmap-ai/forms 1.0.12-fix-dropdown-error.2 → 1.0.12

package/dist/forms.umd.cjs

@@ -2001,24 +2001,21 @@ var __publicField = (obj, key, value) => {
       setFieldType(void 0);
       setFormIsDirty(false);
     }, []);
-    const handleCloseDialog = React.useCallback(
-      (force) => {
-        if (force || !formIsDirty) {
-          setFieldType(void 0);
-          setIsOpen(false);
-        } else {
-          openConfirmDiscardChangesDialog({
-            onDiscard: () => {
-              setFieldType(void 0);
-              setIsOpen(false);
-            }
-          });
-        }
-      },
-      [formIsDirty, openConfirmDiscardChangesDialog, setIsOpen]
-    );
+    const handleCloseDialog = React.useCallback(() => {
+      if (!formIsDirty) {
+        setFieldType(void 0);
+        setIsOpen(false);
+      } else {
+        openConfirmDiscardChangesDialog({
+          onDiscard: () => {
+            setFieldType(void 0);
+            setIsOpen(false);
+          }
+        });
+      }
+    }, [formIsDirty, openConfirmDiscardChangesDialog, setIsOpen]);
     const handleCreateField = React.useCallback(
-      (form, closeDialog) => {
+      (form) => {
         const { label } = form;
         if (!type)
           throw new Error("Field type must be selected before creating a field.");
@@ -2043,31 +2040,26 @@ var __publicField = (obj, key, value) => {
         }
         setFieldValue(parentPath, newFields).then();
         setIsOpen(false);
-        console.log(closeDialog);
       },
       [type, values, parentPath, editing, setFieldValue, setIsOpen, index]
     );
     const handleDirtyChange = React.useCallback((dirty) => setFormIsDirty(dirty), []);
-    const dialogContent = React.useCallback(
-      (closeDialog) => {
-        console.log(showChooseField, type, editing, initial);
-        if (showChooseField) {
-          return /* @__PURE__ */ jsxRuntime.jsx(ChooseFieldToAdd, { setFieldType });
+    const dialogContent = React.useCallback(() => {
+      if (showChooseField) {
+        return /* @__PURE__ */ jsxRuntime.jsx(ChooseFieldToAdd, { setFieldType });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        FieldOptionsForm,
+        {
+          conditionalSourceFields,
+          handleCancel,
+          handleCreateField,
+          fieldType: type,
+          defaultField: initial,
+          handleDirtyChange
         }
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          FieldOptionsForm,
-          {
-            conditionalSourceFields,
-            handleCancel,
-            handleCreateField: (form) => handleCreateField(form, closeDialog),
-            fieldType: type,
-            defaultField: initial,
-            handleDirtyChange
-          }
-        );
-      },
-      [conditionalSourceFields, handleCancel, handleCreateField, handleDirtyChange, initial, showChooseField, type]
-    );
+      );
+    }, [conditionalSourceFields, handleCancel, handleCreateField, handleDirtyChange, initial, showChooseField, type]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       blocks.Dialog,
       {
@@ -2085,15 +2077,17 @@ var __publicField = (obj, key, value) => {
   });
   const FieldActions = React.memo(function FieldActions2(props) {
     const { remove: remove2, dragHandleProps, editProps, insertAfterProps, duplicateProps } = props;
-    const [isDialogOpen, setIsDialogOpen] = React.useState(false);
+    const [isEditDialogOpen, setIsEditDialogOpen] = React.useState(false);
+    const [isDuplicateDialogOpen, setIsDuplicateDialogOpen] = React.useState(false);
+    const [isAddDialogOpen, setIsAddDialogOpen] = React.useState(false);
     const actions = React.useMemo(
       () => [
         {
           SelectedContent: FieldBuilder,
-          selectedContentProps: { ...editProps, isOpen: isDialogOpen, setIsOpen: setIsDialogOpen },
+          selectedContentProps: { ...editProps, isOpen: isEditDialogOpen, setIsOpen: setIsEditDialogOpen },
           Icon: reactIcons.Pencil1Icon,
           text: "Edit",
-          buttonProps: { onClick: () => setIsDialogOpen(true) }
+          buttonProps: { onClick: () => setIsEditDialogOpen(true) }
         },
         {
           Icon: reactIcons.TrashIcon,
@@ -2104,17 +2098,21 @@ var __publicField = (obj, key, value) => {
         },
         {
           SelectedContent: FieldBuilder,
-          selectedContentProps: { ...duplicateProps, isOpen: isDialogOpen, setIsOpen: setIsDialogOpen },
+          selectedContentProps: {
+            ...duplicateProps,
+            isOpen: isDuplicateDialogOpen,
+            setIsOpen: setIsDuplicateDialogOpen
+          },
           Icon: reactIcons.CopyIcon,
           text: "Duplicate",
-          buttonProps: { onClick: () => setIsDialogOpen(true) }
+          buttonProps: { onClick: () => setIsDuplicateDialogOpen(true) }
         },
         {
           SelectedContent: FieldBuilder,
-          selectedContentProps: { ...insertAfterProps, isOpen: isDialogOpen, setIsOpen: setIsDialogOpen },
+          selectedContentProps: { ...insertAfterProps, isOpen: isAddDialogOpen, setIsOpen: setIsAddDialogOpen },
           Icon: reactIcons.PlusIcon,
           text: "Add after",
-          buttonProps: { onClick: () => setIsDialogOpen(true) }
+          buttonProps: { onClick: () => setIsAddDialogOpen(true) }
         },
         {
           // Wrapping icon in a div so that the asChild turns the button into a div
@@ -2126,7 +2124,16 @@ var __publicField = (obj, key, value) => {
           buttonProps: { ...dragHandleProps, asChild: true }
         }
       ],
-      [dragHandleProps, duplicateProps, editProps, insertAfterProps, isDialogOpen, remove2]
+      [
+        dragHandleProps,
+        duplicateProps,
+        editProps,
+        insertAfterProps,
+        isAddDialogOpen,
+        isDuplicateDialogOpen,
+        isEditDialogOpen,
+        remove2
+      ]
     );
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(blocks.Flex, { gap: "4", display: forMobile(false, "flex"), children: actions.map((Action) => {