@panneau/fields 5.0.0-alpha.1 → 5.0.0-alpha.11

package/dist/location/LocationField.js

@@ -0,0 +1,563 @@
+import { useFieldsContext } from "../shared/context.js";
+import { getFieldProps, getSetting, isNumber, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import LocationField_module_default from "./LocationField.module.js";
+import { LocationMap } from "./LocationMap.js";
+import { c } from "react/compiler-runtime";
+import { ComboBox, Fieldset, IconButton, NumberInput, TextInput, usePanneauIntl } from "@panneau/ui";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+//#region src/location/LocationField.tsx
+/** OpenStreetMap's standard tiles: fine for an admin panel, with their credit. */
+var OPEN_STREET_MAP_TILES = {
+	url: "https://tile.openstreetmap.org/{z}/{x}/{y}.png",
+	attribution: "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors",
+	maxZoom: 19
+};
+var SEARCH_DELAY = 400;
+var SEARCH_MIN_LENGTH = 3;
+var DEFAULT_CENTER = {
+	lat: 20,
+	lng: 0
+};
+/** Whether a value is a point. */
+function isLocation(value) {
+	return value !== null && typeof value === "object" && isNumber(value.lat) && isNumber(value.lng);
+}
+/** The search of addresses: results of the text typed, after a pause. */
+function useAddressSearch(geocoding, query, locale) {
+	const $ = c(9);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {
+			query: "",
+			results: [],
+			loading: false
+		};
+		$[0] = t0;
+	} else t0 = $[0];
+	const [state, setState] = useState(t0);
+	let t1;
+	let t2;
+	if ($[1] !== geocoding || $[2] !== locale || $[3] !== query) {
+		t1 = () => {
+			const text = query.trim();
+			if (geocoding === null || text.length < SEARCH_MIN_LENGTH) return;
+			const controller = new AbortController();
+			const timeout = window.setTimeout(() => {
+				setState(_temp);
+				geocoding.search(text, {
+					signal: controller.signal,
+					locale
+				}).then((results) => setState({
+					query: text,
+					results,
+					loading: false
+				})).catch(() => {
+					if (!controller.signal.aborted) setState({
+						query: text,
+						results: [],
+						loading: false
+					});
+				});
+			}, SEARCH_DELAY);
+			return () => {
+				window.clearTimeout(timeout);
+				controller.abort();
+			};
+		};
+		t2 = [
+			geocoding,
+			query,
+			locale
+		];
+		$[1] = geocoding;
+		$[2] = locale;
+		$[3] = query;
+		$[4] = t1;
+		$[5] = t2;
+	} else {
+		t1 = $[4];
+		t2 = $[5];
+	}
+	useEffect(t1, t2);
+	let t3;
+	if ($[6] !== query || $[7] !== state) {
+		t3 = query.trim().length >= SEARCH_MIN_LENGTH ? state : {
+			...state,
+			results: []
+		};
+		$[6] = query;
+		$[7] = state;
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
+}
+/**
+* A point on a map, and its address. Clicking the map or dragging the marker places the point,
+* and its latitude and longitude can be typed. With an address search, a place found sets the
+* point and the address; with a reverse search, placing a point fills an empty address.
+*/
+function _temp(current) {
+	return {
+		...current,
+		loading: true
+	};
+}
+function LocationField(t0) {
+	const $ = c(100);
+	const { value, onChange, onBlur, geocoding: geocodingProp, tiles: tilesProp, center: t1, zoom: t2, label, description, errors, disabled, readOnly, required, className } = t0;
+	const center = t1 === void 0 ? DEFAULT_CENTER : t1;
+	const zoom = t2 === void 0 ? 15 : t2;
+	const intl = usePanneauIntl();
+	const { maps } = useFieldsContext();
+	const geocoding = geocodingProp === void 0 ? maps?.geocoding ?? null : geocodingProp;
+	const tiles = tilesProp ?? maps?.tiles ?? OPEN_STREET_MAP_TILES;
+	const editable = disabled !== true && readOnly !== true;
+	const [query, setQuery] = useState("");
+	const [chosen, setChosen] = useState(null);
+	const search = useAddressSearch(editable && query !== chosen?.label ? geocoding : null, query, intl.locale);
+	let t3;
+	if ($[0] !== chosen || $[1] !== query || $[2] !== search) {
+		t3 = chosen !== null && query === chosen.label ? [chosen] : search.results;
+		$[0] = chosen;
+		$[1] = query;
+		$[2] = search;
+		$[3] = t3;
+	} else t3 = $[3];
+	const places = t3;
+	const addressRef = useRef(null);
+	let t4;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = () => window.requestAnimationFrame(() => addressRef.current?.querySelector("input")?.focus());
+		$[4] = t4;
+	} else t4 = $[4];
+	const focusAddress = t4;
+	const t5 = value?.lat ?? null;
+	const t6 = value?.lng ?? null;
+	let t7;
+	if ($[5] !== t5 || $[6] !== t6 || $[7] !== value) {
+		t7 = {
+			source: value,
+			lat: t5,
+			lng: t6
+		};
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = value;
+		$[8] = t7;
+	} else t7 = $[8];
+	const [draft, setDraft] = useState(t7);
+	if (draft.source !== value) setDraft({
+		source: value,
+		lat: value?.lat ?? null,
+		lng: value?.lng ?? null
+	});
+	let t8;
+	if ($[9] !== geocoding || $[10] !== intl.locale || $[11] !== onChange || $[12] !== value?.address) {
+		t8 = (point, newAddress) => {
+			const address = newAddress ?? value?.address;
+			const next = {
+				lat: Number(point.lat.toFixed(6)),
+				lng: Number(point.lng.toFixed(6)),
+				...address !== void 0 && address !== "" ? { address } : {}
+			};
+			onChange?.(next);
+			if ((address === void 0 || address === "") && geocoding?.reverse !== void 0) {
+				const controller = new AbortController();
+				geocoding.reverse(point, {
+					signal: controller.signal,
+					locale: intl.locale
+				}).then((place) => {
+					if (place !== null) onChange?.({
+						...next,
+						address: place.label
+					});
+				}).catch(_temp2);
+			}
+		};
+		$[9] = geocoding;
+		$[10] = intl.locale;
+		$[11] = onChange;
+		$[12] = value?.address;
+		$[13] = t8;
+	} else t8 = $[13];
+	const setPoint = t8;
+	let t9;
+	if ($[14] !== draft || $[15] !== onChange || $[16] !== setPoint) {
+		t9 = (key, number) => {
+			const next_0 = {
+				...draft,
+				[key]: number
+			};
+			setDraft(next_0);
+			if (next_0.lat !== null && next_0.lng !== null) setPoint({
+				lat: next_0.lat,
+				lng: next_0.lng
+			});
+			else if (next_0.lat === null && next_0.lng === null) onChange?.(null);
+		};
+		$[14] = draft;
+		$[15] = onChange;
+		$[16] = setPoint;
+		$[17] = t9;
+	} else t9 = $[17];
+	const setCoordinate = t9;
+	let t10;
+	if ($[18] !== value) {
+		t10 = isLocation(value) ? {
+			lat: value.lat,
+			lng: value.lng
+		} : null;
+		$[18] = value;
+		$[19] = t10;
+	} else t10 = $[19];
+	const point_0 = t10;
+	let t11;
+	if ($[20] !== chosen || $[21] !== editable || $[22] !== geocoding || $[23] !== intl || $[24] !== places || $[25] !== query || $[26] !== search || $[27] !== setPoint) {
+		t11 = editable && geocoding !== null ? /* @__PURE__ */ jsx(ComboBox, {
+			"aria-label": intl.formatMessage(messages.searchAddress),
+			placeholder: intl.formatMessage(messages.searchAddress),
+			onInputChange: setQuery,
+			items: places.map(_temp3),
+			isLoading: search.loading,
+			menuTrigger: "input",
+			emptyMessage: query.trim().length < SEARCH_MIN_LENGTH ? intl.formatMessage(messages.searchAddressHint, { count: SEARCH_MIN_LENGTH }) : intl.formatMessage(messages.noPlaces),
+			value: chosen !== null && query === chosen.label ? "0" : null,
+			onChange: (id) => {
+				const result_0 = id !== null ? places[Number(id)] : void 0;
+				if (result_0 !== void 0) {
+					setChosen(result_0);
+					setPoint(result_0, result_0.label);
+					focusAddress();
+				}
+			}
+		}) : null;
+		$[20] = chosen;
+		$[21] = editable;
+		$[22] = geocoding;
+		$[23] = intl;
+		$[24] = places;
+		$[25] = query;
+		$[26] = search;
+		$[27] = setPoint;
+		$[28] = t11;
+	} else t11 = $[28];
+	let t12;
+	if ($[29] !== setPoint) {
+		t12 = (next_1) => setPoint(next_1);
+		$[29] = setPoint;
+		$[30] = t12;
+	} else t12 = $[30];
+	const t13 = !editable;
+	let t14;
+	if ($[31] !== intl || $[32] !== label) {
+		t14 = intl.formatMessage(messages.map, { label: typeof label === "string" ? label : "" });
+		$[31] = intl;
+		$[32] = label;
+		$[33] = t14;
+	} else t14 = $[33];
+	let t15;
+	if ($[34] !== center || $[35] !== point_0 || $[36] !== t12 || $[37] !== t13 || $[38] !== t14 || $[39] !== tiles || $[40] !== zoom) {
+		t15 = /* @__PURE__ */ jsx(LocationMap, {
+			point: point_0,
+			onChange: t12,
+			tiles,
+			center,
+			zoom,
+			readOnly: t13,
+			label: t14
+		});
+		$[34] = center;
+		$[35] = point_0;
+		$[36] = t12;
+		$[37] = t13;
+		$[38] = t14;
+		$[39] = tiles;
+		$[40] = zoom;
+		$[41] = t15;
+	} else t15 = $[41];
+	let t16;
+	if ($[42] !== intl) {
+		t16 = intl.formatMessage(messages.latitude);
+		$[42] = intl;
+		$[43] = t16;
+	} else t16 = $[43];
+	let t17;
+	if ($[44] !== setCoordinate) {
+		t17 = (next_2) => setCoordinate("lat", next_2);
+		$[44] = setCoordinate;
+		$[45] = t17;
+	} else t17 = $[45];
+	let t18;
+	if ($[46] !== onBlur) {
+		t18 = () => onBlur?.();
+		$[46] = onBlur;
+		$[47] = t18;
+	} else t18 = $[47];
+	let t19;
+	if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = { maximumFractionDigits: 6 };
+		$[48] = t19;
+	} else t19 = $[48];
+	let t20;
+	if ($[49] !== disabled || $[50] !== draft.lat || $[51] !== readOnly || $[52] !== t16 || $[53] !== t17 || $[54] !== t18) {
+		t20 = /* @__PURE__ */ jsx(NumberInput, {
+			label: t16,
+			value: draft.lat,
+			onChange: t17,
+			onBlur: t18,
+			minValue: -90,
+			maxValue: 90,
+			step: 1e-6,
+			formatOptions: t19,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			className: LocationField_module_default.coordinate
+		});
+		$[49] = disabled;
+		$[50] = draft.lat;
+		$[51] = readOnly;
+		$[52] = t16;
+		$[53] = t17;
+		$[54] = t18;
+		$[55] = t20;
+	} else t20 = $[55];
+	let t21;
+	if ($[56] !== intl) {
+		t21 = intl.formatMessage(messages.longitude);
+		$[56] = intl;
+		$[57] = t21;
+	} else t21 = $[57];
+	let t22;
+	if ($[58] !== setCoordinate) {
+		t22 = (next_3) => setCoordinate("lng", next_3);
+		$[58] = setCoordinate;
+		$[59] = t22;
+	} else t22 = $[59];
+	let t23;
+	if ($[60] !== onBlur) {
+		t23 = () => onBlur?.();
+		$[60] = onBlur;
+		$[61] = t23;
+	} else t23 = $[61];
+	let t24;
+	if ($[62] === Symbol.for("react.memo_cache_sentinel")) {
+		t24 = { maximumFractionDigits: 6 };
+		$[62] = t24;
+	} else t24 = $[62];
+	let t25;
+	if ($[63] !== disabled || $[64] !== draft.lng || $[65] !== readOnly || $[66] !== t21 || $[67] !== t22 || $[68] !== t23) {
+		t25 = /* @__PURE__ */ jsx(NumberInput, {
+			label: t21,
+			value: draft.lng,
+			onChange: t22,
+			onBlur: t23,
+			minValue: -180,
+			maxValue: 180,
+			step: 1e-6,
+			formatOptions: t24,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			className: LocationField_module_default.coordinate
+		});
+		$[63] = disabled;
+		$[64] = draft.lng;
+		$[65] = readOnly;
+		$[66] = t21;
+		$[67] = t22;
+		$[68] = t23;
+		$[69] = t25;
+	} else t25 = $[69];
+	let t26;
+	if ($[70] !== editable || $[71] !== intl || $[72] !== onChange || $[73] !== point_0) {
+		t26 = editable && point_0 !== null ? /* @__PURE__ */ jsx(IconButton, {
+			icon: X,
+			label: intl.formatMessage(messages.removePoint),
+			className: LocationField_module_default.remove,
+			onPress: () => onChange?.(null)
+		}) : null;
+		$[70] = editable;
+		$[71] = intl;
+		$[72] = onChange;
+		$[73] = point_0;
+		$[74] = t26;
+	} else t26 = $[74];
+	let t27;
+	if ($[75] !== t20 || $[76] !== t25 || $[77] !== t26) {
+		t27 = /* @__PURE__ */ jsxs("div", {
+			className: LocationField_module_default.coordinates,
+			children: [
+				t20,
+				t25,
+				t26
+			]
+		});
+		$[75] = t20;
+		$[76] = t25;
+		$[77] = t26;
+		$[78] = t27;
+	} else t27 = $[78];
+	let t28;
+	if ($[79] !== disabled || $[80] !== intl || $[81] !== onBlur || $[82] !== onChange || $[83] !== point_0 || $[84] !== readOnly || $[85] !== value?.address) {
+		t28 = point_0 !== null ? /* @__PURE__ */ jsx("div", {
+			ref: addressRef,
+			children: /* @__PURE__ */ jsx(TextInput, {
+				label: intl.formatMessage(messages.address),
+				value: value?.address ?? "",
+				onChange: (address_0) => onChange?.({
+					lat: point_0.lat,
+					lng: point_0.lng,
+					...address_0 !== "" ? { address: address_0 } : {}
+				}),
+				onBlur: () => onBlur?.(),
+				isDisabled: disabled,
+				isReadOnly: readOnly
+			})
+		}) : null;
+		$[79] = disabled;
+		$[80] = intl;
+		$[81] = onBlur;
+		$[82] = onChange;
+		$[83] = point_0;
+		$[84] = readOnly;
+		$[85] = value?.address;
+		$[86] = t28;
+	} else t28 = $[86];
+	let t29;
+	if ($[87] !== t11 || $[88] !== t15 || $[89] !== t27 || $[90] !== t28) {
+		t29 = /* @__PURE__ */ jsxs("div", {
+			className: LocationField_module_default.location,
+			children: [
+				t11,
+				t15,
+				t27,
+				t28
+			]
+		});
+		$[87] = t11;
+		$[88] = t15;
+		$[89] = t27;
+		$[90] = t28;
+		$[91] = t29;
+	} else t29 = $[91];
+	let t30;
+	if ($[92] !== className || $[93] !== description || $[94] !== disabled || $[95] !== errors || $[96] !== label || $[97] !== required || $[98] !== t29) {
+		t30 = /* @__PURE__ */ jsx(Fieldset, {
+			legend: label,
+			description,
+			errors,
+			isRequired: required,
+			isDisabled: disabled,
+			className,
+			children: t29
+		});
+		$[92] = className;
+		$[93] = description;
+		$[94] = disabled;
+		$[95] = errors;
+		$[96] = label;
+		$[97] = required;
+		$[98] = t29;
+		$[99] = t30;
+	} else t30 = $[99];
+	return t30;
+}
+function _temp3(result, index) {
+	return {
+		id: String(index),
+		label: result.label
+	};
+}
+function _temp2() {}
+function isPoint(value) {
+	return isLocation(value);
+}
+/**
+* The `location` type: settings `zoom`, `center` (`{ "lat", "lng" }`, where the map opens without
+* a point) and `tiles` (`{ "url", "attribution" }`), over the maps of the `FieldsProvider`.
+*/
+function LocationFieldEntry(props) {
+	const $ = c(23);
+	const { field } = props;
+	let t0;
+	if ($[0] !== field) {
+		t0 = getSetting(field, "zoom", isNumber);
+		$[0] = field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const zoom = t0;
+	let t1;
+	if ($[2] !== field) {
+		t1 = getSetting(field, "center", isPoint);
+		$[2] = field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const center = t1;
+	let t2;
+	if ($[4] !== field) {
+		t2 = getSetting(field, "tiles", _temp4);
+		$[4] = field;
+		$[5] = t2;
+	} else t2 = $[5];
+	const tiles = t2;
+	let t3;
+	if ($[6] !== props) {
+		t3 = getFieldProps(props);
+		$[6] = props;
+		$[7] = t3;
+	} else t3 = $[7];
+	let fieldProps;
+	if ($[8] !== t3) {
+		const { placeholder: _placeholder, ...t4 } = t3;
+		fieldProps = t4;
+		$[8] = t3;
+		$[9] = fieldProps;
+	} else fieldProps = $[9];
+	const t4 = isLocation(props.value) ? props.value : null;
+	let t5;
+	if ($[10] !== zoom) {
+		t5 = zoom !== void 0 ? { zoom } : {};
+		$[10] = zoom;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== center) {
+		t6 = center !== void 0 ? { center } : {};
+		$[12] = center;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== tiles) {
+		t7 = tiles !== void 0 ? { tiles } : {};
+		$[14] = tiles;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== fieldProps || $[17] !== props.onChange || $[18] !== t4 || $[19] !== t5 || $[20] !== t6 || $[21] !== t7) {
+		t8 = /* @__PURE__ */ jsx(LocationField, {
+			...fieldProps,
+			value: t4,
+			onChange: props.onChange,
+			...t5,
+			...t6,
+			...t7
+		});
+		$[16] = fieldProps;
+		$[17] = props.onChange;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+	} else t8 = $[22];
+	return t8;
+}
+function _temp4(value) {
+	return value !== null && typeof value === "object" && isString(value.url) && isString(value.attribution);
+}
+//#endregion
+export { LocationField, LocationFieldEntry, OPEN_STREET_MAP_TILES, isLocation };
+
+//# sourceMappingURL=LocationField.js.map

package/dist/location/LocationField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationField.js","names":["X","useEffect","useRef","useState","LocationValue","ComboBox","Fieldset","IconButton","NumberInput","TextInput","usePanneauIntl","useFieldsContext","getFieldProps","getSetting","isNumber","isString","messages","FieldEntryProps","FieldProps","styles","LocationMap","Point","GeocodingResult","GeocodingSource","MapTiles","OPEN_STREET_MAP_TILES","url","attribution","maxZoom","SEARCH_DELAY","SEARCH_MIN_LENGTH","DEFAULT_CENTER","lat","lng","LocationFieldProps","geocoding","tiles","center","zoom","isLocation","value","Record","useAddressSearch","query","locale","$","_c","t0","Symbol","for","results","loading","state","setState","t1","t2","text","trim","length","controller","AbortController","timeout","window","setTimeout","_temp","search","signal","then","catch","aborted","clearTimeout","abort","t3","current","LocationField","onChange","onBlur","geocodingProp","tilesProp","label","description","errors","disabled","readOnly","required","className","undefined","intl","maps","editable","setQuery","chosen","setChosen","places","addressRef","t4","requestAnimationFrame","querySelector","focus","focusAddress","t5","t6","t7","source","draft","setDraft","t8","address","point","newAddress","next","Number","toFixed","reverse","place","_temp2","setPoint","t9","key","number","next_0","setCoordinate","t10","point_0","t11","formatMessage","searchAddress","map","_temp3","searchAddressHint","count","noPlaces","id","result_0","result","t12","next_1","t13","t14","t15","t16","latitude","t17","next_2","t18","t19","maximumFractionDigits","t20","coordinate","t21","longitude","t22","next_3","t23","t24","t25","t26","removePoint","remove","t27","coordinates","t28","address_0","t29","location","t30","index","String","isPoint","LocationFieldEntry","props","field","_temp4","fieldProps","placeholder","_placeholder","_c","styles"],"sources":["../../src/location/LocationField.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { LocationValue } from '@panneau/protocol';\nimport {\n    ComboBox,\n    Fieldset,\n    IconButton,\n    NumberInput,\n    TextInput,\n    usePanneauIntl,\n} from '@panneau/ui';\n\nimport { useFieldsContext } from '../shared/context';\nimport { getFieldProps, getSetting, isNumber, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './LocationField.module.css';\nimport { LocationMap, type Point } from './LocationMap';\nimport type { GeocodingResult, GeocodingSource, MapTiles } from './types';\n\nexport type { LocationValue };\n\n/** OpenStreetMap's standard tiles: fine for an admin panel, with their credit. */\nexport const OPEN_STREET_MAP_TILES: MapTiles = {\n    url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',\n    attribution:\n        '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors',\n    maxZoom: 19,\n};\n\nconst SEARCH_DELAY = 400;\nconst SEARCH_MIN_LENGTH = 3;\nconst DEFAULT_CENTER: Point = { lat: 20, lng: 0 };\n\nexport interface LocationFieldProps extends FieldProps<LocationValue> {\n    /** The address search. Defaults to that of the `FieldsProvider`; without one, there is none. */\n    geocoding?: GeocodingSource | null;\n    /** The tiles of the map. Defaults to those of the `FieldsProvider`, or OpenStreetMap's. */\n    tiles?: MapTiles;\n    /** Where the map opens without a point. Defaults to the whole world. */\n    center?: Point;\n    /** Zoom of the map on a point. Defaults to 15. */\n    zoom?: number;\n}\n\n/** Whether a value is a point. */\nexport function isLocation(value: unknown): value is LocationValue {\n    return (\n        value !== null &&\n        typeof value === 'object' &&\n        isNumber((value as Record<string, unknown>).lat) &&\n        isNumber((value as Record<string, unknown>).lng)\n    );\n}\n\n/** The search of addresses: results of the text typed, after a pause. */\nfunction useAddressSearch(geocoding: GeocodingSource | null, query: string, locale: string) {\n    const [state, setState] = useState<{\n        query: string;\n        results: GeocodingResult[];\n        loading: boolean;\n    }>({ query: '', results: [], loading: false });\n    useEffect(() => {\n        const text = query.trim();\n        if (geocoding === null || text.length < SEARCH_MIN_LENGTH) {\n            return undefined;\n        }\n        const controller = new AbortController();\n        const timeout = window.setTimeout(() => {\n            setState((current) => ({ ...current, loading: true }));\n            geocoding\n                .search(text, { signal: controller.signal, locale })\n                .then((results) => setState({ query: text, results, loading: false }))\n                .catch(() => {\n                    if (!controller.signal.aborted) {\n                        setState({ query: text, results: [], loading: false });\n                    }\n                });\n        }, SEARCH_DELAY);\n        return () => {\n            window.clearTimeout(timeout);\n            controller.abort();\n        };\n    }, [geocoding, query, locale]);\n    return query.trim().length >= SEARCH_MIN_LENGTH ? state : { ...state, results: [] };\n}\n\n/**\n * A point on a map, and its address. Clicking the map or dragging the marker places the point,\n * and its latitude and longitude can be typed. With an address search, a place found sets the\n * point and the address; with a reverse search, placing a point fills an empty address.\n */\nexport function LocationField({\n    value,\n    onChange,\n    onBlur,\n    geocoding: geocodingProp,\n    tiles: tilesProp,\n    center = DEFAULT_CENTER,\n    zoom = 15,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    className,\n}: LocationFieldProps) {\n    const intl = usePanneauIntl();\n    const { maps } = useFieldsContext();\n    const geocoding = geocodingProp === undefined ? (maps?.geocoding ?? null) : geocodingProp;\n    const tiles = tilesProp ?? maps?.tiles ?? OPEN_STREET_MAP_TILES;\n    const editable = disabled !== true && readOnly !== true;\n    const [query, setQuery] = useState('');\n    // The place chosen: the search shows its label until something else is typed\n    const [chosen, setChosen] = useState<GeocodingResult | null>(null);\n    const search = useAddressSearch(\n        editable && query !== chosen?.label ? geocoding : null,\n        query,\n        intl.locale,\n    );\n    const places = chosen !== null && query === chosen.label ? [chosen] : search.results;\n    // A place chosen moves focus to its address, which closes the results\n    const addressRef = useRef<HTMLDivElement>(null);\n    const focusAddress = () =>\n        window.requestAnimationFrame(() =>\n            addressRef.current?.querySelector<HTMLInputElement>('input')?.focus(),\n        );\n\n    // The coordinates as typed: a value needs both\n    const [draft, setDraft] = useState<{ source: unknown; lat: number | null; lng: number | null }>(\n        { source: value, lat: value?.lat ?? null, lng: value?.lng ?? null },\n    );\n    if (draft.source !== value) {\n        setDraft({ source: value, lat: value?.lat ?? null, lng: value?.lng ?? null });\n    }\n\n    const setPoint = (point: Point, newAddress?: string) => {\n        const address = newAddress ?? value?.address;\n        const next: LocationValue = {\n            lat: Number(point.lat.toFixed(6)),\n            lng: Number(point.lng.toFixed(6)),\n            ...(address !== undefined && address !== '' ? { address } : {}),\n        };\n        onChange?.(next);\n        // Fills an empty address from the point\n        if ((address === undefined || address === '') && geocoding?.reverse !== undefined) {\n            const controller = new AbortController();\n            void geocoding\n                .reverse(point, { signal: controller.signal, locale: intl.locale })\n                .then((place) => {\n                    if (place !== null) {\n                        onChange?.({ ...next, address: place.label });\n                    }\n                })\n                .catch(() => undefined);\n        }\n    };\n\n    const setCoordinate = (key: 'lat' | 'lng', number: number | null) => {\n        const next = { ...draft, [key]: number };\n        setDraft(next);\n        if (next.lat !== null && next.lng !== null) {\n            setPoint({ lat: next.lat, lng: next.lng });\n        } else if (next.lat === null && next.lng === null) {\n            onChange?.(null);\n        }\n    };\n\n    const point = isLocation(value) ? { lat: value.lat, lng: value.lng } : null;\n    return (\n        <Fieldset\n            legend={label}\n            description={description}\n            errors={errors}\n            isRequired={required}\n            isDisabled={disabled}\n            className={className}\n        >\n            <div className={styles.location}>\n                {editable && geocoding !== null ? (\n                    <ComboBox\n                        aria-label={intl.formatMessage(messages.searchAddress)}\n                        placeholder={intl.formatMessage(messages.searchAddress)}\n                        onInputChange={setQuery}\n                        items={places.map((result, index) => ({\n                            id: String(index),\n                            label: result.label,\n                        }))}\n                        isLoading={search.loading}\n                        menuTrigger=\"input\"\n                        emptyMessage={\n                            query.trim().length < SEARCH_MIN_LENGTH\n                                ? intl.formatMessage(messages.searchAddressHint, {\n                                      count: SEARCH_MIN_LENGTH,\n                                  })\n                                : intl.formatMessage(messages.noPlaces)\n                        }\n                        value={chosen !== null && query === chosen.label ? '0' : null}\n                        onChange={(id) => {\n                            const result = id !== null ? places[Number(id)] : undefined;\n                            if (result !== undefined) {\n                                setChosen(result);\n                                setPoint(result, result.label);\n                                focusAddress();\n                            }\n                        }}\n                    />\n                ) : null}\n                <LocationMap\n                    point={point}\n                    onChange={(next) => setPoint(next)}\n                    tiles={tiles}\n                    center={center}\n                    zoom={zoom}\n                    readOnly={!editable}\n                    label={intl.formatMessage(messages.map, {\n                        label: typeof label === 'string' ? label : '',\n                    })}\n                />\n                <div className={styles.coordinates}>\n                    <NumberInput\n                        label={intl.formatMessage(messages.latitude)}\n                        value={draft.lat}\n                        onChange={(next) => setCoordinate('lat', next)}\n                        onBlur={() => onBlur?.()}\n                        minValue={-90}\n                        maxValue={90}\n                        step={0.000001}\n                        formatOptions={{ maximumFractionDigits: 6 }}\n                        isDisabled={disabled}\n                        isReadOnly={readOnly}\n                        className={styles.coordinate}\n                    />\n                    <NumberInput\n                        label={intl.formatMessage(messages.longitude)}\n                        value={draft.lng}\n                        onChange={(next) => setCoordinate('lng', next)}\n                        onBlur={() => onBlur?.()}\n                        minValue={-180}\n                        maxValue={180}\n                        step={0.000001}\n                        formatOptions={{ maximumFractionDigits: 6 }}\n                        isDisabled={disabled}\n                        isReadOnly={readOnly}\n                        className={styles.coordinate}\n                    />\n                    {editable && point !== null ? (\n                        <IconButton\n                            icon={X}\n                            label={intl.formatMessage(messages.removePoint)}\n                            className={styles.remove}\n                            onPress={() => onChange?.(null)}\n                        />\n                    ) : null}\n                </div>\n                {point !== null ? (\n                    <div ref={addressRef}>\n                        <TextInput\n                            label={intl.formatMessage(messages.address)}\n                            value={value?.address ?? ''}\n                            onChange={(address) =>\n                                onChange?.({\n                                    lat: point.lat,\n                                    lng: point.lng,\n                                    ...(address !== '' ? { address } : {}),\n                                })\n                            }\n                            onBlur={() => onBlur?.()}\n                            isDisabled={disabled}\n                            isReadOnly={readOnly}\n                        />\n                    </div>\n                ) : null}\n            </div>\n        </Fieldset>\n    );\n}\n\nfunction isPoint(value: unknown): value is Point {\n    return isLocation(value);\n}\n\n/**\n * The `location` type: settings `zoom`, `center` (`{ \"lat\", \"lng\" }`, where the map opens without\n * a point) and `tiles` (`{ \"url\", \"attribution\" }`), over the maps of the `FieldsProvider`.\n */\nexport function LocationFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const zoom = getSetting(field, 'zoom', isNumber);\n    const center = getSetting(field, 'center', isPoint);\n    const tiles = getSetting(\n        field,\n        'tiles',\n        (value): value is MapTiles =>\n            value !== null &&\n            typeof value === 'object' &&\n            isString((value as Record<string, unknown>).url) &&\n            isString((value as Record<string, unknown>).attribution),\n    );\n    const { placeholder: _placeholder, ...fieldProps } = getFieldProps(props);\n    return (\n        <LocationField\n            {...fieldProps}\n            value={isLocation(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(zoom !== undefined ? { zoom } : {})}\n            {...(center !== undefined ? { center } : {})}\n            {...(tiles !== undefined ? { tiles } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/location/LocationField.module.js

@@ -0,0 +1,22 @@
+import "./LocationField.css";
+//#region src/location/LocationField.module.css
+var location = "panneau-location-field-location";
+var map = "panneau-location-field-map";
+var marker = "panneau-location-field-marker";
+var pin = "panneau-location-field-pin";
+var coordinates = "panneau-location-field-coordinates";
+var coordinate = "panneau-location-field-coordinate";
+var remove = "panneau-location-field-remove";
+var LocationField_module_default = {
+	location,
+	map,
+	marker,
+	pin,
+	coordinates,
+	coordinate,
+	remove
+};
+//#endregion
+export { coordinate, coordinates, LocationField_module_default as default, location, map, marker, pin, remove };
+
+//# sourceMappingURL=LocationField.module.js.map

package/dist/location/LocationField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationField.module.js","names":[],"sources":["../../src/location/LocationField.module.css"],"sourcesContent":["/* The search, the map, then the coordinates and the address. */\n.location {\n    display: flex;\n    flex-direction: column;\n    gap: var(--panneau-space-2);\n}\n\n.map {\n    position: relative;\n    z-index: 0;\n    height: 16rem;\n    overflow: hidden;\n    background-color: var(--panneau-color-surface-sunken);\n    border: var(--panneau-border-width) solid var(--panneau-color-border-control);\n    border-radius: var(--panneau-radius-md);\n}\n\n.map:focus-visible {\n    outline: var(--panneau-focus-width) solid var(--panneau-color-focus);\n    outline-offset: 1px;\n}\n\n/* A pin: a round head pointing down at the point. */\n.marker {\n    background: none;\n    border: 0;\n}\n\n.pin {\n    display: block;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    background-color: var(--panneau-color-accent);\n    border: 2px solid var(--panneau-color-surface);\n    border-radius: 50% 50% 50% 0;\n    box-shadow: var(--panneau-shadow-sm);\n    rotate: -45deg;\n}\n\n.coordinates {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: flex-end;\n    gap: var(--panneau-space-2);\n}\n\n.coordinate {\n    flex: 1 1 8rem;\n}\n\n.remove {\n    flex: none;\n}\n"],"mappings":""}

package/dist/location/LocationMap.d.ts

@@ -0,0 +1,25 @@
+import type { MapTiles } from './types.js';
+export interface Point {
+    lat: number;
+    lng: number;
+}
+export interface LocationMapProps {
+    point: Point | null;
+    /** Called with the point clicked, or where the marker was dropped. */
+    onChange?: (point: Point) => void;
+    tiles: MapTiles;
+    /** Where the map opens without a point. */
+    center: Point;
+    /** Zoom of the map on a point; the map opens wider without one. */
+    zoom: number;
+    readOnly?: boolean;
+    /** Accessible name of the map. */
+    label: string;
+    className?: string;
+}
+/**
+ * A Leaflet map with a marker on the point. Clicking the map or dragging the marker moves the
+ * point. Leaflet and its stylesheet load when the map first shows.
+ */
+export declare function LocationMap({ point, onChange, tiles, center, zoom, readOnly, label, className, }: LocationMapProps): import("react").JSX.Element;
+//# sourceMappingURL=LocationMap.d.ts.map

package/dist/location/LocationMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationMap.d.ts","sourceRoot":"","sources":["../../src/location/LocationMap.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAwBxC,MAAM,WAAW,KAAK;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,KAAK,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,MAAM,EAAE,KAAK,CAAC;IACd,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAgB,EAChB,KAAK,EACL,SAAS,GACZ,EAAE,gBAAgB,+BAuGlB"}