@panneau/fields 4.1.1 → 5.0.0-alpha.1

package/dist/shared/relation.js

@@ -0,0 +1,156 @@
+import { c } from "react/compiler-runtime";
+import { useEffect, useState } from "react";
+//#region src/shared/relation.ts
+function labelOf(value, locale) {
+	if (typeof value === "string" || typeof value === "number") return String(value);
+	if (value !== null && typeof value === "object") {
+		const localized = value;
+		const first = (locale !== void 0 ? localized[locale] : void 0) ?? Object.values(localized)[0];
+		return typeof first === "string" ? first : null;
+	}
+	return null;
+}
+/**
+* A relation source over an adapter, such as the `DataAdapter` of `@panneau/data`: a search is a
+* list query with `q`, ids are resolved with `get()`, and, with the `create` option, items are
+* created with `create()`. Labels come from the resource's `itemTitle`.
+*/
+function createRelationSource(adapter, { definition = null, perPage = 20, getLabel, create } = {}) {
+	const resourceOf = (resource) => definition?.resources.find((candidate) => candidate.id === resource);
+	const toReference = (item, resource) => {
+		const titleField = resourceOf(resource)?.itemTitle;
+		return {
+			id: item.id,
+			label: getLabel?.(item, resource) ?? (titleField !== void 0 ? labelOf(item[titleField]) : null) ?? item.id
+		};
+	};
+	const valuesOf = (text, resource) => {
+		if (typeof create === "function") return create(text, resource);
+		const definitionResource = resourceOf(resource);
+		const titleField = definitionResource?.itemTitle;
+		if (definitionResource === void 0 || titleField === void 0) return null;
+		const field = definitionResource.fields.find((candidate) => candidate.name === titleField);
+		const locales = definition?.locales ?? [];
+		return { [titleField]: field?.localized === true && locales.length > 0 ? Object.fromEntries(locales.map((locale) => [locale, text])) : text };
+	};
+	const source = { async search(resource, query, { signal }) {
+		return (await adapter.list(resource, {
+			page: 1,
+			perPage,
+			...query !== "" ? { q: query } : {}
+		}, { signal })).data.map((item) => toReference(item, resource));
+	} };
+	const { get, create: createItem } = adapter;
+	if (get !== void 0) source.resolve = async (resource, ids, { signal }) => {
+		return (await Promise.allSettled(ids.map((id) => get.call(adapter, resource, id, { signal })))).flatMap((result) => result.status === "fulfilled" ? [toReference(result.value, resource)] : []);
+	};
+	if (create !== void 0 && create !== false && createItem !== void 0) {
+		source.canCreate = (resource) => resourceOf(resource)?.abilities?.create !== false && valuesOf("", resource) !== null;
+		source.create = async (resource, text) => {
+			const values = valuesOf(text, resource);
+			if (values === null) return null;
+			return toReference(await createItem.call(adapter, resource, values), resource);
+		};
+	}
+	return source;
+}
+/** Reads relation values: references, ids, or lists of them. */
+function toReferences(value) {
+	return (Array.isArray(value) ? value : value === null || value === void 0 ? [] : [value]).flatMap((entry) => {
+		if (typeof entry === "string" || typeof entry === "number") return [{
+			id: String(entry),
+			label: String(entry)
+		}];
+		if (entry !== null && typeof entry === "object" && "id" in entry) {
+			const { id, label } = entry;
+			if (typeof id === "string" || typeof id === "number") return [{
+				id: String(id),
+				label: typeof label === "string" ? label : String(id)
+			}];
+		}
+		return [];
+	});
+}
+var resolved = /* @__PURE__ */ new WeakMap();
+function resolvedOf(source) {
+	let entry = resolved.get(source);
+	if (entry === void 0) {
+		entry = {
+			labels: /* @__PURE__ */ new Map(),
+			pending: /* @__PURE__ */ new Map()
+		};
+		resolved.set(source, entry);
+	}
+	return entry;
+}
+var keyOf = (resource, id) => `${resource}\u0000${id}`;
+/** Resolves the ids that no request has resolved or is resolving yet, and waits for all of them. */
+function resolveIds(source, resource, ids) {
+	const { labels, pending } = resolvedOf(source);
+	const fresh = ids.filter((id) => !pending.has(keyOf(resource, id)));
+	if (fresh.length > 0 && source.resolve !== void 0) {
+		const request = source.resolve(resource, fresh, { signal: new AbortController().signal }).then((found) => {
+			fresh.forEach((id) => labels.set(keyOf(resource, id), found.find((candidate) => candidate.id === id)?.label ?? null));
+		}, () => {
+			fresh.forEach((id) => pending.delete(keyOf(resource, id)));
+		});
+		fresh.forEach((id) => pending.set(keyOf(resource, id), request));
+	}
+	return Promise.all(ids.map((id) => pending.get(keyOf(resource, id))));
+}
+/**
+* Relation references with the labels of plain ids: references whose label is their id (from
+* `"12"`) are resolved with the source's `resolve()`, once per source, resource and id. They keep
+* their id as label until then, or when the source doesn't find them.
+*/
+function useRelationReferences(source, resource, references) {
+	const $ = c(1);
+	const cache = source !== null ? resolvedOf(source).labels : null;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = {};
+		$[0] = t0;
+	} else t0 = $[0];
+	const [labels, setLabels] = useState(t0);
+	const label = (id) => labels[keyOf(resource, id)] ?? cache?.get(keyOf(resource, id)) ?? void 0;
+	const missingKey = (source?.resolve !== void 0 && cache !== null ? references.filter(_temp).map(_temp2).filter((id_0) => !cache.has(keyOf(resource, id_0))) : []).join("\0");
+	useEffect(() => {
+		const ids = missingKey === "" ? [] : missingKey.split("\0");
+		if (source === null || cache === null || ids.length === 0) return;
+		let active = true;
+		resolveIds(source, resource, ids).then(() => {
+			if (!active) return;
+			const next = {};
+			ids.forEach((id_1) => {
+				const found = cache.get(keyOf(resource, id_1));
+				if (typeof found === "string") next[keyOf(resource, id_1)] = found;
+			});
+			setLabels((current) => ({
+				...current,
+				...next
+			}));
+		});
+		return () => {
+			active = false;
+		};
+	}, [
+		source,
+		cache,
+		resource,
+		missingKey
+	]);
+	return references.map((reference_1) => reference_1.label === reference_1.id ? {
+		id: reference_1.id,
+		label: label(reference_1.id) ?? reference_1.id
+	} : reference_1);
+}
+function _temp2(reference_0) {
+	return reference_0.id;
+}
+function _temp(reference) {
+	return reference.label === reference.id;
+}
+//#endregion
+export { createRelationSource, toReferences, useRelationReferences };
+
+//# sourceMappingURL=relation.js.map

