@panneau/fields 4.1.1 → 5.0.0-alpha.1

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

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

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

package/dist/textarea/index.js

@@ -0,0 +1 @@
+export { TextAreaField, TextAreaFieldEntry } from "./TextAreaField.js";

package/dist/time/TimeField.d.ts

@@ -0,0 +1,13 @@
+import type { FieldEntryProps, FieldProps } from '../shared/types';
+export interface TimeFieldProps extends FieldProps<string> {
+    /** Shows and writes seconds (`09:30:15`). */
+    withSeconds?: boolean;
+    /** Defaults to the locale's. */
+    hourCycle?: 12 | 24;
+    controlClassName?: string;
+}
+/** A time of day as a string, `09:30` (or `09:30:15` with seconds). */
+export declare function TimeField({ value, onChange, withSeconds, disabled, readOnly, required, ...props }: TimeFieldProps): import("react").JSX.Element;
+/** The `time` type: setting `withSeconds`. */
+export declare function TimeFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=TimeField.d.ts.map

package/dist/time/TimeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/time/TimeField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,MAAM,CAAC;IACtD,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,WAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAYhB;AAED,8CAA8C;AAC9C,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BASpD"}

package/dist/time/TimeField.js

@@ -0,0 +1,49 @@
+import { getFieldProps, isString } from "../shared/entry.js";
+import { fromTime, toTime } from "../shared/dates.js";
+import { c } from "react/compiler-runtime";
+import { TimeInput } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+//#region src/time/TimeField.tsx
+/** A time of day as a string, `09:30` (or `09:30:15` with seconds). */
+function TimeField({ value, onChange, withSeconds = false, disabled, readOnly, required, ...props }) {
+	return /* @__PURE__ */ jsx(TimeInput, {
+		...props,
+		granularity: withSeconds ? "second" : "minute",
+		value: toTime(value),
+		onChange: (next) => onChange?.(next === null ? null : fromTime(next, withSeconds)),
+		isDisabled: disabled,
+		isReadOnly: readOnly,
+		isRequired: required
+	});
+}
+/** The `time` type: setting `withSeconds`. */
+function TimeFieldEntry(props) {
+	const $ = c(7);
+	let t0;
+	if ($[0] !== props) {
+		t0 = getFieldProps(props);
+		$[0] = props;
+		$[1] = t0;
+	} else t0 = $[1];
+	const t1 = isString(props.value) ? props.value : null;
+	const t2 = props.field.settings?.withSeconds === true;
+	let t3;
+	if ($[2] !== props.onChange || $[3] !== t0 || $[4] !== t1 || $[5] !== t2) {
+		t3 = /* @__PURE__ */ jsx(TimeField, {
+			...t0,
+			value: t1,
+			onChange: props.onChange,
+			withSeconds: t2
+		});
+		$[2] = props.onChange;
+		$[3] = t0;
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
+	return t3;
+}
+//#endregion
+export { TimeField, TimeFieldEntry };
+
+//# sourceMappingURL=TimeField.js.map

package/dist/time/TimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeField.js","names":["_c"],"sources":["../../src/time/TimeField.tsx"],"sourcesContent":["import { TimeInput } from '@panneau/ui';\n\nimport { fromTime, toTime } from '../shared/dates';\nimport { getFieldProps, isString } from '../shared/entry';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface TimeFieldProps extends FieldProps<string> {\n    /** Shows and writes seconds (`09:30:15`). */\n    withSeconds?: boolean;\n    /** Defaults to the locale's. */\n    hourCycle?: 12 | 24;\n    controlClassName?: string;\n}\n\n/** A time of day as a string, `09:30` (or `09:30:15` with seconds). */\nexport function TimeField({\n    value,\n    onChange,\n    withSeconds = false,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TimeFieldProps) {\n    return (\n        <TimeInput\n            {...props}\n            granularity={withSeconds ? 'second' : 'minute'}\n            value={toTime(value)}\n            onChange={(next) => onChange?.(next === null ? null : fromTime(next, withSeconds))}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `time` type: setting `withSeconds`. */\nexport function TimeFieldEntry(props: FieldEntryProps) {\n    return (\n        <TimeField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            withSeconds={props.field.settings?.withSeconds === true}\n        />\n    );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,UAAU,EACtB,OACA,UACA,cAAc,OACd,UACA,UACA,UACA,GAAG,SACY;CACf,OACI,oBAAC,WAAD;EACI,GAAI;EACJ,aAAa,cAAc,WAAW;EACtC,OAAO,OAAO,KAAK;EACnB,WAAW,SAAS,WAAW,SAAS,OAAO,OAAO,SAAS,MAAM,WAAW,CAAC;EACjF,YAAY;EACZ,YAAY;EACZ,YAAY;CAAS,CAAA;AAGjC;;AAGA,SAAO,eAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAGS,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAEM,MAAA,KAAA,MAAK,MAAM,UAAsB,gBAAK;CAAI,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAJ3D,KAAA,oBAAC,WAAD;GAAU,GACF;GACG,OAAA;GACG,UAAA,MAAK;GACF,aAAA;EAA0C,CAAA;EACzD,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}

package/dist/time/index.d.ts

@@ -0,0 +1,2 @@
+export { TimeField, TimeFieldEntry, type TimeFieldProps } from './TimeField';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/time/index.js

@@ -0,0 +1 @@
+export { TimeField, TimeFieldEntry } from "./TimeField.js";

package/dist/url/UrlField.css

@@ -0,0 +1,11 @@
+.panneau-open-bOtJNo {
+    display: inline-flex;
+    align-items: center;
+    padding: var(--panneau-space-1);
+    color: var(--panneau-color-text-muted);
+    border-radius: var(--panneau-radius-sm);
+}
+
+.panneau-open-bOtJNo:hover {
+    color: var(--panneau-color-text);
+}

package/dist/url/UrlField.d.ts

@@ -0,0 +1,16 @@
+import type { FieldEntryProps } from '../shared/types';
+import { type TextFieldProps } from '../text/TextField';
+export interface UrlFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode' | 'suffix'> {
+    /** Scheme added on blur to a URL without one (`example.com`). Defaults to `https://`. */
+    defaultScheme?: string;
+}
+/** Adds a scheme to a URL that has none, and isn't a path or an anchor. */
+export declare function withScheme(url: string, scheme?: string): string;
+/**
+ * A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme
+ * gets `https://` on blur, as v4 did.
+ */
+export declare function UrlField({ value, onChange, onBlur, defaultScheme, ...props }: UrlFieldProps): import("react").JSX.Element;
+/** The `url` type: setting `defaultScheme`. */
+export declare function UrlFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
+//# sourceMappingURL=UrlField.d.ts.map

package/dist/url/UrlField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlField.d.ts","sourceRoot":"","sources":["../../src/url/UrlField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAC;IACxF,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAID,2EAA2E;AAC3E,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,SAAa,GAAG,MAAM,CASnE;AAED;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,aAA0B,EAC1B,GAAG,KAAK,EACX,EAAE,aAAa,+BAmCf;AAED,+CAA+C;AAC/C,wBAAgB,aAAa,CAAC,KAAK,EAAE,eAAe,+BAUnD"}

package/dist/url/UrlField.js

@@ -0,0 +1,94 @@
+import { getFieldProps, getSetting, isString } from "../shared/entry.js";
+import { messages } from "../shared/messages.js";
+import { TextField } from "../text/TextField.js";
+import UrlField_module_default from "./UrlField.module.js";
+import { c } from "react/compiler-runtime";
+import { Icon, usePanneauIntl } from "@panneau/ui";
+import { jsx } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+//#region src/url/UrlField.tsx
+var SCHEME = /^[a-z][a-z0-9+.-]*:/i;
+/** Adds a scheme to a URL that has none, and isn't a path or an anchor. */
+function withScheme(url, scheme = "https://") {
+	const trimmed = url.trim();
+	if (trimmed.startsWith("//")) return `${scheme}${trimmed.slice(2)}`;
+	if (trimmed === "" || SCHEME.test(trimmed) || /^[/#?]/.test(trimmed)) return trimmed;
+	return `${scheme}${trimmed}`;
+}
+/**
+* A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme
+* gets `https://` on blur, as v4 did.
+*/
+function UrlField({ value, onChange, onBlur, defaultScheme = "https://", ...props }) {
+	const intl = usePanneauIntl();
+	const openable = value !== null && value !== void 0 && /^https?:\/\//i.test(value);
+	return /* @__PURE__ */ jsx(TextField, {
+		autoComplete: "off",
+		...props,
+		type: "url",
+		inputMode: "url",
+		value,
+		onChange,
+		onBlur: () => {
+			if (value !== null && value !== void 0) {
+				const next = withScheme(value, defaultScheme);
+				if (next !== value) onChange?.(next === "" ? null : next);
+			}
+			onBlur?.();
+		},
+		suffix: openable ? /* @__PURE__ */ jsx("a", {
+			href: value,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: UrlField_module_default.open,
+			title: intl.formatMessage(messages.openLink),
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: ExternalLink,
+				label: intl.formatMessage(messages.openLink)
+			})
+		}) : void 0
+	});
+}
+/** The `url` type: setting `defaultScheme`. */
+function UrlFieldEntry(props) {
+	const $ = c(11);
+	let t0;
+	if ($[0] !== props.field) {
+		t0 = getSetting(props.field, "defaultScheme", isString);
+		$[0] = props.field;
+		$[1] = t0;
+	} else t0 = $[1];
+	const defaultScheme = t0;
+	let t1;
+	if ($[2] !== props) {
+		t1 = getFieldProps(props);
+		$[2] = props;
+		$[3] = t1;
+	} else t1 = $[3];
+	const t2 = isString(props.value) ? props.value : null;
+	let t3;
+	if ($[4] !== defaultScheme) {
+		t3 = defaultScheme !== void 0 ? { defaultScheme } : {};
+		$[4] = defaultScheme;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== props.onChange || $[7] !== t1 || $[8] !== t2 || $[9] !== t3) {
+		t4 = /* @__PURE__ */ jsx(UrlField, {
+			...t1,
+			value: t2,
+			onChange: props.onChange,
+			...t3
+		});
+		$[6] = props.onChange;
+		$[7] = t1;
+		$[8] = t2;
+		$[9] = t3;
+		$[10] = t4;
+	} else t4 = $[10];
+	return t4;
+}
+//#endregion
+export { UrlField, UrlFieldEntry, withScheme };
+
+//# sourceMappingURL=UrlField.js.map

package/dist/url/UrlField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlField.js","names":["styles","_c"],"sources":["../../src/url/UrlField.tsx"],"sourcesContent":["import { ExternalLink } from 'lucide-react';\n\nimport { Icon, 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';\nimport styles from './UrlField.module.css';\n\nexport interface UrlFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode' | 'suffix'> {\n    /** Scheme added on blur to a URL without one (`example.com`). Defaults to `https://`. */\n    defaultScheme?: string;\n}\n\nconst SCHEME = /^[a-z][a-z0-9+.-]*:/i;\n\n/** Adds a scheme to a URL that has none, and isn't a path or an anchor. */\nexport function withScheme(url: string, scheme = 'https://'): string {\n    const trimmed = url.trim();\n    if (trimmed.startsWith('//')) {\n        return `${scheme}${trimmed.slice(2)}`;\n    }\n    if (trimmed === '' || SCHEME.test(trimmed) || /^[/#?]/.test(trimmed)) {\n        return trimmed;\n    }\n    return `${scheme}${trimmed}`;\n}\n\n/**\n * A URL, with the URL keyboard on phones and a link to open it. A URL typed without a scheme\n * gets `https://` on blur, as v4 did.\n */\nexport function UrlField({\n    value,\n    onChange,\n    onBlur,\n    defaultScheme = 'https://',\n    ...props\n}: UrlFieldProps) {\n    const intl = usePanneauIntl();\n    const openable = value !== null && value !== undefined && /^https?:\\/\\//i.test(value);\n    return (\n        <TextField\n            autoComplete=\"off\"\n            {...props}\n            type=\"url\"\n            inputMode=\"url\"\n            value={value}\n            onChange={onChange}\n            onBlur={() => {\n                if (value !== null && value !== undefined) {\n                    const next = withScheme(value, defaultScheme);\n                    if (next !== value) {\n                        onChange?.(next === '' ? null : next);\n                    }\n                }\n                onBlur?.();\n            }}\n            suffix={\n                openable ? (\n                    <a\n                        href={value}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        className={styles.open}\n                        title={intl.formatMessage(messages.openLink)}\n                    >\n                        <Icon icon={ExternalLink} label={intl.formatMessage(messages.openLink)} />\n                    </a>\n                ) : undefined\n            }\n        />\n    );\n}\n\n/** The `url` type: setting `defaultScheme`. */\nexport function UrlFieldEntry(props: FieldEntryProps) {\n    const defaultScheme = getSetting(props.field, 'defaultScheme', isString);\n    return (\n        <UrlField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(defaultScheme !== undefined ? { defaultScheme } : {})}\n        />\n    );\n}\n"],"mappings":";;;;;;;;;AAeA,IAAM,SAAS;;AAGf,SAAgB,WAAW,KAAa,SAAS,YAAoB;CACjE,MAAM,UAAU,IAAI,KAAK;CACzB,IAAI,QAAQ,WAAW,IAAI,GACvB,OAAO,GAAG,SAAS,QAAQ,MAAM,CAAC;CAEtC,IAAI,YAAY,MAAM,OAAO,KAAK,OAAO,KAAK,SAAS,KAAK,OAAO,GAC/D,OAAO;CAEX,OAAO,GAAG,SAAS;AACvB;;;;;AAMA,SAAgB,SAAS,EACrB,OACA,UACA,QACA,gBAAgB,YAChB,GAAG,SACW;CACd,MAAM,OAAO,eAAe;CAC5B,MAAM,WAAW,UAAU,QAAQ,UAAU,KAAA,KAAa,gBAAgB,KAAK,KAAK;CACpF,OACI,oBAAC,WAAD;EACI,cAAa;EACb,GAAI;EACJ,MAAK;EACL,WAAU;EACH;EACG;EACV,cAAc;GACV,IAAI,UAAU,QAAQ,UAAU,KAAA,GAAW;IACvC,MAAM,OAAO,WAAW,OAAO,aAAa;IAC5C,IAAI,SAAS,OACT,WAAW,SAAS,KAAK,OAAO,IAAI;GAE5C;GACA,SAAS;EACb;EACA,QACI,WACI,oBAAC,KAAD;GACI,MAAM;GACN,QAAO;GACP,KAAI;GACJ,WAAWA,wBAAO;GAClB,OAAO,KAAK,cAAc,SAAS,QAAQ;GAE3C,UAAA,oBAAC,MAAD;IAAM,MAAM;IAAc,OAAO,KAAK,cAAc,SAAS,QAAQ;GAAE,CAAA;EACxE,CAAA,IACH,KAAA;CACP,CAAA;AAGb;;AAGA,SAAO,cAAA,OAAA;CAAA,MAAA,IAAAC,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,OAAA;EACmB,KAAA,WAAW,MAAK,OAAQ,iBAAiB,QAAQ;EAAC,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAxE,MAAA,gBAAsB;CAAmD,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAG7D,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAA,SAAS,MAAK,KAA2B,IAAjB,MAAK,QAA7B;CAA0C,IAAA;CAAA,IAAA,EAAA,OAAA,eAAA;EAE5C,KAAA,kBAAkB,KAAA,IAAlB,EAAA,cAAmD,IAAnD,CAAmD;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAJ7D,KAAA,oBAAC,UAAD;GAAS,GACD;GACG,OAAA;GACG,UAAA,MAAK;GAAS,GACnB;EAAoD,CAAA;EAC3D,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OALF;AAKE"}

package/dist/url/UrlField.module.js

@@ -0,0 +1,8 @@
+import "./UrlField.css";
+//#region src/url/UrlField.module.css
+var open = "panneau-open-bOtJNo";
+var UrlField_module_default = { open };
+//#endregion
+export { UrlField_module_default as default, open };
+
+//# sourceMappingURL=UrlField.module.js.map

package/dist/url/UrlField.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlField.module.js","names":[],"sources":["../../src/url/UrlField.module.css"],"sourcesContent":[".open {\n    display: inline-flex;\n    align-items: center;\n    padding: var(--panneau-space-1);\n    color: var(--panneau-color-text-muted);\n    border-radius: var(--panneau-radius-sm);\n}\n\n.open:hover {\n    color: var(--panneau-color-text);\n}\n"],"mappings":""}

package/dist/url/index.d.ts

@@ -0,0 +1,2 @@
+export { UrlField, UrlFieldEntry, type UrlFieldProps, withScheme } from './UrlField';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/url/index.js

@@ -0,0 +1 @@
+export { UrlField, UrlFieldEntry, withScheme } from "./UrlField.js";