@object-ui/plugin-map 17.6.0 → 18.0.0

package/dist/index.js

@@ -1,54 +1,52 @@
 import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { ComponentRegistry as a, buildExpandFields as o, convertSortToQueryParams as s, extractRecords as c, getRecordDisplayName as ee } from "@object-ui/core";
-import { ElementDataSourceGate as l, useNavigationOverlay as te, useSchemaContext as u } from "@object-ui/react";
-import { ObjectMapConfigSchema as d } from "@object-ui/types/zod";
-import { NavigationOverlay as ne, cn as f, useIsMobile as re } from "@object-ui/components";
-import ie, { Marker as p, NavigationControl as ae, Popup as oe } from "react-map-gl/maplibre";
+import { ComponentRegistry as a, ValueDataSource as o, applyNonGridRowCeiling as s, buildExpandFields as ee, convertSortToQueryParams as te, elementDataSourceBlock as c, getRecordDisplayName as ne, nonGridRowCeilingQuery as re, recordDisplayValueAt as l, resolveRecordSourceConfig as u, resolveRecordSourceObjectName as ie } from "@object-ui/core";
+import { ElementDataSourceGate as d, NonGridRowCeilingNote as ae, useDataInvalidation as oe, useFilterScope as se, useNavigationOverlay as ce, useObjectTranslation as le, useResolvedFilter as ue, useSchemaContext as de, useSettledSchema as fe } from "@object-ui/react";
+import { ObjectMapConfigSchema as f } from "@object-ui/types/zod";
+import { NavigationOverlay as pe, cn as p, useIsMobile as me } from "@object-ui/components";
+import { usePermissions as he } from "@object-ui/permissions";
+import ge, { Marker as m, NavigationControl as _e, Popup as ve } from "react-map-gl/maplibre";
 import "maplibre-gl/dist/maplibre-gl.css";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-function g(e) {
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+function _(e) {
 	return e >= -180 && e < 180 ? e : ((e + 180) % 360 + 360) % 360 - 180;
 }
-var _ = (e) => Math.min(85, Math.max(-85, e));
-function se(e) {
+var v = (e) => Math.min(85, Math.max(-85, e));
+function ye(e) {
 	if (e.length === 0) return null;
-	let t = e.map(([e]) => g(e)).sort((e, t) => e - t), n = e.map(([, e]) => _(e)), r = t.length, i = t[0] + 360 - t[r - 1], a = 0;
+	let t = e.map(([e]) => _(e)).sort((e, t) => e - t), n = e.map(([, e]) => v(e)), r = t.length, i = t[0] + 360 - t[r - 1], a = 0;
 	for (let e = 1; e < r; e++) {
 		let n = t[e] - t[e - 1];
 		n > i && (i = n, a = e);
 	}
-	let o = t[a], s = t[(a + r - 1) % r], c = a === 0 ? s : s + 360;
-	return [[o, Math.min(...n)], [c, Math.max(...n)]];
+	let o = t[a], s = t[(a + r - 1) % r], ee = a === 0 ? s : s + 360;
+	return [[o, Math.min(...n)], [ee, Math.max(...n)]];
 }
-function ce(e) {
+function be(e) {
 	let [[t, n], [r, i]] = e;
 	return {
-		longitude: g((t + r) / 2),
+		longitude: _((t + r) / 2),
 		latitude: (n + i) / 2
 	};
 }
 //#endregion
 //#region src/ObjectMap.tsx
-var le = "https://demotiles.maplibre.org/style.json", v = Object.keys(d.shape).filter((e) => e !== "style");
-function ue(e) {
-	if (e.data) {
-		let t = e.data;
-		return Array.isArray(t) ? {
-			provider: "value",
-			items: t
-		} : e.data;
+var xe = "https://demotiles.maplibre.org/style.json";
+function Se() {
+	if (typeof document > "u") return !0;
+	try {
+		let e = document.createElement("canvas").getContext("webgl2");
+		return e ? (e.getExtension("WEBGL_lose_context")?.loseContext(), !0) : !1;
+	} catch {
+		return !1;
 	}
-	return e.staticData ? {
-		provider: "value",
-		items: e.staticData
-	} : e.objectName ? {
-		provider: "object",
-		object: e.objectName
-	} : null;
 }
-var y = () => globalThis.process?.env?.NODE_ENV !== "production", b = /* @__PURE__ */ new Set();
-function x(e) {
-	if (!y()) return;
+var y = Object.keys(f.shape).filter((e) => e !== "style");
+function Ce(e) {
+	return u(e, "view-data");
+}
+var b = () => globalThis.process?.env?.NODE_ENV !== "production", x = /* @__PURE__ */ new Set();
+function we(e) {
+	if (!b()) return;
 	let t = e.filter;
 	if (!t || typeof t != "object" || Array.isArray(t) || !Object.prototype.hasOwnProperty.call(t, "map")) return;
 	let n = t.map;
@@ -59,32 +57,32 @@ function x(e) {
 	} catch {
 		r = `${e.type ?? "map"}::${e.objectName ?? ""}::<unserializable>`;
 	}
-	b.has(r) || (b.add(r), console.warn("[ObjectMap] `filter.map` is no longer read as map configuration, so this map is rendering with the DEFAULT field names (`latitude` / `longitude` / `name`). `filter` is the query filter; the map config belongs under the declared `map` input — move it to `schema.map` (`{ type: 'object-map', map: { latitudeField, longitudeField, titleField } }`). The old spelling was never documented and could not survive a `dataSource` binding, whose merged filter is an `and` node with no `map` key at all (objectstack#7121). If `map` is genuinely a field you are filtering on, ignore this — the filter itself is passed through untouched. objectui#4034."));
+	x.has(r) || (x.add(r), console.warn("[ObjectMap] `filter.map` is no longer read as map configuration, so this map has NO coordinate binding and renders the \"Map configuration required\" refusal (objectui#8169 — the `latitude` / `longitude` / `location` defaults are gone). `filter` is the query filter; the map config belongs under the declared `map` input — move it to `schema.map` (`{ type: 'object-map', map: { latitudeField, longitudeField, titleField } }`). The old spelling was never documented and could not survive a `dataSource` binding, whose merged filter is an `and` node with no `map` key at all (objectstack#7121). If `map` is genuinely a field you are filtering on, ignore this — the filter itself is passed through untouched. objectui#4034."));
 }
 var S = /* @__PURE__ */ new Set();
 function C(e) {
-	if (!y()) return;
+	if (!b()) return;
 	let t = e.style;
 	if (typeof t != "string" || t === "") return;
 	let n = `${e.type ?? "map"}::${e.objectName ?? ""}::${t}`;
-	S.has(n) || (S.add(n), console.warn(`[ObjectMap] A top-level \`style\` is NOT read as a map style, so this map is rendering with the DEFAULT public demo tiles and \`${t}\` was dropped. \`style\` is the base schema's INLINE CSS key (a record of CSS properties), which every node may carry; the map style is \`mapStyle\` — named that way precisely to avoid this collision. Write \`mapStyle: '${t}'\` at the top level, or \`map: { style: '${t}' }\` in the declared config block. On a view, note that \`options.map\` is FLATTENED into the top level, so its \`style\` lands here as this same top-level key — spell it \`map: { mapStyle }\` there. objectui#5017.`));
+	S.has(n) || (S.add(n), console.warn(`[ObjectMap] A top-level \`style\` is NOT read as a map style, so this map is rendering with the DEFAULT public demo tiles and \`${t}\` was dropped. \`style\` is the base schema's INLINE CSS key (a record of CSS properties), which every node may carry; the map style is \`mapStyle\` — named that way precisely to avoid this collision. Write \`mapStyle: '${t}'\` at the top level, or \`map: { style: '${t}' }\` in the declared config block. On a view, write that same declared \`map: { style: ... }\`: ObjectView / ListView flatten \`options.map\` through a whitelist of the keys \`ObjectMapConfigSchema\` declares, and that whitelist carries \`style\` out under the flat spelling \`mapStyle\` (objectui#9950), so the declared block arrives and is read. \`mapStyle\` is the TOP-LEVEL spelling only — inside the \`map\` block it is undeclared, and the flatten drops it. objectui#5017.`));
 }
 var w = /* @__PURE__ */ new Set();
 function T(e) {
-	if (!y()) return;
-	let t = v.filter((t) => e[t] !== void 0);
+	if (!b()) return;
+	let t = y.filter((t) => e[t] !== void 0);
 	if (t.length === 0) return;
 	let n = `${e.type ?? "map"}::${e.objectName ?? ""}::${t.join(",")}`;
 	w.has(n) || (w.add(n), console.warn(`[ObjectMap] The \`map\` block configures this map, so these top-level keys are IGNORED: ${t.map((e) => `\`${e}\``).join(", ")}. The \`map\` block is the authoring shape; the flat top-level spelling is the internal form ObjectView/ListView produce when they flatten \`options.map\`, and what the author wrote outranks it. Move anything you still need into \`map\`, or drop the \`map\` block. objectui#5018.`));
 }
-function de(e) {
-	x(e), C(e);
+function Te(e) {
+	we(e), C(e);
 	let t = e.mapStyle || e.map?.style, n = e.map ?? null;
 	if (n) {
-		let r = d.safeParse(n);
+		let r = f.safeParse(n);
 		return r.success || console.warn("[ObjectMap] Invalid map configuration:", r.error.format()), T(e), {
 			...n,
-			style: n.style || t
+			style: t
 		};
 	}
 	return e.locationField || e.latitudeField ? {
@@ -96,15 +94,12 @@ function de(e) {
 		zoom: e.zoom,
 		center: e.center,
 		style: t
-	} : {
-		latitudeField: "latitude",
-		longitudeField: "longitude",
-		locationField: "location",
-		descriptionField: "description",
-		style: t
-	};
+	} : { style: t };
+}
+function Ee(e) {
+	return !!e.locationField || !!(e.latitudeField && e.longitudeField);
 }
-function fe(e, t) {
+function De(e, t) {
 	if (t.latitudeField && t.longitudeField) {
 		let n = e[t.latitudeField], r = e[t.longitudeField];
 		if (typeof n == "number" && typeof r == "number") return [n, r];
@@ -126,7 +121,7 @@ function fe(e, t) {
 	}
 	return null;
 }
-function pe(e, t, n = 50) {
+function Oe(e, t, n = 50) {
 	if (e.length <= 1 || t >= 15) return e.map((e) => ({
 		id: e.id,
 		coordinates: e.coordinates,
@@ -157,96 +152,114 @@ function pe(e, t, n = 50) {
 		}
 	}), a;
 }
-var E = ({ schema: a, dataSource: l, className: u, data: d, onMarkerClick: g, onRowClick: _, onEdit: v, onDelete: y, enableClustering: b, clusterRadius: x = 50 }) => {
-	let [S, C] = i([]), [w, T] = i(!0), [E, D] = i(null), [O, me] = i(null), [he, k] = i(null), [A, ge] = i(""), j = re(), M = r(null), [N, _e] = i(null), [P, F] = i(null), [I, L] = i(!1), [R, ve] = i(null), ye = e((e) => {
-		ve(e?.error?.message || "Failed to load the map style/tiles.");
-	}, []), be = e(() => {
+var E = ({ schema: a, dataSource: c, className: u, data: d, onMarkerClick: le, onRowClick: de, onEdit: f, onDelete: _, enableClustering: v, clusterRadius: y = 50 }) => {
+	let [b, x] = i([]), [we, S] = i(!0), [C, w] = i(null), [T, E] = i(null), [D, O] = i(null), [k, ke] = i(""), Ae = me(), A = r(null), [j, je] = i(null), [Me, M] = i(null), [Ne, N] = i(!1), [Pe, Fe] = i(null), Ie = e((e) => {
+		Fe(e?.error?.message || "Failed to load the map style/tiles.");
+	}, []), [Le] = i(Se), Re = e(() => {
 		if (typeof navigator > "u" || !navigator.geolocation) {
-			F("Geolocation is not available in this browser.");
+			M("Geolocation is not available in this browser.");
 			return;
 		}
-		L(!0), F(null), navigator.geolocation.getCurrentPosition((e) => {
+		N(!0), M(null), navigator.geolocation.getCurrentPosition((e) => {
 			let { longitude: t, latitude: n } = e.coords;
-			_e({
+			je({
 				lng: t,
 				lat: n
-			}), L(!1);
+			}), N(!1);
 			try {
-				M.current?.flyTo({
+				A.current?.flyTo({
 					center: [t, n],
 					zoom: 12,
 					duration: 800
 				});
 			} catch {}
 		}, (e) => {
-			L(!1), F(e.message || "Unable to retrieve location.");
+			N(!1), M(e.message || "Unable to retrieve location.");
 		}, {
 			enableHighAccuracy: !1,
 			timeout: 8e3,
 			maximumAge: 6e4
 		});
-	}, []), z = ue(a), B = n(() => z, [JSON.stringify(z)]), V = n(() => de(a), [a]), H = B?.provider === "value";
+	}, []), P = n(() => Ce(a), [a]), F = n(() => Te(a), [a]), I = P?.provider === "value", L = P?.provider, R = P?.provider === "object" ? P.object : void 0, z = P?.provider === "value" ? P.items : void 0, ze = ie(a, P), { ready: Be, def: B } = fe(ze ?? "", I ? void 0 : c), V = he(), H = !Array.isArray(d) && L === "object", U = oe(H ? R : void 0), Ve = r(U), He = r(null), W = r(0), Ue = se(), G = ue(a.filter, Ue);
 	t(() => {
-		(async () => {
+		if (H && !Be) {
+			S(!0);
+			return;
+		}
+		let e = [
+			d,
+			L,
+			R,
+			z,
+			c,
+			I,
+			G,
+			a.sort,
+			B,
+			V
+		], t = He.current, n = t !== null && t.length === e.length && e.every((e, n) => Object.is(e, t[n])), r = U !== Ve.current;
+		Ve.current = U;
+		let i = r && n, ne = ++W.current, l = () => W.current === ne, u = (t, n) => {
+			l() && (x(t), E(n), w(null), He.current = e);
+		};
+		return (async () => {
 			try {
-				if (T(!0), Array.isArray(d)) {
-					C(d), T(!1);
+				if (i || S(!0), Array.isArray(d)) {
+					u(d, null);
 					return;
 				}
-				if (H && B?.provider === "value") {
-					C(B.items), T(!1);
+				if (I && L === "value") {
+					let e = await new o({ items: z ?? [] }).find("", {
+						$filter: G,
+						$orderby: te(a.sort),
+						...re()
+					}), t = s(e);
+					u(t.rows, t);
 					return;
 				}
-				if (!l || typeof l.find != "function") throw Error("DataSource required for object/api providers");
-				if (B?.provider === "object") {
-					let e = B.object, t = o(O?.fields), n = await l.find(e, {
-						$filter: a.filter,
-						$orderby: s(a.sort),
-						...t.length > 0 ? { $expand: t } : {}
-					}), r = c(n);
-					C(r);
-				} else B?.provider === "api" && (console.warn("API provider not yet implemented for ObjectMap"), C([]));
-				T(!1);
+				if (!c || typeof c.find != "function") throw Error("DataSource required for the object provider");
+				if (L === "object") {
+					let e = R, t = ee(B?.fields), n = V?.isLoaded ? t.filter((t) => V.checkField(e, t, "read")) : t, r = await c.find(e, {
+						$filter: G,
+						$orderby: te(a.sort),
+						...re(),
+						...n.length > 0 ? { $expand: n } : {}
+					}), i = s(r);
+					u(i.rows, i);
+				}
 			} catch (e) {
-				D(e), T(!1);
+				i ? console.error("[ObjectMap] Failed to refresh data:", e) : l() && w(e);
+			} finally {
+				l() && S(!1);
 			}
-		})();
+		})(), () => {
+			W.current += 1;
+		};
 	}, [
 		d,
-		B,
-		l,
-		H,
-		a.filter,
+		L,
+		R,
+		z,
+		c,
+		I,
+		G,
 		a.sort,
-		O
-	]), t(() => {
-		!H && l && (async () => {
-			try {
-				if (!l) return;
-				let e = B?.provider === "object" ? B.object : a.objectName;
-				if (!e) return;
-				let t = await l.getObjectSchema(e);
-				me(t);
-			} catch (e) {
-				console.error("Failed to fetch object schema:", e);
-			}
-		})();
-	}, [
-		a.objectName,
-		l,
-		H,
-		B
+		Be,
+		B,
+		V,
+		U,
+		H
 	]);
-	let { markers: U, invalidCount: W } = n(() => {
+	let { markers: K, invalidCount: q } = n(() => {
 		let e = 0;
 		return {
-			markers: S.map((t, n) => {
-				let r = fe(t, V);
+			markers: b.map((t, n) => {
+				let r = De(t, F);
 				if (!r) return e++, null;
-				let i = ee(O, t, {
-					titleField: V.titleField,
+				let i = ne(B, t, {
+					titleField: F.titleField,
 					fallback: "Marker"
-				}), a = V.descriptionField ? t[V.descriptionField] : void 0, [o, s] = r;
+				}), a = l(t, F.descriptionField), [o, s] = r;
 				return !isFinite(o) || !isFinite(s) || o < -90 || o > 90 || s < -180 || s > 180 ? (e++, null) : {
 					id: t.id || t._id || `marker-${n}`,
 					title: i,
@@ -258,166 +271,168 @@ var E = ({ schema: a, dataSource: l, className: u, data: d, onMarkerClick: g, on
 			invalidCount: e
 		};
 	}, [
-		S,
-		V,
-		O
-	]), G = n(() => U.find((e) => e.id === he), [U, he]), [K, xe] = i(V.zoom || 3), Se = e((e) => {
+		b,
+		F,
+		B
+	]), J = n(() => K.find((e) => e.id === D), [K, D]), [Y, We] = i(F.zoom || 3), Ge = e((e) => {
 		try {
 			let t = e?.target?.getZoom?.();
-			typeof t == "number" && Number.isFinite(t) && xe(Math.round(t));
+			typeof t == "number" && Number.isFinite(t) && We(Math.round(t));
 		} catch {}
-	}, []), q = te({
+	}, []), X = ce({
 		navigation: a.navigation,
 		objectName: a.objectName,
-		onRowClick: _
-	}), J = n(() => {
-		if (!A.trim()) return U;
-		let e = A.toLowerCase();
-		return U.filter((t) => t.title?.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
-	}, [U, A]), Ce = n(() => b ?? (a.enableClustering || J.length > 100) ? pe(J, K, x) : J.map((e) => ({
+		onRowClick: de
+	}), Ke = (e) => {
+		O(e.id), X.handleClick(e.data), le?.(e.data);
+	}, Z = n(() => {
+		if (!k.trim()) return K;
+		let e = k.toLowerCase();
+		return K.filter((t) => t.title?.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
+	}, [K, k]), qe = n(() => v ?? (a.enableClustering || Z.length > 100) ? Oe(Z, Y, y) : Z.map((e) => ({
 		id: e.id,
 		coordinates: e.coordinates,
 		markers: [e],
 		isCluster: !1
 	})), [
-		J,
-		K,
-		b,
-		x,
+		Z,
+		Y,
+		v,
+		y,
 		a
-	]), Y = n(() => se(J.map((e) => e.coordinates)), [J]), X = typeof V.center?.[0] == "number" ? V.center[0] : void 0, Z = typeof V.center?.[1] == "number" ? V.center[1] : void 0, Q = typeof V.zoom == "number" ? V.zoom : void 0, $ = X !== void 0 || Z !== void 0 || Q !== void 0, we = n(() => {
-		if (Y && !$) return {
-			bounds: Y,
+	]), Q = n(() => ye(Z.map((e) => e.coordinates)), [Z]), $ = typeof F.center?.[0] == "number" ? F.center[0] : void 0, Je = typeof F.center?.[1] == "number" ? F.center[1] : void 0, Ye = typeof F.zoom == "number" ? F.zoom : void 0, Xe = $ !== void 0 || Je !== void 0 || Ye !== void 0, Ze = n(() => {
+		if (Q && !Xe) return {
+			bounds: Q,
 			fitBoundsOptions: {
 				padding: 48,
 				maxZoom: 12
 			}
 		};
-		let e = Y ? ce(Y) : {
+		let e = Q ? be(Q) : {
 			longitude: 0,
 			latitude: 0
 		};
 		return {
-			longitude: Z ?? e.longitude,
-			latitude: X ?? e.latitude,
-			zoom: Q ?? (Y ? 3 : 2)
+			longitude: Je ?? e.longitude,
+			latitude: $ ?? e.latitude,
+			zoom: Ye ?? (Q ? 3 : 2)
 		};
 	}, [
-		Y,
+		Q,
+		Xe,
+		Je,
 		$,
-		Z,
-		X,
-		Q
+		Ye
 	]);
-	return w ? /* @__PURE__ */ m("div", {
-		className: f("min-w-0 overflow-hidden", u),
-		children: /* @__PURE__ */ m("div", {
+	return Ee(F) ? we ? /* @__PURE__ */ h("div", {
+		className: p("min-w-0 overflow-hidden", u),
+		children: /* @__PURE__ */ h("div", {
 			className: "flex items-center justify-center h-96 bg-muted rounded-lg border",
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ h("div", {
 				className: "text-muted-foreground",
 				children: "Loading map..."
 			})
 		})
-	}) : E ? /* @__PURE__ */ m("div", {
-		className: f("min-w-0 overflow-hidden", u),
-		children: /* @__PURE__ */ m("div", {
+	}) : C ? /* @__PURE__ */ h("div", {
+		className: p("min-w-0 overflow-hidden", u),
+		children: /* @__PURE__ */ h("div", {
 			className: "flex items-center justify-center h-96 bg-muted rounded-lg border",
-			children: /* @__PURE__ */ h("div", {
+			children: /* @__PURE__ */ g("div", {
 				className: "text-destructive",
-				children: ["Error: ", E.message]
+				children: ["Error: ", C.message]
 			})
 		})
-	}) : /* @__PURE__ */ h("div", {
-		className: f("min-w-0 overflow-hidden", u),
+	}) : /* @__PURE__ */ g("div", {
+		className: p("min-w-0 overflow-hidden", u),
 		children: [
-			W > 0 && /* @__PURE__ */ m("div", {
+			q > 0 && /* @__PURE__ */ h("div", {
 				className: "mb-2 p-2 text-sm text-yellow-800 bg-yellow-50 border border-yellow-200 rounded",
-				children: `${W} record${W === 1 ? "" : "s"} with missing or invalid coordinates excluded from the map.`
+				children: `${q} record${q === 1 ? "" : "s"} with missing or invalid coordinates excluded from the map.`
 			}),
-			U.length > 0 && /* @__PURE__ */ m("div", {
+			K.length > 0 && /* @__PURE__ */ h("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ m("input", {
+				children: /* @__PURE__ */ h("input", {
 					type: "text",
-					value: A,
-					onChange: (e) => ge(e.target.value),
+					value: k,
+					onChange: (e) => ke(e.target.value),
 					placeholder: "Search locations…",
 					className: "w-full px-3 py-2 text-sm border rounded-md bg-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
 				})
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "relative border rounded-lg overflow-hidden bg-muted h-[300px] sm:h-[400px] md:h-[500px] lg:h-[600px] w-full",
 				children: [
-					/* @__PURE__ */ h(ie, {
+					Le ? /* @__PURE__ */ g(ge, {
 						ref: (e) => {
-							M.current = e;
+							A.current = e;
 						},
-						initialViewState: we,
+						initialViewState: Ze,
 						style: {
 							width: "100%",
 							height: "100%"
 						},
-						mapStyle: V.style || le,
+						mapStyle: F.style || xe,
 						touchZoomRotate: !0,
 						dragRotate: !0,
 						touchPitch: !0,
-						onLoad: Se,
-						onZoom: (e) => xe(Math.round(e.viewState.zoom)),
-						onError: ye,
+						onLoad: Ge,
+						onZoom: (e) => We(Math.round(e.viewState.zoom)),
+						onError: Ie,
 						children: [
-							R && /* @__PURE__ */ h("div", {
+							Pe && /* @__PURE__ */ g("div", {
 								role: "alert",
 								className: "absolute inset-x-0 top-0 z-20 p-2 text-sm text-center text-amber-900 bg-amber-50 border-b border-amber-200",
 								children: [
 									"Map failed to load (",
-									R,
+									Pe,
 									"). Markers below are still listed in the search box;",
 									" ",
-									V.style ? "check the configured map style URL." : "configure a custom map style for production use."
+									F.style ? "check the configured map style URL." : "configure a custom map style for production use."
 								]
 							}),
-							/* @__PURE__ */ m(ae, {
+							/* @__PURE__ */ h(_e, {
 								position: "top-right",
 								showCompass: !0,
 								showZoom: !0
 							}),
-							/* @__PURE__ */ m("button", {
+							/* @__PURE__ */ h("button", {
 								type: "button",
-								onClick: be,
-								disabled: I,
+								onClick: Re,
+								disabled: Ne,
 								className: "absolute top-2 left-2 z-10 inline-flex items-center justify-center size-9 rounded-md bg-background/95 border shadow-sm hover:bg-background disabled:opacity-50",
 								"aria-label": "Show my location",
 								"data-testid": "map-geolocate",
-								children: /* @__PURE__ */ m("span", {
+								children: /* @__PURE__ */ h("span", {
 									"aria-hidden": "true",
-									children: I ? "⏳" : "🧭"
+									children: Ne ? "⏳" : "🧭"
 								})
 							}),
-							N && /* @__PURE__ */ m(p, {
-								longitude: N.lng,
-								latitude: N.lat,
+							j && /* @__PURE__ */ h(m, {
+								longitude: j.lng,
+								latitude: j.lat,
 								anchor: "center",
-								children: /* @__PURE__ */ m("div", {
+								children: /* @__PURE__ */ h("div", {
 									className: "size-3 rounded-full bg-blue-500 ring-4 ring-blue-500/30 shadow",
 									"aria-label": "Your location",
 									"data-testid": "map-user-location"
 								})
 							}),
-							Ce.map((e) => e.isCluster ? /* @__PURE__ */ m(p, {
+							qe.map((e) => e.isCluster ? /* @__PURE__ */ h(m, {
 								longitude: e.coordinates[0],
 								latitude: e.coordinates[1],
 								anchor: "center",
 								onClick: (t) => {
 									t.originalEvent.stopPropagation();
 									try {
-										let t = Math.min(20, Math.max(K + 2, 8));
-										M.current?.flyTo({
+										let t = Math.min(20, Math.max(Y + 2, 8));
+										A.current?.flyTo({
 											center: [e.coordinates[0], e.coordinates[1]],
 											zoom: t,
 											duration: 600
 										});
 									} catch {}
 								},
-								children: /* @__PURE__ */ m("div", {
+								children: /* @__PURE__ */ h("div", {
 									className: "flex items-center justify-center rounded-full bg-primary text-primary-foreground font-bold text-xs cursor-pointer hover:scale-110 transition-transform shadow-md",
 									style: {
 										width: Math.min(48, 24 + e.markers.length * 2),
@@ -427,48 +442,46 @@ var E = ({ schema: a, dataSource: l, className: u, data: d, onMarkerClick: g, on
 									"data-testid": "map-cluster",
 									children: e.markers.length
 								})
-							}, e.id) : /* @__PURE__ */ m(p, {
+							}, e.id) : /* @__PURE__ */ h(m, {
 								longitude: e.coordinates[0],
 								latitude: e.coordinates[1],
 								anchor: "bottom",
 								onClick: (t) => {
-									t.originalEvent.stopPropagation();
-									let n = e.markers[0];
-									k(n.id), q.handleClick(n.data), g?.(n.data);
+									t.originalEvent.stopPropagation(), Ke(e.markers[0]);
 								},
-								children: /* @__PURE__ */ m("div", {
+								children: /* @__PURE__ */ h("div", {
 									className: "text-2xl cursor-pointer hover:scale-110 transition-transform",
 									children: "📍"
 								})
 							}, e.id)),
-							G && !j && /* @__PURE__ */ m(oe, {
-								longitude: G.coordinates[0],
-								latitude: G.coordinates[1],
+							J && !Ae && /* @__PURE__ */ h(ve, {
+								longitude: J.coordinates[0],
+								latitude: J.coordinates[1],
 								anchor: "top",
-								onClose: () => k(null),
+								onClose: () => O(null),
 								closeOnClick: !1,
-								children: /* @__PURE__ */ h("div", {
+								children: /* @__PURE__ */ g("div", {
 									className: "p-2 min-w-[150px] sm:min-w-[200px]",
 									children: [
-										/* @__PURE__ */ m("h3", {
+										/* @__PURE__ */ h("h3", {
 											className: "font-bold text-sm mb-1",
-											children: G.title
+											children: J.title
 										}),
-										G.description && /* @__PURE__ */ m("p", {
+										J.description && /* @__PURE__ */ h("p", {
 											className: "text-xs text-muted-foreground",
-											children: G.description
+											children: J.description
 										}),
-										/* @__PURE__ */ h("div", {
+										/* @__PURE__ */ g("div", {
 											className: "mt-2 text-xs flex gap-2",
-											children: [v && /* @__PURE__ */ m("button", {
+											children: [f && /* @__PURE__ */ h("button", {
 												type: "button",
 												className: "text-blue-500 hover:underline",
-												onClick: () => v(G.data),
+												onClick: () => f(J.data),
 												children: "Edit"
-											}), y && /* @__PURE__ */ m("button", {
+											}), _ && /* @__PURE__ */ h("button", {
 												type: "button",
 												className: "text-red-500 hover:underline",
-												onClick: () => y(G.data),
+												onClick: () => _(J.data),
 												children: "Delete"
 											})]
 										})
@@ -476,70 +489,97 @@ var E = ({ schema: a, dataSource: l, className: u, data: d, onMarkerClick: g, on
 								})
 							})
 						]
+					}) : /* @__PURE__ */ g("div", {
+						className: "flex h-full flex-col",
+						"data-testid": "map-webgl2-fallback",
+						children: [/* @__PURE__ */ h("div", {
+							role: "alert",
+							className: "p-2 text-sm text-center text-amber-900 bg-amber-50 border-b border-amber-200",
+							children: "Map failed to load (this browser does not provide WebGL2, which the map needs). The records are listed below; turn on hardware acceleration or use a browser with WebGL2 to see the map."
+						}), /* @__PURE__ */ g("ul", {
+							className: "min-h-0 flex-1 overflow-y-auto divide-y bg-background",
+							"aria-label": "Locations",
+							children: [Z.length === 0 && /* @__PURE__ */ h("li", {
+								className: "px-3 py-2 text-sm text-muted-foreground",
+								children: "No locations to list."
+							}), Z.map((e) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+								type: "button",
+								onClick: () => Ke(e),
+								className: p("block w-full px-3 py-2 text-left hover:bg-accent focus:outline-none focus-visible:bg-accent", e.id === D && "bg-accent"),
+								children: [/* @__PURE__ */ h("span", {
+									className: "block truncate text-sm font-medium",
+									children: e.title
+								}), e.description && /* @__PURE__ */ h("span", {
+									className: "block truncate text-xs text-muted-foreground",
+									children: e.description
+								})]
+							}) }, e.id))]
+						})]
 					}),
-					G && j && /* @__PURE__ */ h("div", {
+					J && Ae && /* @__PURE__ */ g("div", {
 						className: "absolute inset-x-0 bottom-0 z-30 bg-background border-t shadow-lg rounded-t-2xl p-4 pb-[max(env(safe-area-inset-bottom),1rem)]",
 						role: "dialog",
 						"aria-label": "Location details",
 						"data-testid": "map-mobile-record-sheet",
 						children: [
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "mx-auto mb-2 h-1 w-10 rounded-full bg-muted",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ h("div", {
+								children: [/* @__PURE__ */ g("div", {
 									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ m("h3", {
+									children: [/* @__PURE__ */ h("h3", {
 										className: "text-sm font-semibold truncate",
-										children: G.title
-									}), G.description && /* @__PURE__ */ m("p", {
+										children: J.title
+									}), J.description && /* @__PURE__ */ h("p", {
 										className: "mt-1 text-xs text-muted-foreground line-clamp-3",
-										children: G.description
+										children: J.description
 									})]
-								}), /* @__PURE__ */ m("button", {
+								}), /* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => k(null),
+									onClick: () => O(null),
 									className: "text-muted-foreground hover:text-foreground text-lg leading-none px-2",
 									"aria-label": "Close details",
 									"data-testid": "map-mobile-record-close",
 									children: "×"
 								})]
 							}),
-							/* @__PURE__ */ h("div", {
+							/* @__PURE__ */ g("div", {
 								className: "mt-3 flex flex-wrap gap-2 text-xs",
-								children: [v && /* @__PURE__ */ m("button", {
+								children: [f && /* @__PURE__ */ h("button", {
 									type: "button",
 									className: "px-3 py-1.5 rounded-md border bg-card hover:bg-accent",
-									onClick: () => v(G.data),
+									onClick: () => f(J.data),
 									children: "Edit"
-								}), y && /* @__PURE__ */ m("button", {
+								}), _ && /* @__PURE__ */ h("button", {
 									type: "button",
 									className: "px-3 py-1.5 rounded-md border border-destructive/30 text-destructive hover:bg-destructive/10",
-									onClick: () => y(G.data),
+									onClick: () => _(J.data),
 									children: "Delete"
 								})]
 							})
 						]
 					}),
-					P && /* @__PURE__ */ m("div", {
+					Me && /* @__PURE__ */ h("div", {
 						className: "absolute top-2 left-14 right-2 z-10 text-xs px-3 py-1.5 rounded-md bg-destructive/10 text-destructive border border-destructive/30",
-						children: P
+						children: Me
 					})
 				]
 			}),
-			q.isOverlay && /* @__PURE__ */ m(ne, {
-				...q,
+			T && /* @__PURE__ */ h(ae, { result: T }),
+			X.isOverlay && /* @__PURE__ */ h(pe, {
+				...X,
 				title: "Location Details",
-				children: (e) => /* @__PURE__ */ m("div", {
+				children: (e) => /* @__PURE__ */ h("div", {
 					className: "space-y-3",
-					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ h("div", {
+					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ g("div", {
 						className: "flex flex-col",
-						children: [/* @__PURE__ */ m("span", {
+						children: [/* @__PURE__ */ h("span", {
 							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 							children: e.replace(/_/g, " ")
-						}), /* @__PURE__ */ m("span", {
+						}), /* @__PURE__ */ h("span", {
 							className: "text-sm",
 							children: String(t ?? "—")
 						})]
@@ -547,55 +587,105 @@ var E = ({ schema: a, dataSource: l, className: u, data: d, onMarkerClick: g, on
 				})
 			})
 		]
+	}) : /* @__PURE__ */ h("div", {
+		className: p("min-w-0 overflow-hidden", u),
+		children: /* @__PURE__ */ h("div", {
+			className: "flex items-center justify-center h-96 bg-muted rounded-lg border p-4 text-center",
+			"data-testid": "map-missing-location-binding",
+			role: "alert",
+			children: /* @__PURE__ */ g("div", {
+				className: "text-destructive",
+				children: [
+					"Map configuration required — declare ",
+					/* @__PURE__ */ h("code", {
+						className: "font-mono",
+						children: "map.locationField"
+					}),
+					" ",
+					"or ",
+					/* @__PURE__ */ h("code", {
+						className: "font-mono",
+						children: "map.latitudeField"
+					}),
+					" +",
+					" ",
+					/* @__PURE__ */ h("code", {
+						className: "font-mono",
+						children: "map.longitudeField"
+					})
+				]
+			})
+		})
 	});
 }, D = {
 	filter: !0,
 	sort: !0
-}, O = ({ schema: e, ...t }) => {
-	let { dataSource: n } = u() || {};
-	return /* @__PURE__ */ m(l, {
+}, O = c(({ schema: e, ...t }) => {
+	let { dataSource: n } = de() || {}, { t: r } = le();
+	return /* @__PURE__ */ h(d, {
 		schema: e,
 		mapping: D,
 		dataSource: n,
 		testId: "object-map",
-		errorTitle: "This map’s data source could not be resolved",
-		children: (e) => /* @__PURE__ */ m(E, {
+		errorTitle: r("element.map.sourceUnresolved", { defaultValue: "This map’s data source could not be resolved" }),
+		children: (e) => /* @__PURE__ */ h(E, {
 			schema: e,
 			dataSource: n,
 			...t
 		})
 	});
-};
+});
 a.register("object-map", O, {
 	namespace: "plugin-map",
 	label: "Object Map",
 	category: "view",
-	inputs: [{
-		name: "objectName",
-		type: "string",
-		label: "Object Name",
-		required: !0
-	}, {
-		name: "map",
-		type: "object",
-		label: "Map Config",
-		description: "latitudeField, longitudeField, titleField"
-	}]
-}), a.register("map", O, {
-	namespace: "view",
-	label: "Map View",
-	category: "view",
-	inputs: [{
-		name: "objectName",
-		type: "string",
-		label: "Object Name",
-		required: !0
-	}, {
-		name: "map",
-		type: "object",
-		label: "Map Config",
-		description: "latitudeField, longitudeField, titleField"
-	}]
+	inputs: [
+		{
+			name: "objectName",
+			type: "string",
+			description: "ObjectQL object name. The record source is one of `data`, `staticData` and `objectName`, or the node’s `dataSource` binding; the `object-map` schema refuses a block that declares none of them."
+		},
+		{
+			name: "map",
+			type: "object",
+			description: "The field configuration: `latitudeField` / `longitudeField` (or one `locationField` holding a `\"lat,lng\"` string, a `{ lat, lng }` object or a `[lat, lng]` pair) place each record’s marker, and a record with no readable coordinates is not plotted; `titleField` and `descriptionField` name what the marker popup shows; `zoom` and `center` (`[latitude, longitude]`) set the initial camera, which otherwise fits the markers; `style` is a MapLibre style URL, read after the node’s `mapStyle`."
+		},
+		{
+			name: "data",
+			type: "object",
+			description: "A `{ provider, … }` data-source configuration, read FIRST on the record-source ladder: a map carrying one never reaches `staticData` and never queries `objectName`. `{ provider: 'value', items }` plots those rows and `{ provider: 'object', object }` queries that object, both narrowed by `filter` and ordered by `sort`. A bare array is not this key’s shape and is not a record source: the map falls through to `staticData`, then `objectName`, so inline rows belong under `staticData`."
+		},
+		{
+			name: "staticData",
+			type: "array",
+			description: "Inline records, read SECOND on the record-source ladder: a `data` configuration wins and this key is then never reached, while `objectName` is read AFTER it, so a map carrying both plots these rows and never queries that object. `filter` and `sort` narrow and order these rows exactly as they do fetched ones."
+		},
+		{
+			name: "filter",
+			type: "array",
+			description: "Base query filter in the rule-array form `[{ field, operator, value }, ...]`, narrowing the markers the map plots — fetched rows and inline (`staticData`, `{ provider: 'value' }`) rows alike. Context tokens such as `{current_user_id}` are resolved first, then the filter is lowered to `$filter` on the query. The MongoDB-style record form is not this key’s shape."
+		},
+		{
+			name: "sort",
+			type: "array",
+			description: "Marker order in `[{ field, order }]` form, ordering the rows the map plots. Lowered to `$orderby` on the same query."
+		},
+		{
+			name: "mapStyle",
+			type: "string",
+			description: "MapLibre style URL or spec, overriding the public demo tiles. Read before `map.style`; NOT the base node `style`, which is an inline CSS record"
+		},
+		{
+			name: "navigation",
+			type: "object",
+			description: "What a marker click opens — the `{ mode, size, openNewTab, preventNavigation }` block a list view declares. With the key ABSENT a click opens nothing: this renderer supplies no drawer default. `mode` is an overlay (`drawer`, `modal`, `split`, `popover`), `new_window`, `page` or `none`, and a block written without `mode` takes the spec’s `page` default. `drawer`, `modal` and `popover` open the marker’s record in that overlay, but `split` opens nothing, because the map hands the split shell no main panel; `new_window` opens the record page in a new tab; `none` opens nothing. `page` opens the record page of the map’s `objectName` through the record navigator the host publishes (the console publishes one on its custom pages, record pages and list views); under a host that publishes none, such as an embedded renderer, or on a map that names no `objectName`, there is no record page to open and the click opens nothing. `preventNavigation: true` opens nothing whatever the mode, `openNewTab: true` opens the record page in a new tab and outranks every mode except `none`, and `size` sets the overlay width. A click handler from a parent view outranks the whole key."
+		},
+		{
+			name: "enableClustering",
+			type: "boolean",
+			description: "Group nearby markers into one numbered cluster. Absent, the map clusters only above 100 markers; `false` turns clustering off at any count."
+		}
+	]
 });
 //#endregion
 export { E as ObjectMap, O as ObjectMapRenderer };