@overmap-ai/forms 1.0.10-conditional-arrows-2.1 → 1.0.10-conditional-arrows-2.3

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, 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, Separator, useDiscardAlertDialog, Dialog, Pencil1Icon, TrashIcon, CopyIcon, DropdownItemMenu, DotsVerticalIcon, useAlertDialog, Em, Strong, useToast, 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";
@@ -2102,25 +2102,25 @@ const FieldActions = memo(function FieldActions2(props) {
     ],
     [duplicateProps, editProps, insertAfterProps, remove2, type]
   );
-  const actionItems = actions.map((Action) => {
-    var _a;
-    const Wrapper = Action.Wrapper ?? DefaultWrapper;
-    return {
-      ...Action.buttonProps,
-      onSelect: (_a = Action.buttonProps) == null ? void 0 : _a.onClick,
-      content: /* @__PURE__ */ jsx(Wrapper, { ...Action.wrapperProps, children: /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "center", children: [
-        /* @__PURE__ */ jsx(Action.Icon, {}),
-        Action.text
-      ] }) })
-    };
-  });
-  console.log(actionItems);
+  const actionDropdownMenuItems = useMemo(() => {
+    return actions.map((Action) => {
+      var _a;
+      const Wrapper = Action.Wrapper ?? DefaultWrapper;
+      return {
+        ...Action.buttonProps,
+        onSelect: (_a = Action.buttonProps) == null ? void 0 : _a.onClick,
+        content: /* @__PURE__ */ jsx(Wrapper, { ...Action.wrapperProps, children: /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "center", children: [
+          /* @__PURE__ */ jsx(Action.Icon, {}),
+          Action.text
+        ] }) })
+      };
+    });
+  }, [actions]);
   return /* @__PURE__ */ jsx(Box, { display: "block", children: /* @__PURE__ */ jsx(
-    DropdownMenu,
+    DropdownItemMenu,
     {
       trigger: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsx(DotsVerticalIcon, {}) }),
-      closeOnSelect: false,
-      items: actionItems
+      items: actionDropdownMenuItems
     }
   ) });
 });