@element-editor/ui 0.0.0-stage → 0.2.0

package/dist/FeatureRowContextMenu-BLt7VlUU.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-SZIsnIn3.js";
+import { l as O } from "./index-CtZterPc.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
+};

package/dist/FeatureRowContextMenu-Gwq3OMEA.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),G=require("react"),n=require("@phosphor-icons/react"),I=require("@element-editor/core"),b=require("@element-editor/core/internal"),i=require("./useAdapterControls-BBObhzVX.cjs"),s=require("./EditToolbarBtn-dpCmKnzk.cjs"),K=require("./index-BKdDZ4Y9.cjs");function q({x:k,y,feature:t,onClose:C,showGrouping:D=!0}){const{dataStore:r,uiStore:F}=i.useGeoStore(),c=i.useEmit(),{fitBounds:a,flyTo:d}=i.useMapController(),l=i.useDataStore(o=>o.selectedIds),u=G.useMemo(()=>new Set(l),[l]),M=i.useDataStore(o=>o.deleteFeature),z=i.useDataStore(o=>o.duplicateFeature),g=i.useDataStore(o=>o.toggleFeatureHidden),x=i.useUIStore(o=>o.openEditDialog),E=i.useUIStore(o=>o.readonly),h=l.length>=2&&u.has(t.id),m=b.isMultiGeometry(t.geometry);function p(){if(t.geometry.type==="Point"){const[o,j]=t.geometry.coordinates;d==null||d([j,o],Math.max(r.getState().currentZoom,16))}else a==null||a(t.bbox||I.getGeometryBBox(t.geometry))}function S(){const o=r.getState();return u.has(t.id)&&l.length>1||o.setSelection([t.id]),o}return e.jsx(s.ContextMenu,{x:k,y,onClose:C,items:E?[{label:"Zoom to feature",icon:e.jsx(n.MagnifyingGlassPlus,{size:16}),onClick:p},{label:"Details",icon:e.jsx(n.PencilSimple,{size:16}),onClick:()=>x(t.id)},{label:t.hidden?"Show on map":"Hide from map",icon:t.hidden?e.jsx(n.Eye,{size:16}):e.jsx(n.EyeSlash,{size:16}),onClick:()=>g(t.id)}]:[{label:"Zoom to feature",icon:e.jsx(n.MagnifyingGlassPlus,{size:16}),onClick:p},{separator:!0},{label:"Edit",icon:e.jsx(n.PencilSimple,{size:16}),shortcut:e.jsxs(e.Fragment,{children:[e.jsx(s.KbdDark,{children:"⌘"}),e.jsx(s.KbdDark,{children:"E"})]}),onClick:()=>x(t.id)},{label:"Duplicate",icon:e.jsx(n.CopySimple,{size:16}),shortcut:e.jsxs(e.Fragment,{children:[e.jsx(s.KbdDark,{children:"⌘"}),e.jsx(s.KbdDark,{children:"D"})]}),onClick:()=>z(t.id)},{label:t.hidden?"Show on map":"Hide from map",icon:t.hidden?e.jsx(n.Eye,{size:16}):e.jsx(n.EyeSlash,{size:16}),onClick:()=>g(t.id)},...D?[{separator:!0},t.groupId?{label:"Ungroup",icon:e.jsx(n.FolderMinus,{size:16}),shortcut:e.jsxs(e.Fragment,{children:[e.jsx(s.KbdDark,{children:"⌘"}),e.jsx(s.KbdDark,{children:"⇧"}),e.jsx(s.KbdDark,{children:"G"})]}),onClick:()=>S().ungroupSelection()}:{label:"Group",icon:e.jsx(n.FolderPlus,{size:16}),shortcut:e.jsxs(e.Fragment,{children:[e.jsx(s.KbdDark,{children:"⌘"}),e.jsx(s.KbdDark,{children:"G"})]}),onClick:()=>{const o=S().groupSelection();o&&F.getState().setAutoFocusGroupId(o)}}]:[],...h||m?[{separator:!0},...h?[{label:`Merge ${l.length} features`,icon:e.jsx(n.StackPlus,{size:16}),onClick:()=>{r.getState().mergeFeatures(),c({type:"success",message:`Merged ${l.length} features`})}}]:[],...m?[{label:"Break apart",icon:e.jsx(n.Shapes,{size:16}),onClick:()=>{const o=b.getPartCount(t.geometry);r.getState().breakMultiGeometry(t.id)&&c({type:"feature:broken",featureId:t.id,count:o,undo:()=>r.getState().undo()})}}]:[]]:[],{separator:!0},{label:"Delete",icon:e.jsx(n.Trash,{size:16}),onClick:()=>{M(t.id),c({type:"feature:deleted",featureId:t.id,label:K.featureLabel(t),undo:()=>r.getState().undo()})}}]})}exports.FeatureRowContextMenu=q;