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

package/dist/link/LinkField.js

@@ -0,0 +1,742 @@
+import { useFieldsContext } from "../shared/context.js";
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { LocalizedField } from "../localized/LocalizedField.js";
+import { TextField } from "../text/TextField.js";
+import { BoundPart } from "../shared/part.js";
+import { EmailField } from "../email/EmailField.js";
+import { TelField } from "../tel/TelField.js";
+import { UrlField } from "../url/UrlField.js";
+import LinkField_module_default from "./LinkField.module.js";
+import { cleanLink, getLinkPage, isLink } from "./link.js";
+import { usePageSearch } from "./pages.js";
+import { DefinitionField } from "../shared/DefinitionField.js";
+import { c } from "react/compiler-runtime";
+import { getLinkNewTab, getLinkTypes } from "@panneau/protocol/runtime";
+import { File, FileText, Globe, Hash, Mail, Phone } from "lucide-react";
+import { useState } from "react";
+import { Checkbox, ComboBox, Fieldset, SegmentedControl, TextInput, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/link/LinkField.tsx
+var DEFAULT_TYPES = [
+	{ id: "url" },
+	{ id: "email" },
+	{ id: "tel" }
+];
+var TYPE_ICONS = {
+	url: Globe,
+	page: FileText,
+	email: Mail,
+	tel: Phone,
+	file: File
+};
+/** The text of a URL after its scheme: `info@example.com` in `mailto:info@example.com`. */
+function withoutScheme(url, scheme) {
+	if (url === void 0 || url === "") return null;
+	return url.toLowerCase().startsWith(scheme) ? url.slice(scheme.length) : url;
+}
+/**
+* A link (decision 0055): its type, in a segmented control, then the input of the type (a URL, a
+* page searched in the resources of `pages`, an email address, a phone number, a media, or the
+* text of a type of the site), its label per locale, and whether it opens in a new tab. Each part
+* shows the errors of its own path (`link.url`) in a form.
+*/
+function LinkField(t0) {
+	const $ = c(129);
+	const { value, onChange, onBlur, path, name, types: typesProp, pages: t1, libraries, newTab: t2, labelMode: t3, singleLabel: t4, label, description, errors, disabled, readOnly, required, className } = t0;
+	let t5;
+	if ($[0] !== t1) {
+		t5 = t1 === void 0 ? [] : t1;
+		$[0] = t1;
+		$[1] = t5;
+	} else t5 = $[1];
+	const pages = t5;
+	const newTab = t2 === void 0 ? "choose" : t2;
+	const labelMode = t3 === void 0 ? "optional" : t3;
+	const singleLabel = t4 === void 0 ? false : t4;
+	const intl = usePanneauIntl();
+	const { locales, relationSource } = useFieldsContext();
+	const types = typesProp !== void 0 && typesProp.length > 0 ? typesProp : DEFAULT_TYPES;
+	const defaultType = types[0]?.id;
+	let t6;
+	if ($[2] !== types || $[3] !== value?.type) {
+		t6 = types.find((candidate) => candidate.id === value?.type) ?? types[0];
+		$[2] = types;
+		$[3] = value?.type;
+		$[4] = t6;
+	} else t6 = $[4];
+	const type = t6;
+	const base = path ?? name ?? "";
+	let t7;
+	if ($[5] !== base) {
+		t7 = (part) => base !== "" ? `${base}.${part}` : part;
+		$[5] = base;
+		$[6] = t7;
+	} else t7 = $[6];
+	const partPath = t7;
+	const editable = disabled !== true && readOnly !== true;
+	let t8;
+	if ($[7] !== defaultType || $[8] !== newTab || $[9] !== onChange || $[10] !== value) {
+		t8 = (next) => {
+			const link = {
+				...value,
+				type: value?.type ?? defaultType ?? "url",
+				...next
+			};
+			onChange?.(cleanLink(link, {
+				newTab,
+				defaultType
+			}));
+		};
+		$[7] = defaultType;
+		$[8] = newTab;
+		$[9] = onChange;
+		$[10] = value;
+		$[11] = t8;
+	} else t8 = $[11];
+	const change = t8;
+	let t9;
+	if ($[12] !== change) {
+		t9 = (url) => change({ url: url ?? void 0 });
+		$[12] = change;
+		$[13] = t9;
+	} else t9 = $[13];
+	const setUrl = t9;
+	let t10;
+	if ($[14] !== intl) {
+		t10 = (candidate_0) => {
+			switch (candidate_0.id) {
+				case "url": return intl.formatMessage(messages.linkTypeUrl);
+				case "page": return intl.formatMessage(messages.linkTypePage);
+				case "email": return intl.formatMessage(messages.linkTypeEmail);
+				case "tel": return intl.formatMessage(messages.linkTypeTel);
+				case "file": return intl.formatMessage(messages.linkTypeFile);
+				default: return candidate_0.label ?? candidate_0.id;
+			}
+		};
+		$[14] = intl;
+		$[15] = t10;
+	} else t10 = $[15];
+	const typeName = t10;
+	let t11;
+	if ($[16] !== disabled || $[17] !== readOnly || $[18] !== required || $[19] !== value) {
+		t11 = (bound) => ({
+			errors: bound.errors ?? [],
+			...bound.onBlur !== void 0 ? { onBlur: bound.onBlur } : {},
+			...disabled !== void 0 ? { disabled } : {},
+			...readOnly !== void 0 ? { readOnly } : {},
+			required: required === true || (value ?? null) !== null
+		});
+		$[16] = disabled;
+		$[17] = readOnly;
+		$[18] = required;
+		$[19] = value;
+		$[20] = t11;
+	} else t11 = $[20];
+	const shared = t11;
+	let t12;
+	if ($[21] !== onBlur || $[22] !== partPath) {
+		t12 = (partName, partType, render) => /* @__PURE__ */ jsx(BoundPart, {
+			field: {
+				name: partName,
+				type: partType
+			},
+			path: partPath(partName),
+			...onBlur !== void 0 ? { onBlur } : {},
+			render
+		});
+		$[21] = onBlur;
+		$[22] = partPath;
+		$[23] = t12;
+	} else t12 = $[23];
+	const part_0 = t12;
+	let input = null;
+	if (type !== void 0) bb0: switch (type.id) {
+		case "url": {
+			let t13;
+			if ($[24] !== intl || $[25] !== setUrl || $[26] !== shared || $[27] !== value?.url) {
+				t13 = (bound_5) => /* @__PURE__ */ jsx(UrlField, {
+					...shared(bound_5),
+					label: intl.formatMessage(messages.linkUrl),
+					value: value?.url ?? null,
+					onChange: setUrl
+				});
+				$[24] = intl;
+				$[25] = setUrl;
+				$[26] = shared;
+				$[27] = value?.url;
+				$[28] = t13;
+			} else t13 = $[28];
+			let t14;
+			if ($[29] !== part_0 || $[30] !== t13) {
+				t14 = part_0("url", "url", t13);
+				$[29] = part_0;
+				$[30] = t13;
+				$[31] = t14;
+			} else t14 = $[31];
+			input = t14;
+			break bb0;
+		}
+		case "email": {
+			let t13;
+			if ($[32] !== intl || $[33] !== setUrl || $[34] !== shared || $[35] !== value?.url) {
+				t13 = (bound_4) => /* @__PURE__ */ jsx(EmailField, {
+					...shared(bound_4),
+					label: intl.formatMessage(messages.linkEmail),
+					value: withoutScheme(value?.url, "mailto:"),
+					onChange: (email) => setUrl(email !== null ? `mailto:${email}` : null)
+				});
+				$[32] = intl;
+				$[33] = setUrl;
+				$[34] = shared;
+				$[35] = value?.url;
+				$[36] = t13;
+			} else t13 = $[36];
+			let t14;
+			if ($[37] !== part_0 || $[38] !== t13) {
+				t14 = part_0("url", "email", t13);
+				$[37] = part_0;
+				$[38] = t13;
+				$[39] = t14;
+			} else t14 = $[39];
+			input = t14;
+			break bb0;
+		}
+		case "tel": {
+			let t13;
+			if ($[40] !== intl || $[41] !== setUrl || $[42] !== shared || $[43] !== value?.url) {
+				t13 = (bound_3) => /* @__PURE__ */ jsx(TelField, {
+					...shared(bound_3),
+					label: intl.formatMessage(messages.linkTel),
+					value: withoutScheme(value?.url, "tel:"),
+					onChange: (number) => setUrl(number !== null ? `tel:${number}` : null)
+				});
+				$[40] = intl;
+				$[41] = setUrl;
+				$[42] = shared;
+				$[43] = value?.url;
+				$[44] = t13;
+			} else t13 = $[44];
+			let t14;
+			if ($[45] !== part_0 || $[46] !== t13) {
+				t14 = part_0("url", "tel", t13);
+				$[45] = part_0;
+				$[46] = t13;
+				$[47] = t14;
+			} else t14 = $[47];
+			input = t14;
+			break bb0;
+		}
+		case "page": {
+			let t13;
+			if ($[48] !== change || $[49] !== editable || $[50] !== intl || $[51] !== pages || $[52] !== relationSource || $[53] !== shared || $[54] !== value) {
+				t13 = (bound_2) => /* @__PURE__ */ jsx(PagePicker, {
+					...shared(bound_2),
+					label: intl.formatMessage(messages.linkPage),
+					resources: pages,
+					page: getLinkPage(value),
+					editable: editable && relationSource !== null,
+					onChange: (page) => change({ page: page !== null ? { ...page } : void 0 })
+				});
+				$[48] = change;
+				$[49] = editable;
+				$[50] = intl;
+				$[51] = pages;
+				$[52] = relationSource;
+				$[53] = shared;
+				$[54] = value;
+				$[55] = t13;
+			} else t13 = $[55];
+			let t14;
+			if ($[56] !== part_0 || $[57] !== t13) {
+				t14 = part_0("page", "relation", t13);
+				$[56] = part_0;
+				$[57] = t13;
+				$[58] = t14;
+			} else t14 = $[58];
+			input = t14;
+			break bb0;
+		}
+		case "file": {
+			let t13;
+			if ($[59] !== intl) {
+				t13 = intl.formatMessage(messages.linkFile);
+				$[59] = intl;
+				$[60] = t13;
+			} else t13 = $[60];
+			let t14;
+			if ($[61] !== libraries) {
+				t14 = libraries !== void 0 && libraries.length > 0 ? { resource: [...libraries] } : {};
+				$[61] = libraries;
+				$[62] = t14;
+			} else t14 = $[62];
+			let t15;
+			if ($[63] !== t13 || $[64] !== t14) {
+				t15 = {
+					name: "file",
+					type: "media",
+					label: t13,
+					...t14
+				};
+				$[63] = t13;
+				$[64] = t14;
+				$[65] = t15;
+			} else t15 = $[65];
+			const fileField = t15;
+			let t16;
+			if ($[66] !== change || $[67] !== disabled || $[68] !== fileField || $[69] !== partPath || $[70] !== readOnly || $[71] !== value?.file) {
+				t16 = (bound_1) => /* @__PURE__ */ jsx(DefinitionField, {
+					field: fileField,
+					path: partPath("file"),
+					value: value?.file ?? null,
+					onChange: (file) => change({ file: file ?? void 0 }),
+					errors: bound_1.errors ?? [],
+					...bound_1.onBlur !== void 0 ? { onBlur: bound_1.onBlur } : {},
+					...disabled !== void 0 ? { disabled } : {},
+					...readOnly !== void 0 ? { readOnly } : {}
+				});
+				$[66] = change;
+				$[67] = disabled;
+				$[68] = fileField;
+				$[69] = partPath;
+				$[70] = readOnly;
+				$[71] = value?.file;
+				$[72] = t16;
+			} else t16 = $[72];
+			let t17;
+			if ($[73] !== part_0 || $[74] !== t16) {
+				t17 = part_0("file", "media", t16);
+				$[73] = part_0;
+				$[74] = t16;
+				$[75] = t17;
+			} else t17 = $[75];
+			input = t17;
+			break bb0;
+		}
+		default: {
+			let t13;
+			if ($[76] !== setUrl || $[77] !== shared || $[78] !== type || $[79] !== typeName || $[80] !== value?.url) {
+				t13 = (bound_0) => /* @__PURE__ */ jsx(TextField, {
+					...shared(bound_0),
+					label: typeName(type),
+					autoComplete: "off",
+					...type.placeholder !== void 0 ? { placeholder: type.placeholder } : {},
+					value: value?.url ?? null,
+					onChange: setUrl
+				});
+				$[76] = setUrl;
+				$[77] = shared;
+				$[78] = type;
+				$[79] = typeName;
+				$[80] = value?.url;
+				$[81] = t13;
+			} else t13 = $[81];
+			let t14;
+			if ($[82] !== part_0 || $[83] !== t13) {
+				t14 = part_0("url", "text", t13);
+				$[82] = part_0;
+				$[83] = t13;
+				$[84] = t14;
+			} else t14 = $[84];
+			input = t14;
+		}
+	}
+	let t13;
+	if ($[85] !== intl) {
+		t13 = intl.formatMessage(messages.linkLabel);
+		$[85] = intl;
+		$[86] = t13;
+	} else t13 = $[86];
+	const labelText = t13;
+	const labelRequired = labelMode === "required";
+	let t14;
+	if ($[87] !== change || $[88] !== disabled || $[89] !== labelMode || $[90] !== labelRequired || $[91] !== labelText || $[92] !== locales || $[93] !== part_0 || $[94] !== readOnly || $[95] !== shared || $[96] !== singleLabel || $[97] !== value) {
+		t14 = labelMode === "none" ? null : part_0("label", "text", (bound_6) => singleLabel || locales.length === 0 ? /* @__PURE__ */ jsx(TextField, {
+			...shared(bound_6),
+			label: labelText,
+			required: labelRequired,
+			value: typeof value?.label === "string" ? value.label : null,
+			onChange: (text) => change({ label: text })
+		}) : /* @__PURE__ */ jsx(LocalizedField, {
+			label: labelText,
+			errors: bound_6.errors ?? [],
+			required: labelRequired,
+			locales,
+			value: value?.label !== null && typeof value?.label === "object" ? value.label : {},
+			onChange: (next_0) => change({ label: next_0 ?? null }),
+			children: (localeInput) => /* @__PURE__ */ jsx(TextInput, {
+				"aria-label": `${labelText} (${localeInput.label})`,
+				value: localeInput.value ?? "",
+				onChange: (text_0) => localeInput.onChange(text_0 === "" ? null : text_0),
+				...bound_6.onBlur !== void 0 ? { onBlur: bound_6.onBlur } : {},
+				isDisabled: disabled === true,
+				isReadOnly: readOnly === true
+			})
+		}));
+		$[87] = change;
+		$[88] = disabled;
+		$[89] = labelMode;
+		$[90] = labelRequired;
+		$[91] = labelText;
+		$[92] = locales;
+		$[93] = part_0;
+		$[94] = readOnly;
+		$[95] = shared;
+		$[96] = singleLabel;
+		$[97] = value;
+		$[98] = t14;
+	} else t14 = $[98];
+	const labelInput = t14;
+	let t15;
+	if ($[99] !== defaultType || $[100] !== editable || $[101] !== intl || $[102] !== newTab || $[103] !== onChange || $[104] !== type || $[105] !== typeName || $[106] !== types || $[107] !== value?.label || $[108] !== value?.newTab) {
+		t15 = types.length > 1 ? /* @__PURE__ */ jsx(SegmentedControl, {
+			"aria-label": intl.formatMessage(messages.linkType),
+			size: "sm",
+			isDisabled: !editable,
+			options: types.map((candidate_1) => ({
+				value: candidate_1.id,
+				label: typeName(candidate_1),
+				icon: TYPE_ICONS[candidate_1.id] ?? Hash
+			})),
+			...type !== void 0 ? { value: type.id } : {},
+			onChange: (next_1) => {
+				if (next_1 !== type?.id) onChange?.(cleanLink({
+					type: next_1,
+					label: value?.label ?? null,
+					newTab: value?.newTab ?? false
+				}, {
+					newTab,
+					defaultType
+				}));
+			}
+		}) : null;
+		$[99] = defaultType;
+		$[100] = editable;
+		$[101] = intl;
+		$[102] = newTab;
+		$[103] = onChange;
+		$[104] = type;
+		$[105] = typeName;
+		$[106] = types;
+		$[107] = value?.label;
+		$[108] = value?.newTab;
+		$[109] = t15;
+	} else t15 = $[109];
+	let t16;
+	if ($[110] !== change || $[111] !== editable || $[112] !== intl || $[113] !== newTab || $[114] !== value?.newTab) {
+		t16 = newTab === "choose" ? /* @__PURE__ */ jsx(Checkbox, {
+			isSelected: value?.newTab === true,
+			onChange: (selected) => change({ newTab: selected }),
+			isDisabled: !editable,
+			children: intl.formatMessage(messages.linkNewTab)
+		}) : null;
+		$[110] = change;
+		$[111] = editable;
+		$[112] = intl;
+		$[113] = newTab;
+		$[114] = value?.newTab;
+		$[115] = t16;
+	} else t16 = $[115];
+	let t17;
+	if ($[116] !== input || $[117] !== labelInput || $[118] !== t15 || $[119] !== t16) {
+		t17 = /* @__PURE__ */ jsxs("div", {
+			className: LinkField_module_default.link,
+			children: [
+				t15,
+				input,
+				labelInput,
+				t16
+			]
+		});
+		$[116] = input;
+		$[117] = labelInput;
+		$[118] = t15;
+		$[119] = t16;
+		$[120] = t17;
+	} else t17 = $[120];
+	let t18;
+	if ($[121] !== className || $[122] !== description || $[123] !== disabled || $[124] !== errors || $[125] !== label || $[126] !== required || $[127] !== t17) {
+		t18 = /* @__PURE__ */ jsx(Fieldset, {
+			legend: label,
+			description,
+			errors,
+			isRequired: required,
+			isDisabled: disabled,
+			className,
+			children: t17
+		});
+		$[121] = className;
+		$[122] = description;
+		$[123] = disabled;
+		$[124] = errors;
+		$[125] = label;
+		$[126] = required;
+		$[127] = t17;
+		$[128] = t18;
+	} else t18 = $[128];
+	return t18;
+}
+/** The page of a link: searched in every resource of `pages`, with the relation source. */
+function PagePicker(t0) {
+	const $ = c(51);
+	const { label, resources, page, onChange, editable, errors, onBlur, required } = t0;
+	const intl = usePanneauIntl();
+	const { relationSource } = useFieldsContext();
+	const [query, setQuery] = useState(null);
+	let t1;
+	if ($[0] !== editable) {
+		t1 = { enabled: editable };
+		$[0] = editable;
+		$[1] = t1;
+	} else t1 = $[1];
+	const { items, isLoading } = usePageSearch(relationSource, resources, query ?? "", t1);
+	let t2;
+	if ($[2] !== resources) {
+		t2 = (item) => `${item.resource ?? resources[0] ?? ""}\u0000${item.id}`;
+		$[2] = resources;
+		$[3] = t2;
+	} else t2 = $[3];
+	const keyOf = t2;
+	let T0;
+	let current;
+	let shown;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	let t8;
+	if ($[4] !== editable || $[5] !== errors || $[6] !== items || $[7] !== keyOf || $[8] !== label || $[9] !== page || $[10] !== required) {
+		current = page !== null ? {
+			...page,
+			label: page.label ?? page.id
+		} : null;
+		shown = current !== null && !items.some((item_0) => keyOf(item_0) === keyOf(current)) ? [current, ...items] : items;
+		T0 = ComboBox;
+		t3 = label;
+		t4 = errors;
+		t5 = required;
+		t6 = !editable;
+		let t9;
+		if ($[20] !== keyOf) {
+			t9 = (item_1) => ({
+				id: keyOf(item_1),
+				label: item_1.label
+			});
+			$[20] = keyOf;
+			$[21] = t9;
+		} else t9 = $[21];
+		t7 = shown.map(t9);
+		t8 = current !== null ? keyOf(current) : null;
+		$[4] = editable;
+		$[5] = errors;
+		$[6] = items;
+		$[7] = keyOf;
+		$[8] = label;
+		$[9] = page;
+		$[10] = required;
+		$[11] = T0;
+		$[12] = current;
+		$[13] = shown;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+		$[17] = t6;
+		$[18] = t7;
+		$[19] = t8;
+	} else {
+		T0 = $[11];
+		current = $[12];
+		shown = $[13];
+		t3 = $[14];
+		t4 = $[15];
+		t5 = $[16];
+		t6 = $[17];
+		t7 = $[18];
+		t8 = $[19];
+	}
+	const t9 = query ?? current?.label ?? "";
+	let t10;
+	if ($[22] !== current || $[23] !== onChange) {
+		t10 = (text) => {
+			setQuery(text);
+			if (text === "" && current !== null) onChange(null);
+		};
+		$[22] = current;
+		$[23] = onChange;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== keyOf || $[26] !== onChange || $[27] !== resources || $[28] !== shown) {
+		t11 = (key) => {
+			setQuery(null);
+			const found = shown.find((item_2) => keyOf(item_2) === key);
+			if (found !== void 0) onChange({
+				id: found.id,
+				label: found.label,
+				...found.resource !== void 0 ? { resource: found.resource } : resources[0] !== void 0 ? { resource: resources[0] } : {}
+			});
+		};
+		$[25] = keyOf;
+		$[26] = onChange;
+		$[27] = resources;
+		$[28] = shown;
+		$[29] = t11;
+	} else t11 = $[29];
+	let t12;
+	if ($[30] !== intl) {
+		t12 = intl.formatMessage(messages.search);
+		$[30] = intl;
+		$[31] = t12;
+	} else t12 = $[31];
+	let t13;
+	if ($[32] !== intl) {
+		t13 = intl.formatMessage(messages.noResults);
+		$[32] = intl;
+		$[33] = t13;
+	} else t13 = $[33];
+	let t14;
+	if ($[34] !== onBlur) {
+		t14 = onBlur !== void 0 ? { onBlur: () => onBlur() } : {};
+		$[34] = onBlur;
+		$[35] = t14;
+	} else t14 = $[35];
+	let t15;
+	if ($[36] !== T0 || $[37] !== isLoading || $[38] !== t10 || $[39] !== t11 || $[40] !== t12 || $[41] !== t13 || $[42] !== t14 || $[43] !== t3 || $[44] !== t4 || $[45] !== t5 || $[46] !== t6 || $[47] !== t7 || $[48] !== t8 || $[49] !== t9) {
+		t15 = /* @__PURE__ */ jsx(T0, {
+			label: t3,
+			errors: t4,
+			isRequired: t5,
+			isDisabled: t6,
+			items: t7,
+			value: t8,
+			inputValue: t9,
+			onInputChange: t10,
+			onChange: t11,
+			isLoading,
+			placeholder: t12,
+			emptyMessage: t13,
+			...t14
+		});
+		$[36] = T0;
+		$[37] = isLoading;
+		$[38] = t10;
+		$[39] = t11;
+		$[40] = t12;
+		$[41] = t13;
+		$[42] = t14;
+		$[43] = t3;
+		$[44] = t4;
+		$[45] = t5;
+		$[46] = t6;
+		$[47] = t7;
+		$[48] = t8;
+		$[49] = t9;
+		$[50] = t15;
+	} else t15 = $[50];
+	return t15;
+}
+var isLabelMode = (value) => value === "optional" || value === "required" || value === "none";
+var isCodes = (value) => Array.isArray(value) && value.every(isString);
+/**
+* The `link` type: its `resource` (the resources of `page` links), and settings `types`,
+* `newTab`, `label` and `libraries`. In a localized field, the label of each locale's link is a
+* string.
+*/
+function LinkFieldEntry(props) {
+	const $ = c(29);
+	const { field } = props;
+	let t0;
+	if ($[0] !== field) {
+		t0 = getSetting(field, "label", isLabelMode);
+		$[0] = field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const labelMode = t0;
+	let t1;
+	if ($[2] !== field) {
+		t1 = getSetting(field, "libraries", isCodes);
+		$[2] = field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const libraries = t1;
+	let t2;
+	if ($[4] !== field.resource) {
+		t2 = field.resource === void 0 ? [] : typeof field.resource === "string" ? [field.resource] : field.resource;
+		$[4] = field.resource;
+		$[5] = t2;
+	} else t2 = $[5];
+	const pages = 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 = props.path;
+	const t5 = isLink(props.value) ? props.value : null;
+	const t6 = props.onChange;
+	let t7;
+	if ($[10] !== field) {
+		t7 = getLinkTypes(field);
+		$[10] = field;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== field) {
+		t8 = getLinkNewTab(field);
+		$[12] = field;
+		$[13] = t8;
+	} else t8 = $[13];
+	const t9 = props.locale !== void 0;
+	let t10;
+	if ($[14] !== labelMode) {
+		t10 = labelMode !== void 0 ? { labelMode } : {};
+		$[14] = labelMode;
+		$[15] = t10;
+	} else t10 = $[15];
+	let t11;
+	if ($[16] !== libraries) {
+		t11 = libraries !== void 0 ? { libraries } : {};
+		$[16] = libraries;
+		$[17] = t11;
+	} else t11 = $[17];
+	let t12;
+	if ($[18] !== fieldProps || $[19] !== pages || $[20] !== props.onChange || $[21] !== props.path || $[22] !== t10 || $[23] !== t11 || $[24] !== t5 || $[25] !== t7 || $[26] !== t8 || $[27] !== t9) {
+		t12 = /* @__PURE__ */ jsx(LinkField, {
+			...fieldProps,
+			path: t4,
+			value: t5,
+			onChange: t6,
+			types: t7,
+			pages,
+			newTab: t8,
+			singleLabel: t9,
+			...t10,
+			...t11
+		});
+		$[18] = fieldProps;
+		$[19] = pages;
+		$[20] = props.onChange;
+		$[21] = props.path;
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t5;
+		$[25] = t7;
+		$[26] = t8;
+		$[27] = t9;
+		$[28] = t12;
+	} else t12 = $[28];
+	return t12;
+}
+//#endregion
+export { LinkField, LinkFieldEntry };
+
+//# sourceMappingURL=LinkField.js.map