package/dist/shared/relation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relation.js","names":["id","active","reference","_c"],"sources":["../../src/shared/relation.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Definition, Item, ListQuery } from '@panneau/protocol';\n\n/** A related item: its id, and a label to show it. The value of a relation field. */\nexport interface RelationReference {\n    id: string;\n    label: string;\n}\n\n/** Where relation fields search for items. */\nexport interface RelationSource {\n    /** Items of a resource that match a text, for the picker. */\n    search(\n        resource: string,\n        query: string,\n        options: { signal: AbortSignal },\n    ): Promise<RelationReference[]>;\n    /**\n     * The references of items by id, for values that are only ids (`\"12\"`, `[\"12\", \"13\"]`), as a\n     * product's own API gives them. In any order; ids it doesn't find are left out, and keep their\n     * id as label. Without it, fields show the ids.\n     */\n    resolve?(\n        resource: string,\n        ids: readonly string[],\n        options: { signal: AbortSignal },\n    ): Promise<RelationReference[]>;\n    /**\n     * Creates an item from the text typed in the picker, which offers \"Create “…”\" when this\n     * method exists. It can open a dialog, and resolves with the reference of the new item, or with\n     * `null` when nothing was created.\n     */\n    create?(resource: string, text: string): Promise<RelationReference | null>;\n    /** Whether `create()` can create items of a resource. Defaults to true. */\n    canCreate?(resource: string): boolean;\n}\n\n/** What `createRelationSource()` needs from an adapter: the `list()`, `get()` and `create()` of `@panneau/data`. */\nexport interface RelationListAdapter {\n    list(\n        resource: string,\n        query?: ListQuery,\n        options?: { signal?: AbortSignal },\n    ): Promise<{ data: Item[] }>;\n    /** One item, for `resolve()`. Without it, the source doesn't resolve ids. */\n    get?(resource: string, id: string, options?: { signal?: AbortSignal }): Promise<Item>;\n    /** Creates an item, for `create()`. */\n    create?(resource: string, values: Record<string, unknown>): Promise<Item>;\n}\n\nexport interface RelationSourceOptions {\n    /** The definition, for the field that titles the items of each resource (`itemTitle`). */\n    definition?: (Pick<Definition, 'resources'> & Partial<Pick<Definition, 'locales'>>) | null;\n    /** Items per search. Defaults to 20. */\n    perPage?: number;\n    /** The label of an item, when `itemTitle` isn't enough. */\n    getLabel?: (item: Item, resource: string) => string;\n    /**\n     * Lets the picker create items, with the adapter's `create()`. `true` sets the typed text as the\n     * value of the resource's `itemTitle` field (in every locale of the definition when it is\n     * localized), on the resources that allow `create`. A function gives the values of the new item\n     * instead, or `null` for a resource where items can't be created.\n     */\n    create?: boolean | ((text: string, resource: string) => Record<string, unknown> | null);\n}\n\nfunction labelOf(value: unknown, locale?: string): string | null {\n    if (typeof value === 'string' || typeof value === 'number') {\n        return String(value);\n    }\n    if (value !== null && typeof value === 'object') {\n        const localized = value as Record<string, unknown>;\n        const first =\n            (locale !== undefined ? localized[locale] : undefined) ?? Object.values(localized)[0];\n        return typeof first === 'string' ? first : null;\n    }\n    return null;\n}\n\n/**\n * A relation source over an adapter, such as the `DataAdapter` of `@panneau/data`: a search is a\n * list query with `q`, ids are resolved with `get()`, and, with the `create` option, items are\n * created with `create()`. Labels come from the resource's `itemTitle`.\n */\nexport function createRelationSource(\n    adapter: RelationListAdapter,\n    { definition = null, perPage = 20, getLabel, create }: RelationSourceOptions = {},\n): RelationSource {\n    const resourceOf = (resource: string) =>\n        definition?.resources.find((candidate) => candidate.id === resource);\n    const toReference = (item: Item, resource: string): RelationReference => {\n        const titleField = resourceOf(resource)?.itemTitle;\n        return {\n            id: item.id,\n            label:\n                getLabel?.(item, resource) ??\n                (titleField !== undefined ? labelOf(item[titleField]) : null) ??\n                item.id,\n        };\n    };\n    const valuesOf = (text: string, resource: string): Record<string, unknown> | null => {\n        if (typeof create === 'function') {\n            return create(text, resource);\n        }\n        const definitionResource = resourceOf(resource);\n        const titleField = definitionResource?.itemTitle;\n        if (definitionResource === undefined || titleField === undefined) {\n            return null;\n        }\n        const field = definitionResource.fields.find((candidate) => candidate.name === titleField);\n        const locales = definition?.locales ?? [];\n        return {\n            [titleField]:\n                field?.localized === true && locales.length > 0\n                    ? Object.fromEntries(locales.map((locale) => [locale, text]))\n                    : text,\n        };\n    };\n    const source: RelationSource = {\n        async search(resource, query, { signal }) {\n            const response = await adapter.list(\n                resource,\n                { page: 1, perPage, ...(query !== '' ? { q: query } : {}) },\n                { signal },\n            );\n            return response.data.map((item) => toReference(item, resource));\n        },\n    };\n    const { get, create: createItem } = adapter;\n    if (get !== undefined) {\n        source.resolve = async (resource, ids, { signal }) => {\n            const results = await Promise.allSettled(\n                ids.map((id) => get.call(adapter, resource, id, { signal })),\n            );\n            return results.flatMap((result) =>\n                result.status === 'fulfilled' ? [toReference(result.value, resource)] : [],\n            );\n        };\n    }\n    if (create !== undefined && create !== false && createItem !== undefined) {\n        source.canCreate = (resource) =>\n            resourceOf(resource)?.abilities?.create !== false && valuesOf('', resource) !== null;\n        source.create = async (resource, text) => {\n            const values = valuesOf(text, resource);\n            if (values === null) {\n                return null;\n            }\n            return toReference(await createItem.call(adapter, resource, values), resource);\n        };\n    }\n    return source;\n}\n\n/** Reads relation values: references, ids, or lists of them. */\nexport function toReferences(value: unknown): RelationReference[] {\n    const list = Array.isArray(value)\n        ? value\n        : value === null || value === undefined\n          ? []\n          : [value];\n    return list.flatMap((entry: unknown) => {\n        if (typeof entry === 'string' || typeof entry === 'number') {\n            return [{ id: String(entry), label: String(entry) }];\n        }\n        if (entry !== null && typeof entry === 'object' && 'id' in entry) {\n            const { id, label } = entry as { id: unknown; label?: unknown };\n            if (typeof id === 'string' || typeof id === 'number') {\n                return [{ id: String(id), label: typeof label === 'string' ? label : String(id) }];\n            }\n        }\n        return [];\n    });\n}\n\ninterface ResolvedLabels {\n    /** Labels by resource and id: `null` for ids that the source didn't find. */\n    labels: Map<string, string | null>;\n    /** Requests in flight, so that fields with the same ids share one. */\n    pending: Map<string, Promise<void>>;\n}\n\nconst resolved = new WeakMap<RelationSource, ResolvedLabels>();\n\nfunction resolvedOf(source: RelationSource): ResolvedLabels {\n    let entry = resolved.get(source);\n    if (entry === undefined) {\n        entry = { labels: new Map(), pending: new Map() };\n        resolved.set(source, entry);\n    }\n    return entry;\n}\n\nconst keyOf = (resource: string, id: string) => `${resource}\\u0000${id}`;\n\n/** Resolves the ids that no request has resolved or is resolving yet, and waits for all of them. */\nfunction resolveIds(source: RelationSource, resource: string, ids: readonly string[]) {\n    const { labels, pending } = resolvedOf(source);\n    const fresh = ids.filter((id) => !pending.has(keyOf(resource, id)));\n    if (fresh.length > 0 && source.resolve !== undefined) {\n        // Shared by every field that asks for these ids: it isn't aborted when one unmounts.\n        const request = source\n            .resolve(resource, fresh, { signal: new AbortController().signal })\n            .then(\n                (found) => {\n                    fresh.forEach((id) =>\n                        labels.set(\n                            keyOf(resource, id),\n                            found.find((candidate) => candidate.id === id)?.label ?? null,\n                        ),\n                    );\n                },\n                () => {\n                    // Tried again the next time a field shows these ids.\n                    fresh.forEach((id) => pending.delete(keyOf(resource, id)));\n                },\n            );\n        fresh.forEach((id) => pending.set(keyOf(resource, id), request));\n    }\n    return Promise.all(ids.map((id) => pending.get(keyOf(resource, id))));\n}\n\n/**\n * Relation references with the labels of plain ids: references whose label is their id (from\n * `\"12\"`) are resolved with the source's `resolve()`, once per source, resource and id. They keep\n * their id as label until then, or when the source doesn't find them.\n */\nexport function useRelationReferences(\n    source: RelationSource | null,\n    resource: string,\n    references: readonly RelationReference[],\n): RelationReference[] {\n    const cache = source !== null ? resolvedOf(source).labels : null;\n    const [labels, setLabels] = useState<Readonly<Record<string, string>>>({});\n    const label = (id: string): string | undefined =>\n        labels[keyOf(resource, id)] ?? cache?.get(keyOf(resource, id)) ?? undefined;\n    const missing =\n        source?.resolve !== undefined && cache !== null\n            ? references\n                  .filter((reference) => reference.label === reference.id)\n                  .map((reference) => reference.id)\n                  .filter((id) => !cache.has(keyOf(resource, id)))\n            : [];\n    const missingKey = missing.join('\\u0000');\n\n    useEffect(() => {\n        const ids = missingKey === '' ? [] : missingKey.split('\\u0000');\n        if (source === null || cache === null || ids.length === 0) {\n            return undefined;\n        }\n        let active = true;\n        void resolveIds(source, resource, ids).then(() => {\n            if (!active) {\n                return;\n            }\n            const next: Record<string, string> = {};\n            ids.forEach((id) => {\n                const found = cache.get(keyOf(resource, id));\n                if (typeof found === 'string') {\n                    next[keyOf(resource, id)] = found;\n                }\n            });\n            setLabels((current) => ({ ...current, ...next }));\n        });\n        return () => {\n            active = false;\n        };\n    }, [source, cache, resource, missingKey]);\n\n    return references.map((reference) =>\n        reference.label === reference.id\n            ? { id: reference.id, label: label(reference.id) ?? reference.id }\n            : reference,\n    );\n}\n"],"mappings":"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"}

package/dist/shared/types.d.ts

@@ -0,0 +1,50 @@
+import type { ComponentType, ReactNode } from 'react';
+import type { Field } from '@panneau/protocol';
+/**
+ * Props of every field component. Fields are controlled: they show `value` and report changes
+ * through `onChange`, and keep no value of their own. An empty value is `null`.
+ */
+export interface FieldProps<V> {
+    value?: V | null;
+    onChange?: (value: V | null) => void;
+    /** Called when the field loses focus: forms show its client errors from then on. */
+    onBlur?: () => void;
+    /** Error messages. Any message makes the field invalid. */
+    errors?: readonly string[];
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Marks the field as required. Validation itself is the form's job. */
+    required?: boolean;
+    label?: ReactNode;
+    /** Help text under the field. */
+    description?: ReactNode;
+    /** Name of the field, also used as the name of its input. */
+    name?: string;
+    id?: string;
+    autoFocus?: boolean;
+    /** Accessible label, for a field without a visible label. */
+    'aria-label'?: string;
+    className?: string;
+    labelClassName?: string;
+    descriptionClassName?: string;
+    errorsClassName?: string;
+}
+/** Props of a registry entry: a field component driven by a field of the definition. */
+export interface FieldEntryProps {
+    /** The field, as the definition describes it. */
+    field: Field;
+    /** Dot path of the value (`blocks.2.title`), unique in the form. */
+    path: string;
+    value: unknown;
+    onChange: (value: unknown) => void;
+    onBlur?: () => void;
+    errors?: readonly string[];
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** The object the field belongs to: the form's values, or a group or a block. */
+    parentValue?: unknown;
+    className?: string;
+}
+/** A registry entry: renders the field of a type from its definition. */
+export type FieldEntry = ComponentType<FieldEntryProps>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;;GAGG;AACH,MAAM,WAAW,UAAU,CAAC,CAAC;IACzB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,oFAAoF;IACpF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wFAAwF;AACxF,MAAM,WAAW,eAAe;IAC5B,iDAAiD;IACjD,KAAK,EAAE,KAAK,CAAC;IACb,oEAAoE;IACpE,IAAI,EAAE,MAAM,CAAC;IACb,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;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,yEAAyE;AACzE,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,eAAe,CAAC,CAAC"}

package/dist/slug/SlugField.d.ts

@@ -0,0 +1,24 @@
+import type { FieldEntryProps } from '../shared/types';
+import { type TextFieldProps } from '../text/TextField';
+/**
+ * Turns a text into a slug: lowercase ASCII letters and digits separated by dashes, without
+ * accents (`Été à Montréal` gives `ete-a-montreal`).
+ */
+export declare function slugify(text: string): string;
+export interface SlugFieldProps extends Omit<TextFieldProps, 'type' | 'suffix'> {
+    /**
+     * The text the slug is made from (a title). While the slug is empty or still matches it, the
+     * slug follows it.
+     */
+    source?: string | null;
+    /** Name of the source, for the button that generates the slug from it. */
+    sourceLabel?: string;
+}
+/**
+ * A slug for URLs. Typed text is cleaned up on blur. With a `source`, the slug follows it until
+ * it is edited, and a button generates it again.
+ */
+export declare function SlugField({ value, onChange, onBlur, source, sourceLabel, disabled, readOnly, ...props }: SlugFieldProps): import("react").JSX.Element;
+/** The `slug` type: `from` names the field it follows, and setting `prefix` shows a URL prefix. */
+export declare function SlugFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=SlugField.d.ts.map

package/dist/slug/SlugField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlugField.d.ts","sourceRoot":"","sources":["../../src/slug/SlugField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;;GAGG;AACH,wBAAgB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAO5C;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC3E;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAqDhB;AAcD,mGAAmG;AACnG,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAgBpD"}

package/dist/slug/SlugField.js

@@ -0,0 +1,216 @@
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { TextField } from "../text/TextField.js";
+import { c } from "react/compiler-runtime";
+import { IconButton, usePanneauIntl } from "@panneau/ui";
+import { useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { WandSparkles } from "lucide-react";
+//#region src/slug/SlugField.tsx
+/**
+* Turns a text into a slug: lowercase ASCII letters and digits separated by dashes, without
+* accents (`Été à Montréal` gives `ete-a-montreal`).
+*/
+function slugify(text) {
+	return text.normalize("NFKD").replace(/[̀-ͯ]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+/**
+* A slug for URLs. Typed text is cleaned up on blur. With a `source`, the slug follows it until
+* it is edited, and a button generates it again.
+*/
+function SlugField(t0) {
+	const $ = c(37);
+	let disabled;
+	let onBlur;
+	let onChange;
+	let props;
+	let readOnly;
+	let source;
+	let sourceLabel;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, source, sourceLabel, disabled, readOnly, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = onBlur;
+		$[3] = onChange;
+		$[4] = props;
+		$[5] = readOnly;
+		$[6] = source;
+		$[7] = sourceLabel;
+		$[8] = value;
+	} else {
+		disabled = $[1];
+		onBlur = $[2];
+		onChange = $[3];
+		props = $[4];
+		readOnly = $[5];
+		source = $[6];
+		sourceLabel = $[7];
+		value = $[8];
+	}
+	const intl = usePanneauIntl();
+	const previousSource = useRef(source);
+	const editable = disabled !== true && readOnly !== true;
+	let t1;
+	let t2;
+	if ($[9] !== editable || $[10] !== onChange || $[11] !== source || $[12] !== value) {
+		t1 = () => {
+			const previous = previousSource.current;
+			previousSource.current = source;
+			if (!editable || source === previous || source === void 0) return;
+			const current = value ?? "";
+			if (current === "" || current === slugify(previous ?? "")) {
+				const next = slugify(source ?? "");
+				if (next !== current) onChange?.(next === "" ? null : next);
+			}
+		};
+		t2 = [
+			source,
+			value,
+			onChange,
+			editable
+		];
+		$[9] = editable;
+		$[10] = onChange;
+		$[11] = source;
+		$[12] = value;
+		$[13] = t1;
+		$[14] = t2;
+	} else {
+		t1 = $[13];
+		t2 = $[14];
+	}
+	useEffect(t1, t2);
+	const t3 = source ?? "";
+	let t4;
+	if ($[15] !== t3) {
+		t4 = slugify(t3);
+		$[15] = t3;
+		$[16] = t4;
+	} else t4 = $[16];
+	const generated = t4;
+	let t5;
+	if ($[17] !== onBlur || $[18] !== onChange || $[19] !== value) {
+		t5 = () => {
+			if (value !== null && value !== void 0) {
+				const next_0 = slugify(value);
+				if (next_0 !== value) onChange?.(next_0 === "" ? null : next_0);
+			}
+			onBlur?.();
+		};
+		$[17] = onBlur;
+		$[18] = onChange;
+		$[19] = value;
+		$[20] = t5;
+	} else t5 = $[20];
+	let t6;
+	if ($[21] !== editable || $[22] !== generated || $[23] !== intl || $[24] !== onChange || $[25] !== source || $[26] !== sourceLabel || $[27] !== value) {
+		t6 = source !== void 0 && editable ? /* @__PURE__ */ jsx(IconButton, {
+			icon: WandSparkles,
+			size: "sm",
+			label: intl.formatMessage(messages.generateSlug, { field: sourceLabel ?? "" }),
+			isDisabled: generated === "" || generated === value,
+			onPress: () => onChange?.(generated === "" ? null : generated)
+		}) : void 0;
+		$[21] = editable;
+		$[22] = generated;
+		$[23] = intl;
+		$[24] = onChange;
+		$[25] = source;
+		$[26] = sourceLabel;
+		$[27] = value;
+		$[28] = t6;
+	} else t6 = $[28];
+	let t7;
+	if ($[29] !== disabled || $[30] !== onChange || $[31] !== props || $[32] !== readOnly || $[33] !== t5 || $[34] !== t6 || $[35] !== value) {
+		t7 = /* @__PURE__ */ jsx(TextField, {
+			autoComplete: "off",
+			...props,
+			value,
+			onChange,
+			disabled,
+			readOnly,
+			onBlur: t5,
+			suffix: t6
+		});
+		$[29] = disabled;
+		$[30] = onChange;
+		$[31] = props;
+		$[32] = readOnly;
+		$[33] = t5;
+		$[34] = t6;
+		$[35] = value;
+		$[36] = t7;
+	} else t7 = $[36];
+	return t7;
+}
+function sourceText(value) {
+	if (typeof value === "string") return value;
+	if (value !== null && typeof value === "object") return Object.values(value).find(isString) ?? null;
+	return null;
+}
+/** The `slug` type: `from` names the field it follows, and setting `prefix` shows a URL prefix. */
+function SlugFieldEntry(props) {
+	const $ = c(18);
+	const { field, parentValue } = props;
+	let t0;
+	if ($[0] !== field) {
+		t0 = getSetting(field, "prefix", isString);
+		$[0] = field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const prefix = t0;
+	let t1;
+	if ($[2] !== field.from || $[3] !== parentValue) {
+		t1 = field.from !== void 0 && parentValue !== null && typeof parentValue === "object" ? sourceText(parentValue[field.from]) : void 0;
+		$[2] = field.from;
+		$[3] = parentValue;
+		$[4] = t1;
+	} else t1 = $[4];
+	const source = t1;
+	let t2;
+	if ($[5] !== props) {
+		t2 = getFieldProps(props);
+		$[5] = props;
+		$[6] = t2;
+	} else t2 = $[6];
+	const t3 = isString(props.value) ? props.value : null;
+	let t4;
+	if ($[7] !== field.from || $[8] !== source) {
+		t4 = source !== void 0 ? {
+			source,
+			sourceLabel: field.from ?? ""
+		} : {};
+		$[7] = field.from;
+		$[8] = source;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== prefix) {
+		t5 = prefix !== void 0 ? { prefix } : {};
+		$[10] = prefix;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== props.onChange || $[13] !== t2 || $[14] !== t3 || $[15] !== t4 || $[16] !== t5) {
+		t6 = /* @__PURE__ */ jsx(SlugField, {
+			...t2,
+			value: t3,
+			onChange: props.onChange,
+			...t4,
+			...t5
+		});
+		$[12] = props.onChange;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
+}
+//#endregion
+export { SlugField, SlugFieldEntry, slugify };
+
+//# sourceMappingURL=SlugField.js.map

package/dist/slug/SlugField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlugField.js","names":["next","WandSparkles","value","onChange","disabled","readOnly","_c"],"sources":["../../src/slug/SlugField.tsx"],"sourcesContent":["import { WandSparkles } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\n\nimport { IconButton, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\n\n/**\n * Turns a text into a slug: lowercase ASCII letters and digits separated by dashes, without\n * accents (`Été à Montréal` gives `ete-a-montreal`).\n */\nexport function slugify(text: string): string {\n    return text\n        .normalize('NFKD')\n        .replace(/[̀-ͯ]/g, '')\n        .toLowerCase()\n        .replace(/[^a-z0-9]+/g, '-')\n        .replace(/^-+|-+$/g, '');\n}\n\nexport interface SlugFieldProps extends Omit<TextFieldProps, 'type' | 'suffix'> {\n    /**\n     * The text the slug is made from (a title). While the slug is empty or still matches it, the\n     * slug follows it.\n     */\n    source?: string | null;\n    /** Name of the source, for the button that generates the slug from it. */\n    sourceLabel?: string;\n}\n\n/**\n * A slug for URLs. Typed text is cleaned up on blur. With a `source`, the slug follows it until\n * it is edited, and a button generates it again.\n */\nexport function SlugField({\n    value,\n    onChange,\n    onBlur,\n    source,\n    sourceLabel,\n    disabled,\n    readOnly,\n    ...props\n}: SlugFieldProps) {\n    const intl = usePanneauIntl();\n    const previousSource = useRef(source);\n    const editable = disabled !== true && readOnly !== true;\n\n    useEffect(() => {\n        const previous = previousSource.current;\n        previousSource.current = source;\n        if (!editable || source === previous || source === undefined) {\n            return;\n        }\n        const current = value ?? '';\n        if (current === '' || current === slugify(previous ?? '')) {\n            const next = slugify(source ?? '');\n            if (next !== current) {\n                onChange?.(next === '' ? null : next);\n            }\n        }\n    }, [source, value, onChange, editable]);\n\n    const generated = slugify(source ?? '');\n    return (\n        <TextField\n            autoComplete=\"off\"\n            {...props}\n            value={value}\n            onChange={onChange}\n            disabled={disabled}\n            readOnly={readOnly}\n            onBlur={() => {\n                if (value !== null && value !== undefined) {\n                    const next = slugify(value);\n                    if (next !== value) {\n                        onChange?.(next === '' ? null : next);\n                    }\n                }\n                onBlur?.();\n            }}\n            suffix={\n                source !== undefined && editable ? (\n                    <IconButton\n                        icon={WandSparkles}\n                        size=\"sm\"\n                        label={intl.formatMessage(messages.generateSlug, {\n                            field: sourceLabel ?? '',\n                        })}\n                        isDisabled={generated === '' || generated === value}\n                        onPress={() => onChange?.(generated === '' ? null : generated)}\n                    />\n                ) : undefined\n            }\n        />\n    );\n}\n\nfunction sourceText(value: unknown): string | null {\n    if (typeof value === 'string') {\n        return value;\n    }\n    // A localized source: its first locale.\n    if (value !== null && typeof value === 'object') {\n        const first = Object.values(value as Record<string, unknown>).find(isString);\n        return first ?? null;\n    }\n    return null;\n}\n\n/** The `slug` type: `from` names the field it follows, and setting `prefix` shows a URL prefix. */\nexport function SlugFieldEntry(props: FieldEntryProps) {\n    const { field, parentValue } = props;\n    const prefix = getSetting(field, 'prefix', isString);\n    const source =\n        field.from !== undefined && parentValue !== null && typeof parentValue === 'object'\n            ? sourceText((parentValue as Record<string, unknown>)[field.from])\n            : undefined;\n    return (\n        <SlugField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(source !== undefined ? { source, sourceLabel: field.from ?? '' } : {})}\n            {...(prefix !== undefined ? { prefix } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/slug/index.d.ts

@@ -0,0 +1,2 @@
+export { SlugField, SlugFieldEntry, type SlugFieldProps, slugify } from './SlugField';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/slug/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/slug/index.js

@@ -0,0 +1 @@
+export { SlugField, SlugFieldEntry, slugify } from "./SlugField.js";

package/dist/text/TextField.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export interface TextFieldProps extends FieldProps<string> {
+    placeholder?: string;
+    /** Shows a count of characters against this maximum. It doesn't stop typing. */
+    maxLength?: number;
+    /** Content before the text, inside the control. */
+    prefix?: ReactNode;
+    /** Content after the text, inside the control. */
+    suffix?: ReactNode;
+    /** Type of the input. Defaults to `text`. */
+    type?: 'text' | 'email' | 'url' | 'tel' | 'password' | 'search';
+    inputMode?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'numeric' | 'decimal' | 'none';
+    autoComplete?: string;
+    controlClassName?: string;
+    inputClassName?: string;
+}
+/** The description of a text field, with its character count. */
+export declare function useCountedDescription(description: ReactNode, value: string | null | undefined, maxLength: number | undefined): ReactNode;
+/** A single-line text. An empty text is `null`. */
+export declare function TextField({ value, onChange, description, maxLength, disabled, readOnly, required, ...props }: TextFieldProps): import("react").JSX.Element;
+/** The `text` type: settings `prefix` and `suffix`, and a character count from the `max` rule. */
+export declare function TextFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/text/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/text/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,MAAM,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iEAAiE;AACjE,wBAAgB,qBAAqB,CACjC,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,SAAS,EAAE,MAAM,GAAG,SAAS,GAC9B,SAAS,CAiBX;AAED,mDAAmD;AACnD,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAahB;AAED,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAepD"}