@panneau/fields 5.0.0-alpha.4 → 5.0.0-alpha.6

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":["disabled","readOnly","required","value","_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":";;;;;;AAeA,SAAO,UAAA,IAAA;CAAA,MAAA,IAAAI,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EAAmB,CAAA,CAAA,UAAA,UAAA,UAAA,GAAA,SAAA;EAA0D,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,WAAA,EAAA;EAAA,QAAA,EAAA;EAAA,WAAA,EAAA;EAAA,WAAA,EAAA;CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,YAAA,EAAA,OAAA,SAAA,EAAA,OAAA,YAAA,EAAA,OAAA,UAAA;EAE5E,KAAA,oBAAC,WAAD;GAAU,GAAK;GAAmBJ,YAAA;GAAsBC,YAAA;GAAsBC,YAAA;EAAQ,CAAA;EAAI,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAA1F;AAA0F;;AAKlG,SAAS,cAAc,SAA6C;CAChE,OAAO,QAAQ,KAAK,YAAY;EAAE,OAAO,OAAO,OAAO,KAAK;EAAG,OAAO,OAAO;CAAM,EAAE;AACzF;;;;;AAMA,SAAO,eAAA,OAAA;CAAA,MAAA,IAAAE,EAAA,EAAA;CACH,MAAA,EAAA,UAAkB;CAAM,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EACJ,KAAA,WAChB,OACA,eACA,KACJ;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAJD,MAAA,cAAoB;CAIlB,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,OAAA;EACY,KAAA,MAAK,QAAS,MAAK,KAA4C,IAAlC,MAAK,MAAM,OAAQ,QAAe,IAA/D;EAAgE,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAA9E,MAAA,UAAc;CAAiE,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EAGnE,KAAA,cAAc,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CACjB,MAAA,KAAAD,YAAU,QAAQA,QAAK,SAAU,IAAjC,UAAA;CACG,MAAA,KAAA,MAAK;CAAS,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,SAAA;EACG,KAAA,MAAK,WAAL,CAAA;EAAmB,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EAAjC,KAAA,cAAc,EAAmB;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,aAAA;EAC1C,KAAA,gBAAgB,KAAA,IAAhB,EAAA,YAA+C,IAA/C,CAA+C;EAAC,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,MAAA,YAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;EALzD,KAAA,oBAAC,WAAD;GAAU,GACF;GACG,OAAA;GACG,UAAA;GACG,aAAA;GAAkC,GAC1C;EAAgD,CAAA;EACvD,EAAA,MAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OANF;AAME;AAfH,SAAA,MAAA,OAAA;CAAA,OAK8B,OAAO,UAAU;AAAS"}

package/dist/tags/index.d.ts

@@ -0,0 +1,2 @@
+export { TagsField, TagsFieldEntry, type TagsFieldProps } from './TagsField';
+//# 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';
+import { type TextFieldProps } from '../text/TextField';
+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":["value","onChange","_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,SAAO,SAAA,IAAA;CAAA,MAAA,IAAAE,EAAA,EAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,IAAA;EAAkB,CAAA,CAAA,OAAA,UAAA,QAAA,GAAA,SAAA;EAAoD,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,SAAA,EAAA;EAAA,WAAA,EAAA;EAAA,QAAA,EAAA;EAAA,QAAA,EAAA;CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,UAAA,EAAA,OAAA,YAAA,EAAA,OAAA,OAAA;EASzD,WAAA;GACJ,MAAA,UAAgB,OAAK,KAAe,KAApB;GAChB,IAAI,YAAY,OACZ,WAAW,YAAY,KAAZ,OAAA,OAA+B;GAE9C,SAAS;EAAC;EACb,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,YAAA,EAAA,QAAA,SAAA,EAAA,QAAA,MAAA,EAAA,QAAA,OAAA;EAbL,KAAA,oBAAC,WAAD;GACiB,cAAA;GAAK,GACd;GACC,MAAA;GACK,WAAA;GACH;GACG;GACF,QAAA;EAMP,CAAA;EACH,EAAA,KAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAdF;AAcE;;AAKV,SAAO,cAAA,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;CAA0C,IAAA;CAAA,IAAA,EAAA,OAAA,MAAA,YAAA,EAAA,OAAA,MAAA,EAAA,OAAA,IAAA;EAFrD,KAAA,oBAAC,UAAD;GAAS,GACD;GACG,OAAA;GACG,UAAA,MAAK;EAAS,CAAA;EAC1B,EAAA,KAAA,MAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OAJF;AAIE"}

package/dist/tel/index.d.ts

@@ -0,0 +1,2 @@
+export { TelField, TelFieldEntry, type TelFieldProps } from './TelField';
+//# 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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/fields",
-    "version": "5.0.0-alpha.4",
+    "version": "5.0.0-alpha.6",
     "description": "Controlled field components of Panneau for the protocol's built-in field types, one subpath per field, and uploads to storage (Uppy 6 in its own entry point).",
     "type": "module",
     "license": "MIT",
@@ -78,6 +78,41 @@
             "types": "./dist/slug/index.d.ts",
             "default": "./dist/slug/index.js"
         },
+        "./tel": {
+            "@panneau/source": "./src/tel/index.ts",
+            "types": "./dist/tel/index.d.ts",
+            "default": "./dist/tel/index.js"
+        },
+        "./range": {
+            "@panneau/source": "./src/range/index.ts",
+            "types": "./dist/range/index.d.ts",
+            "default": "./dist/range/index.js"
+        },
+        "./duration": {
+            "@panneau/source": "./src/duration/index.ts",
+            "types": "./dist/duration/index.d.ts",
+            "default": "./dist/duration/index.js"
+        },
+        "./json": {
+            "@panneau/source": "./src/json/index.ts",
+            "types": "./dist/json/index.d.ts",
+            "default": "./dist/json/index.js"
+        },
+        "./tags": {
+            "@panneau/source": "./src/tags/index.ts",
+            "types": "./dist/tags/index.d.ts",
+            "default": "./dist/tags/index.js"
+        },
+        "./embed": {
+            "@panneau/source": "./src/embed/index.ts",
+            "types": "./dist/embed/index.d.ts",
+            "default": "./dist/embed/index.js"
+        },
+        "./location": {
+            "@panneau/source": "./src/location/index.ts",
+            "types": "./dist/location/index.d.ts",
+            "default": "./dist/location/index.js"
+        },
         "./localized": {
             "@panneau/source": "./src/localized/index.ts",
             "types": "./dist/localized/index.d.ts",
@@ -143,12 +178,14 @@
     },
     "dependencies": {
         "@internationalized/date": "^3.12.4",
-        "@panneau/intl": "5.0.0-alpha.4",
-        "@panneau/protocol": "5.0.0-alpha.4",
-        "@panneau/ui": "5.0.0-alpha.4",
+        "@panneau/intl": "5.0.0-alpha.6",
+        "@panneau/protocol": "5.0.0-alpha.6",
+        "@panneau/ui": "5.0.0-alpha.6",
+        "leaflet": "^1.9.4",
         "lucide-react": "^1.57.0"
     },
     "devDependencies": {
+        "@types/leaflet": "^1.9.20",
         "@uppy/aws-s3": "^6.3.0",
         "@uppy/core": "^6.3.0"
     }