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

package/dist/duration/index.js

@@ -1 +1 @@
-export { DurationField, DurationFieldEntry, formatDuration, splitDuration } from "./DurationField.js";
+export { DurationField, DurationFieldEntry, formatDuration, getDurationUnits, isDurationUnit, resolveDurationUnits, splitDuration } from "./DurationField.js";

package/dist/embed/EmbedField.d.ts

@@ -6,6 +6,12 @@ export interface EmbedFieldProps extends FieldProps<EmbedValue> {
     placeholder?: string;
     /** Where the preview comes from. Defaults to that of the `FieldsProvider`. */
     embedSource?: EmbedSource | null;
+    /**
+     * The providers an embed may come from (`YouTube`), compared without case: the `providers`
+     * rule (decision 0058). The field names them under its help, and refuses an embed of another
+     * provider as soon as its preview comes back. The form's errors, once shown, replace that one.
+     */
+    providers?: readonly string[];
 }
 /** Whether a value is an embed: an object with a `url`. */
 export declare function isEmbed(value: unknown): value is EmbedValue;
@@ -14,7 +20,10 @@ export declare function isEmbed(value: unknown): value is EmbedValue;
  * oEmbed: its thumbnail, title and provider. The URL is kept as soon as it is typed, and its
  * preview follows. Without an embed source, the value is the URL alone.
  */
-export declare function EmbedField({ value, onChange, onBlur, embedSource: embedSourceProp, errors, disabled, readOnly, required, ...props }: EmbedFieldProps): import("react").JSX.Element;
-/** The `embed` type: its preview comes from the embed source of the `FieldsProvider`. */
+export declare function EmbedField({ value, onChange, onBlur, embedSource: embedSourceProp, providers, errors, disabled, readOnly, required, description, ...props }: EmbedFieldProps): import("react").JSX.Element;
+/**
+ * The `embed` type: its preview comes from the embed source of the `FieldsProvider`, and its
+ * `providers` rule names the providers it allows.
+ */
 export declare function EmbedFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
 //# sourceMappingURL=EmbedField.d.ts.map

