@declarion/react 0.87.0 → 0.88.0

package/dist-lib/components/detail-layout/ChildrenTimeline.js

@@ -1,135 +1,136 @@
 import { coerceDisplayString as e } from "../../lib/display-value.js";
-import { extractPkValues as t, fieldDisplayName as n } from "../../types/schema.js";
-import { textWithNodes as r } from "../../lib/language.js";
-import { Icon as i } from "../primitives/Icons.js";
-import { Btn as a } from "../primitives/Btn.js";
-import { IconBtn as o } from "../primitives/IconBtn.js";
-import { Pill as s } from "../primitives/Pill.js";
-import { HoverCard as c } from "../primitives/HoverCard.js";
-import { useText as l } from "../../hooks/useText.js";
-import { Spinner as ee } from "../primitives/Spinner.js";
-import { deleteObject as u, encodeObjectId as d, updateEntity as f } from "../../api/data.js";
-import { failureTitle as p } from "../../lib/failure.js";
-import { toast as m } from "../../lib/toast.js";
-import { ENTITY_CHILDREN_KEY as te } from "../../hooks/useChildrenData.js";
-import { renderField as h } from "../fields/index.js";
-import { useTimelineData as g } from "../../hooks/useTimelineData.js";
-import { TimelineComposer as _ } from "./TimelineComposer.js";
-import { useCallback as v, useEffect as y, useLayoutEffect as b, useMemo as x, useRef as S, useState as C } from "react";
-import { useMutation as w, useQueryClient as T } from "@tanstack/react-query";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { displayDay as t } from "../../lib/timestamp.js";
+import { extractPkValues as n, fieldDisplayName as r } from "../../types/schema.js";
+import { textWithNodes as i } from "../../lib/language.js";
+import { deleteObject as a, encodeObjectId as o, updateEntity as s } from "../../api/data.js";
+import { failureTitle as c } from "../../lib/failure.js";
+import { Icon as l } from "../primitives/Icons.js";
+import { Btn as u } from "../primitives/Btn.js";
+import { IconBtn as d } from "../primitives/IconBtn.js";
+import { Pill as f } from "../primitives/Pill.js";
+import { HoverCard as p } from "../primitives/HoverCard.js";
+import { useText as m } from "../../hooks/useText.js";
+import { Spinner as h } from "../primitives/Spinner.js";
+import { toast as g } from "../../lib/toast.js";
+import { ENTITY_CHILDREN_KEY as _ } from "../../hooks/useChildrenData.js";
+import { renderField as v } from "../fields/index.js";
+import { useTimelineData as y } from "../../hooks/useTimelineData.js";
+import { TimelineComposer as b } from "./TimelineComposer.js";
+import { useCallback as x, useEffect as S, useLayoutEffect as C, useMemo as w, useRef as T, useState as E } from "react";
+import { useMutation as D, useQueryClient as O } from "@tanstack/react-query";
+import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
 //#region src/components/detail-layout/ChildrenTimeline.tsx
