@declarion/react 0.65.0 → 0.66.0

package/dist-lib/components/fields/cells/factories/host-icons.js

@@ -0,0 +1,146 @@
+import { LinkedInBrandIcon as e } from "../../../primitives/Icons.js";
+import { useEffect as t, useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/host-icons.tsx
+function o(e, t = "0 0 24 24") {
+	return (n) => /* @__PURE__ */ i("svg", {
+		width: 16,
+		height: 16,
+		viewBox: t,
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: 1.5,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		style: { flexShrink: 0 },
+		...n,
+		children: e
+	});
+}
+var s = o(/* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("circle", {
+	cx: "12",
+	cy: "12",
+	r: "9"
+}), /* @__PURE__ */ i("path", { d: "M3 12h18M12 3c3 3 3 15 0 18-3-3-3-15 0-18" })] })), c = () => /* @__PURE__ */ i(e, {
+	size: 16,
+	style: {
+		flexShrink: 0,
+		color: "#0A66C2"
+	}
+}), l = (e) => /* @__PURE__ */ i("svg", {
+	width: 16,
+	height: 16,
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	style: { flexShrink: 0 },
+	...e,
+	children: /* @__PURE__ */ i("path", { d: "M12 .5a11.5 11.5 0 0 0-3.64 22.41c.58.1.79-.25.79-.56 0-.27-.01-1-.02-1.96-3.21.7-3.89-1.55-3.89-1.55-.52-1.34-1.28-1.7-1.28-1.7-1.05-.72.08-.7.08-.7 1.16.08 1.77 1.2 1.77 1.2 1.03 1.77 2.71 1.26 3.37.96.1-.75.4-1.26.73-1.55-2.56-.29-5.26-1.28-5.26-5.71 0-1.26.45-2.3 1.19-3.11-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.18 1.19a11.05 11.05 0 0 1 5.79 0c2.21-1.5 3.18-1.19 3.18-1.19.63 1.59.23 2.76.11 3.05.74.81 1.19 1.85 1.19 3.11 0 4.44-2.71 5.42-5.29 5.7.41.36.78 1.07.78 2.16 0 1.56-.01 2.81-.01 3.19 0 .31.21.68.8.56A11.5 11.5 0 0 0 12 .5z" })
+}), u = (e) => /* @__PURE__ */ i("svg", {
+	width: 16,
+	height: 16,
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	style: { flexShrink: 0 },
+	...e,
+	children: /* @__PURE__ */ i("path", { d: "M18.244 2H21.5l-7.62 8.71L23 22h-7.05l-5.52-7.21L4.07 22H.81l8.18-9.34L1 2h7.22l5 6.59L18.244 2zm-2.47 18h1.95L7.32 4h-2.1l10.55 16z" })
+}), d = (e) => /* @__PURE__ */ i("svg", {
+	width: 16,
+	height: 16,
+	viewBox: "0 0 24 24",
+	fill: "#FF0000",
+	"aria-hidden": "true",
+	style: { flexShrink: 0 },
+	...e,
+	children: /* @__PURE__ */ i("path", { d: "M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8zM9.6 15.6V8.4l6.2 3.6-6.2 3.6z" })
+}), f = (e) => /* @__PURE__ */ i("svg", {
+	width: 16,
+	height: 16,
+	viewBox: "0 0 24 24",
+	fill: "#EA4335",
+	"aria-hidden": "true",
+	style: { flexShrink: 0 },
+	...e,
+	children: /* @__PURE__ */ i("path", { d: "M24 5.45v13.1A1.45 1.45 0 0 1 22.55 20H19.5V9.27L12 14.7 4.5 9.27V20H1.45A1.45 1.45 0 0 1 0 18.55V5.45A1.45 1.45 0 0 1 1.45 4h.5l10.05 7.27L22.05 4h.5A1.45 1.45 0 0 1 24 5.45z" })
+}), p = (e) => /* @__PURE__ */ a("svg", {
+	width: 16,
+	height: 16,
+	viewBox: "0 0 24 24",
+	"aria-hidden": "true",
+	style: { flexShrink: 0 },
+	...e,
+	children: [
+		/* @__PURE__ */ i("path", {
+			fill: "#E01E5A",
+			d: "M5.04 15.12a2.52 2.52 0 1 1-2.52-2.52h2.52v2.52zm1.27 0a2.52 2.52 0 1 1 5.04 0v6.32a2.52 2.52 0 1 1-5.04 0v-6.32z"
+		}),
+		/* @__PURE__ */ i("path", {
+			fill: "#36C5F0",
+			d: "M8.83 5.04a2.52 2.52 0 1 1 2.52-2.52v2.52H8.83zm0 1.27a2.52 2.52 0 1 1 0 5.04H2.52a2.52 2.52 0 1 1 0-5.04h6.31z"
+		}),
+		/* @__PURE__ */ i("path", {
+			fill: "#2EB67D",
+			d: "M18.96 8.83a2.52 2.52 0 1 1 2.52 2.52h-2.52V8.83zm-1.27 0a2.52 2.52 0 1 1-5.04 0V2.52a2.52 2.52 0 1 1 5.04 0v6.31z"
+		}),
+		/* @__PURE__ */ i("path", {
+			fill: "#ECB22E",
+			d: "M15.17 18.96a2.52 2.52 0 1 1-2.52 2.52v-2.52h2.52zm0-1.27a2.52 2.52 0 1 1 0-5.04h6.31a2.52 2.52 0 1 1 0 5.04h-6.31z"
+		})
+	]
+}), m = (e) => /* @__PURE__ */ i("svg", {
+	width: 16,
+	height: 16,
+	viewBox: "0 0 24 24",
+	fill: "currentColor",
+	"aria-hidden": "true",
+	style: { flexShrink: 0 },
+	...e,
+	children: /* @__PURE__ */ i("path", { d: "M4.46 3.83 14.94 3a3.7 3.7 0 0 1 2.5.62l3 2.16a1.4 1.4 0 0 1 .56 1.31v13.06a1.7 1.7 0 0 1-1.66 1.7l-12.5.78a2.4 2.4 0 0 1-1.85-.62L2.5 19.7a1.7 1.7 0 0 1-.5-1.2V5.16c0-.74.6-1.27 1.46-1.33l1-.01zm.46 1.86c-.31 0-.46.16-.46.47v12.25c0 .31.16.47.46.47l11.62-.7c.31 0 .46-.16.46-.47V6c0-.32-.16-.47-.46-.47L4.92 5.7zm5.57 2.32c.16 0 .31.16.31.31v.46l3.7.23c.31 0 .46.16.46.47v8.32c0 .31-.16.47-.46.47l-3.7.23c-.31 0-.46-.16-.46-.47V8.78c0-.16.15-.32.15-.46l-.04-.31z" })
+}), h = {
+	"linkedin.com": c,
+	"github.com": l,
+	"x.com": u,
+	"twitter.com": u,
+	"youtube.com": d,
+	"youtu.be": d,
+	"gmail.com": f,
+	"mail.google.com": f,
+	"slack.com": p,
+	"notion.so": m,
+	"notion.com": m
+};
+function g(e, t) {
+	return !e || t === "none" ? null : t === "google" ? `https://www.google.com/s2/favicons?domain=${encodeURIComponent(e)}&sz=32` : `https://${e}/favicon.ico`;
+}
+var _ = {
+	width: 16,
+	height: 16,
+	flexShrink: 0,
+	objectFit: "contain"
+};
+function v({ domain: e, source: t }) {
+	let n = e ? e.toLowerCase() : "", r = n ? h[n] : void 0;
+	if (r) return /* @__PURE__ */ i(r, {});
+	let a = g(n, t);
+	return a ? /* @__PURE__ */ i(y, { src: a }) : /* @__PURE__ */ i(s, {});
+}
+function y({ src: e }) {
+	let [r, a] = n(!1);
+	return t(() => {
+		a(!1);
+	}, [e]), r ? /* @__PURE__ */ i(s, {}) : /* @__PURE__ */ i("img", {
+		src: e,
+		alt: "",
+		width: 16,
+		height: 16,
+		loading: "lazy",
+		decoding: "async",
+		referrerPolicy: "no-referrer",
+		style: _,
+		onError: () => a(!0)
+	});
+}
+//#endregion
+export { v as HostIcon };

