@object-ui/plugin-map 17.3.0 → 17.6.0

package/dist/index.js

@@ -1,24 +1,44 @@
 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, extractRecords as s } from "@object-ui/core";
-import { useNavigationOverlay as ee, useSchemaContext as c } from "@object-ui/react";
-import { NavigationOverlay as te, cn as l, useIsMobile as ne } from "@object-ui/components";
-import { z as u } from "zod";
-import d, { Marker as f, NavigationControl as re, Popup as ie } from "react-map-gl/maplibre";
+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 "maplibre-gl/dist/maplibre-gl.css";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-//#region src/ObjectMap.tsx
-var h = u.object({
-	latitudeField: u.string().optional(),
-	longitudeField: u.string().optional(),
-	locationField: u.string().optional(),
-	titleField: u.string().optional(),
-	descriptionField: u.string().optional(),
-	zoom: u.number().optional(),
-	center: u.tuple([u.number(), u.number()]).optional(),
-	style: u.string().optional()
-}), ae = "https://demotiles.maplibre.org/style.json";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 function g(e) {
-	return e.data ? e.data : e.staticData ? {
+	return e >= -180 && e < 180 ? e : ((e + 180) % 360 + 360) % 360 - 180;
+}
+var _ = (e) => Math.min(85, Math.max(-85, e));
+function se(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;
+	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)]];
+}
+function ce(e) {
+	let [[t, n], [r, i]] = e;
+	return {
+		longitude: g((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;
+	}
+	return e.staticData ? {
 		provider: "value",
 		items: e.staticData
 	} : e.objectName ? {
@@ -26,47 +46,65 @@ function g(e) {
 		object: e.objectName
 	} : null;
 }
-function oe(e) {
-	if (e) {
-		if (typeof e == "string") {
-			let t = e.split(" "), n = t[0], r = t[1]?.toLowerCase() === "desc" ? "desc" : "asc";
-			return { [n]: r };
-		}
-		if (Array.isArray(e)) return e.reduce((e, t) => (t.field && t.order && (e[t.field] = t.order), e), {});
+var y = () => globalThis.process?.env?.NODE_ENV !== "production", b = /* @__PURE__ */ new Set();
+function x(e) {
+	if (!y()) return;
+	let t = e.filter;
+	if (!t || typeof t != "object" || Array.isArray(t) || !Object.prototype.hasOwnProperty.call(t, "map")) return;
+	let n = t.map;
+	if (!n || typeof n != "object") return;
+	let r;
+	try {
+		r = `${e.type ?? "map"}::${e.objectName ?? ""}::${JSON.stringify(n)}`;
+	} 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."));
+}
+var S = /* @__PURE__ */ new Set();
+function C(e) {
+	if (!y()) 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.`));
 }
-function _(e) {
-	let t = e.style || e.mapStyle || e.filter?.map?.style || e.map?.style;
-	if (e.locationField || e.latitudeField) return {
+var w = /* @__PURE__ */ new Set();
+function T(e) {
+	if (!y()) return;
+	let t = v.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);
+	let t = e.mapStyle || e.map?.style, n = e.map ?? null;
+	if (n) {
+		let r = d.safeParse(n);
+		return r.success || console.warn("[ObjectMap] Invalid map configuration:", r.error.format()), T(e), {
+			...n,
+			style: n.style || t
+		};
+	}
+	return e.locationField || e.latitudeField ? {
 		locationField: e.locationField,
 		latitudeField: e.latitudeField,
 		longitudeField: e.longitudeField,
-		titleField: e.titleField || "name",
+		titleField: e.titleField,
 		descriptionField: e.descriptionField,
 		zoom: e.zoom,
 		center: e.center,
 		style: t
-	};
-	let n = null;
-	if (e.filter && typeof e.filter == "object" && "map" in e.filter ? n = e.filter.map : e.map && (n = e.map), n) {
-		let e = h.safeParse(n);
-		return e.success || console.warn("[ObjectMap] Invalid map configuration:", e.error.format()), {
-			...n,
-			style: n.style || t
-		};
-	}
-	return {
+	} : {
 		latitudeField: "latitude",
 		longitudeField: "longitude",
 		locationField: "location",
-		titleField: "name",
 		descriptionField: "description",
-		zoom: 10,
-		center: [0, 0],
 		style: t
 	};
 }
-function v(e, t) {
+function fe(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];
@@ -88,7 +126,7 @@ function v(e, t) {
 	}
 	return null;
 }
-function se(e, t, n = 50) {
+function pe(e, t, n = 50) {
 	if (e.length <= 1 || t >= 15) return e.map((e) => ({
 		id: e.id,
 		coordinates: e.coordinates,
@@ -119,102 +157,96 @@ function se(e, t, n = 50) {
 		}
 	}), a;
 }
-var y = ({ schema: a, dataSource: c, className: u, onMarkerClick: h, onRowClick: y, onEdit: b, onDelete: x, enableClustering: S, clusterRadius: C = 50, ...w }) => {
-	let [T, E] = i([]), [ce, D] = i(!0), [O, k] = i(null), [A, j] = i(null), [M, N] = i(null), [P, le] = i(""), F = ne(), I = r(null), [L, R] = i(null), [z, B] = i(null), [V, H] = i(!1), [U, ue] = i(null), de = e((e) => {
-		ue(e?.error?.message || "Failed to load the map style/tiles.");
-	}, []), fe = e(() => {
+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(() => {
 		if (typeof navigator > "u" || !navigator.geolocation) {
-			B("Geolocation is not available in this browser.");
+			F("Geolocation is not available in this browser.");
 			return;
 		}
-		H(!0), B(null), navigator.geolocation.getCurrentPosition((e) => {
+		L(!0), F(null), navigator.geolocation.getCurrentPosition((e) => {
 			let { longitude: t, latitude: n } = e.coords;
-			R({
+			_e({
 				lng: t,
 				lat: n
-			}), H(!1);
+			}), L(!1);
 			try {
-				I.current?.flyTo({
+				M.current?.flyTo({
 					center: [t, n],
 					zoom: 12,
 					duration: 800
 				});
 			} catch {}
 		}, (e) => {
-			H(!1), B(e.message || "Unable to retrieve location.");
+			L(!1), F(e.message || "Unable to retrieve location.");
 		}, {
 			enableHighAccuracy: !1,
 			timeout: 8e3,
 			maximumAge: 6e4
 		});
-	}, []), W = g(a), G = n(() => W, [JSON.stringify(W)]), K = _(a), q = G?.provider === "value";
+	}, []), z = ue(a), B = n(() => z, [JSON.stringify(z)]), V = n(() => de(a), [a]), H = B?.provider === "value";
 	t(() => {
 		(async () => {
 			try {
-				if (D(!0), w.data) {
-					let e = w.data;
-					if (Array.isArray(e)) {
-						E(e), D(!1);
-						return;
-					}
-				}
-				if (a.data) {
-					let e = a.data;
-					if (Array.isArray(e)) {
-						E(e), D(!1);
-						return;
-					}
+				if (T(!0), Array.isArray(d)) {
+					C(d), T(!1);
+					return;
 				}
-				if (q && G?.provider === "value") {
-					E(G.items), D(!1);
+				if (H && B?.provider === "value") {
+					C(B.items), T(!1);
 					return;
 				}
-				if (!c || typeof c.find != "function") throw Error("DataSource required for object/api providers");
-				if (G?.provider === "object") {
-					let e = G.object, t = o(A?.fields), n = await c.find(e, {
+				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: oe(a.sort),
+						$orderby: s(a.sort),
 						...t.length > 0 ? { $expand: t } : {}
-					}), r = s(n);
-					E(r);
-				} else G?.provider === "api" && (console.warn("API provider not yet implemented for ObjectMap"), E([]));
-				D(!1);
+					}), r = c(n);
+					C(r);
+				} else B?.provider === "api" && (console.warn("API provider not yet implemented for ObjectMap"), C([]));
+				T(!1);
 			} catch (e) {
-				k(e), D(!1);
+				D(e), T(!1);
 			}
 		})();
 	}, [
-		G,
-		c,
-		q,
+		d,
+		B,
+		l,
+		H,
 		a.filter,
 		a.sort,
-		A
+		O
 	]), t(() => {
-		!q && c && (async () => {
+		!H && l && (async () => {
 			try {
-				if (!c) return;
-				let e = G?.provider === "object" ? G.object : a.objectName;
+				if (!l) return;
+				let e = B?.provider === "object" ? B.object : a.objectName;
 				if (!e) return;
-				let t = await c.getObjectSchema(e);
-				j(t);
+				let t = await l.getObjectSchema(e);
+				me(t);
 			} catch (e) {
 				console.error("Failed to fetch object schema:", e);
 			}
 		})();
 	}, [
 		a.objectName,
-		c,
-		q,
-		G
+		l,
+		H,
+		B
 	]);
-	let { markers: J, invalidCount: Y } = n(() => {
+	let { markers: U, invalidCount: W } = n(() => {
 		let e = 0;
 		return {
-			markers: T.map((t, n) => {
-				let r = v(t, K);
+			markers: S.map((t, n) => {
+				let r = fe(t, V);
 				if (!r) return e++, null;
-				let i = K.titleField ? t[K.titleField] : "Marker", a = K.descriptionField ? t[K.descriptionField] : void 0, [o, s] = r;
+				let i = ee(O, t, {
+					titleField: V.titleField,
+					fallback: "Marker"
+				}), a = V.descriptionField ? t[V.descriptionField] : void 0, [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,
@@ -225,146 +257,167 @@ var y = ({ schema: a, dataSource: c, className: u, onMarkerClick: h, onRowClick:
 			}).filter((e) => e !== null),
 			invalidCount: e
 		};
-	}, [T, K]), X = n(() => J.find((e) => e.id === M), [J, M]), [Z, pe] = i(K.zoom || 3), Q = ee({
+	}, [
+		S,
+		V,
+		O
+	]), G = n(() => U.find((e) => e.id === he), [U, he]), [K, xe] = i(V.zoom || 3), Se = e((e) => {
+		try {
+			let t = e?.target?.getZoom?.();
+			typeof t == "number" && Number.isFinite(t) && xe(Math.round(t));
+		} catch {}
+	}, []), q = te({
 		navigation: a.navigation,
 		objectName: a.objectName,
-		onRowClick: y
-	}), $ = n(() => {
-		if (!P.trim()) return J;
-		let e = P.toLowerCase();
-		return J.filter((t) => t.title?.toLowerCase().includes(e) || t.description?.toLowerCase().includes(e));
-	}, [J, P]), me = n(() => S ?? (a.enableClustering || $.length > 100) ? se($, Z, C) : $.map((e) => ({
+		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) => ({
 		id: e.id,
 		coordinates: e.coordinates,
 		markers: [e],
 		isCluster: !1
 	})), [
-		$,
-		Z,
-		S,
-		C,
+		J,
+		K,
+		b,
+		x,
 		a
-	]), he = n(() => {
-		if (!$.length) return {
-			longitude: K.center?.[1] || 0,
-			latitude: K.center?.[0] || 0,
-			zoom: K.zoom || 2
+	]), 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,
+			fitBoundsOptions: {
+				padding: 48,
+				maxZoom: 12
+			}
+		};
+		let e = Y ? ce(Y) : {
+			longitude: 0,
+			latitude: 0
 		};
-		let e = $.map((e) => e.coordinates[0]), t = $.map((e) => e.coordinates[1]), n = Math.min(...e), r = Math.max(...e), i = Math.min(...t), a = Math.max(...t);
 		return {
-			longitude: (n + r) / 2,
-			latitude: (i + a) / 2,
-			zoom: K.zoom || 3
+			longitude: Z ?? e.longitude,
+			latitude: X ?? e.latitude,
+			zoom: Q ?? (Y ? 3 : 2)
 		};
-	}, [$, K]);
-	return ce ? /* @__PURE__ */ p("div", {
-		className: l("min-w-0 overflow-hidden", u),
-		children: /* @__PURE__ */ p("div", {
+	}, [
+		Y,
+		$,
+		Z,
+		X,
+		Q
+	]);
+	return w ? /* @__PURE__ */ m("div", {
+		className: f("min-w-0 overflow-hidden", u),
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-center h-96 bg-muted rounded-lg border",
-			children: /* @__PURE__ */ p("div", {
+			children: /* @__PURE__ */ m("div", {
 				className: "text-muted-foreground",
 				children: "Loading map..."
 			})
 		})
-	}) : O ? /* @__PURE__ */ p("div", {
-		className: l("min-w-0 overflow-hidden", u),
-		children: /* @__PURE__ */ p("div", {
+	}) : E ? /* @__PURE__ */ m("div", {
+		className: f("min-w-0 overflow-hidden", u),
+		children: /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-center h-96 bg-muted rounded-lg border",
-			children: /* @__PURE__ */ m("div", {
+			children: /* @__PURE__ */ h("div", {
 				className: "text-destructive",
-				children: ["Error: ", O.message]
+				children: ["Error: ", E.message]
 			})
 		})
-	}) : /* @__PURE__ */ m("div", {
-		className: l("min-w-0 overflow-hidden", u),
+	}) : /* @__PURE__ */ h("div", {
+		className: f("min-w-0 overflow-hidden", u),
 		children: [
-			Y > 0 && /* @__PURE__ */ p("div", {
+			W > 0 && /* @__PURE__ */ m("div", {
 				className: "mb-2 p-2 text-sm text-yellow-800 bg-yellow-50 border border-yellow-200 rounded",
-				children: `${Y} record${Y === 1 ? "" : "s"} with missing or invalid coordinates excluded from the map.`
+				children: `${W} record${W === 1 ? "" : "s"} with missing or invalid coordinates excluded from the map.`
 			}),
-			J.length > 0 && /* @__PURE__ */ p("div", {
+			U.length > 0 && /* @__PURE__ */ m("div", {
 				className: "mb-2",
-				children: /* @__PURE__ */ p("input", {
+				children: /* @__PURE__ */ m("input", {
 					type: "text",
-					value: P,
-					onChange: (e) => le(e.target.value),
+					value: A,
+					onChange: (e) => ge(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__ */ m("div", {
+			/* @__PURE__ */ h("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__ */ m(d, {
+					/* @__PURE__ */ h(ie, {
 						ref: (e) => {
-							I.current = e;
+							M.current = e;
 						},
-						initialViewState: he,
+						initialViewState: we,
 						style: {
 							width: "100%",
 							height: "100%"
 						},
-						mapStyle: K.style || ae,
+						mapStyle: V.style || le,
 						touchZoomRotate: !0,
 						dragRotate: !0,
 						touchPitch: !0,
-						onZoom: (e) => pe(Math.round(e.viewState.zoom)),
-						onError: de,
+						onLoad: Se,
+						onZoom: (e) => xe(Math.round(e.viewState.zoom)),
+						onError: ye,
 						children: [
-							U && /* @__PURE__ */ m("div", {
+							R && /* @__PURE__ */ h("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 (",
-									U,
+									R,
 									"). Markers below are still listed in the search box;",
 									" ",
-									K.style ? "check the configured map style URL." : "configure a custom map style for production use."
+									V.style ? "check the configured map style URL." : "configure a custom map style for production use."
 								]
 							}),
-							/* @__PURE__ */ p(re, {
+							/* @__PURE__ */ m(ae, {
 								position: "top-right",
 								showCompass: !0,
 								showZoom: !0
 							}),
-							/* @__PURE__ */ p("button", {
+							/* @__PURE__ */ m("button", {
 								type: "button",
-								onClick: fe,
-								disabled: V,
+								onClick: be,
+								disabled: I,
 								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__ */ p("span", {
+								children: /* @__PURE__ */ m("span", {
 									"aria-hidden": "true",
-									children: V ? "⏳" : "🧭"
+									children: I ? "⏳" : "🧭"
 								})
 							}),
-							L && /* @__PURE__ */ p(f, {
-								longitude: L.lng,
-								latitude: L.lat,
+							N && /* @__PURE__ */ m(p, {
+								longitude: N.lng,
+								latitude: N.lat,
 								anchor: "center",
-								children: /* @__PURE__ */ p("div", {
+								children: /* @__PURE__ */ m("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"
 								})
 							}),
-							me.map((e) => e.isCluster ? /* @__PURE__ */ p(f, {
+							Ce.map((e) => e.isCluster ? /* @__PURE__ */ m(p, {
 								longitude: e.coordinates[0],
 								latitude: e.coordinates[1],
 								anchor: "center",
 								onClick: (t) => {
 									t.originalEvent.stopPropagation();
 									try {
-										let t = Math.min(20, Math.max(Z + 2, 8));
-										I.current?.flyTo({
+										let t = Math.min(20, Math.max(K + 2, 8));
+										M.current?.flyTo({
 											center: [e.coordinates[0], e.coordinates[1]],
 											zoom: t,
 											duration: 600
 										});
 									} catch {}
 								},
-								children: /* @__PURE__ */ p("div", {
+								children: /* @__PURE__ */ m("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),
@@ -374,46 +427,48 @@ var y = ({ schema: a, dataSource: c, className: u, onMarkerClick: h, onRowClick:
 									"data-testid": "map-cluster",
 									children: e.markers.length
 								})
-							}, e.id) : /* @__PURE__ */ p(f, {
+							}, e.id) : /* @__PURE__ */ m(p, {
 								longitude: e.coordinates[0],
 								latitude: e.coordinates[1],
 								anchor: "bottom",
 								onClick: (t) => {
 									t.originalEvent.stopPropagation();
 									let n = e.markers[0];
-									N(n.id), Q.handleClick(n.data), h?.(n.data);
+									k(n.id), q.handleClick(n.data), g?.(n.data);
 								},
-								children: /* @__PURE__ */ p("div", {
+								children: /* @__PURE__ */ m("div", {
 									className: "text-2xl cursor-pointer hover:scale-110 transition-transform",
 									children: "📍"
 								})
 							}, e.id)),
-							X && !F && /* @__PURE__ */ p(ie, {
-								longitude: X.coordinates[0],
-								latitude: X.coordinates[1],
+							G && !j && /* @__PURE__ */ m(oe, {
+								longitude: G.coordinates[0],
+								latitude: G.coordinates[1],
 								anchor: "top",
-								onClose: () => N(null),
+								onClose: () => k(null),
 								closeOnClick: !1,
-								children: /* @__PURE__ */ m("div", {
+								children: /* @__PURE__ */ h("div", {
 									className: "p-2 min-w-[150px] sm:min-w-[200px]",
 									children: [
-										/* @__PURE__ */ p("h3", {
+										/* @__PURE__ */ m("h3", {
 											className: "font-bold text-sm mb-1",
-											children: X.title
+											children: G.title
 										}),
-										X.description && /* @__PURE__ */ p("p", {
+										G.description && /* @__PURE__ */ m("p", {
 											className: "text-xs text-muted-foreground",
-											children: X.description
+											children: G.description
 										}),
-										/* @__PURE__ */ m("div", {
+										/* @__PURE__ */ h("div", {
 											className: "mt-2 text-xs flex gap-2",
-											children: [b && /* @__PURE__ */ p("button", {
+											children: [v && /* @__PURE__ */ m("button", {
+												type: "button",
 												className: "text-blue-500 hover:underline",
-												onClick: () => b(X.data),
+												onClick: () => v(G.data),
 												children: "Edit"
-											}), x && /* @__PURE__ */ p("button", {
+											}), y && /* @__PURE__ */ m("button", {
+												type: "button",
 												className: "text-red-500 hover:underline",
-												onClick: () => x(X.data),
+												onClick: () => y(G.data),
 												children: "Delete"
 											})]
 										})
@@ -422,67 +477,69 @@ var y = ({ schema: a, dataSource: c, className: u, onMarkerClick: h, onRowClick:
 							})
 						]
 					}),
-					X && F && /* @__PURE__ */ m("div", {
+					G && j && /* @__PURE__ */ h("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__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "mx-auto mb-2 h-1 w-10 rounded-full bg-muted",
 								"aria-hidden": "true"
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "flex items-start justify-between gap-3",
-								children: [/* @__PURE__ */ m("div", {
+								children: [/* @__PURE__ */ h("div", {
 									className: "min-w-0 flex-1",
-									children: [/* @__PURE__ */ p("h3", {
+									children: [/* @__PURE__ */ m("h3", {
 										className: "text-sm font-semibold truncate",
-										children: X.title
-									}), X.description && /* @__PURE__ */ p("p", {
+										children: G.title
+									}), G.description && /* @__PURE__ */ m("p", {
 										className: "mt-1 text-xs text-muted-foreground line-clamp-3",
-										children: X.description
+										children: G.description
 									})]
-								}), /* @__PURE__ */ p("button", {
+								}), /* @__PURE__ */ m("button", {
 									type: "button",
-									onClick: () => N(null),
+									onClick: () => k(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__ */ m("div", {
+							/* @__PURE__ */ h("div", {
 								className: "mt-3 flex flex-wrap gap-2 text-xs",
-								children: [b && /* @__PURE__ */ p("button", {
+								children: [v && /* @__PURE__ */ m("button", {
+									type: "button",
 									className: "px-3 py-1.5 rounded-md border bg-card hover:bg-accent",
-									onClick: () => b(X.data),
+									onClick: () => v(G.data),
 									children: "Edit"
-								}), x && /* @__PURE__ */ p("button", {
+								}), y && /* @__PURE__ */ m("button", {
+									type: "button",
 									className: "px-3 py-1.5 rounded-md border border-destructive/30 text-destructive hover:bg-destructive/10",
-									onClick: () => x(X.data),
+									onClick: () => y(G.data),
 									children: "Delete"
 								})]
 							})
 						]
 					}),
-					z && /* @__PURE__ */ p("div", {
+					P && /* @__PURE__ */ m("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: z
+						children: P
 					})
 				]
 			}),
-			Q.isOverlay && /* @__PURE__ */ p(te, {
-				...Q,
+			q.isOverlay && /* @__PURE__ */ m(ne, {
+				...q,
 				title: "Location Details",
-				children: (e) => /* @__PURE__ */ p("div", {
+				children: (e) => /* @__PURE__ */ m("div", {
 					className: "space-y-3",
-					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ m("div", {
+					children: Object.entries(e).map(([e, t]) => /* @__PURE__ */ h("div", {
 						className: "flex flex-col",
-						children: [/* @__PURE__ */ p("span", {
+						children: [/* @__PURE__ */ m("span", {
 							className: "text-xs font-medium text-muted-foreground uppercase tracking-wide",
 							children: e.replace(/_/g, " ")
-						}), /* @__PURE__ */ p("span", {
+						}), /* @__PURE__ */ m("span", {
 							className: "text-sm",
 							children: String(t ?? "—")
 						})]
@@ -491,15 +548,25 @@ var y = ({ schema: a, dataSource: c, className: u, onMarkerClick: h, onRowClick:
 			})
 		]
 	});
-}, b = ({ schema: e, ...t }) => {
-	let { dataSource: n } = c() || {};
-	return /* @__PURE__ */ p(y, {
+}, D = {
+	filter: !0,
+	sort: !0
+}, O = ({ schema: e, ...t }) => {
+	let { dataSource: n } = u() || {};
+	return /* @__PURE__ */ m(l, {
 		schema: e,
+		mapping: D,
 		dataSource: n,
-		...t
+		testId: "object-map",
+		errorTitle: "This map’s data source could not be resolved",
+		children: (e) => /* @__PURE__ */ m(E, {
+			schema: e,
+			dataSource: n,
+			...t
+		})
 	});
 };
-console.log("Registering object-map..."), a.register("object-map", b, {
+a.register("object-map", O, {
 	namespace: "plugin-map",
 	label: "Object Map",
 	category: "view",
@@ -514,7 +581,7 @@ console.log("Registering object-map..."), a.register("object-map", b, {
 		label: "Map Config",
 		description: "latitudeField, longitudeField, titleField"
 	}]
-}), a.register("map", b, {
+}), a.register("map", O, {
 	namespace: "view",
 	label: "Map View",
 	category: "view",
@@ -531,4 +598,4 @@ console.log("Registering object-map..."), a.register("object-map", b, {
 	}]
 });
 //#endregion
-export { y as ObjectMap, b as ObjectMapRenderer };
+export { E as ObjectMap, O as ObjectMapRenderer };