-var k = 80, A = 200, j = 6, M = 2e4, N = 280;
-function P(e) {
-	if (e.length > N) return !0;
+var ee = 80, te = 200, M = 6, N = 2e4, P = 280;
+function F(e) {
+	if (e.length > P) return !0;
 	let t = 0;
-	for (let n of e) if (n === "\n" && ++t >= j) return !0;
+	for (let n of e) if (n === "\n" && ++t >= M) return !0;
 	return !1;
 }
-function F(n, r) {
-	if (I(r)) {
+function I(t, r) {
+	if (L(r)) {
 		let t = r.id;
 		return t == null ? "" : e(t);
 	}
-	return d(t(n, r));
+	return o(n(t, r));
 }
-function I(e) {
+function L(e) {
 	return e.__optimistic === !0;
 }
-function L({ config: e, parentEntity: t, parentId: n, schema: r }) {
-	let i = l(), o = l("errors"), s = r.entities[e.entity], { rows: c, refs: u, fetchNextPage: d, hasOlder: f, isFetchingOlder: p, isLoading: m, isError: te } = g(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), h = e.timeline, w = h?.scroll ?? !1, T = (e.sort ?? "").endsWith(":asc"), j = x(() => T ? [...c].reverse() : c, [c, T]), M = h?.auto_scroll ?? "none", N = S(null), P = S(null), L = S(!1), z = S(0), U = S(null), W = S(null), G = S(!0), K = S(null);
-	y(() => {
-		L.current = !1, z.current = 0, U.current = null, W.current = null, G.current = !0, K.current = null;
-	}, [n]), b(() => {
-		p && N.current && (K.current = {
+function R({ config: e, parentEntity: t, parentId: n, schema: r }) {
+	let i = m(), a = m("errors"), o = r.entities[e.entity], { rows: s, refs: c, fetchNextPage: l, hasOlder: d, isFetchingOlder: f, isLoading: p, isError: g } = y(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), _ = e.timeline, v = _?.scroll ?? !1, D = (e.sort ?? "").endsWith(":asc"), O = w(() => D ? [...s].reverse() : s, [s, D]), M = _?.auto_scroll ?? "none", N = T(null), P = T(null), F = T(!1), R = T(0), B = T(null), W = T(null), G = T(!0), K = T(null);
+	S(() => {
+		F.current = !1, R.current = 0, B.current = null, W.current = null, G.current = !0, K.current = null;
+	}, [n]), C(() => {
+		f && N.current && (K.current = {
 			scrollHeight: N.current.scrollHeight,
 			scrollTop: N.current.scrollTop
 		});
-	}, [p]), b(() => {
+	}, [f]), C(() => {
 		let e = N.current;
-		if (!e || j.length === 0 || !s) {
-			z.current = j.length;
+		if (!e || O.length === 0 || !o) {
+			R.current = O.length;
 			return;
 		}
-		let t = F(s, j[0]), n = F(s, j[j.length - 1]), r = !L.current, i = j.length > z.current && z.current > 0, a = i && (T && t !== U.current && n === W.current || !T && n !== W.current && t === U.current), o = i && !a;
-		if (r) T && M === "bottom" && (e.scrollTop = e.scrollHeight), L.current = !0;
+		let t = I(o, O[0]), n = I(o, O[O.length - 1]), r = !F.current, i = O.length > R.current && R.current > 0, a = i && (D && t !== B.current && n === W.current || !D && n !== W.current && t === B.current), s = i && !a;
+		if (r) D && M === "bottom" && (e.scrollTop = e.scrollHeight), F.current = !0;
 		else if (a && K.current) {
 			let t = K.current;
-			T && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), K.current = null;
-		} else o && T && G.current && (e.scrollTop = e.scrollHeight);
-		z.current = j.length, U.current = t, W.current = n;
+			D && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), K.current = null;
+		} else s && D && G.current && (e.scrollTop = e.scrollHeight);
+		R.current = O.length, B.current = t, W.current = n;
 	}, [
-		j,
+		O,
 		M,
-		T,
-		s
+		D,
+		o
 	]);
-	let q = v(() => {
+	let q = x(() => {
 		let e = N.current;
-		e && (G.current = e.scrollHeight - e.scrollTop - e.clientHeight < k);
+		e && (G.current = e.scrollHeight - e.scrollTop - e.clientHeight < ee);
 	}, []);
-	y(() => {
+	S(() => {
 		let e = P.current;
 		if (!e || typeof IntersectionObserver > "u") return;
 		let t = new IntersectionObserver((e) => {
-			for (let t of e) t.isIntersecting && f && !p && d();
+			for (let t of e) t.isIntersecting && d && !f && l();
 		}, {
 			root: N.current ?? null,
-			rootMargin: `${A}px 0px 0px 0px`,
+			rootMargin: `${te}px 0px 0px 0px`,
 			threshold: 0
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [
+		d,
 		f,
-		p,
-		d
+		l
 	]);
-	let [J, Y] = C(null);
-	if (!s) return null;
-	let X = e.quick_add?.fields ?? [h?.content_field].filter(Boolean), Z = i(s.display?.name_plural) || i(s.display?.name) || e.entity, Q = f ? /* @__PURE__ */ D("div", {
+	let [J, Y] = E(null);
+	if (!o) return null;
+	let X = e.quick_add?.fields ?? [_?.content_field].filter(Boolean), Z = i(o.display?.name_plural) || i(o.display?.name) || e.entity, Q = d ? /* @__PURE__ */ A("div", {
 		style: {
 			display: "flex",
 			justifyContent: "center",
 			padding: "6px 0"
 		},
-		children: /* @__PURE__ */ D(a, {
+		children: /* @__PURE__ */ A(u, {
 			size: "xs",
-			onClick: () => d(),
-			disabled: p,
-			icon: p ? /* @__PURE__ */ D(ee, { size: 11 }) : void 0,
-			children: p ? i("record.loading", "Loading…") : i("record.timeline.load_older", "Load older")
+			onClick: () => l(),
+			disabled: f,
+			icon: f ? /* @__PURE__ */ A(h, { size: 11 }) : void 0,
+			children: f ? i("record.loading", "Loading…") : i("record.timeline.load_older", "Load older")
 		})
-	}) : null, ne = /* @__PURE__ */ D("div", {
+	}) : null, ne = /* @__PURE__ */ A("div", {
 		ref: P,
 		"aria-hidden": "true",
 		style: { height: 1 }
 	}), $;
-	if (te) $ = /* @__PURE__ */ D("div", {
+	if (g) $ = /* @__PURE__ */ A("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
 			padding: 12
 		},
-		children: o("record.related_rows_unreadable", "The related records could not be loaded.")
+		children: a("record.related_rows_unreadable", "The related records could not be loaded.")
 	});
-	else if (m) $ = /* @__PURE__ */ O("div", {
+	else if (p) $ = /* @__PURE__ */ j("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8,
 			padding: 12
 		},
-		children: [/* @__PURE__ */ D("div", { style: {
+		children: [/* @__PURE__ */ A("div", { style: {
 			height: 64,
 			background: "var(--surface-3)",
 			borderRadius: "var(--radius-md)"
-		} }), /* @__PURE__ */ D("div", { style: {
+		} }), /* @__PURE__ */ A("div", { style: {
 			height: 64,
 			background: "var(--surface-3)",
 			borderRadius: "var(--radius-md)"
 		} })]
 	});
-	else if (j.length === 0) $ = /* @__PURE__ */ O(E, { children: [ne, /* @__PURE__ */ D("div", {
+	else if (O.length === 0) $ = /* @__PURE__ */ j(k, { children: [ne, /* @__PURE__ */ A("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -139,59 +140,62 @@ function L({ config: e, parentEntity: t, parentId: n, schema: r }) {
 	})] });
 	else {
 		let a = (i, a) => {
-			let o = F(s, i) || String(a);
-			return /* @__PURE__ */ D(R, {
+			let s = I(o, i) || String(a);
+			return /* @__PURE__ */ A(z, {
 				row: i,
-				rowId: o,
-				childEntity: s,
+				rowId: s,
+				childEntity: o,
 				entityCode: e.entity,
 				parentEntity: t,
 				parentId: n,
-				timeline: h,
+				timeline: _,
 				editableFields: X,
-				refs: u,
-				isEditing: J === o,
-				onStartEdit: () => Y(o),
+				refs: c,
+				isEditing: J === s,
+				onStartEdit: () => Y(s),
 				onCancelEdit: () => Y(null),
 				onSaved: () => Y(null),
 				schema: r,
-				optimistic: I(i)
-			}, o);
-		}, o = h?.time_field, c;
-		if (o) {
-			let e = [];
-			j.forEach((t, n) => {
-				let r = t[o], a = B(r), s = e[e.length - 1];
-				!s || s.key !== a ? e.push({
-					key: a,
-					label: V(i, r),
+				optimistic: L(i)
+			}, s);
+		}, s = _?.time_field, l;
+		if (s) {
+			let e = [], t = o?.fields?.get(s), n = {
+				zone: i.timeZone,
+				declared: !!(t?.timezone || o?.default_timezone)
+			};
+			O.forEach((t, r) => {
+				let a = t[s], o = V(a, n), c = e[e.length - 1];
+				!c || c.key !== o ? e.push({
+					key: o,
+					label: H(i, a, n),
 					rows: [{
 						row: t,
-						idx: n
+						idx: r
 					}]
-				}) : s.rows.push({
+				}) : c.rows.push({
 					row: t,
-					idx: n
+					idx: r
 				});
-			}), c = e.map((e) => /* @__PURE__ */ O("div", {
+			}), l = e.map((e) => /* @__PURE__ */ j("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ D(H, {
+				children: [/* @__PURE__ */ A(U, {
 					label: e.label,
 					count: e.rows.length
 				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
 			}, `day-${e.key}`));
-		} else c = j.map((e, t) => a(e, t));
-		$ = /* @__PURE__ */ O(E, { children: [
+		} else l = O.map((e, t) => a(e, t));
+		$ = /* @__PURE__ */ j(k, { children: [
 			ne,
 			Q,
-			c
+			l
 		] });
 	}
-	return w ? /* @__PURE__ */ O("div", {
+	return v ? /* @__PURE__ */ j("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -201,13 +205,13 @@ function L({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			color: "var(--text)"
 		},
 		children: [
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ A("div", {
 				style: {
 					padding: "10px 16px",
 					borderBottom: "1px solid var(--divider)",
 					background: "var(--surface)"
 				},
-				children: /* @__PURE__ */ D("h3", {
+				children: /* @__PURE__ */ A("h3", {
 					style: {
 						margin: 0,
 						fontSize: 12.5,
@@ -216,7 +220,7 @@ function L({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					children: Z
 				})
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ A("div", {
 				ref: N,
 				onScroll: q,
 				style: {
@@ -229,73 +233,73 @@ function L({ config: e, parentEntity: t, parentId: n, schema: r }) {
 				},
 				children: $
 			}),
-			/* @__PURE__ */ D(_, {
+			/* @__PURE__ */ A(b, {
 				config: e,
 				parentEntity: t,
 				parentId: n,
 				schema: r
 			})
 		]
-	}) : /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("div", {
+	}) : /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8
 		},
 		children: $
-	}), /* @__PURE__ */ D(_, {
+	}), /* @__PURE__ */ A(b, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: r
 	})] });
 }
-function R({ row: t, rowId: c, childEntity: d, entityCode: g, parentEntity: _, parentId: y, timeline: b, editableFields: x, refs: S, isEditing: E, onStartEdit: k, onCancelEdit: A, onSaved: j, schema: M, optimistic: N = !1 }) {
-	let P = l(), F = l("errors"), I = T(), [L, R] = C({}), B = v(() => {
+function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, parentId: b, timeline: S, editableFields: C, refs: w, isEditing: T, onStartEdit: k, onCancelEdit: ee, onSaved: te, schema: M, optimistic: N = !1 }) {
+	let P = m(), F = m("errors"), I = O(), [L, R] = E({}), z = x(() => {
 		I.invalidateQueries({ queryKey: [
-			te,
 			_,
 			y,
-			g
+			b,
+			p
 		] });
 	}, [
 		I,
-		_,
 		y,
-		g
-	]), V = w({
+		b,
+		p
+	]), V = D({
 		mutationFn: (e) => {
-			let n = t.$row_version, r = typeof n == "string" && n !== "" ? {
+			let r = t.$row_version, i = typeof r == "string" && r !== "" ? {
 				...e,
-				$row_version: n
+				$row_version: r
 			} : e;
-			return f(g, c, r);
+			return s(p, n, i);
 		},
 		onSuccess: () => {
-			B(), m.success(P("record.timeline.updated", "Updated")), j();
+			z(), g.success(P("record.timeline.updated", "Updated")), te();
 		},
-		onError: (e) => m.error(p(F, e))
-	}), H = w({
-		mutationFn: () => u(g, c),
+		onError: (e) => g.error(c(F, e))
+	}), H = D({
+		mutationFn: () => a(p, n),
 		onSuccess: () => {
-			B(), m.success(P("record.timeline.deleted", "Deleted"));
+			z(), g.success(P("record.timeline.deleted", "Deleted"));
 		},
-		onError: (e) => m.error(p(F, e))
-	}), W = v(() => {
+		onError: (e) => g.error(c(F, e))
+	}), U = x(() => {
 		let e = {};
-		for (let n of x) e[n] = t[n] ?? "";
+		for (let n of C) e[n] = t[n] ?? "";
 		R(e), k();
 	}, [
 		t,
-		x,
+		C,
 		k
-	]), G = v((e, t) => {
+	]), G = x((e, t) => {
 		R((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), K = b?.time_field, q = b?.type_field, J = b?.summary_field, Y = b?.content_field, X = b?.author_field, Z = b?.direction_field, Q = b?.intent_field;
-	return E ? /* @__PURE__ */ O("div", {
+	}, []), K = S?.time_field, q = S?.type_field, J = S?.summary_field, Y = S?.content_field, X = S?.author_field, Z = S?.direction_field, Q = S?.intent_field;
+	return T ? /* @__PURE__ */ j("div", {
 		style: {
 			borderRadius: "var(--radius-lg)",
 			border: "1px solid var(--accent)",
@@ -305,17 +309,17 @@ function R({ row: t, rowId: c, childEntity: d, entityCode: g, parentEntity: _, p
 			flexDirection: "column",
 			gap: 8
 		},
-		children: [x.map((e) => {
-			let t = d.fields.get(e);
-			return t ? /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+		children: [C.map((e) => {
+			let t = o.fields.get(e);
+			return t ? /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
 					marginBottom: 4,
 					display: "block"
 				},
-				children: n(P, t, e, M.entities)
-			}), h({
+				children: r(P, t, e, M.entities)
+			}), v({
 				field: t,
 				fieldName: e,
 				value: L[e] ?? "",
@@ -324,31 +328,31 @@ function R({ row: t, rowId: c, childEntity: d, entityCode: g, parentEntity: _, p
 				record: L,
 				t: P
 			})] }, e) : null;
-		}), /* @__PURE__ */ O("div", {
+		}), /* @__PURE__ */ j("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 6,
 				paddingTop: 4
 			},
-			children: [/* @__PURE__ */ D(a, {
+			children: [/* @__PURE__ */ A(u, {
 				kind: "primary",
 				size: "xs",
-				icon: V.isPending ? /* @__PURE__ */ D(ee, { size: 12 }) : /* @__PURE__ */ D(i.check, { size: 12 }),
+				icon: V.isPending ? /* @__PURE__ */ A(h, { size: 12 }) : /* @__PURE__ */ A(l.check, { size: 12 }),
 				onClick: () => V.mutate(L),
 				disabled: V.isPending,
 				children: V.isPending ? P("dialog.saving", "Saving…") : P("dialog.save", "Save")
-			}), /* @__PURE__ */ D(a, {
+			}), /* @__PURE__ */ A(u, {
 				size: "xs",
-				icon: /* @__PURE__ */ D(i.x, { size: 12 }),
+				icon: /* @__PURE__ */ A(l.x, { size: 12 }),
 				onClick: () => {
-					R({}), A();
+					R({}), ee();
 				},
 				disabled: V.isPending,
 				children: P("dialog.cancel", "Cancel")
 			})]
 		})]
-	}) : /* @__PURE__ */ O("div", {
+	}) : /* @__PURE__ */ j("div", {
 		className: "group",
 		"data-optimistic": N || void 0,
 		style: {
@@ -362,7 +366,7 @@ function R({ row: t, rowId: c, childEntity: d, entityCode: g, parentEntity: _, p
 		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
 		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ j("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -372,102 +376,102 @@ function R({ row: t, rowId: c, childEntity: d, entityCode: g, parentEntity: _, p
 					color: "var(--text-3)"
 				},
 				children: [
-					K && t[K] != null && d.fields.get(K) && /* @__PURE__ */ D("span", {
+					K && t[K] != null && o.fields.get(K) && /* @__PURE__ */ A("span", {
 						style: { fontWeight: 500 },
-						children: h({
-							field: d.fields.get(K),
+						children: v({
+							field: o.fields.get(K),
 							fieldName: K,
 							value: t[K],
 							mode: "display",
 							record: t,
-							refs: S,
+							refs: w,
 							t: P
 						})
 					}),
-					q && t[q] != null && d.fields.get(q) && /* @__PURE__ */ D(s, {
+					q && t[q] != null && o.fields.get(q) && /* @__PURE__ */ A(f, {
 						tone: "slate",
 						size: "xs",
-						children: h({
-							field: d.fields.get(q),
+						children: v({
+							field: o.fields.get(q),
 							fieldName: q,
 							value: t[q],
 							mode: "display",
 							record: t,
-							refs: S,
+							refs: w,
 							t: P
 						})
 					}),
-					Z && t[Z] != null && d.fields.get(Z) && /* @__PURE__ */ D(U, {
+					Z && t[Z] != null && o.fields.get(Z) && /* @__PURE__ */ A(W, {
 						value: t[Z],
-						field: d.fields.get(Z)
+						field: o.fields.get(Z)
 					}),
-					Q && t[Q] != null && d.fields.get(Q) && /* @__PURE__ */ D(s, {
+					Q && t[Q] != null && o.fields.get(Q) && /* @__PURE__ */ A(f, {
 						tone: "slate",
 						size: "xs",
-						children: h({
-							field: d.fields.get(Q),
+						children: v({
+							field: o.fields.get(Q),
 							fieldName: Q,
 							value: t[Q],
 							mode: "display",
 							record: t,
-							refs: S,
+							refs: w,
 							t: P
 						})
 					}),
-					X && t[X] != null && d.fields.get(X) && /* @__PURE__ */ D("span", { children: r(P("record.timeline.by_author", "by {author}"), { author: h({
-						field: d.fields.get(X),
+					X && t[X] != null && o.fields.get(X) && /* @__PURE__ */ A("span", { children: i(P("record.timeline.by_author", "by {author}"), { author: v({
+						field: o.fields.get(X),
 						fieldName: X,
 						value: t[X],
 						mode: "display",
 						record: t,
-						refs: S,
+						refs: w,
 						t: P
 					}) }) }),
-					!N && /* @__PURE__ */ O("div", {
+					!N && /* @__PURE__ */ j("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 2
 						},
-						children: [/* @__PURE__ */ D(o, {
+						children: [/* @__PURE__ */ A(d, {
 							size: 22,
-							icon: /* @__PURE__ */ D(i.edit, { size: 11 }),
-							onClick: W,
+							icon: /* @__PURE__ */ A(l.edit, { size: 11 }),
+							onClick: U,
 							title: P("record.action.edit", "Edit")
-						}), /* @__PURE__ */ D(o, {
+						}), /* @__PURE__ */ A(d, {
 							size: 22,
-							icon: /* @__PURE__ */ D(i.trash, { size: 11 }),
+							icon: /* @__PURE__ */ A(l.trash, { size: 11 }),
 							onClick: () => H.mutate(),
 							title: P("record.action.delete", "Delete")
 						})]
 					})
 				]
 			}),
-			J && t[J] != null && d.fields.get(J) && /* @__PURE__ */ D("div", {
+			J && t[J] != null && o.fields.get(J) && /* @__PURE__ */ A("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 500,
 					marginTop: 6
 				},
-				children: h({
-					field: d.fields.get(J),
+				children: v({
+					field: o.fields.get(J),
 					fieldName: J,
 					value: t[J],
 					mode: "display",
 					record: t,
-					refs: S,
+					refs: w,
 					t: P
 				})
 			}),
-			Y && t[Y] != null && Y !== J && d.fields.get(Y) && /* @__PURE__ */ D(z, {
-				rendered: h({
-					field: d.fields.get(Y),
+			Y && t[Y] != null && Y !== J && o.fields.get(Y) && /* @__PURE__ */ A(B, {
+				rendered: v({
+					field: o.fields.get(Y),
 					fieldName: Y,
 					value: t[Y],
 					mode: "display",
 					record: t,
-					refs: S,
+					refs: w,
 					t: P
 				}),
 				text: e(t[Y])
@@ -475,36 +479,36 @@ function R({ row: t, rowId: c, childEntity: d, entityCode: g, parentEntity: _, p
 		]
 	});
 }
-function z({ rendered: e, text: t }) {
-	let n = l(), r = {
+function B({ rendered: e, text: t }) {
+	let n = m(), r = {
 		fontSize: 12.5,
 		fontWeight: 400,
 		marginTop: 6
 	};
-	if (!P(t)) return /* @__PURE__ */ D("div", {
+	if (!F(t)) return /* @__PURE__ */ A("div", {
 		style: r,
 		children: e
 	});
-	let i = t.length > M, a = i ? t.slice(0, M) : t;
-	return /* @__PURE__ */ D("div", {
+	let i = t.length > N, a = i ? t.slice(0, N) : t;
+	return /* @__PURE__ */ A("div", {
 		style: {
 			...r,
 			display: "-webkit-box",
 			WebkitBoxOrient: "vertical",
-			WebkitLineClamp: j,
+			WebkitLineClamp: M,
 			overflow: "hidden",
 			whiteSpace: "pre-wrap",
 			overflowWrap: "anywhere"
 		},
-		children: /* @__PURE__ */ D(c, {
+		children: /* @__PURE__ */ A(p, {
 			width: 380,
-			content: /* @__PURE__ */ O("div", {
+			content: /* @__PURE__ */ j("div", {
 				style: {
 					fontSize: 12.5,
 					whiteSpace: "pre-wrap",
 					overflowWrap: "anywhere"
 				},
-				children: [a, i && /* @__PURE__ */ D("div", {
+				children: [a, i && /* @__PURE__ */ A("div", {
 					style: {
 						marginTop: 8,
 						fontSize: 11,
@@ -517,26 +521,22 @@ function z({ rendered: e, text: t }) {
 		})
 	});
 }
-function B(t) {
-	if (t == null) return "";
-	let n = new Date(e(t));
-	return Number.isNaN(n.getTime()) ? "" : `${n.getFullYear()}-${n.getMonth()}-${n.getDate()}`;
+function V(n, r) {
+	return n == null ? "" : t(e(n), r) ?? "";
 }
-function V(t, n) {
-	if (n == null) return "—";
-	let r = new Date(e(n));
-	if (Number.isNaN(r.getTime())) return "—";
-	let i = /* @__PURE__ */ new Date(), a = /* @__PURE__ */ new Date();
-	a.setDate(i.getDate() - 1);
-	let o = (e, t) => e.toDateString() === t.toDateString();
-	return o(r, i) ? t("record.timeline.today", "Today") : o(r, a) ? t("record.timeline.yesterday", "Yesterday") : r.toLocaleDateString(t.language, {
+function H(n, r, i) {
+	let a = r == null ? null : t(e(r), i);
+	if (!a) return "—";
+	let o = Date.now();
+	return a === t(new Date(o).toISOString(), i) ? n("record.timeline.today", "Today") : a === t((/* @__PURE__ */ new Date(o - 864e5)).toISOString(), i) ? n("record.timeline.yesterday", "Yesterday") : (/* @__PURE__ */ new Date(`${a}T12:00:00Z`)).toLocaleDateString(n.language, {
 		weekday: "short",
 		month: "short",
-		day: "numeric"
+		day: "numeric",
+		timeZone: "UTC"
 	});
 }
-function H({ label: e, count: t }) {
-	return /* @__PURE__ */ O("div", {
+function U({ label: e, count: t }) {
+	return /* @__PURE__ */ j("div", {
 		style: {
 			position: "sticky",
 			top: -4,
@@ -548,7 +548,7 @@ function H({ label: e, count: t }) {
 			background: "linear-gradient(180deg, var(--surface-2) 0%, var(--surface-2) 65%, transparent 100%)"
 		},
 		children: [
-			/* @__PURE__ */ D("span", {
+			/* @__PURE__ */ A("span", {
 				style: {
 					fontSize: 11,
 					fontWeight: 600,
@@ -556,12 +556,12 @@ function H({ label: e, count: t }) {
 				},
 				children: e
 			}),
-			/* @__PURE__ */ D("span", { style: {
+			/* @__PURE__ */ A("span", { style: {
 				flex: 1,
 				height: 1,
 				background: "var(--divider)"
 			} }),
-			/* @__PURE__ */ D("span", {
+			/* @__PURE__ */ A("span", {
 				className: "num",
 				style: {
 					fontSize: 10.5,
@@ -572,9 +572,9 @@ function H({ label: e, count: t }) {
 		]
 	});
 }
-function U({ value: e, field: t }) {
-	let n = l(), r = W(e, t);
-	return r === null ? null : /* @__PURE__ */ O("span", {
+function W({ value: e, field: t }) {
+	let n = m(), r = G(e, t);
+	return r === null ? null : /* @__PURE__ */ j("span", {
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -586,10 +586,10 @@ function U({ value: e, field: t }) {
 			background: r ? "var(--accent-soft)" : "var(--info-soft)",
 			color: r ? "var(--accent)" : "var(--info)"
 		},
-		children: [D(r ? i.arrowUp : i.arrowDown, { size: 10 }), r ? n("record.timeline.outbound", "Out") : n("record.timeline.inbound", "In")]
+		children: [A(r ? l.arrowUp : l.arrowDown, { size: 10 }), r ? n("record.timeline.outbound", "Out") : n("record.timeline.inbound", "In")]
 	});
 }
-function W(e, t) {
+function G(e, t) {
 	if (t.type === "bool") return e === !0;
 	if (typeof e == "string") {
 		let t = e.toLowerCase();
@@ -599,4 +599,4 @@ function W(e, t) {
 	return null;
 }
 //#endregion
-export { L as ChildrenTimeline };
+export { R as ChildrenTimeline };