package/dist-lib/components/fields/cells/factories/json.js

@@ -0,0 +1,61 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { JsonField as t, isEmptyJsonValue as n } from "../../JsonField.js";
+import { EMPTY_CELL as r } from "./emptyCell.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/json.tsx
+var a = 400, o = 2e3;
+function s(e) {
+	return Math.max(1, Math.min(typeof e == "number" && Number.isFinite(e) ? Math.floor(e) : a, o));
+}
+function c(e, t) {
+	return e.length <= t ? e : `${e.slice(0, t)}...`;
+}
+function l(t, n, r, i = 0) {
+	if (t == null || t === "") return "";
+	if (typeof t == "string") return c(t, n);
+	if (typeof t == "number" || typeof t == "boolean") return String(t);
+	if (typeof t != "object") return c(e(t), n);
+	if (r.has(t)) return "[Circular]";
+	if (i >= 3) return Array.isArray(t) ? "[...]" : "{...}";
+	r.add(t);
+	let a = Array.isArray(t) ? "]" : "}", o = [Array.isArray(t) ? "[" : "{"], s = Array.isArray(t) ? t.map((e, t) => [String(t), e]) : Object.entries(t);
+	for (let [e, c] of s) {
+		let s = o.join(""), u = o.length > 1 ? "," : "", d = Array.isArray(t) ? u : `${u}${JSON.stringify(e)}:`, f = n - s.length - d.length - a.length;
+		if (f <= 0) {
+			o.push(o.length > 1 ? ",..." : "...");
+			break;
+		}
+		let p = l(c, f, r, i + 1);
+		if (o.push(d, p), o.join("").length >= n) {
+			o.push(",...");
+			break;
+		}
+	}
+	return o.push(a), r.delete(t), c(o.join(""), n);
+}
+function u(e, t) {
+	return l(e, t, /* @__PURE__ */ new WeakSet());
+}
+var d = (e) => {
+	let a = e.surface ?? "detail", o = s(e.field.display?.list_preview?.max_chars);
+	return (s) => {
+		if (n(s)) return r;
+		if (a === "list") {
+			let e = u(s, o);
+			return /* @__PURE__ */ i("span", {
+				className: "font-mono text-xs text-muted-foreground",
+				title: e,
+				children: e
+			});
+		}
+		return /* @__PURE__ */ i(t, {
+			field: e.field,
+			fieldName: e.fieldName,
+			value: s,
+			mode: "display",
+			t: e.t
+		});
+	};
+};
+//#endregion
+export { d as jsonFactory };

