@panneau/fields 5.0.0-alpha.1 → 5.0.0-alpha.10

package/dist/slug/index.js

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

package/dist/tags/TagsField.d.ts

@@ -0,0 +1,17 @@
+import { type TagSuggestion } from '@panneau/ui';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+export interface TagsFieldProps extends FieldProps<string[]> {
+    placeholder?: string;
+    /** Tags offered as the user types. */
+    suggestions?: readonly TagSuggestion[];
+    /** Whether tags outside the suggestions are allowed. Defaults to true. */
+    allowCustom?: boolean;
+}
+/** A list of words, typed or picked among suggestions. An empty list is `null`. */
+export declare function TagsField({ disabled, readOnly, required, ...props }: TagsFieldProps): import("react").JSX.Element;
+/**
+ * The `tags` type: its `options` as suggestions, and setting `allowCustom` (true by default)
+ * for tags outside them.
+ */
+export declare function TagsFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=TagsField.d.ts.map

package/dist/tags/TagsField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsField.d.ts","sourceRoot":"","sources":["../../src/tags/TagsField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,aAAa,CAAC;AAG5D,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,MAAM,EAAE,CAAC;IACxD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,WAAW,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACvC,0EAA0E;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,mFAAmF;AACnF,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAInF;AAOD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAiBpD"}

package/dist/tags/TagsField.js

