@panneau/lists 4.1.1 → 5.0.0-alpha.0

package/dist/displays/displays.js

@@ -0,0 +1,570 @@
+import { messages } from "../messages.js";
+import { getFieldOptions, getOptionLabel, toText } from "../values.js";
+import Displays_module_default from "./Displays.module.js";
+import { c } from "react/compiler-runtime";
+import { Badge, Icon, usePanneauIntl } from "@panneau/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, Minus } from "lucide-react";
+import { toReferences } from "@panneau/fields";
+//#region src/displays/displays.tsx
+/** What a cell shows without a value. Hidden from assistive technologies, which skip the cell. */
+function EmptyValue() {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("span", {
+			className: Displays_module_default.empty,
+			"aria-hidden": "true",
+			children: "—"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+}
+function isEmpty(value) {
+	return value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0;
+}
+/** Text, on two lines at most. The default display. */
+function TextDisplay(t0) {
+	const $ = c(5);
+	const { value } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] !== intl.locale || $[1] !== value) {
+		t1 = toText(value, intl.locale);
+		$[0] = intl.locale;
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	const text = t1;
+	let t2;
+	if ($[3] !== text) {
+		t2 = text === "" ? /* @__PURE__ */ jsx(EmptyValue, {}) : /* @__PURE__ */ jsx("span", {
+			className: Displays_module_default.text,
+			children: text
+		});
+		$[3] = text;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
+/** HTML as plain text. */
+function RichTextDisplay(t0) {
+	const $ = c(4);
+	const { value } = t0;
+	let t1;
+	if ($[0] !== value) {
+		t1 = typeof value === "string" ? value.replace(/<[^>]*>/g, " ").replace(/\s+/g, " ").trim() : "";
+		$[0] = value;
+		$[1] = t1;
+	} else t1 = $[1];
+	const text = t1;
+	let t2;
+	if ($[2] !== text) {
+		t2 = text === "" ? /* @__PURE__ */ jsx(EmptyValue, {}) : /* @__PURE__ */ jsx("span", {
+			className: Displays_module_default.text,
+			children: text
+		});
+		$[2] = text;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+/** A number, in the format of the locale. */
+function NumberDisplay(t0) {
+	const $ = c(6);
+	const { value } = t0;
+	const intl = usePanneauIntl();
+	const number = typeof value === "number" ? value : typeof value === "string" ? Number(value) : NaN;
+	if (Number.isNaN(number) || isEmpty(value)) {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(EmptyValue, {});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	let t1;
+	if ($[1] !== intl || $[2] !== number) {
+		t1 = intl.formatNumber(number);
+		$[1] = intl;
+		$[2] = number;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("span", {
+			className: Displays_module_default.number,
+			children: t1
+		});
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+/** Yes or no, as an icon with its label. */
+function BooleanDisplay(t0) {
+	const $ = c(10);
+	const { value } = t0;
+	const intl = usePanneauIntl();
+	if (value === null || value === void 0) {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(EmptyValue, {});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	const checked = value === true || value === 1 || value === "true" || value === "1";
+	const t1 = `${Displays_module_default.boolean} ${checked ? Displays_module_default.true : Displays_module_default.false}`;
+	const t2 = checked ? Check : Minus;
+	let t3;
+	if ($[1] !== checked || $[2] !== intl) {
+		t3 = intl.formatMessage(checked ? messages.yes : messages.no);
+		$[1] = checked;
+		$[2] = intl;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== t2 || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Icon, {
+			icon: t2,
+			label: t3
+		});
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t1 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsx("span", {
+			className: t1,
+			children: t4
+		});
+		$[7] = t1;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
+}
+var DATE_ONLY = /^(\d{4})-(\d{2})-(\d{2})$/;
+var TIME_ONLY = /^(\d{2}):(\d{2})(?::(\d{2}))?$/;
+/** A date (`2026-10-15`) as a local date, so that it doesn't move with the time zone. */
+function parseDate(value) {
+	if (typeof value !== "string" || value === "") return null;
+	const day = DATE_ONLY.exec(value);
+	const date = day !== null ? new Date(Number(day[1]), Number(day[2]) - 1, Number(day[3])) : new Date(value);
+	return Number.isNaN(date.getTime()) ? null : date;
+}
+/** A date, in the format of the locale. */
+function DateDisplay(t0) {
+	const $ = c(9);
+	const { value } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== intl || $[1] !== value) {
+		t3 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const date = parseDate(value);
+			if (date === null) {
+				let t4;
+				if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+					t4 = /* @__PURE__ */ jsx(EmptyValue, {});
+					$[5] = t4;
+				} else t4 = $[5];
+				t3 = t4;
+				break bb0;
+			}
+			t1 = String(value);
+			t2 = intl.formatDate(date, { dateStyle: "medium" });
+		}
+		$[0] = intl;
+		$[1] = value;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+	}
+	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
+	let t4;
+	if ($[6] !== t1 || $[7] !== t2) {
+		t4 = /* @__PURE__ */ jsx("time", {
+			dateTime: t1,
+			children: t2
+		});
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+}
+/** A date and a time, in the format and the time zone of the user. */
+function DateTimeDisplay(t0) {
+	const $ = c(9);
+	const { value } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== intl || $[1] !== value) {
+		t3 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const date = parseDate(value);
+			if (date === null) {
+				let t4;
+				if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+					t4 = /* @__PURE__ */ jsx(EmptyValue, {});
+					$[5] = t4;
+				} else t4 = $[5];
+				t3 = t4;
+				break bb0;
+			}
+			t1 = String(value);
+			t2 = intl.formatDate(date, {
+				dateStyle: "medium",
+				timeStyle: "short"
+			});
+		}
+		$[0] = intl;
+		$[1] = value;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+	}
+	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
+	let t4;
+	if ($[6] !== t1 || $[7] !== t2) {
+		t4 = /* @__PURE__ */ jsx("time", {
+			dateTime: t1,
+			children: t2
+		});
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+}
+/** A time of day (`14:30`), in the format of the locale. */
+function TimeDisplay(t0) {
+	const $ = c(13);
+	const { value } = t0;
+	const intl = usePanneauIntl();
+	let t1;
+	if ($[0] !== value) {
+		t1 = typeof value === "string" ? TIME_ONLY.exec(value) : null;
+		$[0] = value;
+		$[1] = t1;
+	} else t1 = $[1];
+	const match = t1;
+	if (match === null) {
+		let t2;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(EmptyValue, {});
+			$[2] = t2;
+		} else t2 = $[2];
+		return t2;
+	}
+	let t2;
+	let t3;
+	if ($[3] !== intl || $[4] !== match[1] || $[5] !== match[2] || $[6] !== match[3] || $[7] !== value) {
+		const date = new Date(2e3, 0, 1, Number(match[1]), Number(match[2]), Number(match[3] ?? 0));
+		t2 = String(value);
+		t3 = intl.formatTime(date, { timeStyle: "short" });
+		$[3] = intl;
+		$[4] = match[1];
+		$[5] = match[2];
+		$[6] = match[3];
+		$[7] = value;
+		$[8] = t2;
+		$[9] = t3;
+	} else {
+		t2 = $[8];
+		t3 = $[9];
+	}
+	let t4;
+	if ($[10] !== t2 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsx("time", {
+			dateTime: t2,
+			children: t3
+		});
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+/** The labels of the selected options, as badges. */
+function SelectDisplay(t0) {
+	const $ = c(9);
+	const { value, field } = t0;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== field || $[1] !== value) {
+		t3 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const options = getFieldOptions(field);
+			const values = Array.isArray(value) ? value : isEmpty(value) ? [] : [value];
+			if (values.length === 0) {
+				let t4;
+				if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+					t4 = /* @__PURE__ */ jsx(EmptyValue, {});
+					$[5] = t4;
+				} else t4 = $[5];
+				t3 = t4;
+				break bb0;
+			}
+			t1 = Displays_module_default.badges;
+			t2 = values.map((entry) => /* @__PURE__ */ jsx(Badge, { children: getOptionLabel(options, entry) ?? String(entry) }, String(entry)));
+		}
+		$[0] = field;
+		$[1] = value;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+	}
+	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
+	let t4;
+	if ($[6] !== t1 || $[7] !== t2) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: t1,
+			children: t2
+		});
+		$[6] = t1;
+		$[7] = t2;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+}
+/** The labels of related items. */
+function RelationDisplay(t0) {
+	const $ = c(8);
+	const { value } = t0;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== value) {
+		t3 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const references = toReferences(value);
+			if (references.length === 0) {
+				let t4;
+				if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+					t4 = /* @__PURE__ */ jsx(EmptyValue, {});
+					$[4] = t4;
+				} else t4 = $[4];
+				t3 = t4;
+				break bb0;
+			}
+			t1 = Displays_module_default.text;
+			t2 = references.map(_temp).join(", ");
+		}
+		$[0] = value;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+		t3 = $[3];
+	}
+	if (t3 !== Symbol.for("react.early_return_sentinel")) return t3;
+	let t4;
+	if ($[5] !== t1 || $[6] !== t2) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: t1,
+			children: t2
+		});
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
+}
+/** A link that opens the URL. */
+function _temp(reference) {
+	return reference.label;
+}
+function UrlDisplay(t0) {
+	const $ = c(7);
+	const { value } = t0;
+	if (typeof value !== "string" || value === "") {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(EmptyValue, {});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	let t1;
+	if ($[1] !== value) {
+		let t2;
+		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /^https?:\/\//;
+			$[3] = t2;
+		} else t2 = $[3];
+		t1 = value.replace(t2, "");
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[4] !== t1 || $[5] !== value) {
+		t2 = /* @__PURE__ */ jsx("a", {
+			className: Displays_module_default.link,
+			href: value,
+			target: "_blank",
+			rel: "noreferrer",
+			children: t1
+		});
+		$[4] = t1;
+		$[5] = value;
+		$[6] = t2;
+	} else t2 = $[6];
+	return t2;
+}
+/** A link that writes an email. */
+function EmailDisplay(t0) {
+	const $ = c(4);
+	const { value } = t0;
+	if (typeof value !== "string" || value === "") {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(EmptyValue, {});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	const t1 = `mailto:${value}`;
+	let t2;
+	if ($[1] !== t1 || $[2] !== value) {
+		t2 = /* @__PURE__ */ jsx("a", {
+			className: Displays_module_default.link,
+			href: t1,
+			children: value
+		});
+		$[1] = t1;
+		$[2] = value;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+}
+/** A swatch, with the color's code. */
+function ColorDisplay(t0) {
+	const $ = c(6);
+	const { value } = t0;
+	if (typeof value !== "string" || value === "") {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(EmptyValue, {});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	let t1;
+	if ($[1] !== value) {
+		t1 = /* @__PURE__ */ jsx("span", {
+			className: Displays_module_default.swatch,
+			style: { backgroundColor: value },
+			"aria-hidden": "true"
+		});
+		$[1] = value;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== t1 || $[4] !== value) {
+		t2 = /* @__PURE__ */ jsxs("span", {
+			className: Displays_module_default.color,
+			children: [t1, value]
+		});
+		$[3] = t1;
+		$[4] = value;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+}
+/** A thumbnail and the name of a media item (or of the first one). */
+function MediaDisplay(t0) {
+	const $ = c(8);
+	const { value } = t0;
+	const media = Array.isArray(value) ? value[0] : value;
+	if (media === null || typeof media !== "object") {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(EmptyValue, {});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	const { thumbnailUrl, url, name, filename } = media;
+	const source = typeof thumbnailUrl === "string" ? thumbnailUrl : typeof url === "string" ? url : null;
+	const label = typeof name === "string" ? name : typeof filename === "string" ? filename : "";
+	let t1;
+	if ($[1] !== source) {
+		t1 = source !== null ? /* @__PURE__ */ jsx("img", {
+			className: Displays_module_default.thumbnail,
+			src: source,
+			alt: ""
+		}) : null;
+		$[1] = source;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== label) {
+		t2 = label !== "" ? /* @__PURE__ */ jsx("span", {
+			className: Displays_module_default.text,
+			children: label
+		}) : null;
+		$[3] = label;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== t1 || $[6] !== t2) {
+		t3 = /* @__PURE__ */ jsxs("span", {
+			className: Displays_module_default.media,
+			children: [t1, t2]
+		});
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
+}
+/**
+* The built-in displays, by name. A column's display is its `display`, its field's `display`, or
+* its field's type: field types are display names. Values without a known display are shown as
+* text.
+*/
+var builtInDisplays = {
+	text: TextDisplay,
+	textarea: TextDisplay,
+	slug: TextDisplay,
+	richtext: RichTextDisplay,
+	number: NumberDisplay,
+	boolean: BooleanDisplay,
+	date: DateDisplay,
+	datetime: DateTimeDisplay,
+	time: TimeDisplay,
+	select: SelectDisplay,
+	relation: RelationDisplay,
+	url: UrlDisplay,
+	email: EmailDisplay,
+	color: ColorDisplay,
+	media: MediaDisplay
+};
+//#endregion
+export { BooleanDisplay, ColorDisplay, DateDisplay, DateTimeDisplay, EmailDisplay, EmptyValue, MediaDisplay, NumberDisplay, RelationDisplay, RichTextDisplay, SelectDisplay, TextDisplay, TimeDisplay, UrlDisplay, builtInDisplays };
+
+//# sourceMappingURL=displays.js.map

package/dist/displays/displays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"displays.js","names":["text","value","source","label","_c","styles"],"sources":["../../src/displays/displays.tsx"],"sourcesContent":["import { Check, Minus } from 'lucide-react';\n\nimport { toReferences } from '@panneau/fields';\nimport { Badge, Icon, usePanneauIntl } from '@panneau/ui';\n\nimport { messages } from '../messages';\nimport type { DisplayEntry, DisplayProps } from '../types';\nimport { getFieldOptions, getOptionLabel, toText } from '../values';\nimport styles from './Displays.module.css';\n\n/** What a cell shows without a value. Hidden from assistive technologies, which skip the cell. */\nexport function EmptyValue() {\n    return (\n        <span className={styles.empty} aria-hidden=\"true\">\n            —\n        </span>\n    );\n}\n\nfunction isEmpty(value: unknown): boolean {\n    return (\n        value === null ||\n        value === undefined ||\n        value === '' ||\n        (Array.isArray(value) && value.length === 0)\n    );\n}\n\n/** Text, on two lines at most. The default display. */\nexport function TextDisplay({ value }: DisplayProps) {\n    const intl = usePanneauIntl();\n    const text = toText(value, intl.locale);\n    return text === '' ? <EmptyValue /> : <span className={styles.text}>{text}</span>;\n}\n\n/** HTML as plain text. */\nexport function RichTextDisplay({ value }: DisplayProps) {\n    const text =\n        typeof value === 'string'\n            ? value\n                  .replace(/<[^>]*>/g, ' ')\n                  .replace(/\\s+/g, ' ')\n                  .trim()\n            : '';\n    return text === '' ? <EmptyValue /> : <span className={styles.text}>{text}</span>;\n}\n\n/** A number, in the format of the locale. */\nexport function NumberDisplay({ value }: DisplayProps) {\n    const intl = usePanneauIntl();\n    const number =\n        typeof value === 'number' ? value : typeof value === 'string' ? Number(value) : NaN;\n    if (Number.isNaN(number) || isEmpty(value)) {\n        return <EmptyValue />;\n    }\n    return <span className={styles.number}>{intl.formatNumber(number)}</span>;\n}\n\n/** Yes or no, as an icon with its label. */\nexport function BooleanDisplay({ value }: DisplayProps) {\n    const intl = usePanneauIntl();\n    if (value === null || value === undefined) {\n        return <EmptyValue />;\n    }\n    const checked = value === true || value === 1 || value === 'true' || value === '1';\n    return (\n        <span className={`${styles.boolean} ${checked ? styles.true : styles.false}`}>\n            <Icon\n                icon={checked ? Check : Minus}\n                label={intl.formatMessage(checked ? messages.yes : messages.no)}\n            />\n        </span>\n    );\n}\n\nconst DATE_ONLY = /^(\\d{4})-(\\d{2})-(\\d{2})$/;\nconst TIME_ONLY = /^(\\d{2}):(\\d{2})(?::(\\d{2}))?$/;\n\n/** A date (`2026-10-15`) as a local date, so that it doesn't move with the time zone. */\nfunction parseDate(value: unknown): Date | null {\n    if (typeof value !== 'string' || value === '') {\n        return null;\n    }\n    const day = DATE_ONLY.exec(value);\n    const date =\n        day !== null\n            ? new Date(Number(day[1]), Number(day[2]) - 1, Number(day[3]))\n            : new Date(value);\n    return Number.isNaN(date.getTime()) ? null : date;\n}\n\n/** A date, in the format of the locale. */\nexport function DateDisplay({ value }: DisplayProps) {\n    const intl = usePanneauIntl();\n    const date = parseDate(value);\n    if (date === null) {\n        return <EmptyValue />;\n    }\n    return <time dateTime={String(value)}>{intl.formatDate(date, { dateStyle: 'medium' })}</time>;\n}\n\n/** A date and a time, in the format and the time zone of the user. */\nexport function DateTimeDisplay({ value }: DisplayProps) {\n    const intl = usePanneauIntl();\n    const date = parseDate(value);\n    if (date === null) {\n        return <EmptyValue />;\n    }\n    return (\n        <time dateTime={String(value)}>\n            {intl.formatDate(date, { dateStyle: 'medium', timeStyle: 'short' })}\n        </time>\n    );\n}\n\n/** A time of day (`14:30`), in the format of the locale. */\nexport function TimeDisplay({ value }: DisplayProps) {\n    const intl = usePanneauIntl();\n    const match = typeof value === 'string' ? TIME_ONLY.exec(value) : null;\n    if (match === null) {\n        return <EmptyValue />;\n    }\n    const date = new Date(2000, 0, 1, Number(match[1]), Number(match[2]), Number(match[3] ?? 0));\n    return <time dateTime={String(value)}>{intl.formatTime(date, { timeStyle: 'short' })}</time>;\n}\n\n/** The labels of the selected options, as badges. */\nexport function SelectDisplay({ value, field }: DisplayProps) {\n    const options = getFieldOptions(field);\n    const values: unknown[] = Array.isArray(value) ? value : isEmpty(value) ? [] : [value];\n    if (values.length === 0) {\n        return <EmptyValue />;\n    }\n    return (\n        <span className={styles.badges}>\n            {values.map((entry) => (\n                <Badge key={String(entry)}>{getOptionLabel(options, entry) ?? String(entry)}</Badge>\n            ))}\n        </span>\n    );\n}\n\n/** The labels of related items. */\nexport function RelationDisplay({ value }: DisplayProps) {\n    const references = toReferences(value);\n    if (references.length === 0) {\n        return <EmptyValue />;\n    }\n    return (\n        <span className={styles.text}>\n            {references.map((reference) => reference.label).join(', ')}\n        </span>\n    );\n}\n\n/** A link that opens the URL. */\nexport function UrlDisplay({ value }: DisplayProps) {\n    if (typeof value !== 'string' || value === '') {\n        return <EmptyValue />;\n    }\n    return (\n        <a className={styles.link} href={value} target=\"_blank\" rel=\"noreferrer\">\n            {value.replace(/^https?:\\/\\//, '')}\n        </a>\n    );\n}\n\n/** A link that writes an email. */\nexport function EmailDisplay({ value }: DisplayProps) {\n    if (typeof value !== 'string' || value === '') {\n        return <EmptyValue />;\n    }\n    return (\n        <a className={styles.link} href={`mailto:${value}`}>\n            {value}\n        </a>\n    );\n}\n\n/** A swatch, with the color's code. */\nexport function ColorDisplay({ value }: DisplayProps) {\n    if (typeof value !== 'string' || value === '') {\n        return <EmptyValue />;\n    }\n    return (\n        <span className={styles.color}>\n            <span className={styles.swatch} style={{ backgroundColor: value }} aria-hidden=\"true\" />\n            {value}\n        </span>\n    );\n}\n\n/** A thumbnail and the name of a media item (or of the first one). */\nexport function MediaDisplay({ value }: DisplayProps) {\n    const media: unknown = Array.isArray(value) ? value[0] : value;\n    if (media === null || typeof media !== 'object') {\n        return <EmptyValue />;\n    }\n    const { thumbnailUrl, url, name, filename } = media as Record<string, unknown>;\n    const source =\n        typeof thumbnailUrl === 'string' ? thumbnailUrl : typeof url === 'string' ? url : null;\n    const label = typeof name === 'string' ? name : typeof filename === 'string' ? filename : '';\n    return (\n        <span className={styles.media}>\n            {source !== null ? <img className={styles.thumbnail} src={source} alt=\"\" /> : null}\n            {label !== '' ? <span className={styles.text}>{label}</span> : null}\n        </span>\n    );\n}\n\n/**\n * The built-in displays, by name. A column's display is its `display`, its field's `display`, or\n * its field's type: field types are display names. Values without a known display are shown as\n * text.\n */\nexport const builtInDisplays: Readonly<Record<string, DisplayEntry>> = {\n    text: TextDisplay,\n    textarea: TextDisplay,\n    slug: TextDisplay,\n    richtext: RichTextDisplay,\n    number: NumberDisplay,\n    boolean: BooleanDisplay,\n    date: DateDisplay,\n    datetime: DateTimeDisplay,\n    time: TimeDisplay,\n    select: SelectDisplay,\n    relation: RelationDisplay,\n    url: UrlDisplay,\n    email: EmailDisplay,\n    color: ColorDisplay,\n    media: MediaDisplay,\n};\n"],"mappings":"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"}

package/dist/filters/Filters.css

@@ -0,0 +1,71 @@
+.panneau-filters-9H41r8 {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-end;
+    gap: var(--panneau-space-3);
+}
+
+.panneau-control-vD-jl2 {
+    width: 12rem;
+    max-width: 100%;
+}
+
+.panneau-toggle-aBWzSX {
+    align-self: center;
+    min-height: var(--panneau-control-height);
+    display: flex;
+    align-items: center;
+}
+
+.panneau-range-lY9OdJ {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--panneau-space-2);
+    max-width: 100%;
+}
+
+.panneau-range-lY9OdJ > :not(legend) {
+    width: 11rem;
+    max-width: 100%;
+}
+
+.panneau-chips-zPj5hD {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--panneau-space-2);
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+.panneau-chip-RQRPo6 {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--panneau-space-1);
+    max-width: 100%;
+    padding-inline-start: var(--panneau-space-3);
+    font-size: var(--panneau-font-size-sm);
+    background-color: var(--panneau-color-surface-sunken);
+    border: var(--panneau-border-width) solid var(--panneau-color-border);
+    border-radius: var(--panneau-radius-full);
+}
+
+.panneau-chipText-Uofas9 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.panneau-chipLabel-QsALcI {
+    color: var(--panneau-color-text-muted);
+}
+
+@container panneau-list (max-width: 40rem) {
+    .panneau-filters-9H41r8,
+    .panneau-control-vD-jl2,
+    .panneau-range-lY9OdJ,
+    .panneau-range-lY9OdJ > :not(legend) {
+        width: 100%;
+    }
+}