@panneau/fields 5.0.0-alpha.12 → 5.0.0-alpha.13

package/dist/tel/TelField.js

@@ -1,85 +1,287 @@
-import { getFieldProps, isString } from "../shared/entry.js";
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
 import { TextField } from "../text/TextField.js";
+import { getCountryFlag, getCountryName, getLocaleCountry } from "../country/countries.js";
+import { formatPhoneInput, getCallingCode, getPhoneCountries, parsePhone, readPhone } from "./phone.js";
 import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { Select, usePanneauIntl } from "@panneau/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/tel/TelField.tsx
+/** The text shown for a value: a number of the country in its format, any other as it is. */
+function display(value, country) {
+	const number = parsePhone(value);
+	if (number === null) return value ?? "";
+	return number.country !== null && number.country === country ? number.national : number.international;
+}
 /**
-* A phone number, as typed, with the phone keyboard on phones. Spaces around it are removed on
-* blur. A `pattern` rule constrains its format when a project needs one.
+* A phone number, in E.164 (`+15145550199`). The country of the number, its flag and its calling
+* code, is in a menu at the start of the input, and the number shows in the format of its country
+* as it is typed. The country follows the number: typing `+33…` picks France.
+*
+* Until a number is complete, the value is the text as typed, which the `tel` rule refuses. A value
+* that isn't E.164, kept from before, shows as it is, and becomes E.164 when the field is left, if
+* it reads as a number of the chosen country.
 */
 function TelField(t0) {
-	const $ = c(14);
+	const $ = c(69);
+	let defaultCountry;
+	let disabled;
 	let onBlur;
 	let onChange;
 	let props;
+	let readOnly;
 	let value;
 	if ($[0] !== t0) {
-		({value, onChange, onBlur, ...props} = t0);
+		({value, onChange, onBlur, country: defaultCountry, disabled, readOnly, ...props} = t0);
 		$[0] = t0;
-		$[1] = onBlur;
-		$[2] = onChange;
-		$[3] = props;
-		$[4] = value;
+		$[1] = defaultCountry;
+		$[2] = disabled;
+		$[3] = onBlur;
+		$[4] = onChange;
+		$[5] = props;
+		$[6] = readOnly;
+		$[7] = value;
 	} else {
-		onBlur = $[1];
-		onChange = $[2];
-		props = $[3];
-		value = $[4];
+		defaultCountry = $[1];
+		disabled = $[2];
+		onBlur = $[3];
+		onChange = $[4];
+		props = $[5];
+		readOnly = $[6];
+		value = $[7];
 	}
+	const intl = usePanneauIntl();
+	const [chosen, setChosen] = useState(null);
+	const [draft, setDraft] = useState(null);
 	let t1;
-	if ($[5] !== onBlur || $[6] !== onChange || $[7] !== value) {
-		t1 = () => {
-			const trimmed = value?.trim() ?? null;
-			if (trimmed !== value) onChange?.(trimmed === "" ? null : trimmed);
+	if ($[8] !== value) {
+		t1 = parsePhone(value);
+		$[8] = value;
+		$[9] = t1;
+	} else t1 = $[9];
+	const number = t1;
+	let t2;
+	if ($[10] !== chosen || $[11] !== defaultCountry || $[12] !== intl.locale || $[13] !== number?.country) {
+		t2 = number?.country ?? chosen ?? defaultCountry ?? getLocaleCountry(intl.locale) ?? null;
+		$[10] = chosen;
+		$[11] = defaultCountry;
+		$[12] = intl.locale;
+		$[13] = number?.country;
+		$[14] = t2;
+	} else t2 = $[14];
+	const country = t2;
+	let t3;
+	if ($[15] !== country || $[16] !== draft || $[17] !== value) {
+		t3 = draft ?? display(value, country);
+		$[15] = country;
+		$[16] = draft;
+		$[17] = value;
+		$[18] = t3;
+	} else t3 = $[18];
+	const shown = t3;
+	let t4;
+	if ($[19] !== onChange || $[20] !== value) {
+		t4 = (next) => {
+			if (next !== (value ?? null)) onChange?.(next);
+		};
+		$[19] = onChange;
+		$[20] = value;
+		$[21] = t4;
+	} else t4 = $[21];
+	const emit = t4;
+	let T0;
+	let t10;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	let t9;
+	if ($[22] !== disabled || $[23] !== intl || $[24] !== readOnly) {
+		const collator = new Intl.Collator(intl.locale);
+		let t11;
+		if ($[32] !== intl.locale) {
+			t11 = (code) => ({
+				code,
+				name: getCountryName(code, intl.locale)
+			});
+			$[32] = intl.locale;
+			$[33] = t11;
+		} else t11 = $[33];
+		const countries = getPhoneCountries().map(t11).sort((a, b) => collator.compare(a.name, b.name));
+		T0 = Select;
+		if ($[34] !== intl) {
+			t5 = intl.formatMessage(messages.telCountry);
+			$[34] = intl;
+			$[35] = t5;
+		} else t5 = $[35];
+		t6 = "bare";
+		t7 = true;
+		t8 = disabled === true || readOnly === true;
+		t9 = "+";
+		t10 = countries.map(_temp);
+		$[22] = disabled;
+		$[23] = intl;
+		$[24] = readOnly;
+		$[25] = T0;
+		$[26] = t10;
+		$[27] = t5;
+		$[28] = t6;
+		$[29] = t7;
+		$[30] = t8;
+		$[31] = t9;
+	} else {
+		T0 = $[25];
+		t10 = $[26];
+		t5 = $[27];
+		t6 = $[28];
+		t7 = $[29];
+		t8 = $[30];
+		t9 = $[31];
+	}
+	let t11;
+	if ($[36] !== emit || $[37] !== number?.nationalNumber || $[38] !== shown) {
+		t11 = (next_0) => {
+			const code_1 = next_0 !== null ? String(next_0) : null;
+			setChosen(code_1);
+			setDraft(null);
+			const digits = number?.nationalNumber ?? shown.replace(/^\+/, "");
+			emit(readPhone(digits, code_1).value);
+		};
+		$[36] = emit;
+		$[37] = number?.nationalNumber;
+		$[38] = shown;
+		$[39] = t11;
+	} else t11 = $[39];
+	let t12;
+	if ($[40] !== T0 || $[41] !== country || $[42] !== t10 || $[43] !== t11 || $[44] !== t5 || $[45] !== t6 || $[46] !== t7 || $[47] !== t8 || $[48] !== t9) {
+		t12 = /* @__PURE__ */ jsx(T0, {
+			"aria-label": t5,
+			appearance: t6,
+			isRequired: t7,
+			isDisabled: t8,
+			placeholder: t9,
+			options: t10,
+			value: country,
+			renderValue: _temp2,
+			onChange: t11
+		});
+		$[40] = T0;
+		$[41] = country;
+		$[42] = t10;
+		$[43] = t11;
+		$[44] = t5;
+		$[45] = t6;
+		$[46] = t7;
+		$[47] = t8;
+		$[48] = t9;
+		$[49] = t12;
+	} else t12 = $[49];
+	const picker = t12;
+	let t13;
+	if ($[50] !== country || $[51] !== emit || $[52] !== shown) {
+		t13 = (text) => {
+			const typed = text ?? "";
+			const next_1 = typed.length > shown.length && typed.startsWith(shown) ? formatPhoneInput(typed, country) : typed;
+			setDraft(next_1);
+			const read = readPhone(next_1, country);
+			if (read.country !== null && read.country !== country) setChosen(read.country);
+			emit(read.value);
+		};
+		$[50] = country;
+		$[51] = emit;
+		$[52] = shown;
+		$[53] = t13;
+	} else t13 = $[53];
+	let t14;
+	if ($[54] !== country || $[55] !== disabled || $[56] !== emit || $[57] !== onBlur || $[58] !== readOnly || $[59] !== value) {
+		t14 = () => {
+			setDraft(null);
+			if (readOnly !== true && disabled !== true && isString(value) && parsePhone(value) === null) emit(readPhone(value, country).value);
 			onBlur?.();
 		};
-		$[5] = onBlur;
-		$[6] = onChange;
-		$[7] = value;
-		$[8] = t1;
-	} else t1 = $[8];
-	let t2;
-	if ($[9] !== onChange || $[10] !== props || $[11] !== t1 || $[12] !== value) {
-		t2 = /* @__PURE__ */ jsx(TextField, {
+		$[54] = country;
+		$[55] = disabled;
+		$[56] = emit;
+		$[57] = onBlur;
+		$[58] = readOnly;
+		$[59] = value;
+		$[60] = t14;
+	} else t14 = $[60];
+	let t15;
+	if ($[61] !== disabled || $[62] !== picker || $[63] !== props || $[64] !== readOnly || $[65] !== shown || $[66] !== t13 || $[67] !== t14) {
+		t15 = /* @__PURE__ */ jsx(TextField, {
 			autoComplete: "tel",
 			...props,
+			disabled,
+			readOnly,
 			type: "tel",
 			inputMode: "tel",
-			value,
-			onChange,
-			onBlur: t1
+			prefix: picker,
+			value: shown,
+			onChange: t13,
+			onBlur: t14
 		});
-		$[9] = onChange;
-		$[10] = props;
-		$[11] = t1;
-		$[12] = value;
-		$[13] = t2;
-	} else t2 = $[13];
-	return t2;
+		$[61] = disabled;
+		$[62] = picker;
+		$[63] = props;
+		$[64] = readOnly;
+		$[65] = shown;
+		$[66] = t13;
+		$[67] = t14;
+		$[68] = t15;
+	} else t15 = $[68];
+	return t15;
+}
+/** The `tel` type: `settings.country` is the country of a new number. */
+function _temp2(option) {
+	return `+${getCallingCode(String(option.value)) ?? ""}`;
+}
+function _temp(t0) {
+	const { code: code_0, name } = t0;
+	return {
+		value: code_0,
+		label: `${name} +${getCallingCode(code_0) ?? ""}`,
+		prefix: getCountryFlag(code_0)
+	};
 }
-/** The `tel` type. */
 function TelFieldEntry(props) {
-	const $ = c(6);
+	const $ = c(11);
 	let t0;
-	if ($[0] !== props) {
-		t0 = getFieldProps(props);
-		$[0] = props;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "country", isString);
+		$[0] = props.field;
 		$[1] = t0;
 	} else t0 = $[1];
-	const t1 = isString(props.value) ? props.value : null;
+	const country = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
 	let t2;
-	if ($[2] !== props.onChange || $[3] !== t0 || $[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx(TelField, {
-			...t0,
-			value: t1,
-			onChange: props.onChange
-		});
-		$[2] = props.onChange;
-		$[3] = t0;
-		$[4] = t1;
+	if ($[4] !== country) {
+		t2 = country !== void 0 ? { country } : {};
+		$[4] = country;
 		$[5] = t2;
 	} else t2 = $[5];
-	return t2;
+	const t3 = isString(props.value) ? props.value : null;
+	let t4;
+	if ($[6] !== props.onChange || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(TelField, {
+			...t1,
+			...t2,
+			value: t3,
+			onChange: props.onChange
+		});
+		$[6] = props.onChange;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
 }
 //#endregion
 export { TelField, TelFieldEntry };

package/dist/tel/TelField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TelField.js","names":["getFieldProps","isString","FieldEntryProps","TextField","TextFieldProps","TelFieldProps","Omit","TelField","t0","$","_c","onBlur","onChange","props","value","t1","trimmed","trim","t2","TelFieldEntry","_c"],"sources":["../../src/tel/TelField.tsx"],"sourcesContent":["import { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\n\nexport type TelFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;\n\n/**\n * A phone number, as typed, with the phone keyboard on phones. Spaces around it are removed on\n * blur. A `pattern` rule constrains its format when a project needs one.\n */\nexport function TelField({ value, onChange, onBlur, ...props }: TelFieldProps) {\n    return (\n        <TextField\n            autoComplete=\"tel\"\n            {...props}\n            type=\"tel\"\n            inputMode=\"tel\"\n            value={value}\n            onChange={onChange}\n            onBlur={() => {\n                const trimmed = value?.trim() ?? null;\n                if (trimmed !== value) {\n                    onChange?.(trimmed === '' ? null : trimmed);\n                }\n                onBlur?.();\n            }}\n        />\n    );\n}\n\n/** The `tel` type. */\nexport function TelFieldEntry(props: FieldEntryProps) {\n    return (\n        <TelField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAOO,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,IAAA;EAAkB,CAAA,CAAAM,OAAAF,UAAAD,QAAA,GAAAE,SAAAL;EAAoDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,SAAAF,EAAA;EAAAG,WAAAH,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,QAAAL,EAAA;CAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAE,UAAAF,EAAA,OAAAG,YAAAH,EAAA,OAAAK,OAAA;EASzDC,WAAA;GACJ,MAAAC,UAAgBF,OAAKG,KAAe,KAApB;GAChB,IAAID,YAAYF,OACZF,WAAWI,YAAY,KAAZ,OAAAA,OAA+B;GAE9CL,SAAS;EAAC;EACbF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAG,YAAAH,EAAA,QAAAI,SAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAK,OAAA;EAbLI,KAAA,oBAAC,WAAD;GACiB,cAAA;GAAK,GACdL;GACC,MAAA;GACK,WAAA;GACHC;GACGF;GACF,QAAAG;EAMP,CAAA;EACHN,EAAA,KAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAK;EAAAL,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAdFS;AAcE;;AAKV,SAAOC,cAAAN,OAAA;CAAA,MAAAJ,IAAAC,EAAA,CAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAI,OAAA;EAGSL,KAAAR,cAAca,KAAK;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CACjB,MAAAM,KAAAd,SAASY,MAAKC,KAA2B,IAAjBD,MAAKC,QAA7B;CAA0C,IAAAI;CAAA,IAAAT,EAAA,OAAAI,MAAAD,YAAAH,EAAA,OAAAD,MAAAC,EAAA,OAAAM,IAAA;EAFrDG,KAAA,oBAAC,UAAD;GAAS,GACDV;GACG,OAAAO;GACG,UAAAF,MAAKD;EAAS,CAAA;EAC1BH,EAAA,KAAAI,MAAAD;EAAAH,EAAA,KAAAD;EAAAC,EAAA,KAAAM;EAAAN,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAJFS;AAIE"}
+{"version":3,"file":"TelField.js","names":["useState","Select","usePanneauIntl","getCountryFlag","getCountryName","getLocaleCountry","getFieldProps","getSetting","isString","messages","FieldEntryProps","TextField","TextFieldProps","formatPhoneInput","getCallingCode","getPhoneCountries","parsePhone","readPhone","TelFieldProps","Omit","country","display","value","number","national","international","TelField","t0","$","_c","defaultCountry","disabled","onBlur","onChange","props","readOnly","intl","chosen","setChosen","draft","setDraft","t1","t2","locale","t3","shown","t4","next","emit","T0","t10","t5","t6","t7","t8","t9","collator","Intl","Collator","t11","code","name","countries","map","sort","a","b","compare","formatMessage","telCountry","_temp","nationalNumber","next_0","code_1","String","digits","replace","t12","_temp2","picker","t13","text","typed","next_1","length","startsWith","read","t14","t15","option","code_0","label","prefix","TelFieldEntry","field","undefined","_c"],"sources":["../../src/tel/TelField.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport { Select, usePanneauIntl } from '@panneau/ui';\n\nimport { getCountryFlag, getCountryName, getLocaleCountry } from '../country/countries';\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\nimport {\n    formatPhoneInput,\n    getCallingCode,\n    getPhoneCountries,\n    parsePhone,\n    readPhone,\n} from './phone';\n\nexport interface TelFieldProps extends Omit<\n    TextFieldProps,\n    'type' | 'inputMode' | 'prefix' | 'maxLength' | 'secret'\n> {\n    /**\n     * The country of a new number (`CA`). Without it, the region of the user's locale (`fr-CA`\n     * gives `CA`).\n     */\n    country?: string | null;\n}\n\n/** The text shown for a value: a number of the country in its format, any other as it is. */\nfunction display(value: string | null | undefined, country: string | null): string {\n    const number = parsePhone(value);\n    if (number === null) {\n        return value ?? '';\n    }\n    return number.country !== null && number.country === country\n        ? number.national\n        : number.international;\n}\n\n/**\n * A phone number, in E.164 (`+15145550199`). The country of the number, its flag and its calling\n * code, is in a menu at the start of the input, and the number shows in the format of its country\n * as it is typed. The country follows the number: typing `+33…` picks France.\n *\n * Until a number is complete, the value is the text as typed, which the `tel` rule refuses. A value\n * that isn't E.164, kept from before, shows as it is, and becomes E.164 when the field is left, if\n * it reads as a number of the chosen country.\n */\nexport function TelField({\n    value,\n    onChange,\n    onBlur,\n    country: defaultCountry,\n    disabled,\n    readOnly,\n    ...props\n}: TelFieldProps) {\n    const intl = usePanneauIntl();\n    // The country picked in the menu, or found in a number typed with its calling code.\n    const [chosen, setChosen] = useState<string | null>(null);\n    // The text being typed, while the input has the focus.\n    const [draft, setDraft] = useState<string | null>(null);\n    const number = parsePhone(value);\n    const country =\n        number?.country ?? chosen ?? defaultCountry ?? getLocaleCountry(intl.locale) ?? null;\n    const shown = draft ?? display(value, country);\n\n    const emit = (next: string | null) => {\n        if (next !== (value ?? null)) {\n            onChange?.(next);\n        }\n    };\n\n    const collator = new Intl.Collator(intl.locale);\n    const countries = getPhoneCountries()\n        .map((code) => ({ code, name: getCountryName(code, intl.locale) }))\n        .sort((a, b) => collator.compare(a.name, b.name));\n\n    const picker = (\n        <Select\n            aria-label={intl.formatMessage(messages.telCountry)}\n            appearance=\"bare\"\n            isRequired\n            isDisabled={disabled === true || readOnly === true}\n            placeholder=\"+\"\n            options={countries.map(({ code, name }) => ({\n                value: code,\n                label: `${name} +${getCallingCode(code) ?? ''}`,\n                prefix: getCountryFlag(code),\n            }))}\n            value={country}\n            renderValue={(option) => `+${getCallingCode(String(option.value)) ?? ''}`}\n            onChange={(next) => {\n                const code = next !== null ? String(next) : null;\n                setChosen(code);\n                setDraft(null);\n                // The same digits, in the country picked.\n                const digits = number?.nationalNumber ?? shown.replace(/^\\+/, '');\n                emit(readPhone(digits, code).value);\n            }}\n        />\n    );\n\n    return (\n        <TextField\n            autoComplete=\"tel\"\n            {...props}\n            disabled={disabled}\n            readOnly={readOnly}\n            type=\"tel\"\n            inputMode=\"tel\"\n            prefix={picker}\n            value={shown}\n            onChange={(text) => {\n                const typed = text ?? '';\n                // Characters added at the end are formatted as they are typed; other edits stay as\n                // they are, so that the cursor doesn't jump.\n                const next =\n                    typed.length > shown.length && typed.startsWith(shown)\n                        ? formatPhoneInput(typed, country)\n                        : typed;\n                setDraft(next);\n                const read = readPhone(next, country);\n                if (read.country !== null && read.country !== country) {\n                    setChosen(read.country);\n                }\n                emit(read.value);\n            }}\n            onBlur={() => {\n                setDraft(null);\n                // A value as typed becomes E.164 when it reads as a number of the country, unless\n                // the field can't be changed.\n                if (\n                    readOnly !== true &&\n                    disabled !== true &&\n                    isString(value) &&\n                    parsePhone(value) === null\n                ) {\n                    emit(readPhone(value, country).value);\n                }\n                onBlur?.();\n            }}\n        />\n    );\n}\n\n/** The `tel` type: `settings.country` is the country of a new number. */\nexport function TelFieldEntry(props: FieldEntryProps) {\n    const country = getSetting(props.field, 'country', isString);\n    return (\n        <TelField\n            {...getFieldProps(props)}\n            {...(country !== undefined ? { country } : {})}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/tel/index.d.ts

@@ -1,2 +1,3 @@
 export { TelField, TelFieldEntry, type TelFieldProps } from './TelField.js';
+export { type PhoneNumber, formatPhoneInput, getCallingCode, getPhoneCountries, parsePhone, readPhone, } from './phone.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AACzE,OAAO,EACH,KAAK,WAAW,EAChB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,SAAS,GACZ,MAAM,SAAS,CAAC"}

package/dist/tel/index.js

@@ -1 +1,3 @@
-export { TelField, TelFieldEntry } from "./TelField.js";
+import { formatPhoneInput, getCallingCode, getPhoneCountries, parsePhone, readPhone } from "./phone.js";
+import { TelField, TelFieldEntry } from "./TelField.js";
+export { TelField, TelFieldEntry, formatPhoneInput, getCallingCode, getPhoneCountries, parsePhone, readPhone };

package/dist/tel/phone.d.ts

@@ -0,0 +1,31 @@
+/** A phone number read from an E.164 value. */
+export interface PhoneNumber {
+    /** The value, in E.164: `+15145550199`. */
+    number: string;
+    /** The country of the number, or `null` for a number of no country (`+800`). */
+    country: string | null;
+    /** The digits after the calling code: `5145550199`. */
+    nationalNumber: string;
+    /** In the format of its country: `(514) 555-0199`. */
+    national: string;
+    /** With its calling code: `+1 514 555 0199`. */
+    international: string;
+}
+/** A value in E.164 that is a valid number, read. `null` for any other value. */
+export declare function parsePhone(value: unknown): PhoneNumber | null;
+/**
+ * The value of a typed number: in E.164 once it is a valid number of its country, the text as
+ * typed (trimmed) until then, or `null` when empty. A number typed with its calling code (`+33…`)
+ * gives its own country.
+ */
+export declare function readPhone(text: string, country: string | null): {
+    value: string | null;
+    country: string | null;
+};
+/** A number being typed, in the format of its country: `514555` gives `(514) 555`. */
+export declare function formatPhoneInput(text: string, country: string | null): string;
+/** The calling code of a country, without `+` (`1` for `CA`), or `null`. */
+export declare function getCallingCode(country: string | null | undefined): string | null;
+/** The countries that have calling codes. */
+export declare function getPhoneCountries(): string[];
+//# sourceMappingURL=phone.d.ts.map

package/dist/tel/phone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../src/tel/phone.ts"],"names":[],"mappings":"AAYA,+CAA+C;AAC/C,MAAM,WAAW,WAAW;IACxB,2CAA2C;IAC3C,MAAM,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,aAAa,EAAE,MAAM,CAAC;CACzB;AAQD,iFAAiF;AACjF,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CAe7D;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CACrB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,GAAG,IAAI,GACvB;IAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,CAelD;AAED,sFAAsF;AACtF,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAE7E;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAGhF;AAED,6CAA6C;AAC7C,wBAAgB,iBAAiB,IAAI,MAAM,EAAE,CAE5C"}

package/dist/tel/phone.js

@@ -0,0 +1,60 @@
+import { AsYouType, getCountries, getCountryCallingCode, isSupportedCountry, parsePhoneNumberFromString } from "libphonenumber-js/min";
+//#region src/tel/phone.ts
+/** An international number in E.164, as the `tel` rule of the protocol checks it. */
+var E164 = /^\+[1-9]\d{6,14}$/;
+function asCountry(country) {
+	return country !== null && country !== void 0 && isSupportedCountry(country) ? country : void 0;
+}
+/** A value in E.164 that is a valid number, read. `null` for any other value. */
+function parsePhone(value) {
+	if (typeof value !== "string" || !E164.test(value)) return null;
+	const number = parsePhoneNumberFromString(value);
+	if (number === void 0 || !number.isValid()) return null;
+	return {
+		number: number.number,
+		country: number.country ?? null,
+		nationalNumber: number.nationalNumber,
+		national: number.formatNational(),
+		international: number.formatInternational()
+	};
+}
+/**
+* The value of a typed number: in E.164 once it is a valid number of its country, the text as
+* typed (trimmed) until then, or `null` when empty. A number typed with its calling code (`+33…`)
+* gives its own country.
+*/
+function readPhone(text, country) {
+	const trimmed = text.trim();
+	if (trimmed === "") return {
+		value: null,
+		country: null
+	};
+	const typer = new AsYouType(asCountry(country));
+	typer.input(trimmed);
+	const number = typer.getNumber();
+	if (number?.isValid() === true) return {
+		value: number.number,
+		country: number.country ?? null
+	};
+	return {
+		value: trimmed,
+		country: typer.isInternational() ? typer.getCountry() ?? null : null
+	};
+}
+/** A number being typed, in the format of its country: `514555` gives `(514) 555`. */
+function formatPhoneInput(text, country) {
+	return new AsYouType(asCountry(country)).input(text);
+}
+/** The calling code of a country, without `+` (`1` for `CA`), or `null`. */
+function getCallingCode(country) {
+	const code = asCountry(country);
+	return code !== void 0 ? getCountryCallingCode(code) : null;
+}
+/** The countries that have calling codes. */
+function getPhoneCountries() {
+	return getCountries();
+}
+//#endregion
+export { formatPhoneInput, getCallingCode, getPhoneCountries, parsePhone, readPhone };
+
+//# sourceMappingURL=phone.js.map

package/dist/tel/phone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone.js","names":["AsYouType","CountryCode","getCountries","getCountryCallingCode","isSupportedCountry","parsePhoneNumberFromString","E164","PhoneNumber","number","country","nationalNumber","national","international","asCountry","undefined","parsePhone","value","test","isValid","formatNational","formatInternational","readPhone","text","trimmed","trim","typer","input","getNumber","isInternational","getCountry","formatPhoneInput","getCallingCode","code","getPhoneCountries"],"sources":["../../src/tel/phone.ts"],"sourcesContent":["import {\n    AsYouType,\n    type CountryCode,\n    getCountries,\n    getCountryCallingCode,\n    isSupportedCountry,\n    parsePhoneNumberFromString,\n} from 'libphonenumber-js/min';\n\n/** An international number in E.164, as the `tel` rule of the protocol checks it. */\nconst E164 = /^\\+[1-9]\\d{6,14}$/;\n\n/** A phone number read from an E.164 value. */\nexport interface PhoneNumber {\n    /** The value, in E.164: `+15145550199`. */\n    number: string;\n    /** The country of the number, or `null` for a number of no country (`+800`). */\n    country: string | null;\n    /** The digits after the calling code: `5145550199`. */\n    nationalNumber: string;\n    /** In the format of its country: `(514) 555-0199`. */\n    national: string;\n    /** With its calling code: `+1 514 555 0199`. */\n    international: string;\n}\n\nfunction asCountry(country: string | null | undefined): CountryCode | undefined {\n    return country !== null && country !== undefined && isSupportedCountry(country)\n        ? country\n        : undefined;\n}\n\n/** A value in E.164 that is a valid number, read. `null` for any other value. */\nexport function parsePhone(value: unknown): PhoneNumber | null {\n    if (typeof value !== 'string' || !E164.test(value)) {\n        return null;\n    }\n    const number = parsePhoneNumberFromString(value);\n    if (number === undefined || !number.isValid()) {\n        return null;\n    }\n    return {\n        number: number.number,\n        country: number.country ?? null,\n        nationalNumber: number.nationalNumber,\n        national: number.formatNational(),\n        international: number.formatInternational(),\n    };\n}\n\n/**\n * The value of a typed number: in E.164 once it is a valid number of its country, the text as\n * typed (trimmed) until then, or `null` when empty. A number typed with its calling code (`+33…`)\n * gives its own country.\n */\nexport function readPhone(\n    text: string,\n    country: string | null,\n): { value: string | null; country: string | null } {\n    const trimmed = text.trim();\n    if (trimmed === '') {\n        return { value: null, country: null };\n    }\n    const typer = new AsYouType(asCountry(country));\n    typer.input(trimmed);\n    const number = typer.getNumber();\n    if (number?.isValid() === true) {\n        return { value: number.number, country: number.country ?? null };\n    }\n    return {\n        value: trimmed,\n        country: typer.isInternational() ? (typer.getCountry() ?? null) : null,\n    };\n}\n\n/** A number being typed, in the format of its country: `514555` gives `(514) 555`. */\nexport function formatPhoneInput(text: string, country: string | null): string {\n    return new AsYouType(asCountry(country)).input(text);\n}\n\n/** The calling code of a country, without `+` (`1` for `CA`), or `null`. */\nexport function getCallingCode(country: string | null | undefined): string | null {\n    const code = asCountry(country);\n    return code !== undefined ? getCountryCallingCode(code) : null;\n}\n\n/** The countries that have calling codes. */\nexport function getPhoneCountries(): string[] {\n    return getCountries();\n}\n"],"mappings":";;;AAUA,IAAMM,OAAO;AAgBb,SAASO,UAAUJ,SAA6D;CAC5E,OAAOA,YAAY,QAAQA,YAAYK,KAAAA,KAAaV,mBAAmBK,OAAO,IACxEA,UACAK,KAAAA;AACV;;AAGA,SAAgBC,WAAWC,OAAoC;CAC3D,IAAI,OAAOA,UAAU,YAAY,CAACV,KAAKW,KAAKD,KAAK,GAC7C,OAAO;CAEX,MAAMR,SAASH,2BAA2BW,KAAK;CAC/C,IAAIR,WAAWM,KAAAA,KAAa,CAACN,OAAOU,QAAQ,GACxC,OAAO;CAEX,OAAO;EACHV,QAAQA,OAAOA;EACfC,SAASD,OAAOC,WAAW;EAC3BC,gBAAgBF,OAAOE;EACvBC,UAAUH,OAAOW,eAAe;EAChCP,eAAeJ,OAAOY,oBAAoB;CAC9C;AACJ;;;;;;AAOA,SAAgBC,UACZC,MACAb,SACgD;CAChD,MAAMc,UAAUD,KAAKE,KAAK;CAC1B,IAAID,YAAY,IACZ,OAAO;EAAEP,OAAO;EAAMP,SAAS;CAAK;CAExC,MAAMgB,QAAQ,IAAIzB,UAAUa,UAAUJ,OAAO,CAAC;CAC9CgB,MAAMC,MAAMH,OAAO;CACnB,MAAMf,SAASiB,MAAME,UAAU;CAC/B,IAAInB,QAAQU,QAAQ,MAAM,MACtB,OAAO;EAAEF,OAAOR,OAAOA;EAAQC,SAASD,OAAOC,WAAW;CAAK;CAEnE,OAAO;EACHO,OAAOO;EACPd,SAASgB,MAAMG,gBAAgB,IAAKH,MAAMI,WAAW,KAAK,OAAQ;CACtE;AACJ;;AAGA,SAAgBC,iBAAiBR,MAAcb,SAAgC;CAC3E,OAAO,IAAIT,UAAUa,UAAUJ,OAAO,CAAC,CAAC,CAACiB,MAAMJ,IAAI;AACvD;;AAGA,SAAgBS,eAAetB,SAAmD;CAC9E,MAAMuB,OAAOnB,UAAUJ,OAAO;CAC9B,OAAOuB,SAASlB,KAAAA,IAAYX,sBAAsB6B,IAAI,IAAI;AAC9D;;AAGA,SAAgBC,oBAA8B;CAC1C,OAAO/B,aAAa;AACxB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/fields",
-    "version": "5.0.0-alpha.12",
+    "version": "5.0.0-alpha.13",
     "description": "Controlled field components of Panneau for the protocol's built-in field types, one subpath per field, and uploads to storage (Uppy 6 in its own entry point).",
     "type": "module",
     "license": "MIT",
@@ -108,6 +108,16 @@
             "types": "./dist/embed/index.d.ts",
             "default": "./dist/embed/index.js"
         },
+        "./country": {
+            "@panneau/source": "./src/country/index.ts",
+            "types": "./dist/country/index.d.ts",
+            "default": "./dist/country/index.js"
+        },
+        "./region": {
+            "@panneau/source": "./src/region/index.ts",
+            "types": "./dist/region/index.d.ts",
+            "default": "./dist/region/index.js"
+        },
         "./location": {
             "@panneau/source": "./src/location/index.ts",
             "types": "./dist/location/index.d.ts",
@@ -178,10 +188,11 @@
     },
     "dependencies": {
         "@internationalized/date": "^3.12.4",
-        "@panneau/intl": "5.0.0-alpha.12",
-        "@panneau/protocol": "5.0.0-alpha.12",
-        "@panneau/ui": "5.0.0-alpha.12",
+        "@panneau/intl": "5.0.0-alpha.13",
+        "@panneau/protocol": "5.0.0-alpha.13",
+        "@panneau/ui": "5.0.0-alpha.13",
         "leaflet": "^1.9.4",
+        "libphonenumber-js": "^1.13.15",
         "lucide-react": "^1.57.0"
     },
     "devDependencies": {