@panneau/fields 5.0.0-alpha.15 → 5.0.0-alpha.16

package/README.md

@@ -32,13 +32,17 @@ Every field takes `value`, `onChange`, `onBlur`, `errors`, `disabled`, `readOnly
 | `@panneau/fields/select`    | `SelectField` (dropdown, radios, checkboxes) | an option's value, or a list with `multiple`                        |
 | `@panneau/fields/email`     | `EmailField`                                 | `string`                                                            |
 | `@panneau/fields/url`       | `UrlField`                                   | `string`, with `https://` added on blur                             |
-| `@panneau/fields/color`     | `ColorField`                                 | `'#1d4ed8'`                                                         |
+| `@panneau/fields/color`     | `ColorField`, `getColorPalette()`            | `'#1d4ed8'`, or a `value` of its `palette`                          |
 | `@panneau/fields/slug`      | `SlugField`, `slugify()`, `sourceText()`     | `string`, following a `source` until edited, checked with `onCheck` |
 | `@panneau/fields/tel`       | `TelField`, `parsePhone()`                   | E.164, `'+15145550199'`; the text until the number is complete      |
-| `@panneau/fields/country`   | `CountryField`, `getCountryName()`           | `'CA'`, ISO 3166-1 alpha-2                                          |
+| `@panneau/fields/country`   | `CountryField`, `getCountryName()`           | `'CA'`, ISO 3166-1 alpha-2, or a list with `multiple`               |
 | `@panneau/fields/region`    | `RegionField`, `getRegions()`                | `'QC'`, the region of its country; the text for other countries     |
+| `@panneau/fields/address`   | `AddressField`, `formatAddress()`            | `{ street, unit, city, region, postalCode, country, point }`        |
+| `@panneau/fields/link`      | `LinkField`, `getLinkText()`                 | `{ type, url, page, file, label, newTab }`                          |
+| `@panneau/fields/daterange` | `DateRangeField`, `formatDateRange()`        | `{ start, end }`, days or date-times, either `null` when open       |
+| `@panneau/fields/money`     | `MoneyField`, `formatMoney()`                | `{ amount, currency }`, the amount in minor units (`1250`)          |
 | `@panneau/fields/range`     | `RangeField` (a slider)                      | `number`, `null` until moved                                        |
-| `@panneau/fields/duration`  | `DurationField`, `formatDuration()`          | seconds, typed in hours, minutes and seconds                        |
+| `@panneau/fields/duration`  | `DurationField`, `formatDuration()`          | a whole number of its `unit`, seconds by default                    |
 | `@panneau/fields/json`      | `JsonField`, `parseJson()`                   | an object or an array; the text while it doesn't parse              |
 | `@panneau/fields/tags`      | `TagsField`                                  | a list of strings, free or among suggestions                        |
 | `@panneau/fields/embed`     | `EmbedField`                                 | `{ url, title, thumbnailUrl, … }`, from the backend (below)         |
@@ -139,8 +143,14 @@ import { createEmbedSource } from '@panneau/fields';
 <FieldsProvider embedSource={createEmbedSource(adapter)}>…</FieldsProvider>;
 ```
 
+`providers` (the `providers` rule of a definition) lists the providers an embed may come from, `['YouTube', 'Vimeo']`: the field names them under its help, and refuses an embed of another provider as soon as its preview comes back ([decision 0058](../../docs/decisions/0058-multiple-countries-embed-providers-color-palettes.md)).
+
 A `tel` field shows the country of the number, its flag and calling code, in a menu at the start of its input, and formats the number as it is typed. Its value is in E.164 once the number is complete, and the text as typed until then, which the `tel` rule refuses. `country` (`settings.country`) is the country of a new number, the region of the user's locale without it. Formats come from `libphonenumber-js`, with its smallest metadata.
 
+With `extension` (`settings.extension`), an input after the number takes the digits of an extension, kept with the number after `;ext=`: `+15145550199;ext=123`. An extension typed or pasted after the number (`ext. 123`, `x123`, `poste 123`) moves to that input when the field is left. To send a number to a service that has no extensions, such as SMS, take the `number` of `splitExtension(value)` ([decision 0057](../../docs/decisions/0057-phone-extensions.md)).
+
+A `duration` field keeps a whole number of its `unit` (`settings.unit`: `seconds` by default, `minutes`, `hours` or `days`), typed in parts from `largestUnit` (hours by default, or `days`) down to `precision` (the unit by default). The largest part has no upper bound; hours stop at 23 below days. `formatDuration(value, { unit, precision, largestUnit })` writes it as lists show it, `2 d 4 h` ([decision 0056](../../docs/decisions/0056-duration-units.md)).
+
 A `country` field picks a country by its name in the user's locale, with its flag; `countries` limits the choices and `preferred` puts some first. A `region` field picks a state, a province or a territory of its `country` (a field's `from`, or `settings.country`): for Argentina, Australia, Brazil, Canada, China, India, Japan, Mexico and the United States, among their regions, named in English or French, and its value is the code without the country (`QC`); for other countries, it is a text ([decision 0047](../../docs/decisions/0047-countries-regions-and-phone-numbers.md)).
 
 ```tsx