package/dist-lib/components/fields/cells/factories/link.js

@@ -0,0 +1,32 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { Icon as t } from "../../../primitives/Icons.js";
+import { EMPTY_CELL as n } from "./emptyCell.js";
+import { isValidUrl as r, normalizeUrl as i } from "./url-helpers.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/link.tsx
+var s = {
+	display: "inline-flex",
+	alignItems: "center",
+	gap: 4,
+	fontSize: 12.5,
+	color: "var(--accent-text)",
+	textDecoration: "none"
+}, c = { fontSize: 12.5 }, l = () => (l) => {
+	let u = l == null ? "" : e(l);
+	if (!u) return n;
+	let d = i(u);
+	return d == null || !r(d) ? /* @__PURE__ */ a("span", {
+		style: c,
+		children: u
+	}) : /* @__PURE__ */ o("a", {
+		href: d,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		title: u,
+		className: "mono",
+		style: s,
+		children: [u, /* @__PURE__ */ a(t.external, { size: 11 })]
+	});
+};
+//#endregion
+export { l as linkFactory };

package/dist-lib/components/fields/cells/factories/markdown.js

@@ -0,0 +1,31 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { HoverCard as t } from "../../../primitives/HoverCard.js";
+import { Markdown as n } from "../../../shared/Markdown.js";
+import { EMPTY_CELL as r } from "./emptyCell.js";
+import { markdownPreview as i } from "./markdownPreview.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/markdown.tsx
+function o(e) {
+	return /* @__PURE__ */ a(n, { content: e });
+}
+var s = (n) => {
+	let s = n.surface === "list";
+	return (n) => {
+		let c = n == null ? "" : e(n);
+		if (!c) return r;
+		if (!s) return o(c);
+		let { text: l, isPlain: u } = i(c);
+		return u ? /* @__PURE__ */ a("span", {
+			title: l,
+			children: l
+		}) : /* @__PURE__ */ a(t, {
+			content: o(c),
+			children: /* @__PURE__ */ a("span", {
+				title: l,
+				children: l
+			})
+		});
+	};
+};
+//#endregion
+export { s as markdownFactory };

