@element-editor/ui 0.0.0-stage → 0.2.1

package/dist/FeatureRowContextMenu-DCUIiDwc.js

@@ -0,0 +1,130 @@
+import { jsx as o, jsxs as s, Fragment as r } from "react/jsx-runtime";
+import { useMemo as B } from "react";
+import { MagnifyingGlassPlus as y, PencilSimple as z, Eye as M, EyeSlash as F, CopySimple as Z, FolderMinus as j, FolderPlus as A, StackPlus as U, Shapes as $, Trash as K } from "@phosphor-icons/react";
+import { getGeometryBBox as L } from "@element-editor/core";
+import { isMultiGeometry as R, getPartCount as T } from "@element-editor/core/internal";
+import { e as q, h as v, g as J, f as c, u as G } from "./useAdapterControls-DVjkwRZ_.js";
+import { C as N, a as i } from "./EditToolbarBtn-SR4xHd8G.js";
+import { l as O } from "./index-CILw1Du5.js";
+function te({ x, y: D, feature: e, onClose: I, showGrouping: E = !0 }) {
+  const { dataStore: n, uiStore: P } = q(), a = v(), { fitBounds: d, flyTo: u } = J(), l = c((t) => t.selectedIds), m = B(() => new Set(l), [l]), w = c((t) => t.deleteFeature), H = c((t) => t.duplicateFeature), g = c((t) => t.toggleFeatureHidden), p = G((t) => t.openEditDialog), f = G((t) => t.readonly), h = l.length >= 2 && m.has(e.id), S = R(e.geometry);
+  function b() {
+    if (e.geometry.type === "Point") {
+      const [t, C] = e.geometry.coordinates;
+      u == null || u([C, t], Math.max(n.getState().currentZoom, 16));
+    } else
+      d == null || d(e.bbox || L(e.geometry));
+  }
+  function k() {
+    const t = n.getState();
+    return m.has(e.id) && l.length > 1 || t.setSelection([e.id]), t;
+  }
+  return /* @__PURE__ */ o(
+    N,
+    {
+      x,
+      y: D,
+      onClose: I,
+      items: f ? [
+        {
+          label: "Zoom to feature",
+          icon: /* @__PURE__ */ o(y, { size: 16 }),
+          onClick: b
+        },
+        {
+          label: "Details",
+          icon: /* @__PURE__ */ o(z, { size: 16 }),
+          onClick: () => p(e.id)
+        },
+        {
+          label: e.hidden ? "Show on map" : "Hide from map",
+          icon: e.hidden ? /* @__PURE__ */ o(M, { size: 16 }) : /* @__PURE__ */ o(F, { size: 16 }),
+          onClick: () => g(e.id)
+        }
+      ] : [
+        {
+          label: "Zoom to feature",
+          icon: /* @__PURE__ */ o(y, { size: 16 }),
+          onClick: b
+        },
+        { separator: !0 },
+        {
+          label: "Edit",
+          icon: /* @__PURE__ */ o(z, { size: 16 }),
+          shortcut: /* @__PURE__ */ s(r, { children: [
+            /* @__PURE__ */ o(i, { children: "⌘" }),
+            /* @__PURE__ */ o(i, { children: "E" })
+          ] }),
+          onClick: () => p(e.id)
+        },
+        {
+          label: "Duplicate",
+          icon: /* @__PURE__ */ o(Z, { size: 16 }),
+          shortcut: /* @__PURE__ */ s(r, { children: [
+            /* @__PURE__ */ o(i, { children: "⌘" }),
+            /* @__PURE__ */ o(i, { children: "D" })
+          ] }),
+          onClick: () => H(e.id)
+        },
+        {
+          label: e.hidden ? "Show on map" : "Hide from map",
+          icon: e.hidden ? /* @__PURE__ */ o(M, { size: 16 }) : /* @__PURE__ */ o(F, { size: 16 }),
+          onClick: () => g(e.id)
+        },
+        ...E ? [
+          { separator: !0 },
+          e.groupId ? {
+            label: "Ungroup",
+            icon: /* @__PURE__ */ o(j, { size: 16 }),
+            shortcut: /* @__PURE__ */ s(r, { children: [
+              /* @__PURE__ */ o(i, { children: "⌘" }),
+              /* @__PURE__ */ o(i, { children: "⇧" }),
+              /* @__PURE__ */ o(i, { children: "G" })
+            ] }),
+            onClick: () => k().ungroupSelection()
+          } : {
+            label: "Group",
+            icon: /* @__PURE__ */ o(A, { size: 16 }),
+            shortcut: /* @__PURE__ */ s(r, { children: [
+              /* @__PURE__ */ o(i, { children: "⌘" }),
+              /* @__PURE__ */ o(i, { children: "G" })
+            ] }),
+            onClick: () => {
+              const t = k().groupSelection();
+              t && P.getState().setAutoFocusGroupId(t);
+            }
+          }
+        ] : [],
+        ...h || S ? [
+          { separator: !0 },
+          ...h ? [{
+            label: `Merge ${l.length} features`,
+            icon: /* @__PURE__ */ o(U, { size: 16 }),
+            onClick: () => {
+              n.getState().mergeFeatures(), a({ type: "success", message: `Merged ${l.length} features` });
+            }
+          }] : [],
+          ...S ? [{
+            label: "Break apart",
+            icon: /* @__PURE__ */ o($, { size: 16 }),
+            onClick: () => {
+              const t = T(e.geometry);
+              n.getState().breakMultiGeometry(e.id) && a({ type: "feature:broken", featureId: e.id, count: t, undo: () => n.getState().undo() });
+            }
+          }] : []
+        ] : [],
+        { separator: !0 },
+        {
+          label: "Delete",
+          icon: /* @__PURE__ */ o(K, { size: 16 }),
+          onClick: () => {
+            w(e.id), a({ type: "feature:deleted", featureId: e.id, label: O(e), undo: () => n.getState().undo() });
+          }
+        }
+      ]
+    }
+  );
+}
+export {
+  te as F
+};