@panneau/fields 5.0.0-alpha.5 → 5.0.0-alpha.6

package/dist/json/JsonField.js

@@ -0,0 +1,125 @@
+import { getFieldProps, getSetting, isNumber } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import JsonField_module_default from "./JsonField.module.js";
+import { c } from "react/compiler-runtime";
+import { TextArea, usePanneauIntl } from "@panneau/ui";
+import { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/json/JsonField.tsx
+/** The text of a value: indented JSON, or the text that doesn't parse as it is. */
+function toText(value) {
+	if (value === null || value === void 0) return "";
+	return typeof value === "string" ? value : JSON.stringify(value, null, 2);
+}
+/** The value of a text: what it parses to when it is an object or an array, or the text itself. */
+function parseJson(text) {
+	if (text.trim() === "") return {
+		value: null,
+		error: null
+	};
+	try {
+		const parsed = JSON.parse(text);
+		if (parsed !== null && typeof parsed === "object") return {
+			value: parsed,
+			error: null
+		};
+		return {
+			value: text,
+			error: "an object or an array"
+		};
+	} catch (error) {
+		return {
+			value: text,
+			error: error instanceof Error ? error.message : String(error)
+		};
+	}
+}
+/**
+* Structured data edited as JSON: an object or an array. While the text doesn't parse, the value
+* is the text itself, which the `json` rule refuses, so the form can't be saved with it. The text
+* is indented again on blur once it parses.
+*/
+function JsonField({ value, onChange, onBlur, errors = [], rows = 8, disabled, readOnly, required, ...props }) {
+	const intl = usePanneauIntl();
+	const [state, setState] = useState(() => ({
+		value,
+		text: toText(value)
+	}));
+	if (state.value !== value) setState({
+		value,
+		text: toText(value)
+	});
+	const { text } = state;
+	const { error } = parseJson(text);
+	const shown = error !== null && errors.length === 0 ? [intl.formatMessage(messages.jsonInvalid, { error })] : errors;
+	return /* @__PURE__ */ jsx(TextArea, {
+		...props,
+		value: text,
+		onChange: (next) => {
+			const parsed = parseJson(next).value;
+			setState({
+				value: parsed,
+				text: next
+			});
+			onChange?.(parsed);
+		},
+		onBlur: () => {
+			if (value !== null && value !== void 0 && typeof value !== "string") setState({
+				value,
+				text: toText(value)
+			});
+			onBlur?.();
+		},
+		errors: shown,
+		rows,
+		spellCheck: "false",
+		textAreaClassName: JsonField_module_default.code,
+		isDisabled: disabled,
+		isReadOnly: readOnly,
+		isRequired: required
+	});
+}
+/** The `json` type: an object or an array, with setting `rows`. */
+function JsonFieldEntry(props) {
+	const $ = c(11);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "rows", isNumber);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const rows = t0;
+	const { value } = props;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = typeof value === "string" || value !== null && typeof value === "object" ? value : null;
+	let t3;
+	if ($[4] !== rows) {
+		t3 = rows !== void 0 ? { rows } : {};
+		$[4] = rows;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props.onChange || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(JsonField, {
+			...t1,
+			value: t2,
+			onChange: props.onChange,
+			...t3
+		});
+		$[6] = props.onChange;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+//#endregion
+export { JsonField, JsonFieldEntry, parseJson };
+
+//# sourceMappingURL=JsonField.js.map

package/dist/json/JsonField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonField.js","names":["styles","_c"],"sources":["../../src/json/JsonField.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { TextArea, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isNumber } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './JsonField.module.css';\n\n/** The value of a `json` field: an object or an array, or the text while it doesn't parse. */\nexport type JsonValue = Record<string, unknown> | unknown[] | string;\n\nexport interface JsonFieldProps extends FieldProps<JsonValue> {\n    placeholder?: string;\n    /** Visible lines. Defaults to 8. */\n    rows?: number;\n}\n\n/** The text of a value: indented JSON, or the text that doesn't parse as it is. */\nfunction toText(value: JsonValue | null | undefined): string {\n    if (value === null || value === undefined) {\n        return '';\n    }\n    return typeof value === 'string' ? value : JSON.stringify(value, null, 2);\n}\n\n/** The value of a text: what it parses to when it is an object or an array, or the text itself. */\nexport function parseJson(text: string): { value: JsonValue | null; error: string | null } {\n    if (text.trim() === '') {\n        return { value: null, error: null };\n    }\n    try {\n        const parsed: unknown = JSON.parse(text);\n        if (parsed !== null && typeof parsed === 'object') {\n            return { value: parsed as JsonValue, error: null };\n        }\n        return { value: text, error: 'an object or an array' };\n    } catch (error) {\n        return { value: text, error: error instanceof Error ? error.message : String(error) };\n    }\n}\n\n/**\n * Structured data edited as JSON: an object or an array. While the text doesn't parse, the value\n * is the text itself, which the `json` rule refuses, so the form can't be saved with it. The text\n * is indented again on blur once it parses.\n */\nexport function JsonField({\n    value,\n    onChange,\n    onBlur,\n    errors = [],\n    rows = 8,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: JsonFieldProps) {\n    const intl = usePanneauIntl();\n    // The text as typed: a value that comes back from the form keeps its text, and a value set\n    // from outside (a reset, a reload) shows its JSON\n    const [state, setState] = useState(() => ({ value, text: toText(value) }));\n    if (state.value !== value) {\n        setState({ value, text: toText(value) });\n    }\n    const { text } = state;\n    const { error } = parseJson(text);\n    // The parser's message, until the form shows the rule's\n    const shown =\n        error !== null && errors.length === 0\n            ? [intl.formatMessage(messages.jsonInvalid, { error })]\n            : errors;\n    return (\n        <TextArea\n            {...props}\n            value={text}\n            onChange={(next) => {\n                const parsed = parseJson(next).value;\n                setState({ value: parsed, text: next });\n                onChange?.(parsed);\n            }}\n            onBlur={() => {\n                // Indent the text once it parses\n                if (value !== null && value !== undefined && typeof value !== 'string') {\n                    setState({ value, text: toText(value) });\n                }\n                onBlur?.();\n            }}\n            errors={shown}\n            rows={rows}\n            spellCheck=\"false\"\n            textAreaClassName={styles.code}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `json` type: an object or an array, with setting `rows`. */\nexport function JsonFieldEntry(props: FieldEntryProps) {\n    const rows = getSetting(props.field, 'rows', isNumber);\n    const { value } = props;\n    return (\n        <JsonField\n            {...getFieldProps(props)}\n            value={\n                typeof value === 'string' || (value !== null && typeof value === 'object')\n                    ? (value as JsonValue)\n                    : null\n            }\n            onChange={props.onChange}\n            {...(rows !== undefined ? { rows } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/json/JsonField.module.js

@@ -0,0 +1,8 @@
+import "./JsonField.css";
+//#region src/json/JsonField.module.css
+var code = "panneau-json-field-code";
+var JsonField_module_default = { code };
+//#endregion
+export { code, JsonField_module_default as default };
+
+//# sourceMappingURL=JsonField.module.js.map

package/dist/json/JsonField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonField.module.js","names":[],"sources":["../../src/json/JsonField.module.css"],"sourcesContent":["/* JSON reads in a monospace font, without wrapping long lines. */\n.code {\n    font-family: var(--panneau-font-family-mono);\n    font-size: var(--panneau-font-size-sm);\n    white-space: pre;\n    tab-size: 2;\n}\n"],"mappings":""}

package/dist/json/index.d.ts

@@ -0,0 +1,2 @@
+export { JsonField, JsonFieldEntry, type JsonFieldProps, type JsonValue, parseJson, } from './JsonField';
+//# sourceMappingURL=index.d.ts.map

package/dist/json/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/json/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,SAAS,GACZ,MAAM,aAAa,CAAC"}

package/dist/json/index.js

@@ -0,0 +1 @@
+export { JsonField, JsonFieldEntry, parseJson } from "./JsonField.js";

package/dist/location/LocationField.css

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

package/dist/location/LocationField.d.ts

@@ -0,0 +1,31 @@
+import type { LocationValue } from '@panneau/protocol';
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+import { type Point } from './LocationMap';
+import type { GeocodingSource, MapTiles } from './types';
+export type { LocationValue };
+/** OpenStreetMap's standard tiles: fine for an admin panel, with their credit. */
+export declare const OPEN_STREET_MAP_TILES: MapTiles;
+export interface LocationFieldProps extends FieldProps<LocationValue> {
+    /** The address search. Defaults to that of the `FieldsProvider`; without one, there is none. */
+    geocoding?: GeocodingSource | null;
+    /** The tiles of the map. Defaults to those of the `FieldsProvider`, or OpenStreetMap's. */
+    tiles?: MapTiles;
+    /** Where the map opens without a point. Defaults to the whole world. */
+    center?: Point;
+    /** Zoom of the map on a point. Defaults to 15. */
+    zoom?: number;
+}
+/** Whether a value is a point. */
+export declare function isLocation(value: unknown): value is LocationValue;
+/**
+ * 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.
+ */
+export declare function LocationField({ value, onChange, onBlur, geocoding: geocodingProp, tiles: tilesProp, center, zoom, label, description, errors, disabled, readOnly, required, className, }: LocationFieldProps): import("react").JSX.Element;
+/**
+ * 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`.
+ */
+export declare function LocationFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=LocationField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocationField.d.ts","sourceRoot":"","sources":["../../src/location/LocationField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAavD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,OAAO,EAAe,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,KAAK,EAAmB,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE1E,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,EAAE,QAKnC,CAAC;AAKF,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,aAAa,CAAC;IACjE,gGAAgG;IAChG,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,wEAAwE;IACxE,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,kCAAkC;AAClC,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,aAAa,CAOjE;AAkCD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,EAChB,MAA4B,EAC5B,IAAS,EACT,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,kBAAkB,+BAyKpB;AAMD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,+BAwBxD"}

package/dist/location/LocationField.js

@@ -0,0 +1,350 @@
+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;
+/** 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({ value, onChange, onBlur, geocoding: geocodingProp, tiles: tilesProp, center = {
+	lat: 20,
+	lng: 0
+}, zoom = 15, label, description, errors, disabled, readOnly, required, className }) {
+	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);
+	const places = chosen !== null && query === chosen.label ? [chosen] : search.results;
+	const addressRef = useRef(null);
+	const focusAddress = () => window.requestAnimationFrame(() => addressRef.current?.querySelector("input")?.focus());
+	const [draft, setDraft] = useState({
+		source: value,
+		lat: value?.lat ?? null,
+		lng: value?.lng ?? null
+	});
+	if (draft.source !== value) setDraft({
+		source: value,
+		lat: value?.lat ?? null,
+		lng: value?.lng ?? null
+	});
+	const setPoint = (point, address = 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(() => void 0);
+		}
+	};
+	const setCoordinate = (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);
+	};
+	const point_0 = isLocation(value) ? {
+		lat: value.lat,
+		lng: value.lng
+	} : null;
+	return /* @__PURE__ */ jsx(Fieldset, {
+		legend: label,
+		description,
+		errors,
+		isRequired: required,
+		isDisabled: disabled,
+		className,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: LocationField_module_default.location,
+			children: [
+				editable && geocoding !== null ? /* @__PURE__ */ jsx(ComboBox, {
+					"aria-label": intl.formatMessage(messages.searchAddress),
+					placeholder: intl.formatMessage(messages.searchAddress),
+					onInputChange: setQuery,
+					items: places.map((result, index) => ({
+						id: String(index),
+						label: result.label
+					})),
+					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,
+				/* @__PURE__ */ jsx(LocationMap, {
+					point: point_0,
+					onChange: (next_1) => setPoint(next_1),
+					tiles,
+					center,
+					zoom,
+					readOnly: !editable,
+					label: intl.formatMessage(messages.map, { label: typeof label === "string" ? label : "" })
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: LocationField_module_default.coordinates,
+					children: [
+						/* @__PURE__ */ jsx(NumberInput, {
+							label: intl.formatMessage(messages.latitude),
+							value: draft.lat,
+							onChange: (next_2) => setCoordinate("lat", next_2),
+							onBlur: () => onBlur?.(),
+							minValue: -90,
+							maxValue: 90,
+							step: 1e-6,
+							formatOptions: { maximumFractionDigits: 6 },
+							isDisabled: disabled,
+							isReadOnly: readOnly,
+							className: LocationField_module_default.coordinate
+						}),
+						/* @__PURE__ */ jsx(NumberInput, {
+							label: intl.formatMessage(messages.longitude),
+							value: draft.lng,
+							onChange: (next_3) => setCoordinate("lng", next_3),
+							onBlur: () => onBlur?.(),
+							minValue: -180,
+							maxValue: 180,
+							step: 1e-6,
+							formatOptions: { maximumFractionDigits: 6 },
+							isDisabled: disabled,
+							isReadOnly: readOnly,
+							className: LocationField_module_default.coordinate
+						}),
+						editable && point_0 !== null ? /* @__PURE__ */ jsx(IconButton, {
+							icon: X,
+							label: intl.formatMessage(messages.removePoint),
+							className: LocationField_module_default.remove,
+							onPress: () => onChange?.(null)
+						}) : null
+					]
+				}),
+				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
+			]
+		})
+	});
+}
+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", _temp2);
+		$[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 _temp2(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":["next","point","result","address","_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;\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 = { lat: 20, lng: 0 },\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, address = 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