@element-editor/ui 0.0.0-stage → 0.2.1

package/dist/useAdapterControls-DVjkwRZ_.js

@@ -0,0 +1,691 @@
+import { createContext as L, useState as W, useContext as v, useLayoutEffect as oe, useRef as p, useId as xe, useCallback as ee, useEffect as x, useMemo as he } from "react";
+import { ElementEditorError as z, createDataStore as Ie, createUIStore as je, getFeatureCollectionBBox as Se, parseGeoJSONText as Ae, subscribeToDataChanges as Me, isGeometry as ye, validateFeature as Re } from "@element-editor/core";
+import { warnOnce as C, httpErrorCode as Pe, normalizeFlyToTarget as De } from "@element-editor/core/internal";
+import { a as Ue, d as Ge, e as Je, u as ie, f as ae } from "./useAccentStyle-CPo2XqAn.js";
+import { jsx as M, jsxs as Be, Fragment as Le } from "react/jsx-runtime";
+import { useStore as be } from "zustand";
+import { Toaster as _e, toast as H } from "sonner";
+const we = L("light"), qe = () => v(we), ke = L(null), ve = L(null);
+function kt({ children: e }) {
+  const [t, a] = W("light"), [o, s] = W(void 0);
+  return /* @__PURE__ */ M(ke.Provider, { value: a, children: /* @__PURE__ */ M(ve.Provider, { value: s, children: /* @__PURE__ */ M(we.Provider, { value: t, children: /* @__PURE__ */ M(Ue.Provider, { value: o, children: e }) }) }) });
+}
+function vt(e) {
+  const t = v(ke), a = v(ve), o = Ge(a && e ? e.closest("[data-elm-theme]") : null);
+  oe(() => {
+    a == null || a(o);
+  }, [a, o]), oe(() => {
+    if (!t || !e) return;
+    const s = e.closest("[data-elm-theme]");
+    if (!s) {
+      C("adapter-no-theme-root", 'The map container is not inside an element with a `data-elm-theme` attribute, so the editor UI renders unstyled and keyboard shortcuts are off. Wrap the map and the editor UI in one element: <div data-elm-theme="light" style={{ position: \'relative\', height: 600 }}>…</div> ("dark" for dark mode).');
+      return;
+    }
+    const u = () => t(s.getAttribute("data-elm-theme") === "dark" ? "dark" : "light");
+    u();
+    const c = new MutationObserver(u);
+    return c.observe(s, { attributes: !0, attributeFilter: ["data-elm-theme"] }), () => c.disconnect();
+  }, [t, e]);
+}
+const Ze = { success: null, info: null, warning: null, error: null }, He = "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji", We = {
+  light: { "--normal-bg": "var(--elm-surface, #ffffff)", "--normal-border": "var(--elm-border, rgb(0 0 0 / 0.1))", "--normal-text": "var(--elm-text, #171717)" },
+  dark: { "--normal-bg": "var(--elm-surface, #171717)", "--normal-border": "var(--elm-border, rgb(255 255 255 / 0.1))", "--normal-text": "var(--elm-text, #fafafa)" }
+}, ze = { "--border-radius": "calc(var(--elm-radius-control, 6px) + 2px)", fontFamily: `var(--elm-font, ${He})` }, Ke = { light: "!text-(--elm-text-muted,#737373)", dark: "!text-(--elm-text-muted,#a3a3a3)" };
+function Ve(e) {
+  var u, c, h;
+  const t = qe(), a = Je(), { toastOptions: o, style: s } = e;
+  return /* @__PURE__ */ M(
+    _e,
+    {
+      theme: t,
+      icons: Ze,
+      ...e,
+      style: { ...a, ...We[t], ...ze, ...s },
+      toastOptions: {
+        ...o,
+        classNames: {
+          ...o == null ? void 0 : o.classNames,
+          // Compact: sonner's default 16px padding → 11px; title 500 → 400.
+          toast: `!p-[11px] ${((u = o == null ? void 0 : o.classNames) == null ? void 0 : u.toast) ?? ""}`,
+          title: `!font-normal ${((c = o == null ? void 0 : o.classNames) == null ? void 0 : c.title) ?? ""}`,
+          description: `${Ke[t]} ${((h = o == null ? void 0 : o.classNames) == null ? void 0 : h.description) ?? ""}`
+        }
+      }
+    }
+  );
+}
+const Ye = /* @__PURE__ */ new Set(["feature:broken", "selection:copied", "selection:pasted", "error", "warning", "success"]);
+function Qe(e) {
+  switch (e.type) {
+    case "feature:deleted":
+      return `Deleted "${e.label}"`;
+    case "features:deleted":
+      return `Deleted ${e.count} features`;
+    case "feature:duplicated":
+      return `Duplicated "${e.label}"`;
+    case "features:duplicated":
+      return `Duplicated ${e.count} features`;
+    case "feature:broken":
+      return `Broken into ${e.count} features`;
+    case "selection:copied":
+      return "Selection copied";
+    case "selection:pasted":
+      return e.count === 1 ? "Feature pasted" : `${e.count} features pasted`;
+    case "undo":
+      return "Undone";
+    case "redo":
+      return "Redone";
+    case "error":
+      return e.message;
+    case "warning":
+      return e.message;
+    case "success":
+      return e.message;
+    default:
+      return null;
+  }
+}
+const B = L(null), Te = L(null);
+function Tt({
+  onEvent: e,
+  onError: t,
+  toaster: a = !1,
+  children: o
+}) {
+  const s = p(e);
+  s.current = e;
+  const u = p(t);
+  u.current = t;
+  const c = v(B), h = p(c);
+  h.current = c;
+  const [y, E] = W(""), b = p(!!e), w = p(!!c && !e && !a), I = xe(), l = a && !b.current ? `elm-toaster-${I}` : void 0, g = w.current ? c == null ? void 0 : c.toasterId : l, _ = b.current || w.current && !!(c != null && c.managed), F = ee((j) => {
+    var R;
+    let m = j;
+    if (j.type === "error") {
+      const { cause: U, featureId: P, quiet: J, error: q, ...T } = j, Z = q ?? new z(T.code, T.source, T.description ? `${T.message}: ${T.description}` : T.message, { cause: U, featureId: P });
+      let O;
+      try {
+        O = (R = u.current) == null ? void 0 : R.call(u, Z);
+      } catch (G) {
+        console.error(G);
+      }
+      if (O === !1 || J) return;
+      m = typeof O == "string" ? { ...T, message: O, description: void 0 } : { ...T, error: Z };
+    }
+    if (w.current && h.current) {
+      h.current.emit(m);
+      return;
+    }
+    if (m.type === "error") {
+      const { error: U, ...P } = m;
+      m = P;
+    }
+    const A = Qe(m);
+    if (A && (s.current || !Ye.has(m.type)) && (E(""), requestAnimationFrame(() => E(A))), s.current) {
+      s.current(m);
+      return;
+    }
+    const k = { toasterId: g, description: m.description };
+    switch (m.type) {
+      case "feature:deleted":
+      case "features:deleted":
+      case "feature:duplicated":
+      case "features:duplicated":
+        break;
+      case "feature:broken":
+        H.success(`Broken into ${m.count} features`, {
+          ...k,
+          action: { label: "Undo", onClick: m.undo },
+          duration: 5e3
+        });
+        break;
+      case "selection:copied":
+        H.success("Copied selection", k);
+        break;
+      case "selection:pasted":
+        H.success(m.count === 1 ? "Pasted feature" : `Pasted ${m.count} features`, k);
+        break;
+      case "undo":
+      case "redo":
+        break;
+      case "error":
+        H.error(m.message, k);
+        break;
+      case "warning":
+        H.warning(m.message, k);
+        break;
+      case "success":
+        H.success(m.message, k);
+        break;
+    }
+  }, [g]), D = v(Te);
+  x(() => {
+    if (D)
+      return D((j, m) => F({ type: "error", code: j.code, source: j.source, message: j.message, error: j, quiet: m == null ? void 0 : m.quiet })), () => D(null);
+  }, [D, F]);
+  const K = he(() => ({ emit: F, managed: _, toasterId: g }), [F, _, g]);
+  return /* @__PURE__ */ Be(B.Provider, { value: K, children: [
+    o,
+    l && /* @__PURE__ */ M(Ve, { id: l, position: "bottom-right" }),
+    /* @__PURE__ */ M(
+      "div",
+      {
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        role: "status",
+        style: {
+          position: "absolute",
+          width: 1,
+          height: 1,
+          padding: 0,
+          margin: -1,
+          overflow: "hidden",
+          clip: "rect(0, 0, 0, 0)",
+          whiteSpace: "nowrap",
+          border: 0
+        },
+        children: y
+      }
+    )
+  ] });
+}
+function Xe() {
+  const e = v(B);
+  if (!e) throw new Error("useEmit must be used within EventProvider");
+  return e.emit;
+}
+function Ft() {
+  var e;
+  return ((e = v(B)) == null ? void 0 : e.managed) ?? !1;
+}
+function $t() {
+  var e;
+  return (e = v(B)) == null ? void 0 : e.toasterId;
+}
+function Ct() {
+  var e;
+  return (e = v(B)) == null ? void 0 : e.emit;
+}
+const de = /* @__PURE__ */ new WeakSet(), te = L(null);
+function Et({ children: e }) {
+  var y;
+  const t = p(null), a = p(null), o = (y = v(B)) == null ? void 0 : y.emit, s = p(o);
+  s.current = o;
+  const u = ee((E) => {
+    a.current = E;
+  }, []), c = ie(), h = c.ui.geojsonEditorOpen;
+  if (!t.current) {
+    const E = (l, g) => {
+      a.current ? a.current(l, g) : s.current ? s.current({ type: "error", code: l.code, source: l.source, message: l.message, error: l, quiet: g == null ? void 0 : g.quiet }) : g != null && g.quiet || H.error(l.message);
+    }, b = { persistKey: c.persistKey, persist: c.persist }, w = Ie({ onError: E, persist: b }), I = je(w, { onError: E, persist: b });
+    if (h) {
+      I.setState({ codeModalOpen: !0 }), de.add(I);
+      const l = I.subscribe((g) => {
+        g.codeModalOpen || (de.delete(I), l());
+      });
+    }
+    t.current = { dataStore: w, uiStore: I };
+  }
+  return /* @__PURE__ */ M(te.Provider, { value: t.current, children: /* @__PURE__ */ M(Te.Provider, { value: u, children: e }) });
+}
+function et(e) {
+  const t = v(te);
+  if (!t) throw new Error("useDataStore must be used within GeoStoreProvider");
+  return be(t.dataStore, e);
+}
+function X(e) {
+  const t = v(te);
+  if (!t) throw new Error("useUIStore must be used within GeoStoreProvider");
+  return be(t.uiStore, e);
+}
+function Fe() {
+  const e = v(te);
+  if (!e) throw new Error("useGeoStore must be used within GeoStoreProvider");
+  return e;
+}
+const $e = L({
+  flyTo: null,
+  panTo: null,
+  fitBounds: null,
+  getCenter: null,
+  setZoom: null,
+  getZoomBounds: null
+}), Ce = () => {
+}, se = L(Ce);
+function Ot({ children: e }) {
+  const [t, a] = W({
+    flyTo: null,
+    panTo: null,
+    fitBounds: null,
+    getCenter: null,
+    setZoom: null,
+    getZoomBounds: null
+  });
+  return v(se) !== Ce ? /* @__PURE__ */ M(Le, { children: e }) : /* @__PURE__ */ M(se.Provider, { value: a, children: /* @__PURE__ */ M($e.Provider, { value: t, children: e }) });
+}
+function Ee() {
+  return v($e);
+}
+function Nt() {
+  return v(se);
+}
+function Oe(e, t = "features.geojson") {
+  const a = t.toLowerCase().endsWith(".geojson") ? t : `${t}.geojson`, o = new Blob([e], { type: "application/geo+json" }), s = URL.createObjectURL(o), u = document.createElement("a");
+  return u.href = s, u.download = a, u.rel = "noopener", document.body.appendChild(u), u.click(), document.body.removeChild(u), URL.revokeObjectURL(s), { name: a, bytes: o.size };
+}
+async function xt(e, t = "features.geojson") {
+  const a = t.toLowerCase().endsWith(".geojson") ? t : `${t}.geojson`, o = new Blob([e], { type: "application/geo+json" }), s = window;
+  if (typeof s.showSaveFilePicker == "function")
+    try {
+      const u = await s.showSaveFilePicker({
+        suggestedName: a,
+        types: [{ description: "GeoJSON", accept: { "application/geo+json": [".geojson", ".json"] } }]
+      }), c = await u.createWritable();
+      return await c.write(o), await c.close(), { name: u.name || a, bytes: o.size };
+    } catch (u) {
+      if (u instanceof Error && u.name === "AbortError") return null;
+    }
+  return Oe(e, t), null;
+}
+async function tt(e, t, a) {
+  let o;
+  try {
+    o = await e.text();
+  } catch (u) {
+    return { ok: !1, code: "unknown", reason: "The file could not be read", cause: u };
+  }
+  const s = Ae(o);
+  if (!s.ok) {
+    const u = s.error;
+    return u.kind === "too-large" ? { ok: !1, code: "too-large", reason: `The file is over the ${Math.round(u.maxBytes / 1024 / 1024)} MB import limit` } : u.kind === "invalid-json" ? { ok: !1, code: "invalid-data", reason: `Not valid JSON (${u.cause.message})`, cause: u.cause } : { ok: !1, code: "invalid-data", reason: "Not a FeatureCollection" };
+  }
+  try {
+    const { skipped: u, duplicates: c } = t(s.fc, "replace");
+    return { ok: !0, count: a(), skipped: u, duplicates: c };
+  } catch (u) {
+    return { ok: !1, code: "invalid-data", reason: u instanceof Error ? u.message : "Not a FeatureCollection", cause: u };
+  }
+}
+function It() {
+  const { dataStore: e, uiStore: t } = Fe(), a = Xe(), { fitBounds: o } = Ee();
+  return ee(async (s) => {
+    if (t.getState().readonly) return;
+    if (!/\.(geo)?json$/i.test(s.name) && !/json/i.test(s.type)) {
+      a({ type: "error", code: "invalid-data", source: "import", message: "Import failed", description: `${s.name} is not a .geojson or .json file` });
+      return;
+    }
+    const u = e.getState(), c = await tt(s, u.importGeoJSON, () => e.getState().features.length);
+    if (!c.ok) {
+      a({ type: "error", code: c.code, source: "import", message: "Import failed", description: c.reason, cause: c.cause });
+      return;
+    }
+    const { features: h, schemas: y, groups: E } = e.getState(), b = Se({ type: "FeatureCollection", metadata: { schemas: y, groups: E }, features: h });
+    b && (o == null || o(b)), a({
+      type: "success",
+      message: `Loaded ${s.name}`,
+      description: c.count === 1 ? "1 feature" : `${c.count} features`
+    });
+    const w = c.skipped + c.duplicates;
+    w > 0 && a({
+      type: "warning",
+      message: `Skipped ${w === 1 ? "1 feature" : `${w} features`} from ${s.name}`,
+      description: [
+        c.skipped > 0 && `${c.skipped} with a missing or unsupported geometry`,
+        c.duplicates > 0 && `${c.duplicates} with a repeated id`
+      ].filter(Boolean).join(", ")
+    });
+  }, [e, t, a, o]);
+}
+const rt = 400, nt = "https://nominatim.openstreetmap.org/search", jt = 'Geocoding by <a href="https://nominatim.org/" target="_blank" rel="noopener">Nominatim</a>';
+function ot(e) {
+  return e instanceof z ? e : e instanceof SyntaxError ? new z("invalid-data", "search", "Search service sent an answer that could not be read. Try again later.", { cause: e }) : new z("network", "search", "Search unavailable. Check your connection.", { cause: e });
+}
+function at(e) {
+  const t = Pe(e), a = t === "rate-limited" ? "Too many searches — wait a moment and try again." : t === "busy" ? "Search service is busy — try again in a moment." : `Search failed (HTTP ${e}). Try again later.`;
+  return new z(t, "search", a);
+}
+function At(e) {
+  var _;
+  const [t, a] = W([]), [o, s] = W(!1), [u, c] = W(null), h = p(null), y = p(null), E = (_ = v(B)) == null ? void 0 : _.emit, b = p(E);
+  b.current = E;
+  const { network: w } = ie(), I = p(w);
+  I.current = w;
+  const l = p(null);
+  x(() => {
+    const F = e.trim();
+    if (F.length < 2) {
+      a([]), s(!1), c(null);
+      return;
+    }
+    s(!0), c(null), y.current && clearTimeout(y.current);
+    const D = async () => {
+      var K, j;
+      l.current = null, y.current && clearTimeout(y.current), (K = h.current) == null || K.abort(), h.current = new AbortController();
+      try {
+        const { nominatim: m, fetch: A = fetch } = I.current, k = m || {}, R = new URLSearchParams({
+          q: F,
+          format: "json",
+          limit: "6",
+          addressdetails: "0",
+          polygon_geojson: "1",
+          ...k.email && { email: k.email }
+        }), U = k.url ?? nt, P = await A(`${U}${U.includes("?") ? "&" : "?"}${R}`, { signal: h.current.signal });
+        if (!P.ok) throw at(P.status);
+        const J = await P.json(), q = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Set(), Z = J.filter((O) => {
+          const G = `${O.lat},${O.lon}`;
+          return q.has(O.display_name) || T.has(G) ? !1 : (q.add(O.display_name), T.add(G), !0);
+        });
+        a(Z), c(null);
+      } catch (m) {
+        if (m instanceof Error && m.name === "AbortError") return;
+        const A = ot(m);
+        c(A.message), (j = b.current) == null || j.call(b, { type: "error", code: A.code, source: "search", message: A.message, error: A, quiet: !0 }), a([]);
+      } finally {
+        s(!1);
+      }
+    };
+    return l.current = D, y.current = setTimeout(D, rt), () => {
+      l.current = null, y.current && clearTimeout(y.current);
+    };
+  }, [e]), x(() => () => {
+    var F;
+    (F = h.current) == null || F.abort(), y.current && clearTimeout(y.current);
+  }, []);
+  const g = ee(() => {
+    var F;
+    (F = l.current) == null || F.call(l);
+  }, []);
+  return { results: t, loading: o, error: u, flush: g };
+}
+const fe = (e, t) => Object.is(e, t) || Array.isArray(e) && Array.isArray(t) && e.length === t.length && e.every((a, o) => Object.is(a, t[o]));
+function st(e, t) {
+  return [
+    ...e.routing === !1 ? ["route"] : [],
+    ...e.nominatim === !1 ? ["search"] : [],
+    ...e.overpass === !1 && t === "leaflet" ? ["picker"] : []
+  ];
+}
+function V(e, t, a) {
+  const o = p({ has: !1, value: e });
+  o.current.has || (o.current = { has: !0, value: e }, e !== void 0 && !fe(a(), e) && t(e)), oe(() => {
+    fe(o.current.value, e) || (o.current = { has: !0, value: e }, t(e));
+  });
+}
+const ct = ["properties", "geometry", "schemaId", "hidden"];
+function me(e, t) {
+  const a = e;
+  if (!a || typeof a != "object")
+    return C(`ref-${t}-patch`, `${t}: a patch must be an object; it was skipped.`), null;
+  const o = {};
+  for (const s of ct) a[s] !== void 0 && (o[s] = a[s]);
+  return o.geometry !== void 0 && !ye(o.geometry) ? (C(`ref-${t}-geometry`, `${t}: patch.geometry is not a valid GeoJSON geometry; the patch was skipped.`), null) : o.properties !== void 0 && (typeof o.properties != "object" || o.properties === null || Array.isArray(o.properties)) ? (C(`ref-${t}-properties`, `${t}: patch.properties must be an object; the patch was skipped.`), null) : o;
+}
+function re(e, t) {
+  C(`ref-${e}-unknown`, `${e}: no feature with id ${t.slice(0, 3).map((a) => JSON.stringify(a)).join(", ")}${t.length > 3 ? ", …" : ""}; skipped.`);
+}
+function ce(e) {
+  const { _validation: t, ...a } = e;
+  return a;
+}
+function it(e, t) {
+  const a = new Map(e.features.map((c) => [c.id, c])), o = new Set(e.groups.filter((c) => c.hidden).map((c) => c.id)), s = [], u = [];
+  for (const c of new Set(t)) {
+    const h = a.get(c);
+    h && !h.hidden && !(h.groupId && o.has(h.groupId)) ? s.push(h) : u.push(c);
+  }
+  return { keep: s, dropped: u };
+}
+function ut(e) {
+  const t = e;
+  return (t == null ? void 0 : t.type) === "Feature" ? { type: "FeatureCollection", features: [t] } : t;
+}
+const lt = Object.fromEntries(Object.entries(ae).map(([e, t]) => [t, e])), ne = (e) => lt[e] ?? null;
+function ge(e) {
+  const t = new Map(e.schemas.map((s) => [s.id, s])), a = e.schemas[0] ?? e.getDefaultSchema(), o = {};
+  for (const s of e.features) {
+    const u = s.schemaId && t.get(s.schemaId) || a, c = Re(s, u).errors;
+    c.length > 0 && (o[s.id] = c);
+  }
+  return o;
+}
+function pe(e) {
+  return {
+    type: "FeatureCollection",
+    metadata: { schemas: e.schemas, groups: e.groups },
+    features: e.features.map(ce)
+  };
+}
+const dt = (e) => e.features.length === 0 && e.undoStack.length === 0 && e.redoStack.length === 0;
+function ft(e, t) {
+  if (e === t) return !0;
+  const a = e == null ? void 0 : e.features, o = t == null ? void 0 : t.features;
+  return !Array.isArray(a) || !Array.isArray(o) ? !1 : a === o || a.length === o.length && a.every((s, u) => {
+    var c;
+    return (s == null ? void 0 : s.id) === ((c = o[u]) == null ? void 0 : c.id);
+  });
+}
+function Mt(e) {
+  const {
+    initialData: t,
+    schema: a,
+    onChange: o,
+    onSubmit: s,
+    onValidationError: u,
+    onFeatureAdd: c,
+    onFeatureUpdate: h,
+    onFeatureDelete: y,
+    onSelectionChange: E,
+    onFeatureSelect: b,
+    onZoomChange: w,
+    onToolChange: I
+  } = e, { dataStore: l, uiStore: g } = Fe(), _ = X((r) => r.setReadonly), F = X((r) => r.setEnabledTools), D = et((r) => r.setMaxFeatures), K = X((r) => r.setLayout), j = X((r) => r.setUnavailableTools), { network: m } = ie(), A = Ee(), k = p(A);
+  k.current = A;
+  const R = p(!1), U = p({});
+  U.current = { onChange: o, onFeatureAdd: c, onFeatureUpdate: h, onFeatureDelete: y, onSelectionChange: E }, x(() => Me(l, () => R.current ? { onSelectionChange: U.current.onSelectionChange } : U.current), [l]), V(e.readonly, (r) => _(r ?? !1), () => g.getState().readonly), V(e.tools, (r) => F(r ?? null), () => g.getState().enabledTools), V(e.maxFeatures, D, () => l.getState().maxFeatures), V(e.layout, (r) => K(r ?? "panel"), () => g.getState().layout), V(e.engine && st(m, e.engine), (r) => j(r ?? []), () => g.getState().unavailableTools), x(() => {
+    a && l.setState((r) => r.schemas.find((n) => n.id === a.id) ? r : { schemas: [...r.schemas, a] });
+  }, [a, l]);
+  const P = (r, n) => {
+    n !== 0 && g.getState().reportError(new z(
+      "invalid-data",
+      "import",
+      `${n} feature${n === 1 ? "" : "s"} in ${r} had no usable geometry (null or an unknown type) and ${n === 1 ? "was" : "were"} left out.`
+    ));
+  }, J = p(!1), q = p(t), T = p(e.onInitialDataApplied);
+  T.current = e.onInitialDataApplied;
+  const Z = (r, n) => {
+    var d;
+    const i = ut(r);
+    R.current = !0;
+    try {
+      const { skipped: f } = l.getState().importGeoJSON(i, "replace", { undoable: !1 });
+      R.current = !1, P("initialData", f), J.current = l.getState().features.length > 0, (d = T.current) == null || d.call(T, i, n);
+    } catch (f) {
+      const S = `initialData is not a valid FeatureCollection (${f instanceof Error ? f.message : String(f)}). The editor started empty.`;
+      console.error(`[element-editor] ${S}`), g.getState().reportError(new z("invalid-data", "import", S, { cause: f }));
+    } finally {
+      R.current = !1;
+    }
+  };
+  x(() => {
+    t && Z(t, !1);
+  }, []), x(() => {
+    const r = q.current;
+    if (ft(r, t) || (q.current = t, !t && !J.current)) return;
+    if (t && !J.current && dt(l.getState())) {
+      Z(t, !0);
+      return;
+    }
+    const n = J.current || !t;
+    C(n ? "initialData-changed" : "initialData-after-edit", n ? "`initialData` changed after the editor loaded its data; the change was ignored (`initialData` is the starting data). To replace the data, call `ref.current.setFeatureCollection(data, { silent: true })`, or remount the editor with a new `key` (e.g. key={projectId})." : "`initialData` arrived after the user started editing; it was ignored so their edits are kept. Render the editor once the data is there, call `ref.current.setFeatureCollection(data, { silent: true })`, or remount it with a new `key`.");
+  }, [t]);
+  const O = p(s), G = p(u), Y = p(w), ue = p(b);
+  x(() => {
+    O.current = s;
+  }, [s]), x(() => {
+    G.current = u;
+  }, [u]), x(() => {
+    Y.current = w;
+  }, [w]), x(() => {
+    ue.current = b;
+  }, [b]), x(() => l.subscribe((r, n) => {
+    var i;
+    r.currentZoom !== n.currentZoom && ((i = Y.current) == null || i.call(Y, r.currentZoom));
+  }), [l]), x(() => l.subscribe((r, n) => {
+    const i = ue.current;
+    if (!i) return;
+    const d = r.selectedIds.length === 1 ? r.selectedIds[0] : null, f = n.selectedIds.length === 1 ? n.selectedIds[0] : null, S = d ? r.features.find(($) => $.id === d) ?? null : null, N = f ? n.features.find(($) => $.id === f) ?? null : null;
+    S !== N && i(S);
+  }), [l]);
+  const Q = p(I);
+  return Q.current = I, x(() => g.subscribe((r, n) => {
+    var d;
+    if (r.editingMode === n.editingMode) return;
+    const i = ne(r.editingMode);
+    i !== ne(n.editingMode) && ((d = Q.current) == null || d.call(Q, i));
+  }), [g]), he(() => ({
+    getFeatureCollection: () => pe(l.getState()),
+    getFeature: (r) => {
+      const n = l.getState().features.find((i) => i.id === r);
+      return n ? ce(n) : null;
+    },
+    setFeatureCollection: (r, n) => {
+      R.current = !!(n != null && n.silent);
+      try {
+        const { skipped: i } = l.getState().importGeoJSON(r, "replace", { undoable: (n == null ? void 0 : n.undoable) !== !1 });
+        P("the data passed to setFeatureCollection", i);
+      } finally {
+        R.current = !1;
+      }
+    },
+    exportGeoJSON: () => l.getState().exportGeoJSON(),
+    exportAs: (r) => {
+      r === "geojson" && Oe(l.getState().exportGeoJSON());
+    },
+    importGeoJSON: (r, n = "replace") => l.getState().importGeoJSON(r, n),
+    updateFeatures: (r, n) => {
+      if (!Array.isArray(r)) {
+        C("ref-updateFeatures-array", "updateFeatures: expected an array of { id, patch }.");
+        return;
+      }
+      const i = l.getState(), d = new Set(i.features.map((N) => N.id)), f = [], S = [];
+      for (const N of r) {
+        const $ = me(N == null ? void 0 : N.patch, "updateFeatures");
+        if ($) {
+          if (!d.has(N.id)) {
+            S.push(String(N.id));
+            continue;
+          }
+          f.push({ id: N.id, patch: $ });
+        }
+      }
+      S.length && re("updateFeatures", S), f.length && i.updateFeatures(f, { undoable: (n == null ? void 0 : n.undoable) ?? !0 });
+    },
+    addFeature: (r, n) => {
+      const i = r;
+      if (!i || typeof i != "object" || !ye(i.geometry))
+        return C("ref-addFeature-geometry", "addFeature: the feature needs a valid GeoJSON geometry; nothing was added."), null;
+      const d = l.getState(), f = i.id !== void 0 && i.id !== null && String(i.id) !== "" ? String(i.id) : crypto.randomUUID();
+      if (d.features.some((Ne) => Ne.id === f))
+        return C("ref-addFeature-duplicate", `addFeature: a feature with id ${JSON.stringify(f)} already exists; nothing was added.`), null;
+      const { _validation: S, bbox: N, ...$ } = i, le = d.addFeature(
+        { ...$, type: "Feature", id: f, properties: i.properties ?? {} },
+        { programmatic: !0, undoable: n == null ? void 0 : n.undoable }
+      );
+      return le && ce(le);
+    },
+    updateFeature: (r, n, i) => {
+      const d = me(n, "updateFeature");
+      if (!d) return !1;
+      const f = l.getState();
+      return f.features.some((S) => S.id === r) ? (f.updateFeatures([{ id: r, patch: d }], { undoable: (i == null ? void 0 : i.undoable) ?? !0 }), !0) : (re("updateFeature", [String(r)]), !1);
+    },
+    removeFeatures: (r, n) => {
+      if (!Array.isArray(r))
+        return C("ref-removeFeatures-array", "removeFeatures: expected an array of ids."), 0;
+      const i = l.getState(), d = new Set(i.features.map((S) => S.id)), f = r.filter((S) => !d.has(S));
+      return f.length && re("removeFeatures", f.map(String)), i.deleteFeatures(r, { undoable: n == null ? void 0 : n.undoable });
+    },
+    getSelection: () => [...l.getState().selectedIds],
+    select: (r, n) => {
+      var S, N;
+      if (!Array.isArray(r)) {
+        C("ref-select-array", "select: expected an array of feature ids.");
+        return;
+      }
+      const i = l.getState(), { keep: d, dropped: f } = it(i, r);
+      if (f.length && C("ref-select-dropped", `select: left out ${f.slice(0, 3).map(($) => JSON.stringify($)).join(", ")}${f.length > 3 ? ", …" : ""}: unknown ids or hidden features (a group id isn't selectable; select its features).`), d.length === 0 ? i.clearSelection() : d.length === 1 ? i.selectFeature(d[0].id) : i.setSelection(d.map(($) => $.id)), n != null && n.fit && d.length > 0) {
+        const $ = Se({ type: "FeatureCollection", features: d });
+        $ && ((N = (S = k.current).fitBounds) == null || N.call(S, $));
+      }
+    },
+    setTool: (r) => {
+      const n = g.getState();
+      if (r === null)
+        return n.setEditingMode("none"), !0;
+      const i = r !== "search" && Object.prototype.hasOwnProperty.call(ae, r) ? ae[r] : null;
+      return i ? n.readonly && r !== "measure" ? (C("ref-setTool-readonly", `setTool(${JSON.stringify(r)}): the editor is readonly; only 'measure' is available.`), !1) : n.isToolAvailable(r) ? n.editingMode === i ? !0 : r !== "measure" && !l.getState().canAddFeatures(1) ? !1 : (n.setEditingMode(i), !0) : (C(`ref-setTool-disabled-${r}`, `setTool: ${JSON.stringify(r)} is not in the \`tools\` list${n.unavailableTools.includes(r) ? " (config.network turns it off)" : ""}.`), !1) : (C(`ref-setTool-${String(r)}`, `setTool: ${JSON.stringify(r)} is not a drawing tool${r === "search" ? " (search is a box in the toolbar, not a tool)" : ""}.`), !1);
+    },
+    getTool: () => ne(g.getState().editingMode),
+    canUndo: () => l.getState().undoStack.length > 0,
+    canRedo: () => l.getState().redoStack.length > 0,
+    validate: () => {
+      const r = ge(l.getState());
+      return { valid: Object.keys(r).length === 0, errors: r };
+    },
+    getMap: () => {
+      var r, n;
+      return ((n = (r = k.current).getMap) == null ? void 0 : n.call(r)) ?? null;
+    },
+    flyTo: (r, n) => {
+      var d, f;
+      const i = De(r, n);
+      i && ((f = (d = k.current).flyTo) == null || f.call(d, [i.center[1], i.center[0]], i.zoom));
+    },
+    setZoom: (r) => {
+      const n = k.current.setZoom;
+      return n ? (n(r), !0) : !1;
+    },
+    fitBounds: (r) => {
+      var n, i;
+      return (i = (n = k.current).fitBounds) == null ? void 0 : i.call(n, r);
+    },
+    submit: () => {
+      var i, d;
+      const r = l.getState(), n = ge(r);
+      return Object.keys(n).length > 0 ? ((i = G.current) == null || i.call(G, n), !1) : ((d = O.current) == null || d.call(O, pe(r)), !0);
+    },
+    undo: () => l.getState().undo(),
+    redo: () => l.getState().redo(),
+    clearSelection: () => l.getState().clearSelection()
+  }), [l, g]);
+}
+export {
+  B as E,
+  Et as G,
+  Ot as M,
+  nt as N,
+  te as S,
+  kt as T,
+  jt as a,
+  It as b,
+  Ct as c,
+  qe as d,
+  Fe as e,
+  et as f,
+  Ee as g,
+  Xe as h,
+  Ft as i,
+  $t as j,
+  de as k,
+  At as l,
+  Tt as m,
+  st as n,
+  Ve as o,
+  we as p,
+  Mt as q,
+  vt as r,
+  xt as s,
+  Oe as t,
+  X as u,
+  Nt as v
+};