@declarion/react 0.104.0 → 0.109.0

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

@@ -10,73 +10,74 @@ 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";
+import { RetryButton as h } from "../primitives/RetryButton.js";
+import { Spinner as g } from "../primitives/Spinner.js";
+import { toast as _ } from "../../lib/toast.js";
+import { ENTITY_CHILDREN_KEY as v } from "../../hooks/useChildrenData.js";
+import { renderField as y } from "../fields/index.js";
+import { useTimelineData as b } from "../../hooks/useTimelineData.js";
+import { TimelineComposer as x } from "./TimelineComposer.js";
+import { useCallback as S, useEffect as C, useLayoutEffect as w, useMemo as ee, useRef as T, useState as te } from "react";
+import { useMutation as E, useQueryClient as D } from "@tanstack/react-query";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
 //#region src/components/detail-layout/ChildrenTimeline.tsx
-var ee = 80, te = 200, M = 6, N = 2e4, P = 280;
-function F(e) {
-	if (e.length > P) return !0;
+var j = 80, M = 200, N = 6, P = 2e4, F = 280;
+function I(e) {
+	if (e.length > F) return !0;
 	let t = 0;
-	for (let n of e) if (n === "\n" && ++t >= M) return !0;
+	for (let n of e) if (n === "\n" && ++t >= N) return !0;
 	return !1;
 }
-function I(t, r) {
-	if (L(r)) {
+function L(t, r) {
+	if (R(r)) {
 		let t = r.id;
 		return t == null ? "" : e(t);
 	}
 	return o(n(t, r));
 }
-function L(e) {
+function R(e) {
 	return e.__optimistic === !0;
 }
-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
+function z({ 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: _, retry: v } = b(t, n, e.entity, e.foreign_key, e.timeline?.time_field, e.limit), y = e.timeline, E = y?.scroll ?? !1, D = (e.sort ?? "").endsWith(":asc"), N = ee(() => D ? [...s].reverse() : s, [s, D]), P = y?.auto_scroll ?? "none", F = T(null), I = T(null), z = T(!1), V = T(0), G = T(null), K = T(null), q = T(!0), J = T(null);
+	C(() => {
+		z.current = !1, V.current = 0, G.current = null, K.current = null, q.current = !0, J.current = null;
+	}, [n]), w(() => {
+		f && F.current && (J.current = {
+			scrollHeight: F.current.scrollHeight,
+			scrollTop: F.current.scrollTop
 		});
-	}, [f]), C(() => {
-		let e = N.current;
-		if (!e || O.length === 0 || !o) {
-			R.current = O.length;
+	}, [f]), w(() => {
+		let e = F.current;
+		if (!e || N.length === 0 || !o) {
+			V.current = N.length;
 			return;
 		}
-		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;
-			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;
+		let t = L(o, N[0]), n = L(o, N[N.length - 1]), r = !z.current, i = N.length > V.current && V.current > 0, a = i && (D && t !== G.current && n === K.current || !D && n !== K.current && t === G.current), s = i && !a;
+		if (r) D && P === "bottom" && (e.scrollTop = e.scrollHeight), z.current = !0;
+		else if (a && J.current) {
+			let t = J.current;
+			D && (e.scrollTop = t.scrollTop + (e.scrollHeight - t.scrollHeight)), J.current = null;
+		} else s && D && q.current && (e.scrollTop = e.scrollHeight);
+		V.current = N.length, G.current = t, K.current = n;
 	}, [
-		O,
-		M,
+		N,
+		P,
 		D,
 		o
 	]);
-	let q = x(() => {
-		let e = N.current;
-		e && (G.current = e.scrollHeight - e.scrollTop - e.clientHeight < ee);
+	let Y = S(() => {
+		let e = F.current;
+		e && (q.current = e.scrollHeight - e.scrollTop - e.clientHeight < j);
 	}, []);
-	S(() => {
-		let e = P.current;
+	C(() => {
+		let e = I.current;
 		if (!e || typeof IntersectionObserver > "u") return;
 		let t = new IntersectionObserver((e) => {
 			for (let t of e) t.isIntersecting && d && !f && l();
 		}, {
-			root: N.current ?? null,
-			rootMargin: `${te}px 0px 0px 0px`,
+			root: F.current ?? null,
+			rootMargin: `${M}px 0px 0px 0px`,
 			threshold: 0
 		});
 		return t.observe(e), () => t.disconnect();
@@ -85,52 +86,56 @@ function R({ config: e, parentEntity: t, parentId: n, schema: r }) {
 		f,
 		l
 	]);
-	let [J, Y] = E(null);
+	let [X, Z] = te(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", {
+	let Q = e.quick_add?.fields ?? [y?.content_field].filter(Boolean), ne = i(o.display?.name_plural) || i(o.display?.name) || e.entity, re = d ? /* @__PURE__ */ k("div", {
 		style: {
 			display: "flex",
 			justifyContent: "center",
 			padding: "6px 0"
 		},
-		children: /* @__PURE__ */ A(u, {
+		children: /* @__PURE__ */ k(u, {
 			size: "xs",
 			onClick: () => l(),
 			disabled: f,
-			icon: f ? /* @__PURE__ */ A(h, { size: 11 }) : void 0,
+			icon: f ? /* @__PURE__ */ k(g, { size: 11 }) : void 0,
 			children: f ? i("record.loading", "Loading…") : i("record.timeline.load_older", "Load older")
 		})
-	}) : null, ne = /* @__PURE__ */ A("div", {
-		ref: P,
+	}) : null, ie = /* @__PURE__ */ k("div", {
+		ref: I,
 		"aria-hidden": "true",
 		style: { height: 1 }
 	}), $;
-	if (g) $ = /* @__PURE__ */ A("div", {
+	if (_) $ = /* @__PURE__ */ A("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--danger)",
 			padding: 12
 		},
-		children: a("record.related_rows_unreadable", "The related records could not be loaded.")
+		children: [
+			a("record.related_rows_unreadable", "The related records could not be loaded."),
+			" ",
+			/* @__PURE__ */ k(h, { onRetry: v })
+		]
 	});
-	else if (p) $ = /* @__PURE__ */ j("div", {
+	else if (p) $ = /* @__PURE__ */ A("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8,
 			padding: 12
 		},
-		children: [/* @__PURE__ */ A("div", { style: {
+		children: [/* @__PURE__ */ k("div", { style: {
 			height: 64,
 			background: "var(--surface-3)",
 			borderRadius: "var(--radius-md)"
-		} }), /* @__PURE__ */ A("div", { style: {
+		} }), /* @__PURE__ */ k("div", { style: {
 			height: 64,
 			background: "var(--surface-3)",
 			borderRadius: "var(--radius-md)"
 		} })]
 	});
-	else if (O.length === 0) $ = /* @__PURE__ */ j(k, { children: [ne, /* @__PURE__ */ A("div", {
+	else if (N.length === 0) $ = /* @__PURE__ */ A(O, { children: [ie, /* @__PURE__ */ k("div", {
 		style: {
 			fontSize: 12.5,
 			color: "var(--text-3)",
@@ -140,35 +145,35 @@ function R({ config: e, parentEntity: t, parentId: n, schema: r }) {
 	})] });
 	else {
 		let a = (i, a) => {
-			let s = I(o, i) || String(a);
-			return /* @__PURE__ */ A(z, {
+			let s = L(o, i) || String(a);
+			return /* @__PURE__ */ k(B, {
 				row: i,
 				rowId: s,
 				childEntity: o,
 				entityCode: e.entity,
 				parentEntity: t,
 				parentId: n,
-				timeline: _,
-				editableFields: X,
+				timeline: y,
+				editableFields: Q,
 				refs: c,
-				isEditing: J === s,
-				onStartEdit: () => Y(s),
-				onCancelEdit: () => Y(null),
-				onSaved: () => Y(null),
+				isEditing: X === s,
+				onStartEdit: () => Z(s),
+				onCancelEdit: () => Z(null),
+				onSaved: () => Z(null),
 				schema: r,
-				optimistic: L(i)
+				optimistic: R(i)
 			}, s);
-		}, s = _?.time_field, l;
+		}, s = y?.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];
+			N.forEach((t, r) => {
+				let a = t[s], o = H(a, n), c = e[e.length - 1];
 				!c || c.key !== o ? e.push({
 					key: o,
-					label: H(i, a, n),
+					label: U(i, a, n),
 					rows: [{
 						row: t,
 						idx: r
@@ -177,25 +182,25 @@ function R({ config: e, parentEntity: t, parentId: n, schema: r }) {
 					row: t,
 					idx: r
 				});
-			}), l = e.map((e) => /* @__PURE__ */ j("div", {
+			}), l = e.map((e) => /* @__PURE__ */ A("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
 					gap: 8
 				},
-				children: [/* @__PURE__ */ A(U, {
+				children: [/* @__PURE__ */ k(W, {
 					label: e.label,
 					count: e.rows.length
 				}), e.rows.map(({ row: e, idx: t }) => a(e, t))]
 			}, `day-${e.key}`));
-		} else l = O.map((e, t) => a(e, t));
-		$ = /* @__PURE__ */ j(k, { children: [
-			ne,
-			Q,
+		} else l = N.map((e, t) => a(e, t));
+		$ = /* @__PURE__ */ A(O, { children: [
+			ie,
+			re,
 			l
 		] });
 	}
-	return v ? /* @__PURE__ */ j("div", {
+	return E ? /* @__PURE__ */ A("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
@@ -205,24 +210,24 @@ function R({ config: e, parentEntity: t, parentId: n, schema: r }) {
 			color: "var(--text)"
 		},
 		children: [
-			/* @__PURE__ */ A("div", {
+			/* @__PURE__ */ k("div", {
 				style: {
 					padding: "10px 16px",
 					borderBottom: "1px solid var(--divider)",
 					background: "var(--surface)"
 				},
-				children: /* @__PURE__ */ A("h3", {
+				children: /* @__PURE__ */ k("h3", {
 					style: {
 						margin: 0,
 						fontSize: 12.5,
 						fontWeight: 600
 					},
-					children: Z
+					children: ne
 				})
 			}),
-			/* @__PURE__ */ A("div", {
-				ref: N,
-				onScroll: q,
+			/* @__PURE__ */ k("div", {
+				ref: F,
+				onScroll: Y,
 				style: {
 					flex: 1,
 					overflowY: "auto",
@@ -233,41 +238,41 @@ function R({ config: e, parentEntity: t, parentId: n, schema: r }) {
 				},
 				children: $
 			}),
-			/* @__PURE__ */ A(b, {
+			/* @__PURE__ */ k(x, {
 				config: e,
 				parentEntity: t,
 				parentId: n,
 				schema: r
 			})
 		]
-	}) : /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("div", {
+	}) : /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: 8
 		},
 		children: $
-	}), /* @__PURE__ */ A(b, {
+	}), /* @__PURE__ */ k(x, {
 		config: e,
 		parentEntity: t,
 		parentId: n,
 		schema: r
 	})] });
 }
-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(() => {
+function B({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: h, parentId: b, timeline: x, editableFields: C, refs: w, isEditing: ee, onStartEdit: T, onCancelEdit: O, onSaved: j, schema: M, optimistic: N = !1 }) {
+	let P = m(), F = m("errors"), I = D(), [L, R] = te({}), z = S(() => {
 		I.invalidateQueries({ queryKey: [
-			_,
-			y,
+			v,
+			h,
 			b,
 			p
 		] });
 	}, [
 		I,
-		y,
+		h,
 		b,
 		p
-	]), V = D({
+	]), B = E({
 		mutationFn: (e) => {
 			let r = t.$row_version, i = typeof r == "string" && r !== "" ? {
 				...e,
@@ -276,30 +281,30 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 			return s(p, n, i);
 		},
 		onSuccess: () => {
-			z(), g.success(P("record.timeline.updated", "Updated")), te();
+			z(), _.success(P("record.timeline.updated", "Updated")), j();
 		},
-		onError: (e) => g.error(c(F, e))
-	}), H = D({
+		onError: (e) => _.error(c(F, e))
+	}), H = E({
 		mutationFn: () => a(p, n),
 		onSuccess: () => {
-			z(), g.success(P("record.timeline.deleted", "Deleted"));
+			z(), _.success(P("record.timeline.deleted", "Deleted"));
 		},
-		onError: (e) => g.error(c(F, e))
-	}), U = x(() => {
+		onError: (e) => _.error(c(F, e))
+	}), U = S(() => {
 		let e = {};
 		for (let n of C) e[n] = t[n] ?? "";
-		R(e), k();
+		R(e), T();
 	}, [
 		t,
 		C,
-		k
-	]), G = x((e, t) => {
+		T
+	]), W = S((e, t) => {
 		R((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, []), 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", {
+	}, []), K = x?.time_field, q = x?.type_field, J = x?.summary_field, Y = x?.content_field, X = x?.author_field, Z = x?.direction_field, Q = x?.intent_field;
+	return ee ? /* @__PURE__ */ A("div", {
 		style: {
 			borderRadius: "var(--radius-lg)",
 			border: "1px solid var(--accent)",
@@ -311,7 +316,7 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 		},
 		children: [C.map((e) => {
 			let t = o.fields.get(e);
-			return t ? /* @__PURE__ */ j("div", { children: [/* @__PURE__ */ A("label", {
+			return t ? /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 				style: {
 					fontSize: 11,
 					color: "var(--text-3)",
@@ -319,40 +324,40 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 					display: "block"
 				},
 				children: r(P, t, e, M.entities)
-			}), v({
+			}), y({
 				field: t,
 				fieldName: e,
 				value: L[e] ?? "",
 				mode: "edit",
-				onChange: (t) => G(e, t),
+				onChange: (t) => W(e, t),
 				record: L,
 				t: P
 			})] }, e) : null;
-		}), /* @__PURE__ */ j("div", {
+		}), /* @__PURE__ */ A("div", {
 			style: {
 				display: "flex",
 				alignItems: "center",
 				gap: 6,
 				paddingTop: 4
 			},
-			children: [/* @__PURE__ */ A(u, {
+			children: [/* @__PURE__ */ k(u, {
 				kind: "primary",
 				size: "xs",
-				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__ */ A(u, {
+				icon: B.isPending ? /* @__PURE__ */ k(g, { size: 12 }) : /* @__PURE__ */ k(l.check, { size: 12 }),
+				onClick: () => B.mutate(L),
+				disabled: B.isPending,
+				children: B.isPending ? P("dialog.saving", "Saving…") : P("dialog.save", "Save")
+			}), /* @__PURE__ */ k(u, {
 				size: "xs",
-				icon: /* @__PURE__ */ A(l.x, { size: 12 }),
+				icon: /* @__PURE__ */ k(l.x, { size: 12 }),
 				onClick: () => {
-					R({}), ee();
+					R({}), O();
 				},
-				disabled: V.isPending,
+				disabled: B.isPending,
 				children: P("dialog.cancel", "Cancel")
 			})]
 		})]
-	}) : /* @__PURE__ */ j("div", {
+	}) : /* @__PURE__ */ A("div", {
 		className: "group",
 		"data-optimistic": N || void 0,
 		style: {
@@ -366,7 +371,7 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 		onMouseEnter: (e) => e.currentTarget.style.borderColor = "var(--border-strong)",
 		onMouseLeave: (e) => e.currentTarget.style.borderColor = "var(--border)",
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ A("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -376,9 +381,9 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 					color: "var(--text-3)"
 				},
 				children: [
-					K && t[K] != null && o.fields.get(K) && /* @__PURE__ */ A("span", {
+					K && t[K] != null && o.fields.get(K) && /* @__PURE__ */ k("span", {
 						style: { fontWeight: 500 },
-						children: v({
+						children: y({
 							field: o.fields.get(K),
 							fieldName: K,
 							value: t[K],
@@ -388,10 +393,10 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 							t: P
 						})
 					}),
-					q && t[q] != null && o.fields.get(q) && /* @__PURE__ */ A(f, {
+					q && t[q] != null && o.fields.get(q) && /* @__PURE__ */ k(f, {
 						tone: "slate",
 						size: "xs",
-						children: v({
+						children: y({
 							field: o.fields.get(q),
 							fieldName: q,
 							value: t[q],
@@ -401,14 +406,14 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 							t: P
 						})
 					}),
-					Z && t[Z] != null && o.fields.get(Z) && /* @__PURE__ */ A(W, {
+					Z && t[Z] != null && o.fields.get(Z) && /* @__PURE__ */ k(G, {
 						value: t[Z],
 						field: o.fields.get(Z)
 					}),
-					Q && t[Q] != null && o.fields.get(Q) && /* @__PURE__ */ A(f, {
+					Q && t[Q] != null && o.fields.get(Q) && /* @__PURE__ */ k(f, {
 						tone: "slate",
 						size: "xs",
-						children: v({
+						children: y({
 							field: o.fields.get(Q),
 							fieldName: Q,
 							value: t[Q],
@@ -418,7 +423,7 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 							t: P
 						})
 					}),
-					X && t[X] != null && o.fields.get(X) && /* @__PURE__ */ A("span", { children: i(P("record.timeline.by_author", "by {author}"), { author: v({
+					X && t[X] != null && o.fields.get(X) && /* @__PURE__ */ k("span", { children: i(P("record.timeline.by_author", "by {author}"), { author: y({
 						field: o.fields.get(X),
 						fieldName: X,
 						value: t[X],
@@ -427,34 +432,34 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 						refs: w,
 						t: P
 					}) }) }),
-					!N && /* @__PURE__ */ j("div", {
+					!N && /* @__PURE__ */ A("div", {
 						style: {
 							marginLeft: "auto",
 							display: "flex",
 							alignItems: "center",
 							gap: 2
 						},
-						children: [/* @__PURE__ */ A(d, {
+						children: [/* @__PURE__ */ k(d, {
 							size: 22,
-							icon: /* @__PURE__ */ A(l.edit, { size: 11 }),
+							icon: /* @__PURE__ */ k(l.edit, { size: 11 }),
 							onClick: U,
 							title: P("record.action.edit", "Edit")
-						}), /* @__PURE__ */ A(d, {
+						}), /* @__PURE__ */ k(d, {
 							size: 22,
-							icon: /* @__PURE__ */ A(l.trash, { size: 11 }),
+							icon: /* @__PURE__ */ k(l.trash, { size: 11 }),
 							onClick: () => H.mutate(),
 							title: P("record.action.delete", "Delete")
 						})]
 					})
 				]
 			}),
-			J && t[J] != null && o.fields.get(J) && /* @__PURE__ */ A("div", {
+			J && t[J] != null && o.fields.get(J) && /* @__PURE__ */ k("div", {
 				style: {
 					fontSize: 12.5,
 					fontWeight: 500,
 					marginTop: 6
 				},
-				children: v({
+				children: y({
 					field: o.fields.get(J),
 					fieldName: J,
 					value: t[J],
@@ -464,8 +469,8 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 					t: P
 				})
 			}),
-			Y && t[Y] != null && Y !== J && o.fields.get(Y) && /* @__PURE__ */ A(B, {
-				rendered: v({
+			Y && t[Y] != null && Y !== J && o.fields.get(Y) && /* @__PURE__ */ k(V, {
+				rendered: y({
 					field: o.fields.get(Y),
 					fieldName: Y,
 					value: t[Y],
@@ -479,36 +484,36 @@ function z({ row: t, rowId: n, childEntity: o, entityCode: p, parentEntity: y, p
 		]
 	});
 }
-function B({ rendered: e, text: t }) {
+function V({ rendered: e, text: t }) {
 	let n = m(), r = {
 		fontSize: 12.5,
 		fontWeight: 400,
 		marginTop: 6
 	};
-	if (!F(t)) return /* @__PURE__ */ A("div", {
+	if (!I(t)) return /* @__PURE__ */ k("div", {
 		style: r,
 		children: e
 	});
-	let i = t.length > N, a = i ? t.slice(0, N) : t;
-	return /* @__PURE__ */ A("div", {
+	let i = t.length > P, a = i ? t.slice(0, P) : t;
+	return /* @__PURE__ */ k("div", {
 		style: {
 			...r,
 			display: "-webkit-box",
 			WebkitBoxOrient: "vertical",
-			WebkitLineClamp: M,
+			WebkitLineClamp: N,
 			overflow: "hidden",
 			whiteSpace: "pre-wrap",
 			overflowWrap: "anywhere"
 		},
-		children: /* @__PURE__ */ A(p, {
+		children: /* @__PURE__ */ k(p, {
 			width: 380,
-			content: /* @__PURE__ */ j("div", {
+			content: /* @__PURE__ */ A("div", {
 				style: {
 					fontSize: 12.5,
 					whiteSpace: "pre-wrap",
 					overflowWrap: "anywhere"
 				},
-				children: [a, i && /* @__PURE__ */ A("div", {
+				children: [a, i && /* @__PURE__ */ k("div", {
 					style: {
 						marginTop: 8,
 						fontSize: 11,
@@ -521,10 +526,10 @@ function B({ rendered: e, text: t }) {
 		})
 	});
 }
-function V(n, r) {
+function H(n, r) {
 	return n == null ? "" : t(e(n), r) ?? "";
 }
-function H(n, r, i) {
+function U(n, r, i) {
 	let a = r == null ? null : t(e(r), i);
 	if (!a) return "—";
 	let o = Date.now();
@@ -535,8 +540,8 @@ function H(n, r, i) {
 		timeZone: "UTC"
 	});
 }
-function U({ label: e, count: t }) {
-	return /* @__PURE__ */ j("div", {
+function W({ label: e, count: t }) {
+	return /* @__PURE__ */ A("div", {
 		style: {
 			position: "sticky",
 			top: -4,
@@ -548,7 +553,7 @@ function U({ label: e, count: t }) {
 			background: "linear-gradient(180deg, var(--surface-2) 0%, var(--surface-2) 65%, transparent 100%)"
 		},
 		children: [
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ k("span", {
 				style: {
 					fontSize: 11,
 					fontWeight: 600,
@@ -556,12 +561,12 @@ function U({ label: e, count: t }) {
 				},
 				children: e
 			}),
-			/* @__PURE__ */ A("span", { style: {
+			/* @__PURE__ */ k("span", { style: {
 				flex: 1,
 				height: 1,
 				background: "var(--divider)"
 			} }),
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ k("span", {
 				className: "num",
 				style: {
 					fontSize: 10.5,
@@ -572,9 +577,9 @@ function U({ label: e, count: t }) {
 		]
 	});
 }
-function W({ value: e, field: t }) {
-	let n = m(), r = G(e, t);
-	return r === null ? null : /* @__PURE__ */ j("span", {
+function G({ value: e, field: t }) {
+	let n = m(), r = K(e, t);
+	return r === null ? null : /* @__PURE__ */ A("span", {
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -586,10 +591,10 @@ function W({ value: e, field: t }) {
 			background: r ? "var(--accent-soft)" : "var(--info-soft)",
 			color: r ? "var(--accent)" : "var(--info)"
 		},
-		children: [A(r ? l.arrowUp : l.arrowDown, { size: 10 }), r ? n("record.timeline.outbound", "Out") : n("record.timeline.inbound", "In")]
+		children: [k(r ? l.arrowUp : l.arrowDown, { size: 10 }), r ? n("record.timeline.outbound", "Out") : n("record.timeline.inbound", "In")]
 	});
 }
-function G(e, t) {
+function K(e, t) {
 	if (t.type === "bool") return e === !0;
 	if (typeof e == "string") {
 		let t = e.toLowerCase();
@@ -599,4 +604,4 @@ function G(e, t) {
 	return null;
 }
 //#endregion
-export { R as ChildrenTimeline };
+export { z as ChildrenTimeline };