@object-ui/plugin-timeline 17.3.0 → 17.6.0

package/dist/index.js

@@ -2,13 +2,30 @@ import * as e from "react";
 import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
 import { NavigationOverlay as a, cn as o, cva as s, renderChildren as c } from "@object-ui/components";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ComponentRegistry as d, buildExpandFields as f, extractRecords as p } from "@object-ui/core";
-import { useDataScope as m, useNavigationOverlay as h, useObjectLabel as g, useSchemaContext as _ } from "@object-ui/react";
-import { usePullToRefresh as ee } from "@object-ui/mobile";
+import { ComponentRegistry as d, buildExpandFields as f, convertSortToQueryParams as p, extractRecords as m } from "@object-ui/core";
+import { createSafeTranslation as h, useDisplayLocale as g } from "@object-ui/i18n";
+import { ElementDataSourceGate as ee, useDataScope as te, useNavigationOverlay as ne, useSafeFieldLabel as re, useSchemaContext as _ } from "@object-ui/react";
+import { usePullToRefresh as ie } from "@object-ui/mobile";
 import { z as v } from "zod";
-import { createSafeTranslation as y } from "@object-ui/i18n";
-//#region src/renderer.tsx
-var b = /* @__PURE__ */ new Set([
+//#region src/useTimelineTranslation.ts
+var y = {
+	"timeline.bucket.overdue": "Overdue",
+	"timeline.bucket.today": "Today",
+	"timeline.bucket.tomorrow": "Tomorrow",
+	"timeline.bucket.thisWeek": "This week",
+	"timeline.bucket.nextWeek": "Next week",
+	"timeline.bucket.later": "Later",
+	"timeline.bucket.noDate": "No date",
+	"timeline.bucket.unassigned": "Unassigned",
+	"timeline.relative.today": "Today",
+	"timeline.relative.tomorrow": "Tomorrow",
+	"timeline.relative.yesterday": "Yesterday",
+	"timeline.relative.inDays": "In {{n}} days",
+	"timeline.relative.daysAgo": "{{n}} days ago",
+	"timeline.scale.week": "Week {{n}}",
+	"timeline.scale.quarter": "Q{{quarter}} {{year}}",
+	"timeline.gantt.rowLabel": "Items"
+}, b = "timeline.bucket.today", x = (e, t) => Object.entries(t ?? {}).reduce((e, [t, n]) => e.split(`{{${t}}}`).join(String(n)), y[e] || e), S = h(y, b), C = /* @__PURE__ */ new Set([
 	"hour",
 	"day",
 	"week",
@@ -16,69 +33,72 @@ var b = /* @__PURE__ */ new Set([
 	"quarter",
 	"year"
 ]);
-function x(e) {
+function w(e) {
 	let t = e.scale ?? e.timeScale;
-	return typeof t == "string" && b.has(t) ? t : "month";
+	return typeof t == "string" && C.has(t) ? t : "month";
 }
-function S(e, t, n) {
-	let r = [], i = new Date(t), a = new Date(n);
-	if (Number.isNaN(i.getTime()) || Number.isNaN(a.getTime()) || i > a) return r;
-	let o = new Date(i);
+function T(e, t, n, r = "en", i = x) {
+	let a = [], o = new Date(t), s = new Date(n);
+	if (Number.isNaN(o.getTime()) || Number.isNaN(s.getTime()) || o > s) return a;
+	let c = new Date(o);
 	switch (e) {
 		case "hour":
-			for (; o <= a;) r.push(o.toLocaleString("en-US", {
+			for (; c <= s;) a.push(c.toLocaleString(r, {
 				month: "short",
 				day: "numeric",
 				hour: "numeric"
-			})), o.setHours(o.getHours() + 1);
+			})), c.setHours(c.getHours() + 1);
 			break;
 		case "day":
-			for (; o <= a;) r.push(o.toLocaleDateString("en-US", {
+			for (; c <= s;) a.push(c.toLocaleDateString(r, {
 				month: "short",
 				day: "numeric"
-			})), o.setDate(o.getDate() + 1);
+			})), c.setDate(c.getDate() + 1);
 			break;
 		case "week": {
 			let e = 1;
-			for (; o <= a;) r.push(`Week ${e++}`), o.setDate(o.getDate() + 7);
+			for (; c <= s;) a.push(i("timeline.scale.week", { n: e++ })), c.setDate(c.getDate() + 7);
 			break;
 		}
 		case "quarter":
-			for (o.setMonth(Math.floor(o.getMonth() / 3) * 3, 1); o <= a;) r.push(`Q${Math.floor(o.getMonth() / 3) + 1} ${o.getFullYear()}`), o.setMonth(o.getMonth() + 3);
+			for (c.setMonth(Math.floor(c.getMonth() / 3) * 3, 1); c <= s;) a.push(i("timeline.scale.quarter", {
+				quarter: Math.floor(c.getMonth() / 3) + 1,
+				year: c.getFullYear()
+			})), c.setMonth(c.getMonth() + 3);
 			break;
 		case "year":
-			for (o.setMonth(0, 1); o <= a;) r.push(String(o.getFullYear())), o.setFullYear(o.getFullYear() + 1);
+			for (c.setMonth(0, 1); c <= s;) a.push(String(c.getFullYear())), c.setFullYear(c.getFullYear() + 1);
 			break;
-		default: for (; o <= a;) r.push(o.toLocaleDateString("en-US", {
+		default: for (; c <= s;) a.push(c.toLocaleDateString(r, {
 			month: "short",
 			year: "numeric"
-		})), o.setMonth(o.getMonth() + 1);
+		})), c.setMonth(c.getMonth() + 1);
 	}
-	return r;
+	return a;
 }
-function C(e) {
+function E(e) {
 	let t = e.flatMap((e) => (e.items || []).flatMap((e) => [e.startDate, e.endDate])), n = Math.min(...t.map((e) => new Date(e).getTime())), r = Math.max(...t.map((e) => new Date(e).getTime()));
 	return {
 		minDate: new Date(n).toISOString().split("T")[0],
 		maxDate: new Date(r).toISOString().split("T")[0]
 	};
 }
-function w(e, t, n, r) {
+function D(e, t, n, r) {
 	let i = new Date(e).getTime(), a = new Date(t).getTime(), o = new Date(n).getTime(), s = new Date(r).getTime() - o, c = i - o, l = a - i;
 	return {
 		start: c / s * 100,
 		width: l / s * 100
 	};
 }
-function T(e, t) {
-	let n = new Date(e);
-	return t === "short" ? n.toLocaleDateString() : t === "long" ? n.toLocaleDateString("en-US", {
+function O(e, t, n) {
+	let r = new Date(e);
+	return t === "short" ? r.toLocaleDateString(n) : t === "long" ? r.toLocaleDateString(n, {
 		year: "numeric",
 		month: "long",
 		day: "numeric"
-	}) : n.toISOString().split("T")[0];
+	}) : r.toISOString().split("T")[0];
 }
-function E({ label: e, color: t }) {
+function k({ label: e, color: t }) {
 	let n = t ? {
 		backgroundColor: `${t}22`,
 		color: t,
@@ -90,7 +110,7 @@ function E({ label: e, color: t }) {
 		children: e
 	});
 }
-function D(e) {
+function A(e) {
 	let t = [];
 	for (let n of e) {
 		let e = n.group == null ? "" : String(n.group), r = t[t.length - 1];
@@ -101,14 +121,14 @@ function D(e) {
 	}
 	return t;
 }
-var O = ({ schema: e, className: t, ...n }) => {
-	let { variant: r = "vertical", items: i = [], dateFormat: a = "short", onItemClick: s } = e;
+var j = ({ schema: e, className: t, ...n }) => {
+	let { variant: r = "vertical", items: i = [], dateFormat: a = "short", onItemClick: s } = e, d = g(), { t: f } = S();
 	if (r === "vertical") {
-		let e = D(i), r = e.some((e) => e.key !== ""), d = (e, t) => {
+		let e = A(i), r = e.some((e) => e.key !== ""), f = (e, t) => {
 			let n = e.color ? {
 				backgroundColor: `${e.color}33`,
 				borderColor: e.color
-			} : void 0, r = e.time ? T(e.time, a) : e.startDate ? T(e.startDate, a) : "", i = e.endDate && e.endDate !== e.startDate ? T(e.endDate, a) : "", d = Array.isArray(e.meta) ? e.meta : [];
+			} : void 0, r = e.time ? O(e.time, a, d) : e.startDate ? O(e.startDate, a, d) : "", i = e.endDate && e.endDate !== e.startDate ? O(e.endDate, a, d) : "", f = Array.isArray(e.meta) ? e.meta : [];
 			return /* @__PURE__ */ u(I, {
 				density: "compact",
 				className: o(e.className, s && "cursor-pointer"),
@@ -133,9 +153,9 @@ var O = ({ schema: e, className: t, ...n }) => {
 						className: "text-sm sm:text-base mb-1",
 						children: e.title
 					}),
-					d.length > 0 && /* @__PURE__ */ l("div", {
+					f.length > 0 && /* @__PURE__ */ l("div", {
 						className: "flex flex-wrap gap-1.5 mt-1 mb-1",
-						children: d.map((e) => /* @__PURE__ */ l(E, {
+						children: f.map((e) => /* @__PURE__ */ l(k, {
 							label: e.label,
 							color: e.color
 						}, e.key))
@@ -161,13 +181,13 @@ var O = ({ schema: e, className: t, ...n }) => {
 					})]
 				}), /* @__PURE__ */ l(P, {
 					className: "mt-3",
-					children: e.items.map((e, n) => d(e, `${t}-${n}`))
+					children: e.items.map((e, n) => f(e, `${t}-${n}`))
 				})]
 			}, `${e.key}-${t}`))
 		}) : /* @__PURE__ */ l(P, {
 			className: t,
 			...n,
-			children: i.map((e, t) => d(e, t))
+			children: i.map((e, t) => f(e, t))
 		});
 	}
 	if (r === "horizontal") return /* @__PURE__ */ l(U, {
@@ -189,7 +209,7 @@ var O = ({ schema: e, className: t, ...n }) => {
 					children: [
 						e.time && /* @__PURE__ */ l(V, {
 							dateTime: e.time,
-							children: T(e.time, a)
+							children: O(e.time, a, d)
 						}),
 						e.title && /* @__PURE__ */ l(B, { children: e.title }),
 						e.description && /* @__PURE__ */ l(H, {
@@ -203,7 +223,7 @@ var O = ({ schema: e, className: t, ...n }) => {
 		}, t))
 	});
 	if (r === "gantt") {
-		let r = C(i), c = e.minDate || r.minDate, d = e.maxDate || r.maxDate, f = S(x(e), c, d);
+		let r = E(i), c = e.minDate || r.minDate, p = e.maxDate || r.maxDate, m = T(w(e), c, p, d, f);
 		return /* @__PURE__ */ u(G, {
 			className: o("overflow-x-auto [-webkit-overflow-scrolling:touch]", t),
 			...n,
@@ -211,11 +231,11 @@ var O = ({ schema: e, className: t, ...n }) => {
 				className: "flex items-center px-2 sm:px-4 py-2 sm:py-3",
 				children: /* @__PURE__ */ l("span", {
 					className: "font-semibold text-xs sm:text-sm",
-					children: e.rowLabel || "Items"
+					children: e.rowLabel || f("timeline.gantt.rowLabel")
 				})
 			}), /* @__PURE__ */ l(J, { children: /* @__PURE__ */ l("div", {
 				className: "flex h-full",
-				children: f.map((e, t) => /* @__PURE__ */ l("div", {
+				children: m.map((e, t) => /* @__PURE__ */ l("div", {
 					className: "flex-1 px-1 sm:px-2 py-2 sm:py-3 border-r text-xs font-medium text-center",
 					children: e
 				}, t))
@@ -230,13 +250,13 @@ var O = ({ schema: e, className: t, ...n }) => {
 					children: i.map((e, t) => /* @__PURE__ */ l(Y, {
 						className: "relative",
 						children: (e.items || []).map((n, r) => {
-							let i = w(n.startDate, n.endDate, c, d);
+							let i = D(n.startDate, n.endDate, c, p);
 							return /* @__PURE__ */ l(Z, {
 								start: i.start,
 								width: i.width,
 								variant: n.variant || "default",
 								onClick: () => s?.(n, e, t, r),
-								title: `${n.title || ""}\n${T(n.startDate, a)} - ${T(n.endDate, a)}`,
+								title: `${n.title || ""}\n${O(n.startDate, a, d)} - ${O(n.endDate, a, d)}`,
 								children: /* @__PURE__ */ l(Q, { children: n.title })
 							}, r);
 						})
@@ -247,7 +267,7 @@ var O = ({ schema: e, className: t, ...n }) => {
 	}
 	return null;
 };
-d.register("timeline", O, {
+d.register("timeline", j, {
 	namespace: "plugin-timeline",
 	label: "Timeline",
 	category: "data-display",
@@ -442,34 +462,12 @@ d.register("timeline", O, {
 		}
 	}
 });
-var k = y({
-	"timeline.bucket.overdue": "Overdue",
-	"timeline.bucket.today": "Today",
-	"timeline.bucket.tomorrow": "Tomorrow",
-	"timeline.bucket.thisWeek": "This week",
-	"timeline.bucket.nextWeek": "Next week",
-	"timeline.bucket.later": "Later",
-	"timeline.bucket.noDate": "No date",
-	"timeline.bucket.unassigned": "Unassigned",
-	"timeline.relative.today": "Today",
-	"timeline.relative.tomorrow": "Tomorrow",
-	"timeline.relative.yesterday": "Yesterday",
-	"timeline.relative.inDays": "In {{n}} days",
-	"timeline.relative.daysAgo": "{{n}} days ago"
-}, "timeline.bucket.today"), A = {
-	fieldOptionLabel: (e, t, n, r) => r,
-	translateOptions: (e, t, n) => n,
-	fieldLabel: (e, t, n) => n
-};
-function j() {
-	return g() ?? A;
-}
 var M = v.object({
 	title: v.string().optional(),
 	date: v.string().optional(),
 	description: v.string().optional(),
 	variant: v.string().optional()
-}), te = v.object({
+}), ae = v.object({
 	mapping: M.optional(),
 	objectName: v.string().optional(),
 	titleField: v.string().optional(),
@@ -487,65 +485,72 @@ var M = v.object({
 		"quarter",
 		"year"
 	]).optional()
-}), N = ({ schema: e, dataSource: o, className: s, onRowClick: c, onItemClick: d, ...g }) => {
-	let [_, v] = i([]), [y, b] = i(() => {
-		let t = Array.isArray(e.items) && e.items.length > 0, n = Array.isArray(g.data) && g.data.length > 0;
+}), N = ({ schema: e, dataSource: o, className: s, onRowClick: c, onItemClick: d, ...h }) => {
+	let [g, ee] = i([]), [_, v] = i(() => {
+		let t = Array.isArray(e.items) && e.items.length > 0, n = Array.isArray(h.data) && h.data.length > 0;
 		return !t && !n && !!e.objectName;
-	}), [x, S] = i(null), [C, w] = i(0), [T, E] = i(null), D = e.timeline;
+	}), [y, b] = i(null), [x, C] = i(0), [w, T] = i(null), E = e.timeline;
 	n(() => {
-		let t = te.safeParse(e);
+		let t = ae.safeParse(e);
 		t.success || console.warn("[ObjectTimeline] Invalid timeline configuration:", t.error.format());
 	}, [e]);
-	let A = m(e.bind);
+	let D = te(e.bind);
 	n(() => {
 		let t = !0;
 		return (async () => {
 			if (!(!o || typeof o.getObjectSchema != "function" || !e.objectName)) try {
 				let n = await o.getObjectSchema(e.objectName);
-				t && E(n);
+				t && T(n);
 			} catch (e) {
 				console.warn("Failed to fetch object def for ObjectTimeline", e);
 			}
 		})(), () => {
 			t = !1;
 		};
-	}, [e.objectName, o]), n(() => {
-		e.objectName && !A && !e.items && !g.data ? (async () => {
+	}, [e.objectName, o]);
+	let O = JSON.stringify(e.filter ?? null), k = JSON.stringify(e.sort ?? null);
+	n(() => {
+		e.objectName && !D && !e.items && !h.data ? (async () => {
 			if (!o || typeof o.find != "function" || !e.objectName) {
-				b(!1);
+				v(!1);
 				return;
 			}
-			b(!0);
+			v(!0);
 			try {
-				let t = f(T?.fields), n = await o.find(e.objectName, {
-					options: { $top: 100 },
+				let t = f(w?.fields), n = await o.find(e.objectName, {
+					$filter: e.filter,
+					$orderby: p(e.sort),
+					$top: e.limit ?? 100,
 					...t.length > 0 ? { $expand: t } : {}
-				}), r = p(n);
-				v(r);
+				}), r = m(n);
+				ee(r);
 			} catch (e) {
-				console.error(e), S(e);
+				console.error(e), b(e);
 			} finally {
-				b(!1);
+				v(!1);
 			}
-		})() : b(!1);
+		})() : v(!1);
 	}, [
 		e.objectName,
 		o,
-		A,
+		D,
 		e.items,
-		g.data,
-		C,
-		T
+		h.data,
+		x,
+		w,
+		O,
+		k,
+		e.limit
 	]);
-	let M = g.data || A || _, { t: N } = k(), { fieldOptionLabel: P } = j(), F = D?.titleField ?? e.mapping?.title ?? e.titleField ?? "name", I = D?.startDateField ?? D?.dateField ?? e.mapping?.date ?? e.startDateField ?? e.dateField ?? "date", L = D?.endDateField ?? e.endDateField ?? I, R = e.mapping?.description ?? e.descriptionField ?? "description", z = e.mapping?.variant ?? "variant", B = D?.groupByField ?? e.groupByField, V = D?.colorField ?? e.colorField, H = r(() => {
+	let A = h.data || D || g, { t: M } = S(), { fieldOptionLabel: N } = re(), P = E?.titleField ?? e.mapping?.title ?? e.titleField ?? "name", F = E?.startDateField ?? E?.dateField ?? e.mapping?.date ?? e.startDateField ?? e.dateField ?? "date", I = E?.endDateField ?? e.endDateField ?? F, L = e.mapping?.description ?? e.descriptionField ?? "description", R = e.mapping?.variant ?? "variant", z = E?.groupByField ?? e.groupByField, B = E?.colorField ?? e.colorField, V = r(() => {
 		if (e.items) return e.items;
-		if (!M || !Array.isArray(M)) return [];
-		let t = T?.fields ?? {}, n = e.objectName || "", r = (e) => {
+		if (!A || !Array.isArray(A)) return [];
+		let t = w?.fields ?? {}, n = e.objectName || "", r = (e) => {
 			if (!e || !t[e]?.options) return {};
 			let n = {};
 			for (let r of t[e].options) r && r.value != null && (n[String(r.value)] = r);
 			return n;
-		}, i = r(V), a = Array.isArray(D?.metaFields) ? D.metaFields.filter((e) => typeof e == "string" && e) : ["status", "priority"].filter((e) => t[e]), o = {};
+		}, i = r(B), a = Array.isArray(E?.metaFields) ? E.metaFields.filter((e) => typeof e == "string" && e) : ["status", "priority"].filter((e) => t[e]), o = {};
 		for (let e of a) o[e] = r(e);
 		let s = (e) => {
 			if (e == null || e === "") return;
@@ -557,11 +562,11 @@ var M = v.object({
 			if (t == null || t === "") return null;
 			let i = r[String(t)];
 			return {
-				label: i?.label ? P(n, e, String(t), i.label) : String(t),
+				label: i?.label ? N(n, e, String(t), i.label) : String(t),
 				color: i?.color
 			};
-		}, l = M.map((e) => {
-			let t = e[I], r = e[L], i = V ? e[V] : void 0, l = B ? e[B] : void 0, u = [];
+		}, l = A.map((e) => {
+			let t = e[F], r = e[I], i = B ? e[B] : void 0, l = z ? e[z] : void 0, u = [];
 			if (n) for (let t of a) {
 				let n = c(t, e[t], o[t] || {});
 				n && u.push({
@@ -571,12 +576,12 @@ var M = v.object({
 				});
 			}
 			return {
-				title: e[F],
+				title: e[P],
 				time: t,
 				startDate: t,
 				endDate: r,
-				description: e[R],
-				variant: e[z] || "default",
+				description: e[L],
+				variant: e[R] || "default",
 				color: s(i),
 				group: l,
 				meta: u,
@@ -585,17 +590,17 @@ var M = v.object({
 		});
 		l.sort((e, t) => (e.startDate ? new Date(e.startDate).getTime() : Infinity) - (t.startDate ? new Date(t.startDate).getTime() : Infinity));
 		let u = /* @__PURE__ */ new Date(), d = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()).getTime(), f = d(u), p = 864e5, m = f - (u.getDay() + 6) % 7 * p + 7 * p, h = m + 7 * p, g = (e) => {
-			if (!e) return N("timeline.bucket.noDate");
+			if (!e) return M("timeline.bucket.noDate");
 			let t = d(new Date(e));
-			return Number.isNaN(t) ? N("timeline.bucket.noDate") : t < f ? N("timeline.bucket.overdue") : t === f ? N("timeline.bucket.today") : t === f + p ? N("timeline.bucket.tomorrow") : N(t < m ? "timeline.bucket.thisWeek" : t < h ? "timeline.bucket.nextWeek" : "timeline.bucket.later");
+			return Number.isNaN(t) ? M("timeline.bucket.noDate") : t < f ? M("timeline.bucket.overdue") : t === f ? M("timeline.bucket.today") : t === f + p ? M("timeline.bucket.tomorrow") : M(t < m ? "timeline.bucket.thisWeek" : t < h ? "timeline.bucket.nextWeek" : "timeline.bucket.later");
 		};
-		if (B && !l.every((e) => e.group == null || e.group === "")) {
-			let e = r(B);
+		if (z && !l.every((e) => e.group == null || e.group === "")) {
+			let e = r(z);
 			return l.map((t) => {
-				let n = c(B, t.group, e);
+				let n = c(z, t.group, e);
 				return {
 					...t,
-					group: n ? n.label : t.group != null && t.group !== "" ? String(t.group) : N("timeline.bucket.unassigned")
+					group: n ? n.label : t.group != null && t.group !== "" ? String(t.group) : M("timeline.bucket.unassigned")
 				};
 			});
 		}
@@ -605,43 +610,43 @@ var M = v.object({
 		}));
 	}, [
 		e.items,
-		M,
-		T,
+		A,
+		w,
 		e.objectName,
+		P,
 		F,
 		I,
 		L,
 		R,
-		z,
-		V,
 		B,
-		N,
-		P
-	]), U = t(async () => {
-		w((e) => e + 1);
-	}, []), { ref: W, isRefreshing: G, pullDistance: K } = ee({
-		onRefresh: U,
+		z,
+		M,
+		N
+	]), H = t(async () => {
+		C((e) => e + 1);
+	}, []), { ref: U, isRefreshing: W, pullDistance: G } = ie({
+		onRefresh: H,
 		enabled: !!e.objectName && !!o
-	}), q = h({
+	}), K = ne({
 		navigation: e.navigation,
 		objectName: e.objectName,
 		onRowClick: c ?? d
-	}), J = D?.scale ?? e.scale, Y = {
+	}), q = E?.scale ?? e.scale, J = {
 		...e,
-		items: H || [],
+		items: V || [],
 		className: s || e.className,
-		...J ? { timeScale: J } : {},
+		...q ? { timeScale: q } : {},
 		onItemClick: (e) => {
 			let t = e._data || e;
-			q.handleClick(t), d?.(t);
+			K.handleClick(t), d?.(t);
 		}
 	};
-	return x ? /* @__PURE__ */ u("div", {
+	return y ? /* @__PURE__ */ u("div", {
 		className: "p-4 text-destructive",
 		"data-testid": "timeline-error",
 		role: "alert",
-		children: ["Error loading timeline: ", x.message]
-	}) : y && (!H || H.length === 0) ? /* @__PURE__ */ u("div", {
+		children: ["Error loading timeline: ", y.message]
+	}) : _ && (!V || V.length === 0) ? /* @__PURE__ */ u("div", {
 		className: "flex flex-col h-full min-h-[200px] p-4 gap-3",
 		"data-testid": "timeline-loading",
 		role: "status",
@@ -664,17 +669,17 @@ var M = v.object({
 			})]
 		}, e))]
 	}) : /* @__PURE__ */ u("div", {
-		ref: W,
+		ref: U,
 		className: "relative overflow-auto h-full min-w-0",
 		children: [
-			K > 0 && /* @__PURE__ */ l("div", {
+			G > 0 && /* @__PURE__ */ l("div", {
 				className: "flex items-center justify-center text-xs text-muted-foreground",
-				style: { height: K },
-				children: G ? "Refreshing…" : "Pull to refresh"
+				style: { height: G },
+				children: W ? "Refreshing…" : "Pull to refresh"
 			}),
-			/* @__PURE__ */ l(O, { schema: Y }),
-			q.isOverlay && /* @__PURE__ */ l(a, {
-				...q,
+			/* @__PURE__ */ l(j, { schema: J }),
+			K.isOverlay && /* @__PURE__ */ l(a, {
+				...K,
 				title: "Timeline Item",
 				children: (e) => /* @__PURE__ */ l("div", {
 					className: "space-y-3",
@@ -823,12 +828,23 @@ var Q = e.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l("div", {
 	...t
 }));
 Q.displayName = "TimelineGanttBarContent";
-var $ = ({ schema: e, ...t }) => {
+var oe = {
+	filter: !0,
+	sort: !0,
+	limit: "limit"
+}, $ = ({ schema: e, ...t }) => {
 	let { dataSource: n } = _() || {};
-	return /* @__PURE__ */ l(N, {
+	return /* @__PURE__ */ l(ee, {
 		schema: e,
+		mapping: oe,
 		dataSource: n,
-		...t
+		testId: "object-timeline",
+		errorTitle: "This timeline’s data source could not be resolved",
+		children: (e) => /* @__PURE__ */ l(N, {
+			schema: e,
+			dataSource: n,
+			...t
+		})
 	});
 };
 d.register("object-timeline", $, {
@@ -871,4 +887,4 @@ d.register("object-timeline", $, {
 	}]
 });
 //#endregion
-export { N as ObjectTimeline, $ as ObjectTimelineRenderer, b as TIMELINE_SCALES, P as Timeline, z as TimelineContent, H as TimelineDescription, G as TimelineGantt, Z as TimelineGanttBar, Q as TimelineGanttBarContent, J as TimelineGanttGrid, K as TimelineGanttHeader, X as TimelineGanttLabel, Y as TimelineGanttRow, q as TimelineGanttRowLabels, U as TimelineHorizontal, W as TimelineHorizontalItem, I as TimelineItem, R as TimelineMarker, O as TimelineRenderer, V as TimelineTime, B as TimelineTitle, S as generateTimeScaleHeaders, x as resolveTimelineScale, F as timelineItemVariants, L as timelineMarkerVariants };
+export { N as ObjectTimeline, $ as ObjectTimelineRenderer, C as TIMELINE_SCALES, P as Timeline, z as TimelineContent, H as TimelineDescription, G as TimelineGantt, Z as TimelineGanttBar, Q as TimelineGanttBarContent, J as TimelineGanttGrid, K as TimelineGanttHeader, X as TimelineGanttLabel, Y as TimelineGanttRow, q as TimelineGanttRowLabels, U as TimelineHorizontal, W as TimelineHorizontalItem, I as TimelineItem, R as TimelineMarker, j as TimelineRenderer, V as TimelineTime, B as TimelineTitle, T as generateTimeScaleHeaders, w as resolveTimelineScale, F as timelineItemVariants, L as timelineMarkerVariants };