@panneau/fields 4.1.1 → 5.0.0-alpha.0

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"}

package/dist/text/TextField.js

@@ -0,0 +1,179 @@
+import { getFieldProps, getRuleNumber, getSetting, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { c } from "react/compiler-runtime";
+import { TextInput, usePanneauIntl } from "@panneau/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/text/TextField.tsx
+/** The description of a text field, with its character count. */
+function useCountedDescription(description, value, maxLength) {
+	const $ = c(9);
+	const intl = usePanneauIntl();
+	if (maxLength === void 0) return description;
+	let t0;
+	if ($[0] !== intl || $[1] !== maxLength || $[2] !== value) {
+		t0 = intl.formatMessage(messages.characterCount, {
+			count: (value ?? "").length,
+			max: maxLength
+		});
+		$[0] = intl;
+		$[1] = maxLength;
+		$[2] = value;
+		$[3] = t0;
+	} else t0 = $[3];
+	const count = t0;
+	if (description === void 0 || description === null) return count;
+	let t1;
+	if ($[4] !== count) {
+		t1 = /* @__PURE__ */ jsx("span", { children: count });
+		$[4] = count;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== description || $[7] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			description,
+			" ",
+			t1
+		] });
+		$[6] = description;
+		$[7] = t1;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+}
+/** A single-line text. An empty text is `null`. */
+function TextField(t0) {
+	const $ = c(19);
+	let description;
+	let disabled;
+	let maxLength;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, description, maxLength, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = maxLength;
+		$[4] = onChange;
+		$[5] = props;
+		$[6] = readOnly;
+		$[7] = required;
+		$[8] = value;
+	} else {
+		description = $[1];
+		disabled = $[2];
+		maxLength = $[3];
+		onChange = $[4];
+		props = $[5];
+		readOnly = $[6];
+		required = $[7];
+		value = $[8];
+	}
+	const shownDescription = useCountedDescription(description, value, maxLength);
+	const t1 = value ?? "";
+	let t2;
+	if ($[9] !== onChange) {
+		t2 = (next) => onChange?.(next === "" ? null : next);
+		$[9] = onChange;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== disabled || $[12] !== props || $[13] !== readOnly || $[14] !== required || $[15] !== shownDescription || $[16] !== t1 || $[17] !== t2) {
+		t3 = /* @__PURE__ */ jsx(TextInput, {
+			...props,
+			value: t1,
+			onChange: t2,
+			description: shownDescription,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[11] = disabled;
+		$[12] = props;
+		$[13] = readOnly;
+		$[14] = required;
+		$[15] = shownDescription;
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+	} else t3 = $[18];
+	return t3;
+}
+/** The `text` type: settings `prefix` and `suffix`, and a character count from the `max` rule. */
+function TextFieldEntry(props) {
+	const $ = c(21);
+	const { field } = 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) {
+		t1 = getSetting(field, "suffix", isString);
+		$[2] = field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const suffix = t1;
+	let t2;
+	if ($[4] !== field) {
+		t2 = getRuleNumber(field, "max");
+		$[4] = field;
+		$[5] = t2;
+	} else t2 = $[5];
+	const max = t2;
+	let t3;
+	if ($[6] !== props) {
+		t3 = getFieldProps(props);
+		$[6] = props;
+		$[7] = t3;
+	} else t3 = $[7];
+	const t4 = isString(props.value) ? props.value : null;
+	let t5;
+	if ($[8] !== max) {
+		t5 = max !== void 0 ? { maxLength: max } : {};
+		$[8] = max;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== prefix) {
+		t6 = prefix !== void 0 ? { prefix } : {};
+		$[10] = prefix;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== suffix) {
+		t7 = suffix !== void 0 ? { suffix } : {};
+		$[12] = suffix;
+		$[13] = t7;
+	} else t7 = $[13];
+	let t8;
+	if ($[14] !== props.onChange || $[15] !== t3 || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 || $[19] !== t7) {
+		t8 = /* @__PURE__ */ jsx(TextField, {
+			...t3,
+			value: t4,
+			onChange: props.onChange,
+			...t5,
+			...t6,
+			...t7
+		});
+		$[14] = props.onChange;
+		$[15] = t3;
+		$[16] = t4;
+		$[17] = t5;
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+	} else t8 = $[20];
+	return t8;
+}
+//#endregion
+export { TextField, TextFieldEntry, useCountedDescription };
+
+//# sourceMappingURL=TextField.js.map

package/dist/text/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","names":["count","description","shownDescription","disabled","readOnly","required","_c","_Fragment"],"sources":["../../src/text/TextField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { TextInput, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getRuleNumber, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface TextFieldProps extends FieldProps<string> {\n    placeholder?: string;\n    /** Shows a count of characters against this maximum. It doesn't stop typing. */\n    maxLength?: number;\n    /** Content before the text, inside the control. */\n    prefix?: ReactNode;\n    /** Content after the text, inside the control. */\n    suffix?: ReactNode;\n    /** Type of the input. Defaults to `text`. */\n    type?: 'text' | 'email' | 'url' | 'tel' | 'password' | 'search';\n    inputMode?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'numeric' | 'decimal' | 'none';\n    autoComplete?: string;\n    controlClassName?: string;\n    inputClassName?: string;\n}\n\n/** The description of a text field, with its character count. */\nexport function useCountedDescription(\n    description: ReactNode,\n    value: string | null | undefined,\n    maxLength: number | undefined,\n): ReactNode {\n    const intl = usePanneauIntl();\n    if (maxLength === undefined) {\n        return description;\n    }\n    const count = intl.formatMessage(messages.characterCount, {\n        count: (value ?? '').length,\n        max: maxLength,\n    });\n    if (description === undefined || description === null) {\n        return count;\n    }\n    return (\n        <>\n            {description} <span>{count}</span>\n        </>\n    );\n}\n\n/** A single-line text. An empty text is `null`. */\nexport function TextField({\n    value,\n    onChange,\n    description,\n    maxLength,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TextFieldProps) {\n    const shownDescription = useCountedDescription(description, value, maxLength);\n    return (\n        <TextInput\n            {...props}\n            value={value ?? ''}\n            onChange={(next) => onChange?.(next === '' ? null : next)}\n            description={shownDescription}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `text` type: settings `prefix` and `suffix`, and a character count from the `max` rule. */\nexport function TextFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const prefix = getSetting(field, 'prefix', isString);\n    const suffix = getSetting(field, 'suffix', isString);\n    const max = getRuleNumber(field, 'max');\n    return (\n        <TextField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(max !== undefined ? { maxLength: max } : {})}\n            {...(prefix !== undefined ? { prefix } : {})}\n            {...(suffix !== undefined ? { suffix } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/text/index.d.ts

@@ -0,0 +1,2 @@
+export { TextField, TextFieldEntry, type TextFieldProps } from './TextField';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/text/index.js

@@ -0,0 +1 @@
+export { TextField, TextFieldEntry } from "./TextField.js";

package/dist/textarea/TextAreaField.d.ts

@@ -0,0 +1,14 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export interface TextAreaFieldProps extends FieldProps<string> {
+    placeholder?: string;
+    /** Shows a count of characters against this maximum. It doesn't stop typing. */
+    maxLength?: number;
+    /** Visible lines. Defaults to 4. */
+    rows?: number;
+    textAreaClassName?: string;
+}
+/** A text of several lines. An empty text is `null`. */
+export declare function TextAreaField({ value, onChange, description, maxLength, disabled, readOnly, required, ...props }: TextAreaFieldProps): import("react").JSX.Element;
+/** The `textarea` type: setting `rows`, and a character count from the `max` rule. */
+export declare function TextAreaFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=TextAreaField.d.ts.map

package/dist/textarea/TextAreaField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.d.ts","sourceRoot":"","sources":["../../src/textarea/TextAreaField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,WAAW,kBAAmB,SAAQ,UAAU,CAAC,MAAM,CAAC;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wDAAwD;AACxD,wBAAgB,aAAa,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,kBAAkB,+BAapB;AAED,sFAAsF;AACtF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,+BAYxD"}

package/dist/textarea/TextAreaField.js

@@ -0,0 +1,126 @@
+import { getFieldProps, getRuleNumber, getSetting, isNumber, isString } from "../shared/entry.js";
+import { useCountedDescription } from "../text/TextField.js";
+import { c } from "react/compiler-runtime";
+import { TextArea } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/textarea/TextAreaField.tsx
+/** A text of several lines. An empty text is `null`. */
+function TextAreaField(t0) {
+	const $ = c(19);
+	let description;
+	let disabled;
+	let maxLength;
+	let onChange;
+	let props;
+	let readOnly;
+	let required;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, description, maxLength, disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = description;
+		$[2] = disabled;
+		$[3] = maxLength;
+		$[4] = onChange;
+		$[5] = props;
+		$[6] = readOnly;
+		$[7] = required;
+		$[8] = value;
+	} else {
+		description = $[1];
+		disabled = $[2];
+		maxLength = $[3];
+		onChange = $[4];
+		props = $[5];
+		readOnly = $[6];
+		required = $[7];
+		value = $[8];
+	}
+	const shownDescription = useCountedDescription(description, value, maxLength);
+	const t1 = value ?? "";
+	let t2;
+	if ($[9] !== onChange) {
+		t2 = (next) => onChange?.(next === "" ? null : next);
+		$[9] = onChange;
+		$[10] = t2;
+	} else t2 = $[10];
+	let t3;
+	if ($[11] !== disabled || $[12] !== props || $[13] !== readOnly || $[14] !== required || $[15] !== shownDescription || $[16] !== t1 || $[17] !== t2) {
+		t3 = /* @__PURE__ */ jsx(TextArea, {
+			...props,
+			value: t1,
+			onChange: t2,
+			description: shownDescription,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[11] = disabled;
+		$[12] = props;
+		$[13] = readOnly;
+		$[14] = required;
+		$[15] = shownDescription;
+		$[16] = t1;
+		$[17] = t2;
+		$[18] = t3;
+	} else t3 = $[18];
+	return t3;
+}
+/** The `textarea` type: setting `rows`, and a character count from the `max` rule. */
+function TextAreaFieldEntry(props) {
+	const $ = c(16);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getRuleNumber(props.field, "max");
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const max = t0;
+	let t1;
+	if ($[2] !== props.field) {
+		t1 = getSetting(props.field, "rows", isNumber);
+		$[2] = props.field;
+		$[3] = t1;
+	} else t1 = $[3];
+	const rows = t1;
+	let t2;
+	if ($[4] !== props) {
+		t2 = getFieldProps(props);
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
+	const t3 = isString(props.value) ? props.value : null;
+	let t4;
+	if ($[6] !== max) {
+		t4 = max !== void 0 ? { maxLength: max } : {};
+		$[6] = max;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== rows) {
+		t5 = rows !== void 0 ? { rows } : {};
+		$[8] = rows;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== props.onChange || $[11] !== t2 || $[12] !== t3 || $[13] !== t4 || $[14] !== t5) {
+		t6 = /* @__PURE__ */ jsx(TextAreaField, {
+			...t2,
+			value: t3,
+			onChange: props.onChange,
+			...t4,
+			...t5
+		});
+		$[10] = props.onChange;
+		$[11] = t2;
+		$[12] = t3;
+		$[13] = t4;
+		$[14] = t5;
+		$[15] = t6;
+	} else t6 = $[15];
+	return t6;
+}
+//#endregion
+export { TextAreaField, TextAreaFieldEntry };
+
+//# sourceMappingURL=TextAreaField.js.map

package/dist/textarea/TextAreaField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.js","names":["shownDescription","disabled","readOnly","required","_c"],"sources":["../../src/textarea/TextAreaField.tsx"],"sourcesContent":["import { TextArea } from '@panneau/ui';\n\nimport { getFieldProps, getRuleNumber, getSetting, isNumber, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\nimport { useCountedDescription } from '../text/TextField';\n\nexport interface TextAreaFieldProps extends FieldProps<string> {\n    placeholder?: string;\n    /** Shows a count of characters against this maximum. It doesn't stop typing. */\n    maxLength?: number;\n    /** Visible lines. Defaults to 4. */\n    rows?: number;\n    textAreaClassName?: string;\n}\n\n/** A text of several lines. An empty text is `null`. */\nexport function TextAreaField({\n    value,\n    onChange,\n    description,\n    maxLength,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TextAreaFieldProps) {\n    const shownDescription = useCountedDescription(description, value, maxLength);\n    return (\n        <TextArea\n            {...props}\n            value={value ?? ''}\n            onChange={(next) => onChange?.(next === '' ? null : next)}\n            description={shownDescription}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `textarea` type: setting `rows`, and a character count from the `max` rule. */\nexport function TextAreaFieldEntry(props: FieldEntryProps) {\n    const max = getRuleNumber(props.field, 'max');\n    const rows = getSetting(props.field, 'rows', isNumber);\n    return (\n        <TextAreaField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(max !== undefined ? { maxLength: max } : {})}\n            {...(rows !== undefined ? { rows } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { TextAreaField, TextAreaFieldEntry, type TextAreaFieldProps } from './TextAreaField';
+//# sourceMappingURL=index.d.ts.map