package/dist-lib/components/fields/cells/factories/markdownPreview.js

@@ -0,0 +1,81 @@
+//#region src/components/fields/cells/factories/markdownPreview.ts
+var e = [
+	{
+		pattern: /```[^\n]*\n?([\s\S]*?)```/g,
+		replacement: "$1"
+	},
+	{
+		pattern: /`([^`]+)`/g,
+		replacement: "$1"
+	},
+	{
+		pattern: /!\[([^\]]*)\]\([^)]*\)/g,
+		replacement: "$1"
+	},
+	{
+		pattern: /\[([^\]]+)\]\([^)]*\)/g,
+		replacement: "$1"
+	},
+	{
+		pattern: /\[([^\]]+)\]\[[^\]]*\]/g,
+		replacement: "$1"
+	},
+	{
+		pattern: /^[ \t]*\[[^\]]+\]:[ \t]*\S.*$/gm,
+		replacement: ""
+	},
+	{
+		pattern: /(\*\*\*|\*\*|\*|~~)(?=\S)([\s\S]*?\S)\1/g,
+		replacement: "$2"
+	},
+	{
+		pattern: /(^|[^A-Za-z0-9])(___|__|_)(?=\S)([\s\S]*?\S)\2(?![A-Za-z0-9])/g,
+		replacement: "$1$3"
+	},
+	{
+		pattern: /^[ \t]*#{1,6}[ \t]+/gm,
+		replacement: ""
+	},
+	{
+		pattern: /^[ \t]*>[ \t]?/gm,
+		replacement: ""
+	},
+	{
+		pattern: /^[ \t]*(?:[-*+]|\d+[.)])[ \t]+/gm,
+		replacement: ""
+	},
+	{
+		pattern: /^[ \t]*\|?[ \t]*:?-{2,}[-| :]*$/gm,
+		replacement: ""
+	},
+	{
+		pattern: /\|/g,
+		replacement: " ",
+		structural: !1
+	},
+	{
+		pattern: /<\/?[a-zA-Z][^>]*>/g,
+		replacement: ""
+	},
+	{
+		pattern: /^[ \t]*(?:[-*_][ \t]*){3,}$/gm,
+		replacement: ""
+	}
+];
+function t(t) {
+	if (!t) return {
+		text: "",
+		isPlain: !0
+	};
+	let n = t, r = !1;
+	for (let t of e) {
+		let e = n.replace(t.pattern, t.replacement);
+		e !== n && t.structural !== !1 && (r = !0), n = e;
+	}
+	return {
+		text: n.replace(/\s+/g, " ").trim(),
+		isPlain: !r
+	};
+}
+//#endregion
+export { t as markdownPreview };

package/dist-lib/components/fields/cells/factories/money.js

@@ -0,0 +1,37 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+//#region src/components/fields/cells/factories/money.ts
+var t = (t) => {
+	let { field: a, t: o } = t, s = a.display?.currency || "USD", c = a.display?.currency_field, l = r(a.display?.currency_display), u = i(typeof a.scale == "number" ? a.scale : 2, 0, 6), d = /* @__PURE__ */ new Map();
+	return (t, r = {}) => {
+		if (t == null || t === "") return "—";
+		let i = typeof t == "number" ? t : Number(t);
+		if (!Number.isFinite(i)) return e(t);
+		let a = c ? r[c] : void 0, f = typeof a == "string" && a !== "" ? a : s, p = `${o.language}:${f}:${l}:${u}`, m = d.get(p);
+		return m || (m = new Intl.NumberFormat(o.language, {
+			style: "currency",
+			currency: f,
+			currencyDisplay: l,
+			maximumFractionDigits: Math.max(u, n(o.language, f))
+		}), d.set(p, m)), m.format(i);
+	};
+};
+function n(e, t) {
+	return new Intl.NumberFormat(e, {
+		style: "currency",
+		currency: t
+	}).resolvedOptions().maximumFractionDigits ?? 2;
+}
+function r(e) {
+	switch (e) {
+		case "narrow_symbol": return "narrowSymbol";
+		case "code":
+		case "name":
+		case "symbol": return e;
+		default: return "symbol";
+	}
+}
+function i(e, t, n) {
+	return e < t ? t : e > n ? n : e;
+}
+//#endregion
+export { t as moneyFactory };

package/dist-lib/components/fields/cells/factories/multilangInline.js

@@ -0,0 +1,35 @@
+import { pickLocalizedEntry as e } from "../../../../lib/language.js";
+import { parseLangMap as t } from "../../langMap.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/multilangInline.tsx
+var r = { fontSize: 12.5 }, i = {
+	fontSize: 12.5,
+	whiteSpace: "pre-wrap",
+	margin: 0
+}, a = (a) => {
+	let { field: o, t: s } = a, c = o.type === "multilang_text";
+	return (a) => {
+		let o = t(a), l = e(o, s.language, s.deploymentLanguage);
+		if (!l) return c ? /* @__PURE__ */ n("p", {
+			style: i,
+			children: "—"
+		}) : /* @__PURE__ */ n("span", {
+			style: r,
+			children: "—"
+		});
+		let [u, d] = l;
+		return c ? /* @__PURE__ */ n("p", {
+			style: i,
+			lang: u,
+			dir: "auto",
+			children: d
+		}) : /* @__PURE__ */ n("span", {
+			style: r,
+			lang: u,
+			dir: "auto",
+			children: d
+		});
+	};
+};
+//#endregion
+export { a as multilangInlineFactory };

package/dist-lib/components/fields/cells/factories/nextRun.js

@@ -0,0 +1,46 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { formatOffsetTimestamp as t } from "../../../../lib/timestamp.js";
+import { Pill as n } from "../../../primitives/Pill.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/nextRun.tsx
+var i = 6e4, a = 3e5, o = 1440, s = 43200, c = 525600;
+function l(e, t) {
+	let n = Math.abs(e) / 6e4, r, i;
+	return n < 1 ? [r, i] = ["second", Math.round(Math.abs(e) / 1e3)] : n < 60 ? [r, i] = ["minute", Math.round(n)] : n < o ? [r, i] = ["hour", Math.round(n / 60)] : n < s ? [r, i] = ["day", Math.round(n / o)] : n < c ? [r, i] = ["month", Math.round(n / s)] : [r, i] = ["year", Math.round(n / c)], r === "month" && i === 12 && ([r, i] = ["year", 1]), new Intl.NumberFormat(t, {
+		style: "unit",
+		unit: r,
+		unitDisplay: "long"
+	}).format(i);
+}
+var u = ({ t: o }) => (s) => {
+	if (s == null || s === "") return "—";
+	let c = typeof s == "string" ? s : e(s), u = new Date(c);
+	if (isNaN(u.getTime())) return c;
+	let d = t(c), f = Date.now() - u.getTime();
+	if (f <= 0) {
+		let e = l(f, o.language);
+		return /* @__PURE__ */ r("span", {
+			title: d,
+			children: o("field.next_run.in", "in {distance}", { distance: e })
+		});
+	}
+	if (f <= i) return /* @__PURE__ */ r("span", {
+		title: d,
+		children: /* @__PURE__ */ r(n, {
+			tone: "slate",
+			size: "xs",
+			children: o("field.next_run.due", "due")
+		})
+	});
+	let p = l(f, o.language);
+	return /* @__PURE__ */ r("span", {
+		title: d,
+		children: /* @__PURE__ */ r(n, {
+			tone: f <= a ? "amber" : "rose",
+			size: "xs",
+			children: o("field.next_run.overdue", "overdue {distance}", { distance: p })
+		})
+	});
+};
+//#endregion
+export { u as nextRunFactory };

package/dist-lib/components/fields/cells/factories/number.js

@@ -0,0 +1,42 @@
+import { formatDecimalText as e } from "../../../../lib/decimal-text.js";
+import { EMPTY_CELL as t } from "./emptyCell.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/number.tsx
+var i = {
+	fontSize: 12.5,
+	fontVariantNumeric: "tabular-nums"
+}, a = {
+	color: "var(--text-3)",
+	marginLeft: 4
+}, o = { fontSize: 12.5 }, s = (s) => {
+	let { field: c, fieldName: l, t: u } = s, d = new Intl.NumberFormat(u.language), f = c.display?.widget === "percent" && new Intl.NumberFormat(u.language, {
+		style: "unit",
+		unit: "percent",
+		maximumFractionDigits: Math.min(c.scale ?? 2, 6)
+	}), p = c.type === "decimal", m = c.unit ? c.unit.display || c.unit.storage : void 0;
+	return (s, c) => {
+		if (s == null) return t;
+		let u = c.$units?.[l] || (m && !m.startsWith("$") ? m : void 0), h;
+		if (f) {
+			let e = Number(s);
+			h = Number.isFinite(e) ? f.format(e) : null;
+		} else if (p && typeof s == "string") h = e(s, d);
+		else {
+			let e = typeof s == "number" ? s : Number(s);
+			h = Number.isFinite(e) ? d.format(e) : null;
+		}
+		return h == null ? /* @__PURE__ */ n("span", {
+			style: o,
+			children: "—"
+		}) : /* @__PURE__ */ r("span", {
+			className: "num",
+			style: i,
+			children: [h, u && /* @__PURE__ */ n("span", {
+				style: a,
+				children: u
+			})]
+		});
+	};
+};
+//#endregion
+export { s as numberFactory };

package/dist-lib/components/fields/cells/factories/passwordMask.js

@@ -0,0 +1,23 @@
+import { holdsSecret as e } from "../../secretValue.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/passwordMask.tsx
+var n = {
+	fontSize: 12.5,
+	color: "var(--text-3)"
+}, r = {
+	fontSize: 12.5,
+	color: "var(--text-4)",
+	fontStyle: "italic"
+}, i = ({ t: i }) => {
+	let a = i("field.secret.not_set", "Not set"), o = i("field.secret.set", "Set");
+	return (i) => e(i) ? /* @__PURE__ */ t("span", {
+		className: "mono",
+		style: n,
+		children: o
+	}) : /* @__PURE__ */ t("span", {
+		style: r,
+		children: a
+	});
+};
+//#endregion
+export { i as passwordMaskFactory };

package/dist-lib/components/fields/cells/factories/phone.js

@@ -0,0 +1,35 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { formatPhone as t, usePhoneLib as n } from "../../../../lib/phone.js";
+import { EMPTY_CELL as r } from "./emptyCell.js";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/phone.tsx
+var a = {
+	fontSize: 12.5,
+	color: "var(--accent-text)",
+	textDecoration: "none"
+}, o = { fontSize: 12.5 }, s = /^[+()\-.\s\d]+$/;
+function c({ raw: e }) {
+	let r = n(), c = r ? t(r, e) : void 0;
+	if (c) return /* @__PURE__ */ i("a", {
+		href: `tel:${c.e164}`,
+		className: "mono",
+		style: a,
+		children: c.label
+	});
+	let l = e.trim();
+	return s.test(l) ? /* @__PURE__ */ i("a", {
+		href: `tel:${l.replace(/\s+/g, "")}`,
+		className: "mono",
+		style: a,
+		children: e
+	}) : /* @__PURE__ */ i("span", {
+		style: o,
+		children: e
+	});
+}
+var l = () => (t) => {
+	let n = t == null ? "" : e(t);
+	return n ? /* @__PURE__ */ i(c, { raw: n }) : r;
+};
+//#endregion
+export { l as phoneFactory };

package/dist-lib/components/fields/cells/factories/refLink.js

@@ -0,0 +1,57 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { getPrimaryKeyFields as t, resolveRefRecordLabel as n } from "../../../../types/schema.js";
+import { DynamicIcon as r } from "../../../shared/DynamicIcon.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/refLink.tsx
+var s = (n) => {
+	let { field: s, entities: l, screens: u, refs: d, surface: f, detailScreen: p } = n, m = s.ref?.entity, h = m ? l?.[m] : void 0, g = typeof d == "function" ? d : () => d, _ = f === "detail", v = h?.display?.icon, y = s.display?.ref_display_field || "$display", b = p || h?.detail_screen, x = (b ? u?.[b] : void 0)?.route, S = h ? t(h)[0] ?? "id" : "id";
+	return (t, s) => {
+		if (t == null || t === "") return "—";
+		let l = e(t), u = c(n.t, l, m, g(), y), d = m ? g()?.[m]?.[l] : void 0, f = d?.[S] == null ? l : e(d[S]), p = x ? x.replace(":id", encodeURIComponent(f)) : void 0;
+		if (_) {
+			let e = /* @__PURE__ */ o(i, { children: [v && /* @__PURE__ */ a("span", {
+				style: {
+					color: "var(--text-3)",
+					display: "flex",
+					flexShrink: 0
+				},
+				children: /* @__PURE__ */ a(r, {
+					name: v,
+					size: 13
+				})
+			}), /* @__PURE__ */ a("span", {
+				style: {
+					overflow: "hidden",
+					textOverflow: "ellipsis",
+					whiteSpace: "nowrap"
+				},
+				children: u
+			})] });
+			return p ? /* @__PURE__ */ a("a", {
+				href: p,
+				rel: "noopener noreferrer",
+				className: "detail-ref-chip",
+				children: e
+			}) : /* @__PURE__ */ a("span", {
+				className: "detail-ref-chip",
+				children: e
+			});
+		}
+		return p ? /* @__PURE__ */ a("a", {
+			href: p,
+			rel: "noopener noreferrer",
+			style: {
+				color: "inherit",
+				textDecoration: "underline",
+				textUnderlineOffset: 2
+			},
+			children: u
+		}) : u;
+	};
+};
+function c(e, t, r, i, a) {
+	let o = r && i ? i[r]?.[t] : void 0;
+	return o ? n(e, o, a, t) : t;
+}
+//#endregion
+export { s as refLinkFactory };

package/dist-lib/components/fields/cells/factories/richTextPreview.js

@@ -0,0 +1,34 @@
+import { HoverCard as e } from "../../../primitives/HoverCard.js";
+import { Markdown as t } from "../../../shared/Markdown.js";
+import { createRichTextValue as n } from "../../../../lib/rich-text.js";
+import { EMPTY_CELL as r } from "./emptyCell.js";
+import { markdownPreview as i } from "./markdownPreview.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/richTextPreview.tsx
+function o(e, n) {
+	return /* @__PURE__ */ a(t, {
+		content: e,
+		files: n
+	});
+}
+var s = (t) => {
+	let { fieldName: s } = t, c = t.surface === "list";
+	return (t, l) => {
+		let u = l?.$files?.[s], d = n(t, u);
+		if (!d.markdown) return r;
+		if (!c) return o(d.markdown, d.files);
+		let { text: f, isPlain: p } = i(d.markdown);
+		return p ? /* @__PURE__ */ a("span", {
+			title: f,
+			children: f
+		}) : /* @__PURE__ */ a(e, {
+			content: o(d.markdown, d.files),
+			children: /* @__PURE__ */ a("span", {
+				title: f,
+				children: f
+			})
+		});
+	};
+};
+//#endregion
+export { s as richTextPreviewFactory };