@overmap-ai/core 1.0.48-menu-improvements.0 → 1.0.48-menu-improvements.1

package/dist/forms/builder/hooks.d.ts

@@ -1,6 +1,3 @@
 import { FieldTypeIdentifier } from "../typings";
-export declare const useFieldTypeItems: (onSelect?: (type: Exclude<FieldTypeIdentifier, "section">) => void) => {
-    content: import("react/jsx-runtime").JSX.Element;
-    value: "string" | "number" | "boolean" | "select" | "text" | "date" | "multi-string" | "multi-select" | "upload";
-    onSelect: () => void;
-}[][];
+import { MenuItemProps } from "@overmap-ai/blocks";
+export declare const useFieldTypeItems: (onSelect?: (type: Exclude<FieldTypeIdentifier, "section">) => void) => MenuItemProps[][];

package/dist/overmap-core.js

@@ -8,7 +8,7 @@ var _a;
 import * as React from "react";
 import React__default, { useState, useEffect, useRef, memo, useMemo, useCallback, createContext, createElement, useContext, forwardRef, Children, isValidElement, cloneElement, Fragment as Fragment$1, useLayoutEffect, useReducer, lazy, Suspense } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex as Flex$1, IconButton, RiIcon, Text as Text$1, useSeverityColor, Checkbox, TextArea, Select, useToast, Badge, MultiSelect, useViewportSize, Overlay, ButtonGroup, Spinner, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, Button, ButtonList, divButtonProps, DropdownItemMenu, Input, useAlertDialog } from "@overmap-ai/blocks";
+import { unsafeShowToast, AlertDialogProvider, ToastProvider, DefaultTheme, Flex as Flex$1, IconButton, RiIcon, Text as Text$1, useSeverityColor, Checkbox, TextArea, Select, useToast, Badge, MultiSelect, useViewportSize, Overlay, ButtonGroup, Spinner, IconColorUtility, Tooltip, Popover, useSize, ToggleButton, Separator, OvermapItem, Button, ButtonList, divButtonProps, OvermapDropdownMenu, Input, useAlertDialog } from "@overmap-ai/blocks";
 import { DepGraph } from "dependency-graph";
 import { offline as offline$1 } from "@redux-offline/redux-offline";
 import offlineConfig from "@redux-offline/redux-offline/lib/defaults";
@@ -14206,17 +14206,15 @@ const FieldActions = memo((props) => {
       Action.key
     )) }),
     /* @__PURE__ */ jsx(Box, { display: forMobile(true, "block"), children: /* @__PURE__ */ jsx(
-      DropdownItemMenu,
+      OvermapDropdownMenu,
       {
         trigger: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", "aria-label": "Actions menu", children: /* @__PURE__ */ jsx(RiIcon, { icon: "RiMore2Line" }) }),
         items: actions.map((Action) => {
           var _a2;
           return {
-            content: /* @__PURE__ */ jsxs(Flex$1, { gap: "2", align: "center", children: [
-              /* @__PURE__ */ jsx(Action.Icon, {}),
-              Action.text
-            ] }, Action.key),
-            onSelect: (_a2 = Action.buttonProps) == null ? void 0 : _a2.onClick
+            leftSlot: /* @__PURE__ */ jsx(Action.Icon, {}),
+            children: Action.text,
+            onClick: (_a2 = Action.buttonProps) == null ? void 0 : _a2.onClick
           };
         })
       }
@@ -14274,10 +14272,8 @@ const useFieldTypeItems = (onSelect = () => null) => {
         const field = FieldTypeToClsMapping[identifier];
         const Icon = field.Icon;
         return {
-          content: /* @__PURE__ */ jsxs(Flex$1, { align: "center", gap: "2", children: [
-            /* @__PURE__ */ jsx(Icon, {}),
-            /* @__PURE__ */ jsx(Text$1, { children: field.fieldTypeName })
-          ] }, identifier),
+          children: field.fieldTypeName,
+          leftSlot: /* @__PURE__ */ jsx(Icon, {}),
           value: identifier,
           onSelect: () => {
             onSelect(identifier);
@@ -14842,7 +14838,7 @@ const FieldSectionWithActions = memo((props) => {
                       )),
                       droppableProvided.placeholder,
                       /* @__PURE__ */ jsx(
-                        DropdownItemMenu,
+                        OvermapDropdownMenu,
                         {
                           trigger: /* @__PURE__ */ jsxs(Button, { type: "button", variant: "soft", children: [
                             /* @__PURE__ */ jsx(RiIcon, { icon: "RiAddLine" }),