package/dist/embed/EmbedField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedField.d.ts","sourceRoot":"","sources":["../../src/embed/EmbedField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,YAAY,EAAE,UAAU,EAAE,CAAC;AAI3B,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACpC;AAED,2DAA2D;AAC3D,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAM3D;AAOD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EAAE,eAAe,EAC5B,MAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,eAAe,+BA6EjB;AAED,yFAAyF;AACzF,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAQrD"}
+{"version":3,"file":"EmbedField.d.ts","sourceRoot":"","sources":["../../src/embed/EmbedField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGnD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,YAAY,EAAE,UAAU,EAAE,CAAC;AAI3B,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CACjC;AAED,2DAA2D;AAC3D,wBAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,UAAU,CAM3D;AAgBD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EAAE,eAAe,EAC5B,SAAS,EACT,MAAW,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,GAAG,KAAK,EACX,EAAE,eAAe,+BAmGjB;AAUD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAUrD"}

package/dist/embed/EmbedField.js

@@ -1,17 +1,24 @@
 import { useFieldsContext } from "../shared/context.js";
-import { getFieldProps, isString } from "../shared/entry.js";
+import { findRule, getFieldProps, isString } from "../shared/entry.js";
 import { messages } from "../shared/messages.js";
 import EmbedField_module_default from "./EmbedField.module.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useEffectEvent, useState } from "react";
 import { Spinner, TextInput, usePanneauIntl } from "@panneau/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { formsMessages } from "@panneau/intl";
 //#region src/embed/EmbedField.tsx
 var RESOLVE_DELAY = 500;
 /** Whether a value is an embed: an object with a `url`. */
 function isEmbed(value) {
 	return value !== null && typeof value === "object" && isString(value.url);
 }
+/** Whether an embed comes from one of the providers. One without a provider is left to the backend. */
+function isAllowed(value, providers) {
+	if (providers === void 0 || providers.length === 0 || value.provider === void 0) return true;
+	const provider = value.provider.toLowerCase();
+	return providers.some((allowed) => allowed.toLowerCase() === provider);
+}
 /** Whether a value has been resolved: it has more than its URL. */
 function isResolved(value) {
 	return Object.keys(value).some((key) => key !== "url");
@@ -22,45 +29,51 @@ function isResolved(value) {
 * preview follows. Without an embed source, the value is the URL alone.
 */
 function EmbedField(t0) {
-	const $ = c(47);
+	const $ = c(60);
+	let description;
 	let disabled;
 	let embedSourceProp;
 	let onBlur;
 	let onChange;
 	let props;
+	let providers;
 	let readOnly;
 	let required;
 	let t1;
 	let value;
 	if ($[0] !== t0) {
-		({value, onChange, onBlur, embedSource: embedSourceProp, errors: t1, disabled, readOnly, required, ...props} = t0);
+		({value, onChange, onBlur, embedSource: embedSourceProp, providers, errors: t1, disabled, readOnly, required, description, ...props} = t0);
 		$[0] = t0;
-		$[1] = disabled;
-		$[2] = embedSourceProp;
-		$[3] = onBlur;
-		$[4] = onChange;
-		$[5] = props;
-		$[6] = readOnly;
-		$[7] = required;
-		$[8] = t1;
-		$[9] = value;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = embedSourceProp;
+		$[4] = onBlur;
+		$[5] = onChange;
+		$[6] = props;
+		$[7] = providers;
+		$[8] = readOnly;
+		$[9] = required;
+		$[10] = t1;
+		$[11] = value;
 	} else {
-		disabled = $[1];
-		embedSourceProp = $[2];
-		onBlur = $[3];
-		onChange = $[4];
-		props = $[5];
-		readOnly = $[6];
-		required = $[7];
-		t1 = $[8];
-		value = $[9];
+		description = $[1];
+		disabled = $[2];
+		embedSourceProp = $[3];
+		onBlur = $[4];
+		onChange = $[5];
+		props = $[6];
+		providers = $[7];
+		readOnly = $[8];
+		required = $[9];
+		t1 = $[10];
+		value = $[11];
 	}
 	let t2;
-	if ($[10] !== t1) {
+	if ($[12] !== t1) {
 		t2 = t1 === void 0 ? [] : t1;
-		$[10] = t1;
-		$[11] = t2;
-	} else t2 = $[11];
+		$[12] = t1;
+		$[13] = t2;
+	} else t2 = $[13];
 	const errors = t2;
 	const intl = usePanneauIntl();
 	const context = useFieldsContext();
@@ -69,14 +82,14 @@ function EmbedField(t0) {
 	const [status, setStatus] = useState(null);
 	const pending = value !== null && value !== void 0 && !isResolved(value) ? value.url : null;
 	let t3;
-	if ($[12] !== onChange) {
+	if ($[14] !== onChange) {
 		t3 = (embed) => onChange?.(embed);
-		$[12] = onChange;
-		$[13] = t3;
-	} else t3 = $[13];
+		$[14] = onChange;
+		$[15] = t3;
+	} else t3 = $[15];
 	const resolved = useEffectEvent(t3);
 	let t4;
-	if ($[14] !== embedSource || $[15] !== pending || $[16] !== resolved) {
+	if ($[16] !== embedSource || $[17] !== pending || $[18] !== resolved) {
 		t4 = () => {
 			if (embedSource === null || pending === null || !URL.canParse(pending)) return;
 			const controller = new AbortController();
@@ -103,80 +116,107 @@ function EmbedField(t0) {
 				controller.abort();
 			};
 		};
-		$[14] = embedSource;
-		$[15] = pending;
-		$[16] = resolved;
-		$[17] = t4;
-	} else t4 = $[17];
+		$[16] = embedSource;
+		$[17] = pending;
+		$[18] = resolved;
+		$[19] = t4;
+	} else t4 = $[19];
 	let t5;
-	if ($[18] !== embedSource || $[19] !== pending) {
+	if ($[20] !== embedSource || $[21] !== pending) {
 		t5 = [embedSource, pending];
-		$[18] = embedSource;
-		$[19] = pending;
-		$[20] = t5;
-	} else t5 = $[20];
+		$[20] = embedSource;
+		$[21] = pending;
+		$[22] = t5;
+	} else t5 = $[22];
 	useEffect(t4, t5);
 	const current = status !== null && status.url === url ? status.state : null;
+	let providerList;
 	let t6;
-	if ($[21] !== current || $[22] !== errors || $[23] !== intl) {
-		t6 = current === "failed" && errors.length === 0 ? [intl.formatMessage(messages.embedFailed)] : errors;
-		$[21] = current;
-		$[22] = errors;
-		$[23] = intl;
-		$[24] = t6;
-	} else t6 = $[24];
-	const shownErrors = t6;
+	if ($[23] !== current || $[24] !== intl || $[25] !== providers || $[26] !== value) {
+		providerList = providers !== void 0 && providers.length > 0 ? intl.formatList(providers, { type: "disjunction" }) : null;
+		t6 = current === "failed" ? intl.formatMessage(messages.embedFailed) : value !== null && value !== void 0 && providerList !== null && !isAllowed(value, providers) ? intl.formatMessage(formsMessages.rule.providers, { providers: providerList }) : null;
+		$[23] = current;
+		$[24] = intl;
+		$[25] = providers;
+		$[26] = value;
+		$[27] = providerList;
+		$[28] = t6;
+	} else {
+		providerList = $[27];
+		t6 = $[28];
+	}
+	const ownError = t6;
 	let t7;
-	if ($[25] !== onChange) {
-		t7 = (next) => onChange?.(next.trim() === "" ? null : { url: next.trim() });
-		$[25] = onChange;
-		$[26] = t7;
-	} else t7 = $[26];
+	if ($[29] !== errors || $[30] !== ownError) {
+		t7 = ownError !== null && errors.length === 0 ? [ownError] : errors;
+		$[29] = errors;
+		$[30] = ownError;
+		$[31] = t7;
+	} else t7 = $[31];
+	const shownErrors = t7;
 	let t8;
-	if ($[27] !== onBlur) {
-		t8 = () => onBlur?.();
-		$[27] = onBlur;
-		$[28] = t8;
-	} else t8 = $[28];
+	if ($[32] !== description || $[33] !== intl || $[34] !== providerList || $[35] !== providers) {
+		t8 = providerList !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [description !== void 0 && description !== null ? /* @__PURE__ */ jsxs(Fragment, { children: [description, " "] }) : null, intl.formatMessage(messages.embedProviders, { providers: intl.formatList(providers ?? [], { type: "conjunction" }) })] }) : description;
+		$[32] = description;
+		$[33] = intl;
+		$[34] = providerList;
+		$[35] = providers;
+		$[36] = t8;
+	} else t8 = $[36];
+	const help = t8;
 	let t9;
-	if ($[29] !== disabled || $[30] !== props || $[31] !== readOnly || $[32] !== required || $[33] !== shownErrors || $[34] !== t7 || $[35] !== t8 || $[36] !== url) {
-		t9 = /* @__PURE__ */ jsx(TextInput, {
+	if ($[37] !== onChange) {
+		t9 = (next) => onChange?.(next.trim() === "" ? null : { url: next.trim() });
+		$[37] = onChange;
+		$[38] = t9;
+	} else t9 = $[38];
+	let t10;
+	if ($[39] !== onBlur) {
+		t10 = () => onBlur?.();
+		$[39] = onBlur;
+		$[40] = t10;
+	} else t10 = $[40];
+	let t11;
+	if ($[41] !== disabled || $[42] !== help || $[43] !== props || $[44] !== readOnly || $[45] !== required || $[46] !== shownErrors || $[47] !== t10 || $[48] !== t9 || $[49] !== url) {
+		t11 = /* @__PURE__ */ jsx(TextInput, {
 			...props,
 			type: "url",
 			inputMode: "url",
 			autoComplete: "off",
 			value: url,
-			onChange: t7,
-			onBlur: t8,
+			onChange: t9,
+			onBlur: t10,
 			errors: shownErrors,
+			description: help,
 			isDisabled: disabled,
 			isReadOnly: readOnly,
 			isRequired: required
 		});
-		$[29] = disabled;
-		$[30] = props;
-		$[31] = readOnly;
-		$[32] = required;
-		$[33] = shownErrors;
-		$[34] = t7;
-		$[35] = t8;
-		$[36] = url;
-		$[37] = t9;
-	} else t9 = $[37];
-	let t10;
-	if ($[38] !== current || $[39] !== intl) {
-		t10 = current === "loading" ? /* @__PURE__ */ jsxs("div", {
+		$[41] = disabled;
+		$[42] = help;
+		$[43] = props;
+		$[44] = readOnly;
+		$[45] = required;
+		$[46] = shownErrors;
+		$[47] = t10;
+		$[48] = t9;
+		$[49] = url;
+		$[50] = t11;
+	} else t11 = $[50];
+	let t12;
+	if ($[51] !== current || $[52] !== intl) {
+		t12 = current === "loading" ? /* @__PURE__ */ jsxs("div", {
 			className: EmbedField_module_default.status,
 			role: "status",
 			children: [/* @__PURE__ */ jsx(Spinner, { size: "sm" }), intl.formatMessage(messages.embedLoading)]
 		}) : null;
-		$[38] = current;
-		$[39] = intl;
-		$[40] = t10;
-	} else t10 = $[40];
-	let t11;
-	if ($[41] !== value) {
-		t11 = value !== null && value !== void 0 && isResolved(value) ? /* @__PURE__ */ jsxs("a", {
+		$[51] = current;
+		$[52] = intl;
+		$[53] = t12;
+	} else t12 = $[53];
+	let t13;
+	if ($[54] !== value) {
+		t13 = value !== null && value !== void 0 && isResolved(value) ? /* @__PURE__ */ jsxs("a", {
 			className: EmbedField_module_default.preview,
 			href: value.url,
 			target: "_blank",
@@ -196,49 +236,72 @@ function EmbedField(t0) {
 				}) : null]
 			})]
 		}) : null;
-		$[41] = value;
-		$[42] = t11;
-	} else t11 = $[42];
-	let t12;
-	if ($[43] !== t10 || $[44] !== t11 || $[45] !== t9) {
-		t12 = /* @__PURE__ */ jsxs("div", {
+		$[54] = value;
+		$[55] = t13;
+	} else t13 = $[55];
+	let t14;
+	if ($[56] !== t11 || $[57] !== t12 || $[58] !== t13) {
+		t14 = /* @__PURE__ */ jsxs("div", {
 			className: EmbedField_module_default.embed,
 			children: [
-				t9,
-				t10,
-				t11
+				t11,
+				t12,
+				t13
 			]
 		});
-		$[43] = t10;
-		$[44] = t11;
-		$[45] = t9;
-		$[46] = t12;
-	} else t12 = $[46];
-	return t12;
+		$[56] = t11;
+		$[57] = t12;
+		$[58] = t13;
+		$[59] = t14;
+	} else t14 = $[59];
+	return t14;
+}
+/** The providers of a `providers` rule, if the field has one. */
+function getProviders(field) {
+	const rule = findRule(field, "providers");
+	return rule !== void 0 && "value" in rule && Array.isArray(rule.value) ? rule.value.filter(isString) : void 0;
 }
-/** The `embed` type: its preview comes from the embed source of the `FieldsProvider`. */
+/**
+* The `embed` type: its preview comes from the embed source of the `FieldsProvider`, and its
+* `providers` rule names the providers it allows.
+*/
 function EmbedFieldEntry(props) {
-	const $ = c(6);
+	const $ = c(11);
 	let t0;
-	if ($[0] !== props) {
-		t0 = getFieldProps(props);
-		$[0] = props;
+	if ($[0] !== props.field) {
+		t0 = getProviders(props.field);
+		$[0] = props.field;
 		$[1] = t0;
 	} else t0 = $[1];
-	const t1 = isEmbed(props.value) ? props.value : null;
-	let t2;
-	if ($[2] !== props.onChange || $[3] !== t0 || $[4] !== t1) {
-		t2 = /* @__PURE__ */ jsx(EmbedField, {
-			...t0,
-			value: t1,
-			onChange: props.onChange
+	const providers = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = isEmbed(props.value) ? props.value : null;
+	let t3;
+	if ($[4] !== providers) {
+		t3 = providers !== void 0 ? { providers } : {};
+		$[4] = providers;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props.onChange || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(EmbedField, {
+			...t1,
+			value: t2,
+			onChange: props.onChange,
+			...t3
 		});
-		$[2] = props.onChange;
-		$[3] = t0;
-		$[4] = t1;
-		$[5] = t2;
-	} else t2 = $[5];
-	return t2;
+		$[6] = props.onChange;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
 }
 //#endregion
 export { EmbedField, EmbedFieldEntry, isEmbed };

package/dist/embed/EmbedField.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedField.js","names":["useEffect","useEffectEvent","useState","EmbedValue","Spinner","TextInput","usePanneauIntl","useFieldsContext","EmbedSource","getFieldProps","isString","messages","FieldEntryProps","FieldProps","styles","RESOLVE_DELAY","EmbedFieldProps","placeholder","embedSource","isEmbed","value","Record","url","isResolved","Object","keys","some","key","EmbedField","t0","$","_c","disabled","embedSourceProp","onBlur","onChange","props","readOnly","required","t1","errors","t2","undefined","intl","context","status","setStatus","pending","t3","embed","resolved","t4","URL","canParse","controller","AbortController","timeout","window","setTimeout","state","resolve","signal","then","embed_0","catch","aborted","clearTimeout","abort","t5","current","t6","length","formatMessage","embedFailed","shownErrors","t7","next","trim","t8","t9","t10","embedLoading","t11","preview","thumbnailUrl","thumbnail","text","title","provider","t12","EmbedFieldEntry","_c","styles"],"sources":["../../src/embed/EmbedField.tsx"],"sourcesContent":["import { useEffect, useEffectEvent, useState } from 'react';\n\nimport type { EmbedValue } from '@panneau/protocol';\nimport { Spinner, TextInput, usePanneauIntl } from '@panneau/ui';\n\nimport { useFieldsContext } from '../shared/context';\nimport type { EmbedSource } from '../shared/embed';\nimport { getFieldProps, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './EmbedField.module.css';\n\nexport type { EmbedValue };\n\nconst RESOLVE_DELAY = 500;\n\nexport interface EmbedFieldProps extends FieldProps<EmbedValue> {\n    placeholder?: string;\n    /** Where the preview comes from. Defaults to that of the `FieldsProvider`. */\n    embedSource?: EmbedSource | null;\n}\n\n/** Whether a value is an embed: an object with a `url`. */\nexport function isEmbed(value: unknown): value is EmbedValue {\n    return (\n        value !== null &&\n        typeof value === 'object' &&\n        isString((value as Record<string, unknown>).url)\n    );\n}\n\n/** Whether a value has been resolved: it has more than its URL. */\nfunction isResolved(value: EmbedValue): boolean {\n    return Object.keys(value).some((key) => key !== 'url');\n}\n\n/**\n * A URL of a video, a sound or a post, with the preview the backend gets from its provider's\n * oEmbed: its thumbnail, title and provider. The URL is kept as soon as it is typed, and its\n * preview follows. Without an embed source, the value is the URL alone.\n */\nexport function EmbedField({\n    value,\n    onChange,\n    onBlur,\n    embedSource: embedSourceProp,\n    errors = [],\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: EmbedFieldProps) {\n    const intl = usePanneauIntl();\n    const context = useFieldsContext();\n    const embedSource = embedSourceProp === undefined ? context.embedSource : embedSourceProp;\n    const url = value?.url ?? '';\n    const [status, setStatus] = useState<{ url: string; state: 'loading' | 'failed' } | null>(null);\n\n    // Resolves a URL that hasn't been, after a pause in typing\n    const pending = value !== null && value !== undefined && !isResolved(value) ? value.url : null;\n    // `onChange` changes on every render of a form: the latest one gets the preview\n    const resolved = useEffectEvent((embed: EmbedValue) => onChange?.(embed));\n    useEffect(() => {\n        if (embedSource === null || pending === null || !URL.canParse(pending)) {\n            return undefined;\n        }\n        const controller = new AbortController();\n        const timeout = window.setTimeout(() => {\n            setStatus({ url: pending, state: 'loading' });\n            embedSource\n                .resolve(pending, { signal: controller.signal })\n                .then((embed) => {\n                    setStatus(null);\n                    resolved({ ...embed, url: pending });\n                })\n                .catch(() => {\n                    if (!controller.signal.aborted) {\n                        setStatus({ url: pending, state: 'failed' });\n                    }\n                });\n        }, RESOLVE_DELAY);\n        return () => {\n            window.clearTimeout(timeout);\n            controller.abort();\n        };\n    }, [embedSource, pending]);\n\n    const current = status !== null && status.url === url ? status.state : null;\n    const shownErrors =\n        current === 'failed' && errors.length === 0\n            ? [intl.formatMessage(messages.embedFailed)]\n            : errors;\n    return (\n        <div className={styles.embed}>\n            <TextInput\n                {...props}\n                type=\"url\"\n                inputMode=\"url\"\n                autoComplete=\"off\"\n                value={url}\n                onChange={(next) => onChange?.(next.trim() === '' ? null : { url: next.trim() })}\n                onBlur={() => onBlur?.()}\n                errors={shownErrors}\n                isDisabled={disabled}\n                isReadOnly={readOnly}\n                isRequired={required}\n            />\n            {current === 'loading' ? (\n                <div className={styles.status} role=\"status\">\n                    <Spinner size=\"sm\" />\n                    {intl.formatMessage(messages.embedLoading)}\n                </div>\n            ) : null}\n            {value !== null && value !== undefined && isResolved(value) ? (\n                <a className={styles.preview} href={value.url} target=\"_blank\" rel=\"noreferrer\">\n                    {value.thumbnailUrl !== undefined ? (\n                        <img className={styles.thumbnail} src={value.thumbnailUrl} alt=\"\" />\n                    ) : null}\n                    <span className={styles.text}>\n                        <span className={styles.title}>{value.title ?? value.url}</span>\n                        {value.provider !== undefined ? (\n                            <span className={styles.provider}>{value.provider}</span>\n                        ) : null}\n                    </span>\n                </a>\n            ) : null}\n        </div>\n    );\n}\n\n/** The `embed` type: its preview comes from the embed source of the `FieldsProvider`. */\nexport function EmbedFieldEntry(props: FieldEntryProps) {\n    return (\n        <EmbedField\n            {...getFieldProps(props)}\n            value={isEmbed(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;AAcA,IAAMe,gBAAgB;;AAStB,SAAgBI,QAAQC,OAAqC;CACzD,OACIA,UAAU,QACV,OAAOA,UAAU,YACjBV,SAAUU,MAAkCE,GAAG;AAEvD;;AAGA,SAASC,WAAWH,OAA4B;CAC5C,OAAOI,OAAOC,KAAKL,KAAK,CAAC,CAACM,MAAMC,QAAQA,QAAQ,KAAK;AACzD;;;;;;AAOA,SAAOC,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAnB;CAAA,IAAAU,EAAA,OAAAD,IAAA;EAAoB,CAAA,CAAAT,OAAAe,UAAAD,QAAAhB,aAAAe,iBAAAO,QAAAD,IAAAP,UAAAK,UAAAC,UAAA,GAAAF,SAAAP;EAUTC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;EAAAT,EAAA,KAAAV;CAAA,OAAA;EAAAY,WAAAF,EAAA;EAAAG,kBAAAH,EAAA;EAAAI,SAAAJ,EAAA;EAAAK,WAAAL,EAAA;EAAAM,QAAAN,EAAA;EAAAO,WAAAP,EAAA;EAAAQ,WAAAR,EAAA;EAAAS,KAAAT,EAAA;EAAAV,QAAAU,EAAA;CAAA;CAAA,IAAAW;CAAA,IAAAX,EAAA,QAAAS,IAAA;EALdE,KAAAF,OAAAG,KAAAA,IAAA,CAAA,IAAAH;EAAWT,EAAA,MAAAS;EAAAT,EAAA,MAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAX,MAAAU,SAAAC;CAMA,MAAAE,OAAarC,eAAe;CAC5B,MAAAsC,UAAgBrC,iBAAiB;CACjC,MAAAW,cAAoBe,oBAAoBS,KAAAA,IAAYE,QAAO1B,cAAvCe;CACpB,MAAAX,MAAYF,OAAKE,OAAL;CACZ,MAAA,CAAAuB,QAAAC,aAA4B5C,SAA8D,IAAI;CAG9F,MAAA6C,UAAgB3B,UAAU,QAAQA,UAAUsB,KAAAA,KAA5B,CAA0CnB,WAAWH,KAAK,IAAIA,MAAKE,MAAnE;CAA+E,IAAA0B;CAAA,IAAAlB,EAAA,QAAAK,UAAA;EAE/Da,MAAAC,UAAuBd,WAAWc,KAAK;EAACnB,EAAA,MAAAK;EAAAL,EAAA,MAAAkB;CAAA,OAAAA,KAAAlB,EAAA;CAAxE,MAAAoB,WAAiBjD,eAAe+C,EAAwC;CAAE,IAAAG;CAAA,IAAArB,EAAA,QAAAZ,eAAAY,EAAA,QAAAiB,WAAAjB,EAAA,QAAAoB,UAAA;EAChEC,WAAA;GACN,IAAIjC,gBAAgB,QAAQ6B,YAAY,QAApC,CAA6CK,IAAGC,SAAUN,OAAO,GAAC;GAGtE,MAAAO,aAAmB,IAAIC,gBAAgB;GACvC,MAAAC,UAAgBC,OAAMC,iBAAY;IAC9BZ,UAAU;KAAAxB,KAAOyB;KAAOY,OAAS;IAAU,CAAC;IAC5CzC,YAAW0C,QACEb,SAAS,EAAAc,QAAUP,WAAUO,OAAQ,CAAC,CAAC,CAAAC,MAC1CC,YAAA;KACFjB,UAAU,IAAI;KACdI,SAAS;MAAA,GAAKD;MAAK3B,KAAOyB;KAAQ,CAAC;IAAC,CACvC,CAAC,CAAAiB,YACK;KACH,IAAI,CAACV,WAAUO,OAAOI,SAClBnB,UAAU;MAAAxB,KAAOyB;MAAOY,OAAS;KAAS,CAAC;IAC9C,CACJ;GAAC,GACP5C,aAAa;GAAE,aACX;IACH0C,OAAMS,aAAcV,OAAO;IAC3BF,WAAUa,MAAO;GAAC;EACrB;EACJrC,EAAA,MAAAZ;EAAAY,EAAA,MAAAiB;EAAAjB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;CAAA,OAAAA,KAAArB,EAAA;CAAA,IAAAsC;CAAA,IAAAtC,EAAA,QAAAZ,eAAAY,EAAA,QAAAiB,SAAA;EAAEqB,KAAA,CAAClD,aAAa6B,OAAO;EAACjB,EAAA,MAAAZ;EAAAY,EAAA,MAAAiB;EAAAjB,EAAA,MAAAsC;CAAA,OAAAA,KAAAtC,EAAA;CAvBzB9B,UAAUmD,IAuBPiB,EAAsB;CAEzB,MAAAC,UAAgBxB,WAAW,QAAQA,OAAMvB,QAASA,MAAMuB,OAAMc,QAA9C;CAA4D,IAAAW;CAAA,IAAAxC,EAAA,QAAAuC,WAAAvC,EAAA,QAAAU,UAAAV,EAAA,QAAAa,MAAA;EAExE2B,KAAAD,YAAY,YAAY7B,OAAM+B,WAAY,IAA1C,CACO5B,KAAI6B,cAAe7D,SAAQ8D,WAAY,CAAC,IAD/CjC;EAEYV,EAAA,MAAAuC;EAAAvC,EAAA,MAAAU;EAAAV,EAAA,MAAAa;EAAAb,EAAA,MAAAwC;CAAA,OAAAA,KAAAxC,EAAA;CAHhB,MAAA4C,cACIJ;CAEa,IAAAK;CAAA,IAAA7C,EAAA,QAAAK,UAAA;EASKwC,MAAAC,SAAUzC,WAAWyC,KAAIC,KAAM,MAAM,KAAhB,OAAA,EAAAvD,KAAmCsD,KAAIC,KAAM,EAAE,CAAC;EAAC/C,EAAA,MAAAK;EAAAL,EAAA,MAAA6C;CAAA,OAAAA,KAAA7C,EAAA;CAAA,IAAAgD;CAAA,IAAAhD,EAAA,QAAAI,QAAA;EACxE4C,WAAM5C,SAAS;EAACJ,EAAA,MAAAI;EAAAJ,EAAA,MAAAgD;CAAA,OAAAA,KAAAhD,EAAA;CAAA,IAAAiD;CAAA,IAAAjD,EAAA,QAAAE,YAAAF,EAAA,QAAAM,SAAAN,EAAA,QAAAO,YAAAP,EAAA,QAAAQ,YAAAR,EAAA,QAAA4C,eAAA5C,EAAA,QAAA6C,MAAA7C,EAAA,QAAAgD,MAAAhD,EAAA,QAAAR,KAAA;EAP5ByD,KAAA,oBAAC,WAAD;GAAU,GACF3C;GACC,MAAA;GACK,WAAA;GACG,cAAA;GACNd,OAAAA;GACG,UAAAqD;GACF,QAAAG;GACAJ,QAAAA;GACI1C,YAAAA;GACAK,YAAAA;GACAC,YAAAA;EAAQ,CAAA;EACtBR,EAAA,MAAAE;EAAAF,EAAA,MAAAM;EAAAN,EAAA,MAAAO;EAAAP,EAAA,MAAAQ;EAAAR,EAAA,MAAA4C;EAAA5C,EAAA,MAAA6C;EAAA7C,EAAA,MAAAgD;EAAAhD,EAAA,MAAAR;EAAAQ,EAAA,MAAAiD;CAAA,OAAAA,KAAAjD,EAAA;CAAA,IAAAkD;CAAA,IAAAlD,EAAA,QAAAuC,WAAAvC,EAAA,QAAAa,MAAA;EACDqC,MAAAX,YAAY,YACT,qBAAA,OAAA;GAAgB,WAAAvD,0BAAM+B;GAAc,MAAA;GAApC,UAAA,CACI,oBAAC,SAAD,EAAc,MAAA,KAAI,CAAA,GACjBF,KAAI6B,cAAe7D,SAAQsE,YAAa,CACvC;EAJT,CAAA,IAAA;EAKOnD,EAAA,MAAAuC;EAAAvC,EAAA,MAAAa;EAAAb,EAAA,MAAAkD;CAAA,OAAAA,MAAAlD,EAAA;CAAA,IAAAoD;CAAA,IAAApD,EAAA,QAAAV,OAAA;EACP8D,MAAA9D,UAAU,QAAQA,UAAUsB,KAAAA,KAAanB,WAAWH,KAAK,IACtD,qBAAA,KAAA;GAAc,WAAAN,0BAAMqE;GAAgB,MAAA/D,MAAKE;GAAa,QAAA;GAAa,KAAA;GAAnE,UAAA,CACKF,MAAKgE,iBAAkB1C,KAAAA,IACpB,oBAAA,OAAA;IAAgB,WAAA5B,0BAAMuE;IAAiB,KAAAjE,MAAKgE;IAAmB,KAAA;GAAE,CAAA,IADpE,MAGD,qBAAA,QAAA;IAAiB,WAAAtE,0BAAMwE;IAAvB,UAAA,CACI,oBAAA,QAAA;KAAiB,WAAAxE,0BAAMyE;KAASnE,UAAAA,MAAKmE,SAAUnE,MAAKE;IAAY,CAAA,GAC/DF,MAAKoE,aAAc9C,KAAAA,IAChB,oBAAA,QAAA;KAAiB,WAAA5B,0BAAM0E;KAAYpE,UAAAA,MAAKoE;IAAiB,CAAA,IAD5D,IAGE;GACP,CAAA,CAAA;EAXP,CAAA,IAAA;EAYO1D,EAAA,MAAAV;EAAAU,EAAA,MAAAoD;CAAA,OAAAA,MAAApD,EAAA;CAAA,IAAA2D;CAAA,IAAA3D,EAAA,QAAAkD,OAAAlD,EAAA,QAAAoD,OAAApD,EAAA,QAAAiD,IAAA;EAhCZU,MAAA,qBAAA,OAAA;GAAgB,WAAA3E,0BAAMmC;GAAtB,UAAA;IACI8B;IAaCC;IAMAE;GAaC;;EAAApD,EAAA,MAAAkD;EAAAlD,EAAA,MAAAoD;EAAApD,EAAA,MAAAiD;EAAAjD,EAAA,MAAA2D;CAAA,OAAAA,MAAA3D,EAAA;CAAA,OAjCN2D;AAiCM;;AAKd,SAAOC,gBAAAtD,OAAA;CAAA,MAAAN,IAAAC,EAAA,CAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAM,OAAA;EAGSP,KAAApB,cAAc2B,KAAK;EAACN,EAAA,KAAAM;EAAAN,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CACjB,MAAAS,KAAApB,QAAQiB,MAAKhB,KAA2B,IAAjBgB,MAAKhB,QAA5B;CAAyC,IAAAqB;CAAA,IAAAX,EAAA,OAAAM,MAAAD,YAAAL,EAAA,OAAAD,MAAAC,EAAA,OAAAS,IAAA;EAFpDE,KAAA,oBAAC,YAAD;GAAW,GACHZ;GACG,OAAAU;GACG,UAAAH,MAAKD;EAAS,CAAA;EAC1BL,EAAA,KAAAM,MAAAD;EAAAL,EAAA,KAAAD;EAAAC,EAAA,KAAAS;EAAAT,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,OAJFW;AAIE"}
+{"version":3,"file":"EmbedField.js","names":["ReactNode","useEffect","useEffectEvent","useState","formsMessages","EmbedValue","Spinner","TextInput","usePanneauIntl","useFieldsContext","EmbedSource","findRule","getFieldProps","isString","messages","FieldEntryProps","FieldProps","styles","RESOLVE_DELAY","EmbedFieldProps","placeholder","embedSource","providers","isEmbed","value","Record","url","isAllowed","undefined","length","provider","toLowerCase","some","allowed","isResolved","Object","keys","key","EmbedField","t0","$","_c","description","disabled","embedSourceProp","onBlur","onChange","props","readOnly","required","t1","errors","t2","intl","context","status","setStatus","pending","t3","embed","resolved","t4","URL","canParse","controller","AbortController","timeout","window","setTimeout","state","resolve","signal","then","embed_0","catch","aborted","clearTimeout","abort","t5","current","providerList","t6","formatList","type","formatMessage","embedFailed","rule","ownError","t7","shownErrors","t8","embedProviders","help","t9","next","trim","t10","t11","t12","embedLoading","t13","preview","thumbnailUrl","thumbnail","text","title","t14","getProviders","field","Array","isArray","filter","EmbedFieldEntry","_c","_Fragment","styles"],"sources":["../../src/embed/EmbedField.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useEffectEvent, useState } from 'react';\n\nimport { formsMessages } from '@panneau/intl';\nimport type { EmbedValue } from '@panneau/protocol';\nimport { Spinner, TextInput, usePanneauIntl } from '@panneau/ui';\n\nimport { useFieldsContext } from '../shared/context';\nimport type { EmbedSource } from '../shared/embed';\nimport { findRule, getFieldProps, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './EmbedField.module.css';\n\nexport type { EmbedValue };\n\nconst RESOLVE_DELAY = 500;\n\nexport interface EmbedFieldProps extends FieldProps<EmbedValue> {\n    placeholder?: string;\n    /** Where the preview comes from. Defaults to that of the `FieldsProvider`. */\n    embedSource?: EmbedSource | null;\n    /**\n     * The providers an embed may come from (`YouTube`), compared without case: the `providers`\n     * rule (decision 0058). The field names them under its help, and refuses an embed of another\n     * provider as soon as its preview comes back. The form's errors, once shown, replace that one.\n     */\n    providers?: readonly string[];\n}\n\n/** Whether a value is an embed: an object with a `url`. */\nexport function isEmbed(value: unknown): value is EmbedValue {\n    return (\n        value !== null &&\n        typeof value === 'object' &&\n        isString((value as Record<string, unknown>).url)\n    );\n}\n\n/** Whether an embed comes from one of the providers. One without a provider is left to the backend. */\nfunction isAllowed(value: EmbedValue, providers: readonly string[] | undefined): boolean {\n    if (providers === undefined || providers.length === 0 || value.provider === undefined) {\n        return true;\n    }\n    const provider = value.provider.toLowerCase();\n    return providers.some((allowed) => allowed.toLowerCase() === provider);\n}\n\n/** Whether a value has been resolved: it has more than its URL. */\nfunction isResolved(value: EmbedValue): boolean {\n    return Object.keys(value).some((key) => key !== 'url');\n}\n\n/**\n * A URL of a video, a sound or a post, with the preview the backend gets from its provider's\n * oEmbed: its thumbnail, title and provider. The URL is kept as soon as it is typed, and its\n * preview follows. Without an embed source, the value is the URL alone.\n */\nexport function EmbedField({\n    value,\n    onChange,\n    onBlur,\n    embedSource: embedSourceProp,\n    providers,\n    errors = [],\n    disabled,\n    readOnly,\n    required,\n    description,\n    ...props\n}: EmbedFieldProps) {\n    const intl = usePanneauIntl();\n    const context = useFieldsContext();\n    const embedSource = embedSourceProp === undefined ? context.embedSource : embedSourceProp;\n    const url = value?.url ?? '';\n    const [status, setStatus] = useState<{ url: string; state: 'loading' | 'failed' } | null>(null);\n\n    // Resolves a URL that hasn't been, after a pause in typing\n    const pending = value !== null && value !== undefined && !isResolved(value) ? value.url : null;\n    // `onChange` changes on every render of a form: the latest one gets the preview\n    const resolved = useEffectEvent((embed: EmbedValue) => onChange?.(embed));\n    useEffect(() => {\n        if (embedSource === null || pending === null || !URL.canParse(pending)) {\n            return undefined;\n        }\n        const controller = new AbortController();\n        const timeout = window.setTimeout(() => {\n            setStatus({ url: pending, state: 'loading' });\n            embedSource\n                .resolve(pending, { signal: controller.signal })\n                .then((embed) => {\n                    setStatus(null);\n                    resolved({ ...embed, url: pending });\n                })\n                .catch(() => {\n                    if (!controller.signal.aborted) {\n                        setStatus({ url: pending, state: 'failed' });\n                    }\n                });\n        }, RESOLVE_DELAY);\n        return () => {\n            window.clearTimeout(timeout);\n            controller.abort();\n        };\n    }, [embedSource, pending]);\n\n    const current = status !== null && status.url === url ? status.state : null;\n    const providerList =\n        providers !== undefined && providers.length > 0\n            ? intl.formatList(providers, { type: 'disjunction' })\n            : null;\n    const ownError =\n        current === 'failed'\n            ? intl.formatMessage(messages.embedFailed)\n            : value !== null &&\n                value !== undefined &&\n                providerList !== null &&\n                !isAllowed(value, providers)\n              ? intl.formatMessage(formsMessages.rule.providers, { providers: providerList })\n              : null;\n    const shownErrors = ownError !== null && errors.length === 0 ? [ownError] : errors;\n    const help: ReactNode =\n        providerList !== null ? (\n            <>\n                {description !== undefined && description !== null ? <>{description} </> : null}\n                {intl.formatMessage(messages.embedProviders, {\n                    providers: intl.formatList(providers ?? [], { type: 'conjunction' }),\n                })}\n            </>\n        ) : (\n            description\n        );\n    return (\n        <div className={styles.embed}>\n            <TextInput\n                {...props}\n                type=\"url\"\n                inputMode=\"url\"\n                autoComplete=\"off\"\n                value={url}\n                onChange={(next) => onChange?.(next.trim() === '' ? null : { url: next.trim() })}\n                onBlur={() => onBlur?.()}\n                errors={shownErrors}\n                description={help}\n                isDisabled={disabled}\n                isReadOnly={readOnly}\n                isRequired={required}\n            />\n            {current === 'loading' ? (\n                <div className={styles.status} role=\"status\">\n                    <Spinner size=\"sm\" />\n                    {intl.formatMessage(messages.embedLoading)}\n                </div>\n            ) : null}\n            {value !== null && value !== undefined && isResolved(value) ? (\n                <a className={styles.preview} href={value.url} target=\"_blank\" rel=\"noreferrer\">\n                    {value.thumbnailUrl !== undefined ? (\n                        <img className={styles.thumbnail} src={value.thumbnailUrl} alt=\"\" />\n                    ) : null}\n                    <span className={styles.text}>\n                        <span className={styles.title}>{value.title ?? value.url}</span>\n                        {value.provider !== undefined ? (\n                            <span className={styles.provider}>{value.provider}</span>\n                        ) : null}\n                    </span>\n                </a>\n            ) : null}\n        </div>\n    );\n}\n\n/** The providers of a `providers` rule, if the field has one. */\nfunction getProviders(field: FieldEntryProps['field']): string[] | undefined {\n    const rule = findRule(field, 'providers');\n    return rule !== undefined && 'value' in rule && Array.isArray(rule.value)\n        ? rule.value.filter(isString)\n        : undefined;\n}\n\n/**\n * The `embed` type: its preview comes from the embed source of the `FieldsProvider`, and its\n * `providers` rule names the providers it allows.\n */\nexport function EmbedFieldEntry(props: FieldEntryProps) {\n    const providers = getProviders(props.field);\n    return (\n        <EmbedField\n            {...getFieldProps(props)}\n            value={isEmbed(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(providers !== undefined ? { providers } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/link/LinkField.css

@@ -0,0 +1,12 @@
+/* The type, its input, the label, then the new tab. */
+.panneau-link-field-link {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: var(--panneau-space-3);
+}
+
+.panneau-link-field-link > :first-child {
+    align-self: flex-start;
+    max-width: 100%;
+}

package/dist/link/LinkField.d.ts

@@ -0,0 +1,38 @@
+import type { LinkValue } from '@panneau/protocol';
+import { type LinkNewTab, type LinkType } from '@panneau/protocol/runtime';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+/** Whether links have a label: optional, required, or none. */
+export type LinkLabelMode = 'optional' | 'required' | 'none';
+export interface LinkFieldProps extends FieldProps<LinkValue> {
+    /** Dot path of the value, the prefix of the paths of its parts. Defaults to `name`. */
+    path?: string;
+    /** The types offered, in order. Defaults to `url`, `email` and `tel`. */
+    types?: readonly LinkType[];
+    /** The resources of `page` links. */
+    pages?: readonly string[];
+    /** The media libraries of `file` links. Defaults to every library. */
+    libraries?: readonly string[];
+    /** Which links open in a new tab. Defaults to `choose`, a checkbox. */
+    newTab?: LinkNewTab;
+    /** Whether links have a label. Defaults to `optional`. */
+    labelMode?: LinkLabelMode;
+    /**
+     * The label is a string, not a value per locale: in a `localized` link field, where the whole
+     * link is per locale already.
+     */
+    singleLabel?: boolean;
+}
+/**
+ * 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.
+ */
+export declare function LinkField({ value, onChange, onBlur, path, name, types: typesProp, pages, libraries, newTab, labelMode, singleLabel, label, description, errors, disabled, readOnly, required, className, }: LinkFieldProps): import("react").JSX.Element;
+/**
+ * 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.
+ */
+export declare function LinkFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=LinkField.d.ts.map

package/dist/link/LinkField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkField.d.ts","sourceRoot":"","sources":["../../src/link/LinkField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAS,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EACH,KAAK,UAAU,EACf,KAAK,QAAQ,EAGhB,MAAM,2BAA2B,CAAC;AAkBnC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQnE,+DAA+D;AAC/D,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,SAAS,CAAC;IACzD,uFAAuF;IACvF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,CAAC,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC5B,qCAAqC;IACrC,KAAK,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,sEAAsE;IACtE,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,uEAAuE;IACvE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAoBD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,KAAK,EAAE,SAAS,EAChB,KAAU,EACV,SAAS,EACT,MAAiB,EACjB,SAAsB,EACtB,WAAmB,EACnB,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,cAAc,+BA8OhB;AAgFD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAyBpD"}