@@ -149,6 +159,46 @@ A `country` field picks a country by its name in the user's locale, with its fla
 <TelField label="Phone" country="CA" value={phone} onChange={setPhone} />
 ```
 
+With `multiple`, a `country` field holds several countries, in the order they were chosen: each one shows with its flag and a button that removes it, and the combo box adds another. A `color` field with a `palette` only offers its colors, in a select with their swatches: `value` is what it stores, `color` draws the swatch, and `label` names it ([decision 0058](../../docs/decisions/0058-multiple-countries-embed-providers-color-palettes.md)).
+
+```tsx
+<CountryField multiple label="Countries" value={countries} onChange={setCountries} />
+<ColorField
+    label="Background"
+    palette={[
+        { value: 'white', label: 'White', color: '#ffffff' },
+        { value: 'purple', label: 'Purple', color: '#6b21a8' },
+    ]}
+    value={background}
+    onChange={setBackground}
+/>
+```
+
+An `address` field edits the parts of a postal address: the country first, which sets the labels (_Province_, _State_), the order (the postal code last in Canada and the United States, first elsewhere) and the regions of the others, then the street, the unit, the city, the region and the postal code, normalized for its country when it loses focus (`H2X 1Y4`). `country` is the country of a new address; with one country in `countries`, the field doesn't show it. With the address search of the `FieldsProvider`'s maps, a place found fills every part, when the source gives them (`createNominatimSource()` does); with `point`, a map places the address ([decision 0054](../../docs/decisions/0054-addresses.md)).
+
+A `link` field picks the type of a link, then its URL (`https://…`), its page (searched in the resources of `pages` with the relation source), its email address (`mailto:…`), its phone number (`tel:+…`), its file (with the `media` entry of the fields context), or the text of a type of the site, with a label per locale and whether it opens in a new tab ([decision 0055](../../docs/decisions/0055-links.md)). In a form, the parts of both fields show the errors of their own paths (`address.postalCode`, `link.url`).
+
+```tsx
+<AddressField label="Address" country="CA" preferred={['CA', 'US']} value={address} onChange={setAddress} />
+<LinkField
+    label="Button"
+    types={[{ id: 'page' }, { id: 'url' }, { id: 'email' }]}
+    pages={['pages', 'events']}
+    newTab="external"
+    value={link}
+    onChange={setLink}
+/>
+```
+
+A `daterange` field edits a start and an end in one control, with one calendar for both ([decision 0053](../../docs/decisions/0053-date-ranges-and-money.md)). Its bounds are days (`2026-11-04`, both inclusive), or date-times with `time`, shown in the zone of the value, then `timeZone`, then the browser's, and written in UTC. `allDay` adds an "All day" switch, whose ranges have days as bounds and `allDay: true`; `chooseTimeZone` adds a menu of zones, kept in the value as `timeZone`. A bound left empty is `null`, which the `daterange` rule refuses unless the field's `open` allows it.
+
+A `money` field types an amount in the currency format of the locale, with the digits of its currency in ISO 4217, and keeps it in minor units, without floating point errors: `{ amount: 1250, currency: 'CAD' }` is 12.50 $. `currency` fixes the currency; `currencies` lists those a menu after the amount offers, every currency without either.
+
+```tsx
+<DateRangeField label="Dates" time allDay timeZone="America/Toronto" value={dates} onChange={setDates} />
+<MoneyField label="Price" currency="CAD" min={0} value={price} onChange={setPrice} />
+```
+
 A `location` field places a point on a Leaflet map, loaded when the field is first shown. The tiles are OpenStreetMap's by default. `maps` sets other tiles and an address search, a `GeocodingSource`: `createNominatimSource()` searches OpenStreetMap's Nominatim, whose [usage policy](https://operations.osmfoundation.org/policies/nominatim/) suits small volumes; a product with more uses its own service. Without a geocoding source, the field has no address search, and the latitude and longitude are typed or picked on the map.
 
 ```tsx

package/dist/address/AddressField.css

@@ -0,0 +1,44 @@
+/* The search, the parts, then the map. */
+.panneau-address-field-address {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-3);
+}
+
+/* The parts on a grid of six columns: the street and its unit, then the city, the region and the
+   postal code in the order of the country. */
+.panneau-address-field-parts {
+    display: grid;
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+    gap: var(--panneau-space-3);
+}
+
+.panneau-address-field-part {
+    grid-column: span 2;
+    min-width: 0;
+}
+
+.panneau-address-field-country {
+    grid-column: 1 / -1;
+}
+
+.panneau-address-field-street {
+    grid-column: span 4;
+}
+
+.panneau-address-field-map {
+    display: flex;
+    flex-direction: column;
+    gap: var(--panneau-space-2);
+}
+
+.panneau-address-field-remove {
+    align-self: flex-start;
+}
+
+@media (max-width: 40rem) {
+    .panneau-address-field-part,
+    .panneau-address-field-street {
+        grid-column: 1 / -1;
+    }
+}

package/dist/address/AddressField.d.ts

@@ -0,0 +1,37 @@
+import type { AddressPart, AddressValue } from '@panneau/protocol';
+import type { GeocodingSource, MapTiles } from '../location/types.js';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+export interface AddressFieldProps extends FieldProps<AddressValue> {
+    /** Dot path of the value, the prefix of the paths of its parts. Defaults to `name`. */
+    path?: string;
+    /** The country of a new address (`CA`), set as soon as a part is typed. */
+    country?: string | null;
+    /** The countries the field allows. With one, the field doesn't show the country. */
+    countries?: readonly string[];
+    /** Countries shown first: `['CA', 'US']`. */
+    preferred?: readonly string[];
+    /** The parts a filled address must have, marked as required. */
+    requiredParts?: readonly AddressPart[];
+    /** Adds a map under the parts, and the point of the address to the value. */
+    point?: boolean;
+    /** 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;
+    /** Zoom of the map on a point. Defaults to 16. */
+    zoom?: number;
+}
+/**
+ * A postal address (decision 0054): the country first, which sets the labels, the order and the
+ * regions of the other parts, then the street, the unit, the city, the region and the postal
+ * code, which is normalized for the country when it loses focus. With an address search, a place
+ * found fills every part; with `point`, a map places the address. Each part shows the errors of
+ * its own path (`address.postalCode`) in a form.
+ */
+export declare function AddressField({ value, onChange, onBlur, path, name, country: countryProp, countries, preferred, requiredParts, point: withPoint, geocoding: geocodingProp, tiles: tilesProp, zoom, label, description, errors, disabled, readOnly, required, className, }: AddressFieldProps): import("react").JSX.Element;
+/**
+ * The `address` type: settings `country`, `countries`, `preferred`, `required` (the parts a
+ * filled address must have) and `point`, over the maps of the `FieldsProvider`.
+ */
+export declare function AddressFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=AddressField.d.ts.map

package/dist/address/AddressField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressField.d.ts","sourceRoot":"","sources":["../../src/address/AddressField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAS,MAAM,mBAAmB,CAAC;AAY1E,OAAO,KAAK,EAAmB,eAAe,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAOpF,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKnE,MAAM,WAAW,iBAAkB,SAAQ,UAAU,CAAC,YAAY,CAAC;IAC/D,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,oFAAoF;IACpF,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,gEAAgE;IAChE,aAAa,CAAC,EAAE,SAAS,WAAW,EAAE,CAAC;IACvC,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gGAAgG;IAChG,SAAS,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACnC,2FAA2F;IAC3F,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAcD;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,SAAS,EACT,aAA8C,EAC9C,KAAK,EAAE,SAAiB,EACxB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,EAChB,IAAS,EACT,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,iBAAiB,+BAuNnB;AAUD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,+BAoBvD"}

package/dist/address/AddressField.js

@@ -0,0 +1,411 @@
+import { useFieldsContext } from "../shared/context.js";
+import { cx } from "../shared/cx.js";
+import { getFieldProps, getSetting, isBoolean, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { CountryField } from "../country/CountryField.js";
+import { LocationMap } from "../location/LocationMap.js";
+import { useAddressSearch } from "../location/search.js";
+import { OPEN_STREET_MAP_TILES } from "../location/LocationField.js";
+import { TextField } from "../text/TextField.js";
+import { RegionField } from "../region/RegionField.js";
+import { BoundPart } from "../shared/part.js";
+import AddressField_module_default from "./AddressField.module.js";
+import { cleanAddress, endsWithRegion, isAddress } from "./address.js";
+import { c } from "react/compiler-runtime";
+import { DEFAULT_ADDRESS_REQUIRED_PARTS, getAddressRequiredParts, normalizePostalCode } from "@panneau/protocol/runtime";
+import { X } from "lucide-react";
+import { useRef, useState } from "react";
+import { ComboBox, Fieldset, IconButton, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/address/AddressField.tsx
+var WORLD = {
+	lat: 20,
+	lng: 0
+};
+/** The type of the field of each part, for the binding of the fields context. */
+var PART_TYPES = {
+	country: "country",
+	street: "text",
+	unit: "text",
+	city: "text",
+	region: "region",
+	postalCode: "text"
+};
+/**
+* A postal address (decision 0054): the country first, which sets the labels, the order and the
+* regions of the other parts, then the street, the unit, the city, the region and the postal
+* code, which is normalized for the country when it loses focus. With an address search, a place
+* found fills every part; with `point`, a map places the address. Each part shows the errors of
+* its own path (`address.postalCode`) in a form.
+*/
+function AddressField(t0) {
+	const $ = c(34);
+	const { value, onChange, onBlur, path, name, country: countryProp, countries, preferred, requiredParts: t1, point: t2, geocoding: geocodingProp, tiles: tilesProp, zoom: t3, label, description, errors, disabled, readOnly, required, className } = t0;
+	const requiredParts = t1 === void 0 ? DEFAULT_ADDRESS_REQUIRED_PARTS : t1;
+	const withPoint = t2 === void 0 ? false : t2;
+	const zoom = t3 === void 0 ? 16 : t3;
+	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 base = path ?? name ?? "";
+	const onlyCountry = countries?.length === 1 ? countries[0] : void 0;
+	const defaultCountry = onlyCountry ?? countryProp ?? null;
+	const address = value ?? {};
+	const country = address.country ?? defaultCountry;
+	const filled = value !== null && value !== void 0;
+	let t4;
+	if ($[0] !== defaultCountry || $[1] !== onChange) {
+		t4 = (next) => onChange?.(cleanAddress(next, defaultCountry));
+		$[0] = defaultCountry;
+		$[1] = onChange;
+		$[2] = t4;
+	} else t4 = $[2];
+	const change = t4;
+	const setPart = (part, text) => change({
+		...address,
+		[part]: text ?? void 0
+	});
+	const setCountry = (next_0) => change({
+		...address,
+		country: next_0 ?? void 0,
+		region: next_0 === country ? address.region : void 0,
+		postalCode: address.postalCode !== void 0 ? normalizePostalCode(address.postalCode, next_0) : void 0
+	});
+	const [query, setQuery] = useState("");
+	const [chosen, setChosen] = useState(null);
+	const search = useAddressSearch(editable && query !== chosen?.label ? geocoding : null, query, intl.locale);
+	const unitRef = useRef(null);
+	let t5;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = () => window.requestAnimationFrame(() => unitRef.current?.querySelector("input")?.focus());
+		$[3] = t5;
+	} else t5 = $[3];
+	const focusUnit = t5;
+	const places = (chosen !== null && query === chosen.label ? [chosen] : search.results).filter(_temp);
+	const labels = {
+		country: intl.formatMessage(messages.addressCountry),
+		street: intl.formatMessage(messages.addressStreet),
+		unit: intl.formatMessage(messages.addressUnit),
+		city: intl.formatMessage(messages.addressCity),
+		region: intl.formatMessage(country === "CA" ? messages.addressProvince : country === "US" ? messages.addressState : messages.addressRegion),
+		postalCode: intl.formatMessage(country === "US" ? messages.addressZipCode : messages.addressPostalCode)
+	};
+	const renderPart = (part_0, input) => {
+		const field = {
+			name: part_0,
+			type: PART_TYPES[part_0],
+			label: labels[part_0]
+		};
+		return /* @__PURE__ */ jsx("div", {
+			className: cx(AddressField_module_default.part, AddressField_module_default[part_0]),
+			...part_0 === "unit" ? { ref: unitRef } : {},
+			children: /* @__PURE__ */ jsx(BoundPart, {
+				field,
+				path: base !== "" ? `${base}.${part_0}` : part_0,
+				...onBlur !== void 0 ? { onBlur } : {},
+				render: input
+			})
+		}, part_0);
+	};
+	const shared = (part_1, bound) => ({
+		label: labels[part_1],
+		errors: bound.errors ?? [],
+		...disabled !== void 0 ? { disabled } : {},
+		...readOnly !== void 0 ? { readOnly } : {},
+		required: requiredParts.includes(part_1) && (required === true || filled)
+	});
+	const textPart = (part_2, autoComplete) => renderPart(part_2, (bound_0) => /* @__PURE__ */ jsx(TextField, {
+		...shared(part_2, bound_0),
+		autoComplete,
+		value: address[part_2] ?? null,
+		onChange: (text_0) => setPart(part_2, text_0),
+		...bound_0.onBlur !== void 0 ? { onBlur: bound_0.onBlur } : {}
+	}));
+	const region = renderPart("region", (bound_1) => /* @__PURE__ */ jsx(RegionField, {
+		...shared("region", bound_1),
+		country,
+		value: address.region ?? null,
+		onChange: (text_1) => setPart("region", text_1),
+		...bound_1.onBlur !== void 0 ? { onBlur: bound_1.onBlur } : {}
+	}));
+	const postalCode = renderPart("postalCode", (bound_2) => /* @__PURE__ */ jsx(TextField, {
+		...shared("postalCode", bound_2),
+		autoComplete: "postal-code",
+		value: address.postalCode ?? null,
+		onChange: (text_2) => setPart("postalCode", text_2),
+		onBlur: () => {
+			if (address.postalCode !== void 0) {
+				const normalized = normalizePostalCode(address.postalCode, country);
+				if (normalized !== address.postalCode) setPart("postalCode", normalized);
+			}
+			bound_2.onBlur?.();
+		}
+	}));
+	const city = textPart("city", "address-level2");
+	const locality = endsWithRegion(country) ? [
+		city,
+		region,
+		postalCode
+	] : [
+		postalCode,
+		city,
+		region
+	];
+	const point = address.point ?? null;
+	const T0 = Fieldset;
+	const t6 = AddressField_module_default;
+	const t7 = editable && geocoding !== null ? /* @__PURE__ */ jsx(ComboBox, {
+		"aria-label": intl.formatMessage(messages.searchAddress),
+		placeholder: intl.formatMessage(messages.searchAddress),
+		onInputChange: setQuery,
+		items: places.map(_temp2),
+		isLoading: search.loading,
+		menuTrigger: "input",
+		emptyMessage: query.trim().length < 3 ? intl.formatMessage(messages.searchAddressHint, { count: 3 }) : intl.formatMessage(messages.noPlaces),
+		value: chosen !== null && query === chosen.label ? "0" : null,
+		onChange: (id) => {
+			const result_1 = id !== null ? places[Number(id)] : void 0;
+			if (result_1 !== void 0) {
+				setChosen(result_1);
+				change({
+					...result_1.address,
+					...withPoint ? { point: roundPoint(result_1) } : {}
+				});
+				focusUnit();
+			}
+		}
+	}) : null;
+	const t8 = AddressField_module_default;
+	const t9 = onlyCountry === void 0 ? renderPart("country", (bound_3) => /* @__PURE__ */ jsx(CountryField, {
+		...shared("country", bound_3),
+		...countries !== void 0 ? { countries } : {},
+		...preferred !== void 0 ? { preferred } : {},
+		value: country,
+		onChange: setCountry,
+		...bound_3.onBlur !== void 0 ? { onBlur: bound_3.onBlur } : {}
+	})) : null;
+	const t10 = textPart("street", "address-line1");
+	const t11 = textPart("unit", "address-line2");
+	let t12;
+	if ($[4] !== locality || $[5] !== t10 || $[6] !== t11 || $[7] !== t8.parts || $[8] !== t9) {
+		t12 = /* @__PURE__ */ jsxs("div", {
+			className: t8.parts,
+			children: [
+				t9,
+				t10,
+				t11,
+				locality
+			]
+		});
+		$[4] = locality;
+		$[5] = t10;
+		$[6] = t11;
+		$[7] = t8.parts;
+		$[8] = t9;
+		$[9] = t12;
+	} else t12 = $[9];
+	let t13;
+	if ($[10] !== address || $[11] !== change || $[12] !== editable || $[13] !== intl || $[14] !== label || $[15] !== point || $[16] !== tiles || $[17] !== withPoint || $[18] !== zoom) {
+		t13 = withPoint ? /* @__PURE__ */ jsxs("div", {
+			className: AddressField_module_default.map,
+			children: [/* @__PURE__ */ jsx(LocationMap, {
+				point,
+				onChange: (next_1) => change({
+					...address,
+					point: roundPoint(next_1)
+				}),
+				tiles,
+				center: point ?? WORLD,
+				zoom,
+				readOnly: !editable,
+				label: intl.formatMessage(messages.map, { label: typeof label === "string" ? label : "" })
+			}), editable && point !== null ? /* @__PURE__ */ jsx(IconButton, {
+				icon: X,
+				label: intl.formatMessage(messages.removePoint),
+				className: AddressField_module_default.remove,
+				onPress: () => change({
+					...address,
+					point: void 0
+				})
+			}) : null]
+		}) : null;
+		$[10] = address;
+		$[11] = change;
+		$[12] = editable;
+		$[13] = intl;
+		$[14] = label;
+		$[15] = point;
+		$[16] = tiles;
+		$[17] = withPoint;
+		$[18] = zoom;
+		$[19] = t13;
+	} else t13 = $[19];
+	let t14;
+	if ($[20] !== t12 || $[21] !== t13 || $[22] !== t6.address || $[23] !== t7) {
+		t14 = /* @__PURE__ */ jsxs("div", {
+			className: t6.address,
+			children: [
+				t7,
+				t12,
+				t13
+			]
+		});
+		$[20] = t12;
+		$[21] = t13;
+		$[22] = t6.address;
+		$[23] = t7;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] !== T0 || $[26] !== className || $[27] !== description || $[28] !== disabled || $[29] !== errors || $[30] !== label || $[31] !== required || $[32] !== t14) {
+		t15 = /* @__PURE__ */ jsx(T0, {
+			legend: label,
+			description,
+			errors,
+			isRequired: required,
+			isDisabled: disabled,
+			className,
+			children: t14
+		});
+		$[25] = T0;
+		$[26] = className;
+		$[27] = description;
+		$[28] = disabled;
+		$[29] = errors;
+		$[30] = label;
+		$[31] = required;
+		$[32] = t14;
+		$[33] = t15;
+	} else t15 = $[33];
+	return t15;
+}
+/** A point to the sixth decimal, about ten centimetres. */
+function _temp2(result_0, index) {
+	return {
+		id: String(index),
+		label: result_0.label
+	};
+}
+function _temp(result) {
+	return result.address !== void 0;
+}
+function roundPoint(point) {
+	return {
+		lat: Number(point.lat.toFixed(6)),
+		lng: Number(point.lng.toFixed(6))
+	};
+}
+var isCodes = (value) => Array.isArray(value) && value.every(isString);
+/**
+* The `address` type: settings `country`, `countries`, `preferred`, `required` (the parts a
+* filled address must have) and `point`, over the maps of the `FieldsProvider`.
+*/
+function AddressFieldEntry(props) {
+	const $ = c(32);
+	const { field } = props;
+	let t0;
+	if ($[0] !== field) {
+		t0 = getSetting(field, "country", isString);
+		$[0] = field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const country = t0;
+	let t1;
+	if ($[2] !== field) {
+		t1 = getSetting(field, "countries", isCodes);
+		$[2] = field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const countries = t1;
+	let t2;
+	if ($[4] !== field) {
+		t2 = getSetting(field, "preferred", isCodes);
+		$[4] = field;
+		$[5] = t2;
+	} else t2 = $[5];
+	const preferred = t2;
+	let t3;
+	if ($[6] !== field) {
+		t3 = getSetting(field, "point", isBoolean);
+		$[6] = field;
+		$[7] = t3;
+	} else t3 = $[7];
+	const point = t3;
+	let t4;
+	if ($[8] !== props) {
+		t4 = getFieldProps(props);
+		$[8] = props;
+		$[9] = t4;
+	} else t4 = $[9];
+	let fieldProps;
+	if ($[10] !== t4) {
+		const { placeholder: _placeholder, ...t5 } = t4;
+		fieldProps = t5;
+		$[10] = t4;
+		$[11] = fieldProps;
+	} else fieldProps = $[11];
+	const t5 = props.path;
+	const t6 = isAddress(props.value) ? props.value : null;
+	const t7 = props.onChange;
+	let t8;
+	if ($[12] !== field) {
+		t8 = getAddressRequiredParts(field);
+		$[12] = field;
+		$[13] = t8;
+	} else t8 = $[13];
+	let t9;
+	if ($[14] !== country) {
+		t9 = country !== void 0 ? { country } : {};
+		$[14] = country;
+		$[15] = t9;
+	} else t9 = $[15];
+	let t10;
+	if ($[16] !== countries) {
+		t10 = countries !== void 0 ? { countries } : {};
+		$[16] = countries;
+		$[17] = t10;
+	} else t10 = $[17];
+	let t11;
+	if ($[18] !== preferred) {
+		t11 = preferred !== void 0 ? { preferred } : {};
+		$[18] = preferred;
+		$[19] = t11;
+	} else t11 = $[19];
+	let t12;
+	if ($[20] !== point) {
+		t12 = point !== void 0 ? { point } : {};
+		$[20] = point;
+		$[21] = t12;
+	} else t12 = $[21];
+	let t13;
+	if ($[22] !== fieldProps || $[23] !== props.onChange || $[24] !== props.path || $[25] !== t10 || $[26] !== t11 || $[27] !== t12 || $[28] !== t6 || $[29] !== t8 || $[30] !== t9) {
+		t13 = /* @__PURE__ */ jsx(AddressField, {
+			...fieldProps,
+			path: t5,
+			value: t6,
+			onChange: t7,
+			requiredParts: t8,
+			...t9,
+			...t10,
+			...t11,
+			...t12
+		});
+		$[22] = fieldProps;
+		$[23] = props.onChange;
+		$[24] = props.path;
+		$[25] = t10;
+		$[26] = t11;
+		$[27] = t12;
+		$[28] = t6;
+		$[29] = t8;
+		$[30] = t9;
+		$[31] = t13;
+	} else t13 = $[31];
+	return t13;
+}
+//#endregion
+export { AddressField, AddressFieldEntry };
+
+//# sourceMappingURL=AddressField.js.map

package/dist/address/AddressField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressField.js","names":["X","ReactNode","useRef","useState","AddressPart","AddressValue","Field","DEFAULT_ADDRESS_REQUIRED_PARTS","getAddressRequiredParts","normalizePostalCode","ComboBox","Fieldset","IconButton","usePanneauIntl","CountryField","OPEN_STREET_MAP_TILES","LocationMap","Point","SEARCH_MIN_LENGTH","useAddressSearch","GeocodingResult","GeocodingSource","MapTiles","RegionField","useFieldsContext","cx","getFieldProps","getSetting","isBoolean","isString","messages","BoundPart","BoundPartProps","FieldEntryProps","FieldProps","TextField","styles","cleanAddress","endsWithRegion","isAddress","AddressFieldProps","path","country","countries","preferred","requiredParts","point","geocoding","tiles","zoom","WORLD","lat","lng","PART_TYPES","Readonly","Record","street","unit","city","region","postalCode","AddressField","t0","$","_c","value","onChange","onBlur","name","countryProp","t1","t2","geocodingProp","tilesProp","t3","label","description","errors","disabled","readOnly","required","className","undefined","withPoint","intl","maps","editable","base","onlyCountry","length","defaultCountry","address","filled","t4","next","change","setPart","part","text","setCountry","next_0","query","setQuery","chosen","setChosen","search","locale","unitRef","t5","Symbol","for","window","requestAnimationFrame","current","querySelector","focus","focusUnit","places","results","filter","_temp","labels","formatMessage","addressCountry","addressStreet","addressUnit","addressCity","addressProvince","addressState","addressRegion","addressZipCode","addressPostalCode","renderPart","part_0","input","field","type","ref","shared","part_1","bound","includes","textPart","part_2","autoComplete","bound_0","text_0","bound_1","text_1","bound_2","text_2","normalized","locality","T0","t7","searchAddress","map","_temp2","loading","trim","searchAddressHint","count","noPlaces","id","result_1","Number","result","roundPoint","t9","bound_3","t10","t11","t12","t8","parts","t13","next_1","removePoint","remove","t14","t6","t15","result_0","index","String","toFixed","isCodes","Array","isArray","every","AddressFieldEntry","props","fieldProps","placeholder","_placeholder","_c","styles"],"sources":["../../src/address/AddressField.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { type ReactNode, useRef, useState } from 'react';\n\nimport type { AddressPart, AddressValue, Field } from '@panneau/protocol';\nimport {\n    DEFAULT_ADDRESS_REQUIRED_PARTS,\n    getAddressRequiredParts,\n    normalizePostalCode,\n} from '@panneau/protocol/runtime';\nimport { ComboBox, Fieldset, IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { CountryField } from '../country/CountryField';\nimport { OPEN_STREET_MAP_TILES } from '../location/LocationField';\nimport { LocationMap, type Point } from '../location/LocationMap';\nimport { SEARCH_MIN_LENGTH, useAddressSearch } from '../location/search';\nimport type { GeocodingResult, GeocodingSource, MapTiles } from '../location/types';\nimport { RegionField } from '../region/RegionField';\nimport { useFieldsContext } from '../shared/context';\nimport { cx } from '../shared/cx';\nimport { getFieldProps, getSetting, isBoolean, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport { BoundPart, type BoundPartProps } from '../shared/part';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport { TextField } from '../text/TextField';\nimport styles from './AddressField.module.css';\nimport { cleanAddress, endsWithRegion, isAddress } from './address';\n\nexport interface AddressFieldProps extends FieldProps<AddressValue> {\n    /** Dot path of the value, the prefix of the paths of its parts. Defaults to `name`. */\n    path?: string;\n    /** The country of a new address (`CA`), set as soon as a part is typed. */\n    country?: string | null;\n    /** The countries the field allows. With one, the field doesn't show the country. */\n    countries?: readonly string[];\n    /** Countries shown first: `['CA', 'US']`. */\n    preferred?: readonly string[];\n    /** The parts a filled address must have, marked as required. */\n    requiredParts?: readonly AddressPart[];\n    /** Adds a map under the parts, and the point of the address to the value. */\n    point?: boolean;\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    /** Zoom of the map on a point. Defaults to 16. */\n    zoom?: number;\n}\n\nconst WORLD: Point = { lat: 20, lng: 0 };\n\n/** The type of the field of each part, for the binding of the fields context. */\nconst PART_TYPES: Readonly<Record<AddressPart, string>> = {\n    country: 'country',\n    street: 'text',\n    unit: 'text',\n    city: 'text',\n    region: 'region',\n    postalCode: 'text',\n};\n\n/**\n * A postal address (decision 0054): the country first, which sets the labels, the order and the\n * regions of the other parts, then the street, the unit, the city, the region and the postal\n * code, which is normalized for the country when it loses focus. With an address search, a place\n * found fills every part; with `point`, a map places the address. Each part shows the errors of\n * its own path (`address.postalCode`) in a form.\n */\nexport function AddressField({\n    value,\n    onChange,\n    onBlur,\n    path,\n    name,\n    country: countryProp,\n    countries,\n    preferred,\n    requiredParts = DEFAULT_ADDRESS_REQUIRED_PARTS,\n    point: withPoint = false,\n    geocoding: geocodingProp,\n    tiles: tilesProp,\n    zoom = 16,\n    label,\n    description,\n    errors,\n    disabled,\n    readOnly,\n    required,\n    className,\n}: AddressFieldProps) {\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 base = path ?? name ?? '';\n    const onlyCountry = countries?.length === 1 ? countries[0] : undefined;\n    const defaultCountry = onlyCountry ?? countryProp ?? null;\n    const address: AddressValue = value ?? {};\n    const country = address.country ?? defaultCountry;\n    const filled = value !== null && value !== undefined;\n\n    const change = (next: Partial<Record<keyof AddressValue, unknown>>) =>\n        onChange?.(cleanAddress(next, defaultCountry));\n    const setPart = (part: AddressPart, text: string | null) =>\n        change({ ...address, [part]: text ?? undefined });\n    // A region belongs to its country, and a postal code is written as in its country\n    const setCountry = (next: string | null) =>\n        change({\n            ...address,\n            country: next ?? undefined,\n            region: next === country ? address.region : undefined,\n            postalCode:\n                address.postalCode !== undefined\n                    ? normalizePostalCode(address.postalCode, next)\n                    : undefined,\n        });\n\n    const [query, setQuery] = useState('');\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    // A place chosen moves focus to the unit, the part it doesn't fill, which closes the results\n    const unitRef = useRef<HTMLDivElement>(null);\n    const focusUnit = () =>\n        window.requestAnimationFrame(() =>\n            unitRef.current?.querySelector<HTMLInputElement>('input')?.focus(),\n        );\n    const places = (chosen !== null && query === chosen.label ? [chosen] : search.results).filter(\n        (result) => result.address !== undefined,\n    );\n\n    const labels: Record<AddressPart, string> = {\n        country: intl.formatMessage(messages.addressCountry),\n        street: intl.formatMessage(messages.addressStreet),\n        unit: intl.formatMessage(messages.addressUnit),\n        city: intl.formatMessage(messages.addressCity),\n        region: intl.formatMessage(\n            country === 'CA'\n                ? messages.addressProvince\n                : country === 'US'\n                  ? messages.addressState\n                  : messages.addressRegion,\n        ),\n        postalCode: intl.formatMessage(\n            country === 'US' ? messages.addressZipCode : messages.addressPostalCode,\n        ),\n    };\n\n    const renderPart = (part: AddressPart, input: (bound: BoundPartProps) => ReactNode) => {\n        const field: Field = { name: part, type: PART_TYPES[part], label: labels[part] };\n        return (\n            <div\n                key={part}\n                className={cx(styles.part, styles[part])}\n                {...(part === 'unit' ? { ref: unitRef } : {})}\n            >\n                <BoundPart\n                    field={field}\n                    path={base !== '' ? `${base}.${part}` : part}\n                    {...(onBlur !== undefined ? { onBlur } : {})}\n                    render={input}\n                />\n            </div>\n        );\n    };\n    const shared = (part: AddressPart, bound: BoundPartProps) => ({\n        label: labels[part],\n        errors: bound.errors ?? [],\n        ...(disabled !== undefined ? { disabled } : {}),\n        ...(readOnly !== undefined ? { readOnly } : {}),\n        required: requiredParts.includes(part) && (required === true || filled),\n    });\n    const textPart = (part: 'street' | 'unit' | 'city', autoComplete: string) =>\n        renderPart(part, (bound) => (\n            <TextField\n                {...shared(part, bound)}\n                autoComplete={autoComplete}\n                value={address[part] ?? null}\n                onChange={(text) => setPart(part, text)}\n                {...(bound.onBlur !== undefined ? { onBlur: bound.onBlur } : {})}\n            />\n        ));\n\n    const region = renderPart('region', (bound) => (\n        <RegionField\n            {...shared('region', bound)}\n            country={country}\n            value={address.region ?? null}\n            onChange={(text) => setPart('region', text)}\n            {...(bound.onBlur !== undefined ? { onBlur: bound.onBlur } : {})}\n        />\n    ));\n    const postalCode = renderPart('postalCode', (bound) => (\n        <TextField\n            {...shared('postalCode', bound)}\n            autoComplete=\"postal-code\"\n            value={address.postalCode ?? null}\n            onChange={(text) => setPart('postalCode', text)}\n            onBlur={() => {\n                if (address.postalCode !== undefined) {\n                    const normalized = normalizePostalCode(address.postalCode, country);\n                    if (normalized !== address.postalCode) {\n                        setPart('postalCode', normalized);\n                    }\n                }\n                bound.onBlur?.();\n            }}\n        />\n    ));\n    const city = textPart('city', 'address-level2');\n    const locality = endsWithRegion(country)\n        ? [city, region, postalCode]\n        : [postalCode, city, region];\n\n    const point = address.point ?? 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.address}>\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                                change({\n                                    ...result.address,\n                                    ...(withPoint ? { point: roundPoint(result) } : {}),\n                                });\n                                focusUnit();\n                            }\n                        }}\n                    />\n                ) : null}\n                <div className={styles.parts}>\n                    {onlyCountry === undefined\n                        ? renderPart('country', (bound) => (\n                              <CountryField\n                                  {...shared('country', bound)}\n                                  {...(countries !== undefined ? { countries } : {})}\n                                  {...(preferred !== undefined ? { preferred } : {})}\n                                  value={country}\n                                  onChange={setCountry}\n                                  {...(bound.onBlur !== undefined ? { onBlur: bound.onBlur } : {})}\n                              />\n                          ))\n                        : null}\n                    {textPart('street', 'address-line1')}\n                    {textPart('unit', 'address-line2')}\n                    {locality}\n                </div>\n                {withPoint ? (\n                    <div className={styles.map}>\n                        <LocationMap\n                            point={point}\n                            onChange={(next) => change({ ...address, point: roundPoint(next) })}\n                            tiles={tiles}\n                            center={point ?? WORLD}\n                            zoom={zoom}\n                            readOnly={!editable}\n                            label={intl.formatMessage(messages.map, {\n                                label: typeof label === 'string' ? label : '',\n                            })}\n                        />\n                        {editable && point !== null ? (\n                            <IconButton\n                                icon={X}\n                                label={intl.formatMessage(messages.removePoint)}\n                                className={styles.remove}\n                                onPress={() => change({ ...address, point: undefined })}\n                            />\n                        ) : null}\n                    </div>\n                ) : null}\n            </div>\n        </Fieldset>\n    );\n}\n\n/** A point to the sixth decimal, about ten centimetres. */\nfunction roundPoint(point: Point): Point {\n    return { lat: Number(point.lat.toFixed(6)), lng: Number(point.lng.toFixed(6)) };\n}\n\nconst isCodes = (value: unknown): value is string[] =>\n    Array.isArray(value) && value.every(isString);\n\n/**\n * The `address` type: settings `country`, `countries`, `preferred`, `required` (the parts a\n * filled address must have) and `point`, over the maps of the `FieldsProvider`.\n */\nexport function AddressFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const country = getSetting(field, 'country', isString);\n    const countries = getSetting(field, 'countries', isCodes);\n    const preferred = getSetting(field, 'preferred', isCodes);\n    const point = getSetting(field, 'point', isBoolean);\n    const { placeholder: _placeholder, ...fieldProps } = getFieldProps(props);\n    return (\n        <AddressField\n            {...fieldProps}\n            path={props.path}\n            value={isAddress(props.value) ? props.value : null}\n            onChange={props.onChange}\n            requiredParts={getAddressRequiredParts(field)}\n            {...(country !== undefined ? { country } : {})}\n            {...(countries !== undefined ? { countries } : {})}\n            {...(preferred !== undefined ? { preferred } : {})}\n            {...(point !== undefined ? { point } : {})}\n        />\n    );\n}\n"],"mappings":"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"}