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

package/dist/relation/RelationField.js

@@ -273,28 +273,28 @@ function RelationFieldEntry(props) {
 		$[1] = t0;
 	} else t0 = $[1];
 	const references = t0;
+	const resource = typeof field.resource === "string" ? field.resource : "";
 	let t1;
 	if ($[2] !== props) {
 		t1 = getFieldProps(props);
 		$[2] = props;
 		$[3] = t1;
 	} else t1 = $[3];
-	const t2 = field.resource ?? "";
-	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
-		t3 = {
+	let t2;
+	if ($[4] !== resource || $[5] !== t1) {
+		t2 = {
 			...t1,
-			resource: t2
+			resource
 		};
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	const shared = t3;
+		$[4] = resource;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	const shared = t2;
 	if (field.multiple === true) {
-		let t4;
+		let t3;
 		if ($[7] !== props.onChange || $[8] !== references || $[9] !== shared) {
-			t4 = /* @__PURE__ */ jsx(RelationField, {
+			t3 = /* @__PURE__ */ jsx(RelationField, {
 				...shared,
 				multiple: true,
 				value: references,
@@ -303,24 +303,24 @@ function RelationFieldEntry(props) {
 			$[7] = props.onChange;
 			$[8] = references;
 			$[9] = shared;
-			$[10] = t4;
-		} else t4 = $[10];
-		return t4;
+			$[10] = t3;
+		} else t3 = $[10];
+		return t3;
 	}
-	const t4 = references[0] ?? null;
-	let t5;
-	if ($[11] !== props.onChange || $[12] !== shared || $[13] !== t4) {
-		t5 = /* @__PURE__ */ jsx(RelationField, {
+	const t3 = references[0] ?? null;
+	let t4;
+	if ($[11] !== props.onChange || $[12] !== shared || $[13] !== t3) {
+		t4 = /* @__PURE__ */ jsx(RelationField, {
 			...shared,
-			value: t4,
+			value: t3,
 			onChange: props.onChange
 		});
 		$[11] = props.onChange;
 		$[12] = shared;
-		$[13] = t4;
-		$[14] = t5;
-	} else t5 = $[14];
-	return t5;
+		$[13] = t3;
+		$[14] = t4;
+	} else t4 = $[14];
+	return t4;
 }
 //#endregion
 export { RelationField, RelationFieldEntry, useRelationSearch };

package/dist/relation/RelationField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RelationField.js","names":["X","text","reference","item","entry","onChange","itemId","references","_c","styles","_Fragment"],"sources":["../../src/relation/RelationField.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { useEffect, useState } from 'react';\n\nimport { ComboBox, Fieldset, IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { useFieldsContext } from '../shared/context';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport {\n    type RelationReference,\n    type RelationSource,\n    toReferences,\n    useRelationReferences,\n} from '../shared/relation';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './RelationField.module.css';\n\n/** The id of the \"Create “…”\" option of the picker. */\nconst CREATE_ID = '\\u0000create';\n\n/** Results of a search in a relation source, as it types. */\nexport function useRelationSearch(\n    source: RelationSource | null,\n    resource: string,\n    query: string,\n    { enabled = true, delay = 250 }: { enabled?: boolean; delay?: number } = {},\n): { items: RelationReference[]; isLoading: boolean } {\n    const [state, setState] = useState<{\n        key: string;\n        items: RelationReference[];\n        isLoading: boolean;\n    }>({ key: '', items: [], isLoading: false });\n    const key = `${resource}\\u0000${query}`;\n\n    useEffect(() => {\n        if (source === null || !enabled) {\n            return undefined;\n        }\n        const controller = new AbortController();\n        const timer = setTimeout(() => {\n            setState((current) => ({ ...current, key, isLoading: true }));\n            source\n                .search(resource, query, { signal: controller.signal })\n                .then((items) => {\n                    if (!controller.signal.aborted) {\n                        setState({ key, items, isLoading: false });\n                    }\n                })\n                .catch(() => {\n                    if (!controller.signal.aborted) {\n                        setState({ key, items: [], isLoading: false });\n                    }\n                });\n        }, delay);\n        return () => {\n            clearTimeout(timer);\n            controller.abort();\n        };\n    }, [source, resource, query, key, enabled, delay]);\n\n    return { items: state.items, isLoading: state.isLoading || state.key !== key };\n}\n\n/** Props of both single and multiple relation fields. */\nexport interface RelationFieldBaseProps extends Omit<FieldProps<never>, 'value' | 'onChange'> {\n    /** Id of the related resource, passed to the source. */\n    resource: string;\n    /** Where to search. Defaults to the fields context's. Without one, the field is read-only. */\n    source?: RelationSource | null;\n    /**\n     * Creates an item from the typed text, offered as \"Create “…”\" in the picker: it can open a\n     * dialog, and resolves with the new reference, or `null` when nothing was created. Defaults to\n     * the source's `create()`. `null` turns creating off.\n     */\n    onCreate?: ((text: string) => Promise<RelationReference | null>) | null;\n    placeholder?: string;\n    controlClassName?: string;\n}\n\nexport interface SingleRelationFieldProps extends RelationFieldBaseProps {\n    multiple?: false;\n    value?: RelationReference | null;\n    onChange?: (value: RelationReference | null) => void;\n}\n\nexport interface MultipleRelationFieldProps extends RelationFieldBaseProps {\n    multiple: true;\n    value?: readonly RelationReference[] | null;\n    /** Called with the references. An empty list is `null`. */\n    onChange?: (value: RelationReference[] | null) => void;\n}\n\nexport type RelationFieldProps = SingleRelationFieldProps | MultipleRelationFieldProps;\n\nfunction References({\n    references,\n    onRemove,\n    removeLabel,\n}: {\n    references: readonly RelationReference[];\n    onRemove?: (reference: RelationReference) => void;\n    removeLabel: (reference: RelationReference) => string;\n}) {\n    return (\n        <ul className={cx(styles.selected, onRemove === undefined && styles.readOnly)}>\n            {references.map((reference) => (\n                <li key={reference.id} className={styles.reference}>\n                    <span className={styles.referenceLabel}>{reference.label}</span>\n                    {onRemove !== undefined ? (\n                        <IconButton\n                            icon={X}\n                            size=\"sm\"\n                            label={removeLabel(reference)}\n                            showTooltip={false}\n                            onPress={() => onRemove(reference)}\n                        />\n                    ) : null}\n                </li>\n            ))}\n        </ul>\n    );\n}\n\n/**\n * A reference to an item of another resource, or several with `multiple`, picked by searching a\n * `RelationSource`. Values are references (`{ id, label }`), as items carry them; plain ids get\n * their labels from the source's `resolve()`. When the source can `create()` (or with `onCreate`),\n * the picker offers to create an item from the typed text. Without a source, the field shows its\n * references and can't change them.\n */\nexport function RelationField(props: RelationFieldProps) {\n    const intl = usePanneauIntl();\n    const context = useFieldsContext();\n    const source = props.source === undefined ? context.relationSource : props.source;\n    const {\n        resource,\n        label,\n        description,\n        errors,\n        disabled,\n        readOnly,\n        required,\n        placeholder = intl.formatMessage(messages.search),\n        onBlur,\n        name,\n        id,\n        className,\n        labelClassName,\n        descriptionClassName,\n        errorsClassName,\n        controlClassName,\n    } = props;\n    const selected = useRelationReferences(source, resource, toReferences(props.value));\n    const [query, setQuery] = useState<string | null>(null);\n    const [creating, setCreating] = useState(false);\n    const [createError, setCreateError] = useState<string | null>(null);\n    const editable = source !== null && disabled !== true && readOnly !== true;\n    const { items: found, isLoading: searching } = useRelationSearch(\n        source,\n        resource,\n        query ?? '',\n        { enabled: editable },\n    );\n    const sourceCreate = source?.create;\n    const create =\n        props.onCreate !== undefined\n            ? props.onCreate\n            : sourceCreate !== undefined && source?.canCreate?.(resource) !== false\n              ? (text: string) => sourceCreate.call(source, resource, text)\n              : null;\n    const text = (query ?? '').trim();\n    const offersCreate =\n        create !== null &&\n        text !== '' &&\n        !searching &&\n        ![...found, ...selected].some(\n            (item) =>\n                item.label.toLocaleLowerCase(intl.locale) === text.toLocaleLowerCase(intl.locale),\n        );\n    const items = offersCreate\n        ? [\n              ...found,\n              { id: CREATE_ID, label: intl.formatMessage(messages.createRelation, { text }) },\n          ]\n        : found;\n    const isLoading = searching || creating;\n    const allErrors = createError !== null ? [...(errors ?? []), createError] : errors;\n    /** Creates an item from the text, then adds its reference with `add`. */\n    const createFrom = (add: (reference: RelationReference) => void) => {\n        if (create === null) {\n            return;\n        }\n        setCreating(true);\n        setCreateError(null);\n        create(text)\n            .then((reference) => {\n                if (reference !== null) {\n                    add(reference);\n                    setQuery(null);\n                }\n            })\n            .catch(() =>\n                setCreateError(intl.formatMessage(messages.createRelationFailed, { text })),\n            )\n            .finally(() => setCreating(false));\n    };\n    const removeLabel = (reference: RelationReference) =>\n        `${intl.formatMessage(messages.remove)} ${reference.label}`;\n    const chrome = {\n        legend: label,\n        errors: allErrors,\n        isRequired: required,\n        className,\n        legendClassName: labelClassName,\n        descriptionClassName,\n        errorsClassName,\n    };\n\n    if (!editable) {\n        return (\n            <Fieldset\n                {...chrome}\n                description={\n                    source === null && disabled !== true && readOnly !== true ? (\n                        <>\n                            {description} {intl.formatMessage(messages.relationUnavailable)}\n                        </>\n                    ) : (\n                        description\n                    )\n                }\n            >\n                {selected.length > 0 ? (\n                    <References references={selected} removeLabel={removeLabel} />\n                ) : (\n                    <span className={styles.none}>{intl.formatMessage(messages.noRelation)}</span>\n                )}\n            </Fieldset>\n        );\n    }\n\n    const comboLabel = typeof label === 'string' ? label : props['aria-label'];\n\n    if (props.multiple === true) {\n        const { onChange } = props;\n        const set = (next: RelationReference[]) => onChange?.(next.length > 0 ? next : null);\n        return (\n            <Fieldset {...chrome} description={description}>\n                <div className={styles.multiple}>\n                    {selected.length > 0 ? (\n                        <References\n                            references={selected}\n                            removeLabel={removeLabel}\n                            onRemove={(reference) =>\n                                set(selected.filter((entry) => entry.id !== reference.id))\n                            }\n                        />\n                    ) : null}\n                    <ComboBox\n                        aria-label={comboLabel}\n                        items={items\n                            .filter((item) => !selected.some((entry) => entry.id === item.id))\n                            .map((item) => ({ id: item.id, label: item.label }))}\n                        value={null}\n                        inputValue={query ?? ''}\n                        onInputChange={setQuery}\n                        onChange={(itemId) => {\n                            if (itemId === CREATE_ID) {\n                                createFrom((reference) => set([...selected, reference]));\n                                return;\n                            }\n                            const reference = found.find((item) => item.id === itemId);\n                            if (reference !== undefined) {\n                                set([...selected, reference]);\n                                setQuery(null);\n                            }\n                        }}\n                        isLoading={isLoading}\n                        placeholder={placeholder}\n                        emptyMessage={intl.formatMessage(messages.noResults)}\n                        {...(onBlur !== undefined ? { onBlur: () => onBlur() } : {})}\n                        {...(name !== undefined ? { name } : {})}\n                        {...(id !== undefined ? { id } : {})}\n                        {...(controlClassName !== undefined ? { controlClassName } : {})}\n                    />\n                </div>\n            </Fieldset>\n        );\n    }\n\n    const { onChange } = props;\n    const current = selected[0] ?? null;\n    // The selected reference is among the items, so that the combo box knows its label.\n    const shown =\n        current !== null && !items.some((item) => item.id === current.id)\n            ? [current, ...items]\n            : items;\n    return (\n        <ComboBox\n            label={label}\n            description={description}\n            errors={allErrors}\n            isRequired={required}\n            className={className}\n            labelClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n            {...(controlClassName !== undefined ? { controlClassName } : {})}\n            {...(props['aria-label'] !== undefined ? { 'aria-label': props['aria-label'] } : {})}\n            items={shown.map((item) => ({ id: item.id, label: item.label }))}\n            value={current?.id ?? null}\n            inputValue={query ?? current?.label ?? ''}\n            onInputChange={(text) => {\n                setQuery(text);\n                if (text === '' && current !== null) {\n                    onChange?.(null);\n                }\n            }}\n            onChange={(itemId) => {\n                if (itemId === CREATE_ID) {\n                    createFrom((reference) => onChange?.(reference));\n                    return;\n                }\n                setQuery(null);\n                if (itemId === null) {\n                    return;\n                }\n                const reference = shown.find((item) => item.id === itemId) ?? null;\n                if (reference?.id !== current?.id) {\n                    onChange?.(reference);\n                }\n            }}\n            isLoading={isLoading}\n            placeholder={placeholder}\n            emptyMessage={intl.formatMessage(messages.noResults)}\n            {...(onBlur !== undefined\n                ? {\n                      onBlur: () => {\n                          setQuery(null);\n                          onBlur();\n                      },\n                  }\n                : { onBlur: () => setQuery(null) })}\n            {...(name !== undefined ? { name } : {})}\n            {...(id !== undefined ? { id } : {})}\n        />\n    );\n}\n\n/** The `relation` type: `resource` and `multiple`. Items search the fields context's source. */\nexport function RelationFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const references = toReferences(props.value);\n    const shared = { ...getFieldProps(props), resource: field.resource ?? '' };\n    if (field.multiple === true) {\n        return <RelationField {...shared} multiple value={references} onChange={props.onChange} />;\n    }\n    return <RelationField {...shared} value={references[0] ?? null} onChange={props.onChange} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"RelationField.js","names":["X","text","reference","item","entry","onChange","itemId","references","_c","styles","_Fragment"],"sources":["../../src/relation/RelationField.tsx"],"sourcesContent":["import { X } from 'lucide-react';\nimport { useEffect, useState } from 'react';\n\nimport { ComboBox, Fieldset, IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { useFieldsContext } from '../shared/context';\nimport { cx } from '../shared/cx';\nimport { getFieldProps } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport {\n    type RelationReference,\n    type RelationSource,\n    toReferences,\n    useRelationReferences,\n} from '../shared/relation';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport styles from './RelationField.module.css';\n\n/** The id of the \"Create “…”\" option of the picker. */\nconst CREATE_ID = '\\u0000create';\n\n/** Results of a search in a relation source, as it types. */\nexport function useRelationSearch(\n    source: RelationSource | null,\n    resource: string,\n    query: string,\n    { enabled = true, delay = 250 }: { enabled?: boolean; delay?: number } = {},\n): { items: RelationReference[]; isLoading: boolean } {\n    const [state, setState] = useState<{\n        key: string;\n        items: RelationReference[];\n        isLoading: boolean;\n    }>({ key: '', items: [], isLoading: false });\n    const key = `${resource}\\u0000${query}`;\n\n    useEffect(() => {\n        if (source === null || !enabled) {\n            return undefined;\n        }\n        const controller = new AbortController();\n        const timer = setTimeout(() => {\n            setState((current) => ({ ...current, key, isLoading: true }));\n            source\n                .search(resource, query, { signal: controller.signal })\n                .then((items) => {\n                    if (!controller.signal.aborted) {\n                        setState({ key, items, isLoading: false });\n                    }\n                })\n                .catch(() => {\n                    if (!controller.signal.aborted) {\n                        setState({ key, items: [], isLoading: false });\n                    }\n                });\n        }, delay);\n        return () => {\n            clearTimeout(timer);\n            controller.abort();\n        };\n    }, [source, resource, query, key, enabled, delay]);\n\n    return { items: state.items, isLoading: state.isLoading || state.key !== key };\n}\n\n/** Props of both single and multiple relation fields. */\nexport interface RelationFieldBaseProps extends Omit<FieldProps<never>, 'value' | 'onChange'> {\n    /** Id of the related resource, passed to the source. */\n    resource: string;\n    /** Where to search. Defaults to the fields context's. Without one, the field is read-only. */\n    source?: RelationSource | null;\n    /**\n     * Creates an item from the typed text, offered as \"Create “…”\" in the picker: it can open a\n     * dialog, and resolves with the new reference, or `null` when nothing was created. Defaults to\n     * the source's `create()`. `null` turns creating off.\n     */\n    onCreate?: ((text: string) => Promise<RelationReference | null>) | null;\n    placeholder?: string;\n    controlClassName?: string;\n}\n\nexport interface SingleRelationFieldProps extends RelationFieldBaseProps {\n    multiple?: false;\n    value?: RelationReference | null;\n    onChange?: (value: RelationReference | null) => void;\n}\n\nexport interface MultipleRelationFieldProps extends RelationFieldBaseProps {\n    multiple: true;\n    value?: readonly RelationReference[] | null;\n    /** Called with the references. An empty list is `null`. */\n    onChange?: (value: RelationReference[] | null) => void;\n}\n\nexport type RelationFieldProps = SingleRelationFieldProps | MultipleRelationFieldProps;\n\nfunction References({\n    references,\n    onRemove,\n    removeLabel,\n}: {\n    references: readonly RelationReference[];\n    onRemove?: (reference: RelationReference) => void;\n    removeLabel: (reference: RelationReference) => string;\n}) {\n    return (\n        <ul className={cx(styles.selected, onRemove === undefined && styles.readOnly)}>\n            {references.map((reference) => (\n                <li key={reference.id} className={styles.reference}>\n                    <span className={styles.referenceLabel}>{reference.label}</span>\n                    {onRemove !== undefined ? (\n                        <IconButton\n                            icon={X}\n                            size=\"sm\"\n                            label={removeLabel(reference)}\n                            showTooltip={false}\n                            onPress={() => onRemove(reference)}\n                        />\n                    ) : null}\n                </li>\n            ))}\n        </ul>\n    );\n}\n\n/**\n * A reference to an item of another resource, or several with `multiple`, picked by searching a\n * `RelationSource`. Values are references (`{ id, label }`), as items carry them; plain ids get\n * their labels from the source's `resolve()`. When the source can `create()` (or with `onCreate`),\n * the picker offers to create an item from the typed text. Without a source, the field shows its\n * references and can't change them.\n */\nexport function RelationField(props: RelationFieldProps) {\n    const intl = usePanneauIntl();\n    const context = useFieldsContext();\n    const source = props.source === undefined ? context.relationSource : props.source;\n    const {\n        resource,\n        label,\n        description,\n        errors,\n        disabled,\n        readOnly,\n        required,\n        placeholder = intl.formatMessage(messages.search),\n        onBlur,\n        name,\n        id,\n        className,\n        labelClassName,\n        descriptionClassName,\n        errorsClassName,\n        controlClassName,\n    } = props;\n    const selected = useRelationReferences(source, resource, toReferences(props.value));\n    const [query, setQuery] = useState<string | null>(null);\n    const [creating, setCreating] = useState(false);\n    const [createError, setCreateError] = useState<string | null>(null);\n    const editable = source !== null && disabled !== true && readOnly !== true;\n    const { items: found, isLoading: searching } = useRelationSearch(\n        source,\n        resource,\n        query ?? '',\n        { enabled: editable },\n    );\n    const sourceCreate = source?.create;\n    const create =\n        props.onCreate !== undefined\n            ? props.onCreate\n            : sourceCreate !== undefined && source?.canCreate?.(resource) !== false\n              ? (text: string) => sourceCreate.call(source, resource, text)\n              : null;\n    const text = (query ?? '').trim();\n    const offersCreate =\n        create !== null &&\n        text !== '' &&\n        !searching &&\n        ![...found, ...selected].some(\n            (item) =>\n                item.label.toLocaleLowerCase(intl.locale) === text.toLocaleLowerCase(intl.locale),\n        );\n    const items = offersCreate\n        ? [\n              ...found,\n              { id: CREATE_ID, label: intl.formatMessage(messages.createRelation, { text }) },\n          ]\n        : found;\n    const isLoading = searching || creating;\n    const allErrors = createError !== null ? [...(errors ?? []), createError] : errors;\n    /** Creates an item from the text, then adds its reference with `add`. */\n    const createFrom = (add: (reference: RelationReference) => void) => {\n        if (create === null) {\n            return;\n        }\n        setCreating(true);\n        setCreateError(null);\n        create(text)\n            .then((reference) => {\n                if (reference !== null) {\n                    add(reference);\n                    setQuery(null);\n                }\n            })\n            .catch(() =>\n                setCreateError(intl.formatMessage(messages.createRelationFailed, { text })),\n            )\n            .finally(() => setCreating(false));\n    };\n    const removeLabel = (reference: RelationReference) =>\n        `${intl.formatMessage(messages.remove)} ${reference.label}`;\n    const chrome = {\n        legend: label,\n        errors: allErrors,\n        isRequired: required,\n        className,\n        legendClassName: labelClassName,\n        descriptionClassName,\n        errorsClassName,\n    };\n\n    if (!editable) {\n        return (\n            <Fieldset\n                {...chrome}\n                description={\n                    source === null && disabled !== true && readOnly !== true ? (\n                        <>\n                            {description} {intl.formatMessage(messages.relationUnavailable)}\n                        </>\n                    ) : (\n                        description\n                    )\n                }\n            >\n                {selected.length > 0 ? (\n                    <References references={selected} removeLabel={removeLabel} />\n                ) : (\n                    <span className={styles.none}>{intl.formatMessage(messages.noRelation)}</span>\n                )}\n            </Fieldset>\n        );\n    }\n\n    const comboLabel = typeof label === 'string' ? label : props['aria-label'];\n\n    if (props.multiple === true) {\n        const { onChange } = props;\n        const set = (next: RelationReference[]) => onChange?.(next.length > 0 ? next : null);\n        return (\n            <Fieldset {...chrome} description={description}>\n                <div className={styles.multiple}>\n                    {selected.length > 0 ? (\n                        <References\n                            references={selected}\n                            removeLabel={removeLabel}\n                            onRemove={(reference) =>\n                                set(selected.filter((entry) => entry.id !== reference.id))\n                            }\n                        />\n                    ) : null}\n                    <ComboBox\n                        aria-label={comboLabel}\n                        items={items\n                            .filter((item) => !selected.some((entry) => entry.id === item.id))\n                            .map((item) => ({ id: item.id, label: item.label }))}\n                        value={null}\n                        inputValue={query ?? ''}\n                        onInputChange={setQuery}\n                        onChange={(itemId) => {\n                            if (itemId === CREATE_ID) {\n                                createFrom((reference) => set([...selected, reference]));\n                                return;\n                            }\n                            const reference = found.find((item) => item.id === itemId);\n                            if (reference !== undefined) {\n                                set([...selected, reference]);\n                                setQuery(null);\n                            }\n                        }}\n                        isLoading={isLoading}\n                        placeholder={placeholder}\n                        emptyMessage={intl.formatMessage(messages.noResults)}\n                        {...(onBlur !== undefined ? { onBlur: () => onBlur() } : {})}\n                        {...(name !== undefined ? { name } : {})}\n                        {...(id !== undefined ? { id } : {})}\n                        {...(controlClassName !== undefined ? { controlClassName } : {})}\n                    />\n                </div>\n            </Fieldset>\n        );\n    }\n\n    const { onChange } = props;\n    const current = selected[0] ?? null;\n    // The selected reference is among the items, so that the combo box knows its label.\n    const shown =\n        current !== null && !items.some((item) => item.id === current.id)\n            ? [current, ...items]\n            : items;\n    return (\n        <ComboBox\n            label={label}\n            description={description}\n            errors={allErrors}\n            isRequired={required}\n            className={className}\n            labelClassName={labelClassName}\n            descriptionClassName={descriptionClassName}\n            errorsClassName={errorsClassName}\n            {...(controlClassName !== undefined ? { controlClassName } : {})}\n            {...(props['aria-label'] !== undefined ? { 'aria-label': props['aria-label'] } : {})}\n            items={shown.map((item) => ({ id: item.id, label: item.label }))}\n            value={current?.id ?? null}\n            inputValue={query ?? current?.label ?? ''}\n            onInputChange={(text) => {\n                setQuery(text);\n                if (text === '' && current !== null) {\n                    onChange?.(null);\n                }\n            }}\n            onChange={(itemId) => {\n                if (itemId === CREATE_ID) {\n                    createFrom((reference) => onChange?.(reference));\n                    return;\n                }\n                setQuery(null);\n                if (itemId === null) {\n                    return;\n                }\n                const reference = shown.find((item) => item.id === itemId) ?? null;\n                if (reference?.id !== current?.id) {\n                    onChange?.(reference);\n                }\n            }}\n            isLoading={isLoading}\n            placeholder={placeholder}\n            emptyMessage={intl.formatMessage(messages.noResults)}\n            {...(onBlur !== undefined\n                ? {\n                      onBlur: () => {\n                          setQuery(null);\n                          onBlur();\n                      },\n                  }\n                : { onBlur: () => setQuery(null) })}\n            {...(name !== undefined ? { name } : {})}\n            {...(id !== undefined ? { id } : {})}\n        />\n    );\n}\n\n/** The `relation` type: `resource` and `multiple`. Items search the fields context's source. */\nexport function RelationFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const references = toReferences(props.value);\n    // A relation names one resource: `lintDefinition()` reports a list (only `media` fields take one).\n    const resource = typeof field.resource === 'string' ? field.resource : '';\n    const shared = { ...getFieldProps(props), resource };\n    if (field.multiple === true) {\n        return <RelationField {...shared} multiple value={references} onChange={props.onChange} />;\n    }\n    return <RelationField {...shared} value={references[0] ?? null} onChange={props.onChange} />;\n}\n"],"mappings":"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"}

package/dist/shared/DefinitionField.d.ts

@@ -12,6 +12,8 @@ export interface NestedFieldProps {
     errors?: readonly string[];
     /** The object the field belongs to, for conditions and generated values. */
     parentValue?: unknown;
+    /** The locale of the value, in a localized field. */
+    locale?: string;
     disabled?: boolean;
     readOnly?: boolean;
     className?: string;
@@ -22,7 +24,7 @@ export interface NestedFieldProps {
  * one, it uses `value` and `onChange`, and hides itself when its `visibleWhen` condition on the
  * parent value is false.
  */
-export declare function NestedField({ field, path, value, onChange, onBlur, errors, parentValue, disabled, readOnly, className, }: NestedFieldProps): import("react").JSX.Element | null;
+export declare function NestedField({ field, path, value, onChange, onBlur, errors, parentValue, locale, disabled, readOnly, className, }: NestedFieldProps): import("react").JSX.Element | null;
 /**
  * Renders a field of the definition with the entry of its type: from the fields context, or a
  * built-in one. A localized field renders an input per locale. A type without an entry renders a

package/dist/shared/DefinitionField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefinitionField.d.ts","sourceRoot":"","sources":["../../src/shared/DefinitionField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,sCAgClB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAQrD"}
+{"version":3,"file":"DefinitionField.d.ts","sourceRoot":"","sources":["../../src/shared/DefinitionField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,4EAA4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,GACZ,EAAE,gBAAgB,sCAiClB;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,+BAQrD"}

package/dist/shared/DefinitionField.js

@@ -13,110 +13,118 @@ import { jsx } from "react/jsx-runtime";
 * parent value is false.
 */
 function NestedField(t0) {
-	const $ = c(33);
-	const { field, path, value, onChange, onBlur, errors, parentValue, disabled, readOnly, className } = t0;
+	const $ = c(36);
+	const { field, path, value, onChange, onBlur, errors, parentValue, locale, disabled, readOnly, className } = t0;
 	const { binding: Binding } = useFieldsContext();
 	let t1;
-	if ($[0] !== disabled) {
-		t1 = disabled !== void 0 ? { disabled } : {};
-		$[0] = disabled;
+	if ($[0] !== locale) {
+		t1 = locale !== void 0 ? { locale } : {};
+		$[0] = locale;
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] !== readOnly) {
-		t2 = readOnly !== void 0 ? { readOnly } : {};
-		$[2] = readOnly;
+	if ($[2] !== disabled) {
+		t2 = disabled !== void 0 ? { disabled } : {};
+		$[2] = disabled;
 		$[3] = t2;
 	} else t2 = $[3];
 	let t3;
-	if ($[4] !== className) {
-		t3 = className !== void 0 ? { className } : {};
-		$[4] = className;
+	if ($[4] !== readOnly) {
+		t3 = readOnly !== void 0 ? { readOnly } : {};
+		$[4] = readOnly;
 		$[5] = t3;
 	} else t3 = $[5];
 	let t4;
-	if ($[6] !== field || $[7] !== parentValue || $[8] !== path || $[9] !== t1 || $[10] !== t2 || $[11] !== t3) {
-		t4 = {
+	if ($[6] !== className) {
+		t4 = className !== void 0 ? { className } : {};
+		$[6] = className;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== field || $[9] !== parentValue || $[10] !== path || $[11] !== t1 || $[12] !== t2 || $[13] !== t3 || $[14] !== t4) {
+		t5 = {
 			field,
 			path,
 			parentValue,
 			...t1,
 			...t2,
-			...t3
+			...t3,
+			...t4
 		};
-		$[6] = field;
-		$[7] = parentValue;
-		$[8] = path;
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t3;
-		$[12] = t4;
-	} else t4 = $[12];
-	const shared = t4;
+		$[8] = field;
+		$[9] = parentValue;
+		$[10] = path;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+	} else t5 = $[15];
+	const shared = t5;
 	if (Binding !== null) {
-		let t5;
-		if ($[13] !== path) {
-			t5 = getParentPath(path);
-			$[13] = path;
-			$[14] = t5;
-		} else t5 = $[14];
 		let t6;
-		if ($[15] !== shared) {
-			t6 = (bound) => /* @__PURE__ */ jsx(DefinitionField, {
+		if ($[16] !== path) {
+			t6 = getParentPath(path);
+			$[16] = path;
+			$[17] = t6;
+		} else t6 = $[17];
+		let t7;
+		if ($[18] !== shared) {
+			t7 = (bound) => /* @__PURE__ */ jsx(DefinitionField, {
 				...shared,
 				...bound
 			});
-			$[15] = shared;
-			$[16] = t6;
-		} else t6 = $[16];
-		let t7;
-		if ($[17] !== Binding || $[18] !== field || $[19] !== path || $[20] !== t5 || $[21] !== t6) {
-			t7 = /* @__PURE__ */ jsx(Binding, {
+			$[18] = shared;
+			$[19] = t7;
+		} else t7 = $[19];
+		let t8;
+		if ($[20] !== Binding || $[21] !== field || $[22] !== path || $[23] !== t6 || $[24] !== t7) {
+			t8 = /* @__PURE__ */ jsx(Binding, {
 				field,
 				path,
-				parentPath: t5,
-				render: t6
+				parentPath: t6,
+				render: t7
 			});
-			$[17] = Binding;
-			$[18] = field;
-			$[19] = path;
-			$[20] = t5;
-			$[21] = t6;
-			$[22] = t7;
-		} else t7 = $[22];
-		return t7;
+			$[20] = Binding;
+			$[21] = field;
+			$[22] = path;
+			$[23] = t6;
+			$[24] = t7;
+			$[25] = t8;
+		} else t8 = $[25];
+		return t8;
 	}
 	if (field.visibleWhen !== void 0 && !evaluateCondition(field.visibleWhen, parentValue)) return null;
-	const t5 = onChange ?? _temp;
-	let t6;
-	if ($[23] !== onBlur) {
-		t6 = onBlur !== void 0 ? { onBlur } : {};
-		$[23] = onBlur;
-		$[24] = t6;
-	} else t6 = $[24];
+	const t6 = onChange ?? _temp;
 	let t7;
-	if ($[25] !== errors) {
-		t7 = errors !== void 0 ? { errors } : {};
-		$[25] = errors;
-		$[26] = t7;
-	} else t7 = $[26];
+	if ($[26] !== onBlur) {
+		t7 = onBlur !== void 0 ? { onBlur } : {};
+		$[26] = onBlur;
+		$[27] = t7;
+	} else t7 = $[27];
 	let t8;
-	if ($[27] !== shared || $[28] !== t5 || $[29] !== t6 || $[30] !== t7 || $[31] !== value) {
-		t8 = /* @__PURE__ */ jsx(DefinitionField, {
+	if ($[28] !== errors) {
+		t8 = errors !== void 0 ? { errors } : {};
+		$[28] = errors;
+		$[29] = t8;
+	} else t8 = $[29];
+	let t9;
+	if ($[30] !== shared || $[31] !== t6 || $[32] !== t7 || $[33] !== t8 || $[34] !== value) {
+		t9 = /* @__PURE__ */ jsx(DefinitionField, {
 			...shared,
 			value,
-			onChange: t5,
-			...t6,
-			...t7
+			onChange: t6,
+			...t7,
+			...t8
 		});
-		$[27] = shared;
-		$[28] = t5;
-		$[29] = t6;
-		$[30] = t7;
-		$[31] = value;
-		$[32] = t8;
-	} else t8 = $[32];
-	return t8;
+		$[30] = shared;
+		$[31] = t6;
+		$[32] = t7;
+		$[33] = t8;
+		$[34] = value;
+		$[35] = t9;
+	} else t9 = $[35];
+	return t9;
 }
 /**
 * Renders a field of the definition with the entry of its type: from the fields context, or a

package/dist/shared/DefinitionField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefinitionField.js","names":["field","path","value","_c"],"sources":["../../src/shared/DefinitionField.tsx"],"sourcesContent":["import type { Field } from '@panneau/protocol';\nimport { evaluateCondition } from '@panneau/protocol/runtime';\n\n// Groups, repeaters and localized values render nested fields, which render through\n// `DefinitionField`: the modules import each other, which is fine since they only use each other\n// while rendering.\nimport { LocalizedFieldEntry } from '../localized/LocalizedField';\nimport { MissingFieldEntry } from '../missing/MissingField';\nimport { builtInFields } from './builtIn';\nimport { getParentPath, useFieldsContext } from './context';\nimport type { FieldEntryProps } from './types';\n\nexport interface NestedFieldProps {\n    field: Field;\n    /** Dot path of the field's value. */\n    path: string;\n    /** The value, without a binding. */\n    value?: unknown;\n    /** Sets the value, without a binding. */\n    onChange?: (value: unknown) => void;\n    onBlur?: () => void;\n    errors?: readonly string[];\n    /** The object the field belongs to, for conditions and generated values. */\n    parentValue?: unknown;\n    disabled?: boolean;\n    readOnly?: boolean;\n    className?: string;\n}\n\n/**\n * A field inside another one (a group, a block, a localized value), or at the top of a form.\n * With a binding in context, the binding gives its value and decides whether it shows. Without\n * one, it uses `value` and `onChange`, and hides itself when its `visibleWhen` condition on the\n * parent value is false.\n */\nexport function NestedField({\n    field,\n    path,\n    value,\n    onChange,\n    onBlur,\n    errors,\n    parentValue,\n    disabled,\n    readOnly,\n    className,\n}: NestedFieldProps) {\n    const { binding: Binding } = useFieldsContext();\n    const shared = {\n        field,\n        path,\n        parentValue,\n        ...(disabled !== undefined ? { disabled } : {}),\n        ...(readOnly !== undefined ? { readOnly } : {}),\n        ...(className !== undefined ? { className } : {}),\n    };\n    if (Binding !== null) {\n        return (\n            <Binding\n                field={field}\n                path={path}\n                parentPath={getParentPath(path)}\n                render={(bound) => <DefinitionField {...shared} {...bound} />}\n            />\n        );\n    }\n    if (field.visibleWhen !== undefined && !evaluateCondition(field.visibleWhen, parentValue)) {\n        return null;\n    }\n    return (\n        <DefinitionField\n            {...shared}\n            value={value}\n            onChange={onChange ?? (() => undefined)}\n            {...(onBlur !== undefined ? { onBlur } : {})}\n            {...(errors !== undefined ? { errors } : {})}\n        />\n    );\n}\n\n/**\n * Renders a field of the definition with the entry of its type: from the fields context, or a\n * built-in one. A localized field renders an input per locale. A type without an entry renders a\n * placeholder that names the missing plugin.\n */\nexport function DefinitionField(props: FieldEntryProps) {\n    const { components } = useFieldsContext();\n    const { field } = props;\n    if (field.localized === true) {\n        return <LocalizedFieldEntry {...props} />;\n    }\n    const Entry = components[field.type] ?? builtInFields[field.type] ?? MissingFieldEntry;\n    return <Entry {...props} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"DefinitionField.js","names":["field","path","value","_c"],"sources":["../../src/shared/DefinitionField.tsx"],"sourcesContent":["import type { Field } from '@panneau/protocol';\nimport { evaluateCondition } from '@panneau/protocol/runtime';\n\n// Groups, repeaters and localized values render nested fields, which render through\n// `DefinitionField`: the modules import each other, which is fine since they only use each other\n// while rendering.\nimport { LocalizedFieldEntry } from '../localized/LocalizedField';\nimport { MissingFieldEntry } from '../missing/MissingField';\nimport { builtInFields } from './builtIn';\nimport { getParentPath, useFieldsContext } from './context';\nimport type { FieldEntryProps } from './types';\n\nexport interface NestedFieldProps {\n    field: Field;\n    /** Dot path of the field's value. */\n    path: string;\n    /** The value, without a binding. */\n    value?: unknown;\n    /** Sets the value, without a binding. */\n    onChange?: (value: unknown) => void;\n    onBlur?: () => void;\n    errors?: readonly string[];\n    /** The object the field belongs to, for conditions and generated values. */\n    parentValue?: unknown;\n    /** The locale of the value, in a localized field. */\n    locale?: string;\n    disabled?: boolean;\n    readOnly?: boolean;\n    className?: string;\n}\n\n/**\n * A field inside another one (a group, a block, a localized value), or at the top of a form.\n * With a binding in context, the binding gives its value and decides whether it shows. Without\n * one, it uses `value` and `onChange`, and hides itself when its `visibleWhen` condition on the\n * parent value is false.\n */\nexport function NestedField({\n    field,\n    path,\n    value,\n    onChange,\n    onBlur,\n    errors,\n    parentValue,\n    locale,\n    disabled,\n    readOnly,\n    className,\n}: NestedFieldProps) {\n    const { binding: Binding } = useFieldsContext();\n    const shared = {\n        field,\n        path,\n        parentValue,\n        ...(locale !== undefined ? { locale } : {}),\n        ...(disabled !== undefined ? { disabled } : {}),\n        ...(readOnly !== undefined ? { readOnly } : {}),\n        ...(className !== undefined ? { className } : {}),\n    };\n    if (Binding !== null) {\n        return (\n            <Binding\n                field={field}\n                path={path}\n                parentPath={getParentPath(path)}\n                render={(bound) => <DefinitionField {...shared} {...bound} />}\n            />\n        );\n    }\n    if (field.visibleWhen !== undefined && !evaluateCondition(field.visibleWhen, parentValue)) {\n        return null;\n    }\n    return (\n        <DefinitionField\n            {...shared}\n            value={value}\n            onChange={onChange ?? (() => undefined)}\n            {...(onBlur !== undefined ? { onBlur } : {})}\n            {...(errors !== undefined ? { errors } : {})}\n        />\n    );\n}\n\n/**\n * Renders a field of the definition with the entry of its type: from the fields context, or a\n * built-in one. A localized field renders an input per locale. A type without an entry renders a\n * placeholder that names the missing plugin.\n */\nexport function DefinitionField(props: FieldEntryProps) {\n    const { components } = useFieldsContext();\n    const { field } = props;\n    if (field.localized === true) {\n        return <LocalizedFieldEntry {...props} />;\n    }\n    const Entry = components[field.type] ?? builtInFields[field.type] ?? MissingFieldEntry;\n    return <Entry {...props} />;\n}\n"],"mappings":";;;;;;;;;;;;;;AAqCA,SAAO,YAAA,IAAA;CAAA,MAAA,IAAAG,EAAA,EAAA;CAAqB,MAAA,EAAA,OAAA,MAAA,OAAA,UAAA,QAAA,QAAA,aAAA,QAAA,UAAA,UAAA,cAAA;CAaxB,MAAA,EAAA,SAAA,YAA6B,iBAAiB;CAAE,IAAA;CAAA,IAAA,EAAA,OAAA,QAAA;EAKxC,KAAA,WAAW,KAAA,IAAX,EAAA,OAAqC,IAArC,CAAqC;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA;EACtC,KAAA,aAAa,KAAA,IAAb,EAAA,SAAyC,IAAzC,CAAyC;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA;EAC1C,KAAA,aAAa,KAAA,IAAb,EAAA,SAAyC,IAAzC,CAAyC;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,WAAA;EAC1C,KAAA,cAAc,KAAA,IAAd,EAAA,UAA2C,IAA3C,CAA2C;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,SAAA,EAAA,OAAA,eAAA,EAAA,QAAA,QAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;EAPrC,KAAA;GAAA;GAAA;GAAA;GAAA,GAIP;GAAsC,GACtC;GAA0C,GAC1C;GAA0C,GAC1C;EACR;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CARD,MAAA,SAAe;CASf,IAAI,YAAY,MAAI;EAAA,IAAA;EAAA,IAAA,EAAA,QAAA,MAAA;GAKI,KAAA,cAAc,IAAI;GAAC,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAAA,IAAA;EAAA,IAAA,EAAA,QAAA,QAAA;GACvB,MAAA,UAAW,oBAAC,iBAAD;IAAgB,GAAK;IAAM,GAAM;GAAK,CAAA;GAAI,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAAA,IAAA;EAAA,IAAA,EAAA,QAAA,WAAA,EAAA,QAAA,SAAA,EAAA,QAAA,QAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;GAJjE,KAAA,oBAAC,SAAD;IACW;IACD;IACM,YAAA;IACJ,QAAA;GAAqD,CAAA;GAC/D,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAAA,OALF;CAKE;CAGV,IAAI,MAAK,gBAAiB,KAAA,KAAtB,CAAoC,kBAAkB,MAAK,aAAc,WAAW,GAAC,OAC9E;CAMO,MAAA,KAAA,YAAA;CAA6B,IAAA;CAAA,IAAA,EAAA,QAAA,QAAA;EAClC,KAAA,WAAW,KAAA,IAAX,EAAA,OAAqC,IAArC,CAAqC;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,QAAA;EACtC,KAAA,WAAW,KAAA,IAAX,EAAA,OAAqC,IAArC,CAAqC;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,UAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,OAAA;EAL/C,KAAA,oBAAC,iBAAD;GAAgB,GACR;GACG;GACG,UAAA;GAA6B,GAClC;GAAsC,GACtC;EAAsC,CAAA;EAC7C,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OANF;AAME;;;;;;AA3CH,SAAA,QAAA,CAAA;AAoDP,SAAO,gBAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CACH,MAAA,EAAA,eAAuB,iBAAiB;CACxC,MAAA,EAAA,UAAkB;CAClB,IAAI,MAAK,cAAe,MAAI;EAAA,IAAA;EAAA,IAAA,EAAA,OAAA,OAAA;GACjB,KAAA,oBAAC,qBAAD,EAAoB,GAAK,MAAK,CAAA;GAAI,EAAA,KAAA;GAAA,EAAA,KAAA;EAAA,OAAA,KAAA,EAAA;EAAA,OAAlC;CAAkC;CAE7C,MAAA,QAAc,WAAW,MAAK,SAAU,cAAc,MAAK,SAA7C;CAAyE,IAAA;CAAA,IAAA,EAAA,OAAA,SAAA,EAAA,OAAA,OAAA;EAChF,KAAA,oBAAC,OAAD,EAAM,GAAK,MAAK,CAAA;EAAI,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAApB;AAAoB"}

package/dist/shared/builtIn.d.ts

@@ -1,7 +1,8 @@
 import type { FieldEntry } from './types';
 /**
- * The entries of the built-in field types. `richtext` and `media` come with their plugins (Phase
- * 2): until then, `DefinitionField` renders a placeholder for them.
+ * The entries of the built-in field types. `richtext` and `media` come with their plugins
+ * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.
+ * `file` uploads through the upload source of the fields context, or gives the files themselves.
  */
 export declare const builtInFields: Readonly<Record<string, FieldEntry>>;
 /**

package/dist/shared/builtIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"builtIn.d.ts","sourceRoot":"","sources":["../../src/shared/builtIn.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAgB9D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAK7D,CAAC"}
+{"version":3,"file":"builtIn.d.ts","sourceRoot":"","sources":["../../src/shared/builtIn.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAiB9D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7C,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAK7D,CAAC"}

package/dist/shared/builtIn.js

@@ -4,6 +4,7 @@ import { ColorFieldEntry } from "../color/ColorField.js";
 import { DateFieldEntry } from "../date/DateField.js";
 import { DateTimeFieldEntry } from "../datetime/DateTimeField.js";
 import { EmailFieldEntry } from "../email/EmailField.js";
+import { FileFieldEntry } from "../file/FileField.js";
 import { GroupFieldEntry } from "../group/GroupField.js";
 import { NumberFieldEntry } from "../number/NumberField.js";
 import { RelationFieldEntry } from "../relation/RelationField.js";
@@ -16,8 +17,9 @@ import { UrlFieldEntry } from "../url/UrlField.js";
 import { fr } from "@panneau/intl";
 //#region src/shared/builtIn.ts
 /**
-* The entries of the built-in field types. `richtext` and `media` come with their plugins (Phase
-* 2): until then, `DefinitionField` renders a placeholder for them.
+* The entries of the built-in field types. `richtext` and `media` come with their plugins
+* (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.
+* `file` uploads through the upload source of the fields context, or gives the files themselves.
 */
 var builtInFields = {
 	text: TextFieldEntry,
@@ -32,6 +34,7 @@ var builtInFields = {
 	url: UrlFieldEntry,
 	color: ColorFieldEntry,
 	slug: SlugFieldEntry,
+	file: FileFieldEntry,
 	relation: RelationFieldEntry,
 	group: GroupFieldEntry,
 	repeater: RepeaterFieldEntry

package/dist/shared/builtIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"builtIn.js","names":[],"sources":["../../src/shared/builtIn.ts"],"sourcesContent":["import { fr } from '@panneau/intl';\n\nimport { BooleanFieldEntry } from '../boolean/BooleanField';\nimport { ColorFieldEntry } from '../color/ColorField';\nimport { DateFieldEntry } from '../date/DateField';\nimport { DateTimeFieldEntry } from '../datetime/DateTimeField';\nimport { EmailFieldEntry } from '../email/EmailField';\nimport { GroupFieldEntry } from '../group/GroupField';\nimport { NumberFieldEntry } from '../number/NumberField';\nimport { RelationFieldEntry } from '../relation/RelationField';\nimport { RepeaterFieldEntry } from '../repeater/RepeaterField';\nimport { SelectFieldEntry } from '../select/SelectField';\nimport { SlugFieldEntry } from '../slug/SlugField';\nimport { TextFieldEntry } from '../text/TextField';\nimport { TextAreaFieldEntry } from '../textarea/TextAreaField';\nimport { TimeFieldEntry } from '../time/TimeField';\nimport { UrlFieldEntry } from '../url/UrlField';\nimport type { FieldEntry } from './types';\n\n/**\n * The entries of the built-in field types. `richtext` and `media` come with their plugins (Phase\n * 2): until then, `DefinitionField` renders a placeholder for them.\n */\nexport const builtInFields: Readonly<Record<string, FieldEntry>> = {\n    text: TextFieldEntry,\n    textarea: TextAreaFieldEntry,\n    number: NumberFieldEntry,\n    boolean: BooleanFieldEntry,\n    date: DateFieldEntry,\n    datetime: DateTimeFieldEntry,\n    time: TimeFieldEntry,\n    select: SelectFieldEntry,\n    email: EmailFieldEntry,\n    url: UrlFieldEntry,\n    color: ColorFieldEntry,\n    slug: SlugFieldEntry,\n    relation: RelationFieldEntry,\n    group: GroupFieldEntry,\n    repeater: RepeaterFieldEntry,\n};\n\n/**\n * The built-in fields as a `@panneau/core` plugin: their entries, and the French messages of\n * every Panneau package (`@panneau/ui`, `@panneau/fields`, `@panneau/forms`…, from\n * `@panneau/intl`). Pass it before the plugins that override a type.\n */\nexport const fieldsPlugin: {\n    id: string;\n    fields: Readonly<Record<string, FieldEntry>>;\n    locales: Readonly<Record<string, Record<string, string>>>;\n} = {\n    id: 'panneau-fields',\n    fields: builtInFields,\n    locales: { fr },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAuBA,IAAa,gBAAsD;CAC/D,MAAM;CACN,UAAU;CACV,QAAQ;CACR,SAAS;CACT,MAAM;CACN,UAAU;CACV,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,OAAO;CACP,MAAM;CACN,UAAU;CACV,OAAO;CACP,UAAU;AACd;;;;;;AAOA,IAAa,eAIT;CACA,IAAI;CACJ,QAAQ;CACR,SAAS,EAAE,GAAG;AAClB"}
+{"version":3,"file":"builtIn.js","names":[],"sources":["../../src/shared/builtIn.ts"],"sourcesContent":["import { fr } from '@panneau/intl';\n\nimport { BooleanFieldEntry } from '../boolean/BooleanField';\nimport { ColorFieldEntry } from '../color/ColorField';\nimport { DateFieldEntry } from '../date/DateField';\nimport { DateTimeFieldEntry } from '../datetime/DateTimeField';\nimport { EmailFieldEntry } from '../email/EmailField';\nimport { FileFieldEntry } from '../file/FileField';\nimport { GroupFieldEntry } from '../group/GroupField';\nimport { NumberFieldEntry } from '../number/NumberField';\nimport { RelationFieldEntry } from '../relation/RelationField';\nimport { RepeaterFieldEntry } from '../repeater/RepeaterField';\nimport { SelectFieldEntry } from '../select/SelectField';\nimport { SlugFieldEntry } from '../slug/SlugField';\nimport { TextFieldEntry } from '../text/TextField';\nimport { TextAreaFieldEntry } from '../textarea/TextAreaField';\nimport { TimeFieldEntry } from '../time/TimeField';\nimport { UrlFieldEntry } from '../url/UrlField';\nimport type { FieldEntry } from './types';\n\n/**\n * The entries of the built-in field types. `richtext` and `media` come with their plugins\n * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.\n * `file` uploads through the upload source of the fields context, or gives the files themselves.\n */\nexport const builtInFields: Readonly<Record<string, FieldEntry>> = {\n    text: TextFieldEntry,\n    textarea: TextAreaFieldEntry,\n    number: NumberFieldEntry,\n    boolean: BooleanFieldEntry,\n    date: DateFieldEntry,\n    datetime: DateTimeFieldEntry,\n    time: TimeFieldEntry,\n    select: SelectFieldEntry,\n    email: EmailFieldEntry,\n    url: UrlFieldEntry,\n    color: ColorFieldEntry,\n    slug: SlugFieldEntry,\n    file: FileFieldEntry,\n    relation: RelationFieldEntry,\n    group: GroupFieldEntry,\n    repeater: RepeaterFieldEntry,\n};\n\n/**\n * The built-in fields as a `@panneau/core` plugin: their entries, and the French messages of\n * every Panneau package (`@panneau/ui`, `@panneau/fields`, `@panneau/forms`…, from\n * `@panneau/intl`). Pass it before the plugins that override a type.\n */\nexport const fieldsPlugin: {\n    id: string;\n    fields: Readonly<Record<string, FieldEntry>>;\n    locales: Readonly<Record<string, Record<string, string>>>;\n} = {\n    id: 'panneau-fields',\n    fields: builtInFields,\n    locales: { fr },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAa,gBAAsD;CAC/D,MAAM;CACN,UAAU;CACV,QAAQ;CACR,SAAS;CACT,MAAM;CACN,UAAU;CACV,MAAM;CACN,QAAQ;CACR,OAAO;CACP,KAAK;CACL,OAAO;CACP,MAAM;CACN,MAAM;CACN,UAAU;CACV,OAAO;CACP,UAAU;AACd;;;;;;AAOA,IAAa,eAIT;CACA,IAAI;CACJ,QAAQ;CACR,SAAS,EAAE,GAAG;AAClB"}

package/dist/shared/check.d.ts

@@ -0,0 +1,27 @@
+import type { FieldCheckRequest, FieldCheckResponse } from '@panneau/protocol';
+/**
+ * Where fields with `check` check their value as it is typed: whether a slug is available, and
+ * its URL. The value's locale and the form's values come with each check.
+ */
+export interface FieldCheckSource {
+    check(field: string, request: {
+        value: string;
+        locale?: string;
+        values?: Record<string, unknown>;
+    }, options: {
+        signal: AbortSignal;
+    }): Promise<FieldCheckResponse>;
+}
+/** What `createFieldCheckSource()` needs from an adapter: the `checkField()` of `@panneau/data`. */
+export interface FieldCheckAdapter {
+    checkField?(resource: string, field: string, request: FieldCheckRequest, options?: {
+        signal?: AbortSignal;
+    }): Promise<FieldCheckResponse>;
+}
+/**
+ * The check source of a form of a resource, through an adapter (`POST
+ * /resources/{resource}/fields/{field}/check`): `id` is the item being edited, or null when
+ * creating one. Null when the adapter can't check.
+ */
+export declare function createFieldCheckSource(adapter: FieldCheckAdapter, resource: string, id?: string | null): FieldCheckSource | null;
+//# sourceMappingURL=check.d.ts.map

package/dist/shared/check.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check.d.ts","sourceRoot":"","sources":["../../src/shared/check.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE/E;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC7B,KAAK,CACD,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,EAC7E,OAAO,EAAE;QAAE,MAAM,EAAE,WAAW,CAAA;KAAE,GACjC,OAAO,CAAC,kBAAkB,CAAC,CAAC;CAClC;AAED,oGAAoG;AACpG,MAAM,WAAW,iBAAiB;IAC9B,UAAU,CAAC,CACP,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,iBAAiB,EAC1B,OAAO,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,WAAW,CAAA;KAAE,GACnC,OAAO,CAAC,kBAAkB,CAAC,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAClC,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,EAAE,MAAM,EAChB,EAAE,GAAE,MAAM,GAAG,IAAW,GACzB,gBAAgB,GAAG,IAAI,CASzB"}

package/dist/shared/check.js

@@ -0,0 +1,18 @@
+//#region src/shared/check.ts
+/**
+* The check source of a form of a resource, through an adapter (`POST
+* /resources/{resource}/fields/{field}/check`): `id` is the item being edited, or null when
+* creating one. Null when the adapter can't check.
+*/
+function createFieldCheckSource(adapter, resource, id = null) {
+	const { checkField } = adapter;
+	if (checkField === void 0) return null;
+	return { check: (field, request, { signal }) => checkField.call(adapter, resource, field, {
+		...request,
+		id
+	}, { signal }) };
+}
+//#endregion
+export { createFieldCheckSource };
+
+//# sourceMappingURL=check.js.map

package/dist/shared/check.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check.js","names":[],"sources":["../../src/shared/check.ts"],"sourcesContent":["import type { FieldCheckRequest, FieldCheckResponse } from '@panneau/protocol';\n\n/**\n * Where fields with `check` check their value as it is typed: whether a slug is available, and\n * its URL. The value's locale and the form's values come with each check.\n */\nexport interface FieldCheckSource {\n    check(\n        field: string,\n        request: { value: string; locale?: string; values?: Record<string, unknown> },\n        options: { signal: AbortSignal },\n    ): Promise<FieldCheckResponse>;\n}\n\n/** What `createFieldCheckSource()` needs from an adapter: the `checkField()` of `@panneau/data`. */\nexport interface FieldCheckAdapter {\n    checkField?(\n        resource: string,\n        field: string,\n        request: FieldCheckRequest,\n        options?: { signal?: AbortSignal },\n    ): Promise<FieldCheckResponse>;\n}\n\n/**\n * The check source of a form of a resource, through an adapter (`POST\n * /resources/{resource}/fields/{field}/check`): `id` is the item being edited, or null when\n * creating one. Null when the adapter can't check.\n */\nexport function createFieldCheckSource(\n    adapter: FieldCheckAdapter,\n    resource: string,\n    id: string | null = null,\n): FieldCheckSource | null {\n    const { checkField } = adapter;\n    if (checkField === undefined) {\n        return null;\n    }\n    return {\n        check: (field, request, { signal }) =>\n            checkField.call(adapter, resource, field, { ...request, id }, { signal }),\n    };\n}\n"],"mappings":";;;;;;AA6BA,SAAgB,uBACZ,SACA,UACA,KAAoB,MACG;CACvB,MAAM,EAAE,eAAe;CACvB,IAAI,eAAe,KAAA,GACf,OAAO;CAEX,OAAO,EACH,QAAQ,OAAO,SAAS,EAAE,aACtB,WAAW,KAAK,SAAS,UAAU,OAAO;EAAE,GAAG;EAAS;CAAG,GAAG,EAAE,OAAO,CAAC,EAChF;AACJ"}

package/dist/shared/context.d.ts

@@ -1,5 +1,7 @@
 import { type ComponentType, type ReactNode } from 'react';
 import type { Field } from '@panneau/protocol';
+import type { UploadSource } from '../upload/types';
+import type { FieldCheckSource } from './check';
 import type { RelationSource } from './relation';
 import type { FieldEntry } from './types';
 /** What a binding gives a field: its value, handlers and errors at a path. */
@@ -32,6 +34,13 @@ export interface FieldsContextValue {
     locales: readonly string[];
     /** Where relation fields search for items. */
     relationSource: RelationSource | null;
+    /**
+     * Where fields that take files upload them directly to storage. Without one, they give the
+     * files themselves.
+     */
+    uploadSource: UploadSource | null;
+    /** Where fields with `check` check their value, such as a slug's availability. */
+    checkSource: FieldCheckSource | null;
     binding: FieldBinding | null;
 }
 /** The fields context of the closest `FieldsProvider`. */
@@ -41,15 +50,19 @@ export interface FieldsProviderProps {
     components?: Readonly<Record<string, FieldEntry>>;
     locales?: readonly string[];
     relationSource?: RelationSource | null;
+    /** Make it once, outside of render: fields make an uploader for each source they get. */
+    uploadSource?: UploadSource | null;
+    /** `createFieldCheckSource(adapter, resource, id)`, for the form of an item. */
+    checkSource?: FieldCheckSource | null;
     binding?: FieldBinding | null;
     children?: ReactNode;
 }
 /**
  * Provides what fields rendered from a definition need: the components of each type, the locales
- * of localized values, a relation source and a binding. Values not given come from the parent
+ * of localized values, a relation source, an upload source, a check source and a binding. Values not given come from the parent
  * provider.
  */
-export declare function FieldsProvider({ components, locales, relationSource, binding, children, }: FieldsProviderProps): import("react").JSX.Element;
+export declare function FieldsProvider({ components, locales, relationSource, uploadSource, checkSource, binding, children, }: FieldsProviderProps): import("react").JSX.Element;
 /** The parent path of a path: `blocks.2` for `blocks.2.title`, `''` for `title`. */
 export declare function getParentPath(path: string): string;
 //# sourceMappingURL=context.d.ts.map

package/dist/shared/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/shared/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,8EAA8E;AAC9E,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC9B;AAED,4FAA4F;AAC5F,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,2FAA2F;IAC3F,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;CACjD;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IAC/B,+DAA+D;IAC/D,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IACjD,6CAA6C;IAC7C,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,8CAA8C;IAC9C,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CAChC;AASD,0DAA0D;AAC1D,wBAAgB,gBAAgB,IAAI,kBAAkB,CAErD;AAED,MAAM,WAAW,mBAAmB;IAChC,uEAAuE;IACvE,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,UAAU,EACV,OAAO,EACP,cAAc,EACd,OAAO,EACP,QAAQ,GACX,EAAE,mBAAmB,+BAUrB;AAED,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGlD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/shared/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,8EAA8E;AAC9E,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAC9B;AAED,4FAA4F;AAC5F,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,qCAAqC;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,2FAA2F;IAC3F,UAAU,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC;CACjD;AAED;;;;GAIG;AACH,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IAC/B,+DAA+D;IAC/D,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IACjD,6CAA6C;IAC7C,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,8CAA8C;IAC9C,cAAc,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC;;;OAGG;IACH,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,kFAAkF;IAClF,WAAW,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;CAChC;AAWD,0DAA0D;AAC1D,wBAAgB,gBAAgB,IAAI,kBAAkB,CAErD;AAED,MAAM,WAAW,mBAAmB;IAChC,uEAAuE;IACvE,UAAU,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAClD,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACvC,yFAAyF;IACzF,YAAY,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,gFAAgF;IAChF,WAAW,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC3B,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,EACZ,WAAW,EACX,OAAO,EACP,QAAQ,GACX,EAAE,mBAAmB,+BAYrB;AAED,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAGlD"}