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

package/dist/url/UrlField.js

@@ -19,24 +19,55 @@ function withScheme(url, scheme = "https://") {
 * 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 }) {
+function UrlField(t0) {
+	const $ = c(23);
+	let onBlur;
+	let onChange;
+	let props;
+	let t1;
+	let value;
+	if ($[0] !== t0) {
+		({value, onChange, onBlur, defaultScheme: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = onBlur;
+		$[2] = onChange;
+		$[3] = props;
+		$[4] = t1;
+		$[5] = value;
+	} else {
+		onBlur = $[1];
+		onChange = $[2];
+		props = $[3];
+		t1 = $[4];
+		value = $[5];
+	}
+	const defaultScheme = t1 === void 0 ? "https://" : t1;
 	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: () => {
+	let t2;
+	if ($[6] !== value) {
+		t2 = value !== null && value !== void 0 && /^https?:\/\//i.test(value);
+		$[6] = value;
+		$[7] = t2;
+	} else t2 = $[7];
+	const openable = t2;
+	let t3;
+	if ($[8] !== defaultScheme || $[9] !== onBlur || $[10] !== onChange || $[11] !== value) {
+		t3 = () => {
 			if (value !== null && value !== void 0) {
 				const next = withScheme(value, defaultScheme);
 				if (next !== value) onChange?.(next === "" ? null : next);
 			}
 			onBlur?.();
-		},
-		suffix: openable ? /* @__PURE__ */ jsx("a", {
+		};
+		$[8] = defaultScheme;
+		$[9] = onBlur;
+		$[10] = onChange;
+		$[11] = value;
+		$[12] = t3;
+	} else t3 = $[12];
+	let t4;
+	if ($[13] !== intl || $[14] !== openable || $[15] !== value) {
+		t4 = openable ? /* @__PURE__ */ jsx("a", {
 			href: value,
 			target: "_blank",
 			rel: "noopener noreferrer",
@@ -46,8 +77,32 @@ function UrlField({ value, onChange, onBlur, defaultScheme = "https://", ...prop
 				icon: ExternalLink,
 				label: intl.formatMessage(messages.openLink)
 			})
-		}) : void 0
-	});
+		}) : void 0;
+		$[13] = intl;
+		$[14] = openable;
+		$[15] = value;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== onChange || $[18] !== props || $[19] !== t3 || $[20] !== t4 || $[21] !== value) {
+		t5 = /* @__PURE__ */ jsx(TextField, {
+			autoComplete: "off",
+			...props,
+			type: "url",
+			inputMode: "url",
+			value,
+			onChange,
+			onBlur: t3,
+			suffix: t4
+		});
+		$[17] = onChange;
+		$[18] = props;
+		$[19] = t3;
+		$[20] = t4;
+		$[21] = value;
+		$[22] = t5;
+	} else t5 = $[22];
+	return t5;
 }
 /** The `url` type: setting `defaultScheme`. */
 function UrlFieldEntry(props) {

package/dist/url/UrlField.js.map

@@ -1 +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"}
+{"version":3,"file":"UrlField.js","names":["ExternalLink","Icon","usePanneauIntl","getFieldProps","getSetting","isString","messages","FieldEntryProps","TextField","TextFieldProps","styles","UrlFieldProps","Omit","defaultScheme","SCHEME","withScheme","url","scheme","trimmed","trim","startsWith","slice","test","UrlField","t0","$","_c","onBlur","onChange","props","t1","value","undefined","intl","t2","openable","t3","next","t4","open","formatMessage","openLink","t5","UrlFieldEntry","field","_c","styles"],"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":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/fields",
-    "version": "5.0.0-alpha.6",
+    "version": "5.0.0-alpha.7",
     "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",
@@ -178,9 +178,9 @@
     },
     "dependencies": {
         "@internationalized/date": "^3.12.4",
-        "@panneau/intl": "5.0.0-alpha.6",
-        "@panneau/protocol": "5.0.0-alpha.6",
-        "@panneau/ui": "5.0.0-alpha.6",
+        "@panneau/intl": "5.0.0-alpha.7",
+        "@panneau/protocol": "5.0.0-alpha.7",
+        "@panneau/ui": "5.0.0-alpha.7",
         "leaflet": "^1.9.4",
         "lucide-react": "^1.57.0"
     },