@@ -0,0 +1,120 @@
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { c } from "react/compiler-runtime";
+import { TagsInput } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/tags/TagsField.tsx
+/** A list of words, typed or picked among suggestions. An empty list is `null`. */
+function TagsField(t0) {
+	const $ = c(10);
+	let disabled;
+	let props;
+	let readOnly;
+	let required;
+	if ($[0] !== t0) {
+		({disabled, readOnly, required, ...props} = t0);
+		$[0] = t0;
+		$[1] = disabled;
+		$[2] = props;
+		$[3] = readOnly;
+		$[4] = required;
+	} else {
+		disabled = $[1];
+		props = $[2];
+		readOnly = $[3];
+		required = $[4];
+	}
+	let t1;
+	if ($[5] !== disabled || $[6] !== props || $[7] !== readOnly || $[8] !== required) {
+		t1 = /* @__PURE__ */ jsx(TagsInput, {
+			...props,
+			isDisabled: disabled,
+			isReadOnly: readOnly,
+			isRequired: required
+		});
+		$[5] = disabled;
+		$[6] = props;
+		$[7] = readOnly;
+		$[8] = required;
+		$[9] = t1;
+	} else t1 = $[9];
+	return t1;
+}
+/** The options of a field as suggestions: their values as strings. */
+function toSuggestions(options) {
+	return options.map((option) => ({
+		value: String(option.value),
+		label: option.label
+	}));
+}
+/**
+* The `tags` type: its `options` as suggestions, and setting `allowCustom` (true by default)
+* for tags outside them.
+*/
+function TagsFieldEntry(props) {
+	const $ = c(18);
+	const { field } = props;
+	let t0;
+	if ($[0] !== field) {
+		t0 = getSetting(field, "allowCustom", _temp);
+		$[0] = field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const allowCustom = t0;
+	let t1;
+	if ($[2] !== props.value) {
+		t1 = Array.isArray(props.value) ? props.value.filter(isString) : null;
+		$[2] = props.value;
+		$[3] = t1;
+	} else t1 = $[3];
+	const value_0 = t1;
+	let t2;
+	if ($[4] !== props) {
+		t2 = getFieldProps(props);
+		$[4] = props;
+		$[5] = t2;
+	} else t2 = $[5];
+	const t3 = value_0 !== null && value_0.length > 0 ? value_0 : null;
+	const t4 = props.onChange;
+	let t5;
+	if ($[6] !== field.options) {
+		t5 = field.options ?? [];
+		$[6] = field.options;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== t5) {
+		t6 = toSuggestions(t5);
+		$[8] = t5;
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== allowCustom) {
+		t7 = allowCustom !== void 0 ? { allowCustom } : {};
+		$[10] = allowCustom;
+		$[11] = t7;
+	} else t7 = $[11];
+	let t8;
+	if ($[12] !== props.onChange || $[13] !== t2 || $[14] !== t3 || $[15] !== t6 || $[16] !== t7) {
+		t8 = /* @__PURE__ */ jsx(TagsField, {
+			...t2,
+			value: t3,
+			onChange: t4,
+			suggestions: t6,
+			...t7
+		});
+		$[12] = props.onChange;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t6;
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	return t8;
+}
+function _temp(value) {
+	return typeof value === "boolean";
+}
+//#endregion
+export { TagsField, TagsFieldEntry };
+
+//# sourceMappingURL=TagsField.js.map

package/dist/tags/TagsField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsField.js","names":["Option","TagSuggestion","TagsInput","getFieldProps","getSetting","isString","FieldEntryProps","FieldProps","TagsFieldProps","placeholder","suggestions","allowCustom","TagsField","t0","$","_c","disabled","props","readOnly","required","t1","toSuggestions","options","map","option","value","String","label","TagsFieldEntry","field","_temp","Array","isArray","filter","value_0","t2","t3","length","t4","onChange","t5","t6","t7","undefined","t8","_c"],"sources":["../../src/tags/TagsField.tsx"],"sourcesContent":["import type { Option } from '@panneau/protocol';\nimport { type TagSuggestion, TagsInput } from '@panneau/ui';\n\nimport { getFieldProps, getSetting, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface TagsFieldProps extends FieldProps<string[]> {\n    placeholder?: string;\n    /** Tags offered as the user types. */\n    suggestions?: readonly TagSuggestion[];\n    /** Whether tags outside the suggestions are allowed. Defaults to true. */\n    allowCustom?: boolean;\n}\n\n/** A list of words, typed or picked among suggestions. An empty list is `null`. */\nexport function TagsField({ disabled, readOnly, required, ...props }: TagsFieldProps) {\n    return (\n        <TagsInput {...props} isDisabled={disabled} isReadOnly={readOnly} isRequired={required} />\n    );\n}\n\n/** The options of a field as suggestions: their values as strings. */\nfunction toSuggestions(options: readonly Option[]): TagSuggestion[] {\n    return options.map((option) => ({ value: String(option.value), label: option.label }));\n}\n\n/**\n * The `tags` type: its `options` as suggestions, and setting `allowCustom` (true by default)\n * for tags outside them.\n */\nexport function TagsFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const allowCustom = getSetting(\n        field,\n        'allowCustom',\n        (value): value is boolean => typeof value === 'boolean',\n    );\n    const value = Array.isArray(props.value) ? props.value.filter(isString) : null;\n    return (\n        <TagsField\n            {...getFieldProps(props)}\n            value={value !== null && value.length > 0 ? value : null}\n            onChange={props.onChange}\n            suggestions={toSuggestions(field.options ?? [])}\n            {...(allowCustom !== undefined ? { allowCustom } : {})}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/tags/index.d.ts

@@ -0,0 +1,2 @@
+export { TagsField, TagsFieldEntry, type TagsFieldProps } from './TagsField.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/tags/index.js

@@ -0,0 +1 @@
+export { TagsField, TagsFieldEntry } from "./TagsField.js";

package/dist/tel/TelField.d.ts

@@ -0,0 +1,11 @@
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
+export type TelFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;
+/**
+ * A phone number, as typed, with the phone keyboard on phones. Spaces around it are removed on
+ * blur. A `pattern` rule constrains its format when a project needs one.
+ */
+export declare function TelField({ value, onChange, onBlur, ...props }: TelFieldProps): import("react").JSX.Element;
+/** The `tel` type. */
+export declare function TelFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=TelField.d.ts.map

package/dist/tel/TelField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelField.d.ts","sourceRoot":"","sources":["../../src/tel/TelField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,WAAW,CAAC,CAAC;AAEvE;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAkB5E;AAED,sBAAsB;AACtB,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,+BAQnD"}

package/dist/tel/TelField.js

@@ -0,0 +1,87 @@
+import { getFieldProps, isString } from "../shared/entry.js";
+import { TextField } from "../text/TextField.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+//#region src/tel/TelField.tsx
+/**
+* A phone number, as typed, with the phone keyboard on phones. Spaces around it are removed on
+* blur. A `pattern` rule constrains its format when a project needs one.
+*/
+function TelField(t0) {
+	const $ = c(14);
+	let onBlur;
+	let onChange;
+	let props;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, ...props} = t0);
+		$[0] = t0;
+		$[1] = onBlur;
+		$[2] = onChange;
+		$[3] = props;
+		$[4] = value;
+	} else {
+		onBlur = $[1];
+		onChange = $[2];
+		props = $[3];
+		value = $[4];
+	}
+	let t1;
+	if ($[5] !== onBlur || $[6] !== onChange || $[7] !== value) {
+		t1 = () => {
+			const trimmed = value?.trim() ?? null;
+			if (trimmed !== value) onChange?.(trimmed === "" ? null : trimmed);
+			onBlur?.();
+		};
+		$[5] = onBlur;
+		$[6] = onChange;
+		$[7] = value;
+		$[8] = t1;
+	} else t1 = $[8];
+	let t2;
+	if ($[9] !== onChange || $[10] !== props || $[11] !== t1 || $[12] !== value) {
+		t2 = /* @__PURE__ */ jsx(TextField, {
+			autoComplete: "tel",
+			...props,
+			type: "tel",
+			inputMode: "tel",
+			value,
+			onChange,
+			onBlur: t1
+		});
+		$[9] = onChange;
+		$[10] = props;
+		$[11] = t1;
+		$[12] = value;
+		$[13] = t2;
+	} else t2 = $[13];
+	return t2;
+}
+/** The `tel` type. */
+function TelFieldEntry(props) {
+	const $ = c(6);
+	let t0;
+	if ($[0] !== props) {
+		t0 = getFieldProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = isString(props.value) ? props.value : null;
+	let t2;
+	if ($[2] !== props.onChange || $[3] !== t0 || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(TelField, {
+			...t0,
+			value: t1,
+			onChange: props.onChange
+		});
+		$[2] = props.onChange;
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+//#endregion
+export { TelField, TelFieldEntry };
+
+//# sourceMappingURL=TelField.js.map

package/dist/tel/TelField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TelField.js","names":["getFieldProps","isString","FieldEntryProps","TextField","TextFieldProps","TelFieldProps","Omit","TelField","t0","$","_c","onBlur","onChange","props","value","t1","trimmed","trim","t2","TelFieldEntry","_c"],"sources":["../../src/tel/TelField.tsx"],"sourcesContent":["import { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps } from '../shared/types';\nimport { TextField, type TextFieldProps } from '../text/TextField';\n\nexport type TelFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;\n\n/**\n * A phone number, as typed, with the phone keyboard on phones. Spaces around it are removed on\n * blur. A `pattern` rule constrains its format when a project needs one.\n */\nexport function TelField({ value, onChange, onBlur, ...props }: TelFieldProps) {\n    return (\n        <TextField\n            autoComplete=\"tel\"\n            {...props}\n            type=\"tel\"\n            inputMode=\"tel\"\n            value={value}\n            onChange={onChange}\n            onBlur={() => {\n                const trimmed = value?.trim() ?? null;\n                if (trimmed !== value) {\n                    onChange?.(trimmed === '' ? null : trimmed);\n                }\n                onBlur?.();\n            }}\n        />\n    );\n}\n\n/** The `tel` type. */\nexport function TelFieldEntry(props: FieldEntryProps) {\n    return (\n        <TelField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAOO,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAL,EAAA,OAAAD,IAAA;EAAkB,CAAA,CAAAM,OAAAF,UAAAD,QAAA,GAAAE,SAAAL;EAAoDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;CAAA,OAAA;EAAAH,SAAAF,EAAA;EAAAG,WAAAH,EAAA;EAAAI,QAAAJ,EAAA;EAAAK,QAAAL,EAAA;CAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAE,UAAAF,EAAA,OAAAG,YAAAH,EAAA,OAAAK,OAAA;EASzDC,WAAA;GACJ,MAAAC,UAAgBF,OAAKG,KAAe,KAApB;GAChB,IAAID,YAAYF,OACZF,WAAWI,YAAY,KAAZ,OAAAA,OAA+B;GAE9CL,SAAS;EAAC;EACbF,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAG,YAAAH,EAAA,QAAAI,SAAAJ,EAAA,QAAAM,MAAAN,EAAA,QAAAK,OAAA;EAbLI,KAAA,oBAAC,WAAD;GACiB,cAAA;GAAK,GACdL;GACC,MAAA;GACK,WAAA;GACHC;GACGF;GACF,QAAAG;EAMP,CAAA;EACHN,EAAA,KAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAM;EAAAN,EAAA,MAAAK;EAAAL,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAdFS;AAcE;;AAKV,SAAOC,cAAAN,OAAA;CAAA,MAAAJ,IAAAC,EAAA,CAAA;CAAA,IAAAF;CAAA,IAAAC,EAAA,OAAAI,OAAA;EAGSL,KAAAR,cAAca,KAAK;EAACJ,EAAA,KAAAI;EAAAJ,EAAA,KAAAD;CAAA,OAAAA,KAAAC,EAAA;CACjB,MAAAM,KAAAd,SAASY,MAAKC,KAA2B,IAAjBD,MAAKC,QAA7B;CAA0C,IAAAI;CAAA,IAAAT,EAAA,OAAAI,MAAAD,YAAAH,EAAA,OAAAD,MAAAC,EAAA,OAAAM,IAAA;EAFrDG,KAAA,oBAAC,UAAD;GAAS,GACDV;GACG,OAAAO;GACG,UAAAF,MAAKD;EAAS,CAAA;EAC1BH,EAAA,KAAAI,MAAAD;EAAAH,EAAA,KAAAD;EAAAC,EAAA,KAAAM;EAAAN,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAJFS;AAIE"}

package/dist/tel/index.d.ts

@@ -0,0 +1,2 @@
+export { TelField, TelFieldEntry, type TelFieldProps } from './TelField.js';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/tel/index.js

@@ -0,0 +1 @@
+export { TelField, TelFieldEntry } from "./TelField.js";

package/dist/text/TextField.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import { type ReactNode } from 'react';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface TextFieldProps extends FieldProps<string> {
     placeholder?: string;
     /** Shows a count of characters against this maximum. It doesn't stop typing. */
@@ -12,13 +12,21 @@ export interface TextFieldProps extends FieldProps<string> {
     type?: 'text' | 'email' | 'url' | 'tel' | 'password' | 'search';
     inputMode?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'numeric' | 'decimal' | 'none';
     autoComplete?: string;
+    /**
+     * A secret, such as an access key: typed in a password input, hidden until a button shows it,
+     * and never filled in by the browser.
+     */
+    secret?: boolean;
     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 TextField({ value, onChange, description, maxLength, disabled, readOnly, required, secret, ...props }: TextFieldProps): import("react").JSX.Element;
+/**
+ * The `text` type: settings `prefix`, `suffix` and `secret`, 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

@@ -1 +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"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/text/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMjD,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;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,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,MAAc,EACd,GAAG,KAAK,EACX,EAAE,cAAc,+BAkChB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAiBpD"}

package/dist/text/TextField.js

@@ -1,8 +1,10 @@
-import { getFieldProps, getRuleNumber, getSetting, isString } from "../shared/entry.js";
+import { getFieldProps, getRuleNumber, getSetting, isBoolean, isString } from "../shared/entry.js";
 import { messages } from "../shared/messages.js";
 import { c } from "react/compiler-runtime";
-import { TextInput, usePanneauIntl } from "@panneau/ui";
+import { IconButton, TextInput, usePanneauIntl } from "@panneau/ui";
+import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff } from "lucide-react";
 //#region src/text/TextField.tsx
 /** The description of a text field, with its character count. */
 function useCountedDescription(description, value, maxLength) {
@@ -43,7 +45,7 @@ function useCountedDescription(description, value, maxLength) {
 }
 /** A single-line text. An empty text is `null`. */
 function TextField(t0) {
-	const $ = c(19);
+	const $ = c(26);
 	let description;
 	let disabled;
 	let maxLength;
@@ -51,9 +53,10 @@ function TextField(t0) {
 	let props;
 	let readOnly;
 	let required;
+	let t1;
 	let value;
 	if ($[0] !== t0) {
-		({value, onChange, description, maxLength, disabled, readOnly, required, ...props} = t0);
+		({value, onChange, description, maxLength, disabled, readOnly, required, secret: t1, ...props} = t0);
 		$[0] = t0;
 		$[1] = description;
 		$[2] = disabled;
@@ -62,7 +65,8 @@ function TextField(t0) {
 		$[5] = props;
 		$[6] = readOnly;
 		$[7] = required;
-		$[8] = value;
+		$[8] = t1;
+		$[9] = value;
 	} else {
 		description = $[1];
 		disabled = $[2];
@@ -71,41 +75,72 @@ function TextField(t0) {
 		props = $[5];
 		readOnly = $[6];
 		required = $[7];
-		value = $[8];
+		t1 = $[8];
+		value = $[9];
 	}
+	const secret = t1 === void 0 ? false : t1;
+	const intl = usePanneauIntl();
 	const shownDescription = useCountedDescription(description, value, maxLength);
-	const t1 = value ?? "";
+	const [shown, setShown] = useState(false);
 	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, {
+	if ($[10] !== disabled || $[11] !== intl || $[12] !== secret || $[13] !== shown) {
+		t2 = secret ? {
+			type: shown ? "text" : "password",
+			autoComplete: "new-password",
+			spellCheck: "false",
+			suffix: /* @__PURE__ */ jsx(IconButton, {
+				icon: shown ? EyeOff : Eye,
+				label: intl.formatMessage(shown ? messages.hideSecret : messages.showSecret),
+				size: "sm",
+				"aria-pressed": shown,
+				isDisabled: disabled,
+				onPress: () => setShown(!shown)
+			})
+		} : {};
+		$[10] = disabled;
+		$[11] = intl;
+		$[12] = secret;
+		$[13] = shown;
+		$[14] = t2;
+	} else t2 = $[14];
+	const secretProps = t2;
+	const t3 = value ?? "";
+	let t4;
+	if ($[15] !== onChange) {
+		t4 = (next) => onChange?.(next === "" ? null : next);
+		$[15] = onChange;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== disabled || $[18] !== props || $[19] !== readOnly || $[20] !== required || $[21] !== secretProps || $[22] !== shownDescription || $[23] !== t3 || $[24] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TextInput, {
 			...props,
-			value: t1,
-			onChange: t2,
+			...secretProps,
+			value: t3,
+			onChange: t4,
 			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;
+		$[17] = disabled;
+		$[18] = props;
+		$[19] = readOnly;
+		$[20] = required;
+		$[21] = secretProps;
+		$[22] = shownDescription;
+		$[23] = t3;
+		$[24] = t4;
+		$[25] = t5;
+	} else t5 = $[25];
+	return t5;
 }
-/** The `text` type: settings `prefix` and `suffix`, and a character count from the `max` rule. */
+/**
+* The `text` type: settings `prefix`, `suffix` and `secret`, and a character count from the `max`
+* rule.
+*/
 function TextFieldEntry(props) {
-	const $ = c(21);
+	const $ = c(24);
 	const { field } = props;
 	let t0;
 	if ($[0] !== field) {
@@ -129,49 +164,58 @@ function TextFieldEntry(props) {
 	} else t2 = $[5];
 	const max = t2;
 	let t3;
-	if ($[6] !== props) {
-		t3 = getFieldProps(props);
-		$[6] = props;
+	if ($[6] !== field) {
+		t3 = getSetting(field, "secret", isBoolean) ?? false;
+		$[6] = field;
 		$[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];
+	const secret = t3;
+	let t4;
+	if ($[8] !== props) {
+		t4 = getFieldProps(props);
+		$[8] = props;
+		$[9] = t4;
+	} else t4 = $[9];
+	const t5 = isString(props.value) ? props.value : null;
 	let t6;
-	if ($[10] !== prefix) {
-		t6 = prefix !== void 0 ? { prefix } : {};
-		$[10] = prefix;
+	if ($[10] !== max) {
+		t6 = max !== void 0 ? { maxLength: max } : {};
+		$[10] = max;
 		$[11] = t6;
 	} else t6 = $[11];
 	let t7;
-	if ($[12] !== suffix) {
-		t7 = suffix !== void 0 ? { suffix } : {};
-		$[12] = suffix;
+	if ($[12] !== prefix) {
+		t7 = prefix !== void 0 ? { prefix } : {};
+		$[12] = prefix;
 		$[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,
+	if ($[14] !== suffix) {
+		t8 = suffix !== void 0 ? { suffix } : {};
+		$[14] = suffix;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== props.onChange || $[17] !== secret || $[18] !== t4 || $[19] !== t5 || $[20] !== t6 || $[21] !== t7 || $[22] !== t8) {
+		t9 = /* @__PURE__ */ jsx(TextField, {
+			...t4,
+			value: t5,
 			onChange: props.onChange,
-			...t5,
 			...t6,
-			...t7
+			...t7,
+			...t8,
+			secret
 		});
-		$[14] = props.onChange;
-		$[15] = t3;
-		$[16] = t4;
-		$[17] = t5;
-		$[18] = t6;
-		$[19] = t7;
-		$[20] = t8;
-	} else t8 = $[20];
-	return t8;
+		$[16] = props.onChange;
+		$[17] = secret;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	return t9;
 }
 //#endregion
 export { TextField, TextFieldEntry, useCountedDescription };

package/dist/text/TextField.js.map

@@ -1 +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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"}
+{"version":3,"file":"TextField.js","names":["Eye","EyeOff","ReactNode","useState","IconButton","TextInput","usePanneauIntl","getFieldProps","getRuleNumber","getSetting","isBoolean","isString","messages","FieldEntryProps","FieldProps","TextFieldProps","placeholder","maxLength","prefix","suffix","type","inputMode","autoComplete","secret","controlClassName","inputClassName","useCountedDescription","description","value","$","_c","intl","undefined","t0","formatMessage","characterCount","count","length","max","t1","t2","TextField","disabled","onChange","props","readOnly","required","shownDescription","shown","setShown","const","spellCheck","hideSecret","showSecret","secretProps","t3","t4","next","t5","TextFieldEntry","field","t6","t7","t8","t9","_c","_Fragment"],"sources":["../../src/text/TextField.tsx"],"sourcesContent":["import { Eye, EyeOff } from 'lucide-react';\nimport { type ReactNode, useState } from 'react';\n\nimport { IconButton, TextInput, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getRuleNumber, getSetting, isBoolean, 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    /**\n     * A secret, such as an access key: typed in a password input, hidden until a button shows it,\n     * and never filled in by the browser.\n     */\n    secret?: boolean;\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    secret = false,\n    ...props\n}: TextFieldProps) {\n    const intl = usePanneauIntl();\n    const shownDescription = useCountedDescription(description, value, maxLength);\n    const [shown, setShown] = useState(false);\n    const secretProps = secret\n        ? {\n              type: shown ? ('text' as const) : ('password' as const),\n              // Keeps password managers from filling in the user's own password\n              autoComplete: 'new-password',\n              spellCheck: 'false',\n              suffix: (\n                  <IconButton\n                      icon={shown ? EyeOff : Eye}\n                      label={intl.formatMessage(shown ? messages.hideSecret : messages.showSecret)}\n                      size=\"sm\"\n                      aria-pressed={shown}\n                      isDisabled={disabled}\n                      onPress={() => setShown(!shown)}\n                  />\n              ),\n          }\n        : {};\n    return (\n        <TextInput\n            {...props}\n            {...secretProps}\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/**\n * The `text` type: settings `prefix`, `suffix` and `secret`, and a character count from the `max`\n * rule.\n */\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    const secret = getSetting(field, 'secret', isBoolean) ?? false;\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            secret={secret}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/text/index.d.ts

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

package/dist/textarea/TextAreaField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface TextAreaFieldProps extends FieldProps<string> {
     placeholder?: string;
     /** Shows a count of characters against this maximum. It doesn't stop typing. */