@declarion/react 0.15.0 → 0.19.0

package/dist-lib/{Grid-_7PlIyGn.js → Grid-Cz_2olTR.js}

@@ -1,147 +1,147 @@
-import { _ as e, b as t, d as n, f as r, i, o as a, t as o, v as s, x as c, y as l } from "./value-YOCedRQq.js";
+import { D as e, E as t, F as n, I as r, L as i, M as a, R as o, j as s, k as c, z as l } from "./ActionRunner-F1HBBKyQ.js";
 import { useCallback as u, useEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { DndContext as v, PointerSensor as y, closestCenter as b, useSensor as x, useSensors as S } from "@dnd-kit/core";
-import { SortableContext as C, arrayMove as ee, rectSortingStrategy as te, useSortable as w } from "@dnd-kit/sortable";
-import { CSS as T } from "@dnd-kit/utilities";
+import { DndContext as v, PointerSensor as y, closestCenter as b, useSensor as x, useSensors as ee } from "@dnd-kit/core";
+import { SortableContext as te, arrayMove as ne, rectSortingStrategy as re, useSortable as S } from "@dnd-kit/sortable";
+import { CSS as C } from "@dnd-kit/utilities";
 //#region src/components/file-widgets/Grid.tsx
-function E(e, t) {
-	return n(e, t);
+function w(e, t) {
+	return s(e, t);
 }
-function D(n) {
-	let { field: r, fieldName: i, value: l, onChange: h, mode: w, disabled: T } = n, E = o(l), [D, k] = m([]), [A, j] = m(/* @__PURE__ */ new Set()), [M, N] = m(null), { register: P, unregister: F, isDraft: I } = a(), L = p(/* @__PURE__ */ new Set()), R = p([]);
-	R.current = D;
-	let z = p(E);
-	z.current = E, d(() => () => {
+function T(e) {
+	let { field: i, fieldName: a, value: s, onChange: h, mode: S, disabled: C } = e, w = t(s), [T, k] = m([]), [A, j] = m(/* @__PURE__ */ new Set()), [M, N] = m(null), { register: P, unregister: F, isDraft: I } = c(), L = p(/* @__PURE__ */ new Set()), R = p([]);
+	R.current = T;
+	let z = p(w);
+	z.current = w, d(() => () => {
 		R.current.forEach((e) => e.abort());
 	}, []);
-	let B = S(x(y, { activationConstraint: { distance: 5 } })), V = r.display?.placeholder || i, H = (r.accepts ?? ["image/*"]).join(","), U = r.display?.reorderable !== !1, W = r.display?.listable_thumbnail, G = u(async (a) => {
-		let o = c(a, r.accepts, r.max_size_bytes), l = `tile-${Math.random().toString(36).slice(2)}-${Date.now()}`, u = new AbortController();
-		if (o) {
+	let B = ee(x(y, { activationConstraint: { distance: 5 } })), V = i.display?.placeholder || a, H = (i.accepts ?? ["image/*"]).join(","), U = i.display?.reorderable !== !1, W = i.display?.listable_thumbnail, G = u(async (t) => {
+		let s = l(t, i.accepts, i.max_size_bytes), c = `tile-${Math.random().toString(36).slice(2)}-${Date.now()}`, u = new AbortController();
+		if (s) {
 			k((e) => [...e, {
-				localId: l,
-				filename: a.name,
+				localId: c,
+				filename: t.name,
 				progress: null,
-				error: o,
+				error: s,
 				abort: () => {}
 			}]);
 			return;
 		}
 		k((e) => [...e, {
-			localId: l,
-			filename: a.name,
+			localId: c,
+			filename: t.name,
 			progress: {
 				loaded: 0,
-				total: a.size,
+				total: t.size,
 				pct: 0
 			},
 			error: null,
 			abort: () => u.abort()
 		}]);
 		try {
-			let e = await t({
-				file: a,
-				entityCode: n.entityCode,
-				fieldCode: i,
+			let n = await o({
+				file: t,
+				entityCode: e.entityCode,
+				fieldCode: a,
 				signal: u.signal,
-				onProgress: (e) => k((t) => t.map((t) => t.localId === l ? {
+				onProgress: (e) => k((t) => t.map((t) => t.localId === c ? {
 					...t,
 					progress: e
 				} : t))
 			});
-			if (L.current.delete(l)) {
-				s(e.id).catch(() => {}), F(e.id);
+			if (L.current.delete(c)) {
+				r(n.id).catch(() => {}), F(n.id);
 				return;
 			}
-			P(e.id, () => s(e.id));
-			let r = {
-				id: e.id,
-				filename: e.filename,
-				content_type: e.content_type,
-				size_bytes: e.size_bytes,
-				sha256: e.sha256,
-				width: e.width,
-				height: e.height,
-				url: e.url,
-				metadata: e.metadata
-			}, o = [...z.current, r];
-			z.current = o, h?.(o), k((e) => e.filter((e) => e.localId !== l));
-		} catch (t) {
-			if (t instanceof e && t.code === "ABORTED") {
-				k((e) => e.filter((e) => e.localId !== l));
+			P(n.id, () => r(n.id));
+			let i = {
+				id: n.id,
+				filename: n.filename,
+				content_type: n.content_type,
+				size_bytes: n.size_bytes,
+				sha256: n.sha256,
+				width: n.width,
+				height: n.height,
+				url: n.url,
+				metadata: n.metadata
+			}, s = [...z.current, i];
+			z.current = s, h?.(s), k((e) => e.filter((e) => e.localId !== c));
+		} catch (e) {
+			if (e instanceof n && e.code === "ABORTED") {
+				k((e) => e.filter((e) => e.localId !== c));
 				return;
 			}
-			let n = t instanceof e ? {
-				code: t.code,
-				message: t.message
+			let t = e instanceof n ? {
+				code: e.code,
+				message: e.message
 			} : {
 				code: "UNKNOWN",
-				message: t instanceof Error ? t.message : "Upload failed"
+				message: e instanceof Error ? e.message : "Upload failed"
 			};
-			k((e) => e.map((e) => e.localId === l ? {
+			k((e) => e.map((e) => e.localId === c ? {
 				...e,
-				error: n,
+				error: t,
 				progress: null,
 				abort: () => {}
 			} : e));
 		}
 	}, [
-		r.accepts,
-		r.max_size_bytes,
-		i,
+		i.accepts,
+		i.max_size_bytes,
+		a,
 		h,
-		n.entityCode,
+		e.entityCode,
 		P,
 		F
 	]), K = u((e) => {
 		Array.from(e).forEach((e) => void G(e));
 	}, [G]), q = p(null), J = u(() => {
-		T || q.current?.click();
-	}, [T]), ie = u((e) => {
-		T || (e.preventDefault(), e.dataTransfer.dropEffect = "copy");
-	}, [T]), ae = u((e) => {
-		if (T) return;
+		C || q.current?.click();
+	}, [C]), ie = u((e) => {
+		C || (e.preventDefault(), e.dataTransfer.dropEffect = "copy");
+	}, [C]), ae = u((e) => {
+		if (C) return;
 		e.preventDefault();
 		let t = e.dataTransfer.files;
 		t && t.length > 0 && K(t);
-	}, [T, K]), oe = u((e) => {
+	}, [C, K]), oe = u((e) => {
 		let t = e.target.files;
 		e.target.value = "", t && t.length > 0 && K(t);
 	}, [K]), se = u((e) => {
-		I(e) && (s(e).catch(() => {}), F(e));
-		let t = E.filter((t) => t.id !== e);
+		I(e) && (r(e).catch(() => {}), F(e));
+		let t = w.filter((t) => t.id !== e);
 		h?.(t), j((t) => {
 			let n = new Set(t);
 			return n.delete(e), n;
 		});
 	}, [
 		I,
-		E,
+		w,
 		h,
 		F
 	]), ce = u(() => {
 		A.size !== 0 && (Array.from(A).forEach((e) => {
-			I(e) && (s(e).catch(() => {}), F(e));
-		}), h?.(E.filter((e) => !A.has(e.id))), j(/* @__PURE__ */ new Set()));
+			I(e) && (r(e).catch(() => {}), F(e));
+		}), h?.(w.filter((e) => !A.has(e.id))), j(/* @__PURE__ */ new Set()));
 	}, [
 		I,
-		E,
+		w,
 		A,
 		h,
 		F
 	]), le = u((e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id) return;
-		let r = E.findIndex((e) => e.id === t.id), i = E.findIndex((e) => e.id === n.id);
-		r < 0 || i < 0 || h?.(ee(E, r, i));
-	}, [E, h]), ue = u((e) => {
+		let r = w.findIndex((e) => e.id === t.id), i = w.findIndex((e) => e.id === n.id);
+		r < 0 || i < 0 || h?.(ne(w, r, i));
+	}, [w, h]), ue = u((e) => {
 		j((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), Y = M == null ? null : E[M], X = u(() => {
-		N((e) => e == null ? e : Math.min(E.length - 1, e + 1));
-	}, [E.length]), Z = u(() => {
+	}, []), Y = M == null ? null : w[M], X = u(() => {
+		N((e) => e == null ? e : Math.min(w.length - 1, e + 1));
+	}, [w.length]), Z = u(() => {
 		N((e) => e == null ? e : Math.max(0, e - 1));
 	}, []), Q = u(() => N(null), []);
 	d(() => {
@@ -157,10 +157,10 @@ function D(n) {
 		Z
 	]);
 	let de = u((e) => {
-		T || (e.key === "Enter" || e.key === " ") && e.target === e.currentTarget && (e.preventDefault(), J());
-	}, [T, J]), $ = w === "display", fe = f(() => E.map((e) => e.id), [E]);
+		C || (e.key === "Enter" || e.key === " ") && e.target === e.currentTarget && (e.preventDefault(), J());
+	}, [C, J]), $ = S === "display", fe = f(() => w.map((e) => e.id), [w]);
 	return /* @__PURE__ */ _("div", {
-		"data-testid": `file-widget-${i}`,
+		"data-testid": `file-widget-${a}`,
 		className: "flex flex-col gap-2",
 		children: [
 			!$ && A.size > 0 && /* @__PURE__ */ _("div", {
@@ -191,41 +191,41 @@ function D(n) {
 				sensors: B,
 				collisionDetection: b,
 				onDragEnd: le,
-				children: /* @__PURE__ */ g(C, {
+				children: /* @__PURE__ */ g(te, {
 					items: fe,
-					strategy: te,
+					strategy: re,
 					children: /* @__PURE__ */ _("div", {
 						className: "grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3 rounded-md border border-dashed border-border bg-surface p-3 outline-none focus-visible:outline-2 focus-visible:outline-accent",
 						role: "grid",
 						"aria-label": V,
-						tabIndex: $ || T ? -1 : 0,
+						tabIndex: $ || C ? -1 : 0,
 						onDragOver: ie,
 						onDrop: ae,
 						onKeyDown: de,
 						"data-testid": "grid-container",
 						children: [
-							E.map((e, t) => /* @__PURE__ */ g(O, {
+							w.map((e, t) => /* @__PURE__ */ g(E, {
 								file: e,
 								selected: A.has(e.id),
-								disabled: T || $,
+								disabled: C || $,
 								reorderable: U && !$,
 								preferredThumbnail: W,
 								onSelect: () => ue(e.id),
 								onRemove: () => se(e.id),
 								onPreview: () => N(t)
 							}, e.id)),
-							D.map((e) => /* @__PURE__ */ g(ne, {
+							T.map((e) => /* @__PURE__ */ g(D, {
 								tile: e,
 								onCancel: () => {
 									e.abort(), L.current.add(e.localId), k((t) => t.filter((t) => t.localId !== e.localId));
 								},
 								onDismiss: () => k((t) => t.filter((t) => t.localId !== e.localId))
 							}, e.localId)),
-							E.length === 0 && D.length === 0 && /* @__PURE__ */ g("div", {
+							w.length === 0 && T.length === 0 && /* @__PURE__ */ g("div", {
 								className: "col-span-full flex h-24 cursor-pointer items-center justify-center text-sm text-muted-foreground",
 								onClick: J,
 								"data-testid": "grid-empty",
-								children: r.display?.placeholder || "Drop files here or click to browse"
+								children: i.display?.placeholder || "Drop files here or click to browse"
 							})
 						]
 					})
@@ -238,12 +238,12 @@ function D(n) {
 				multiple: !0,
 				onChange: oe,
 				style: { display: "none" },
-				"data-testid": `file-input-${i}`
+				"data-testid": `file-input-${a}`
 			}),
-			Y && /* @__PURE__ */ g(re, {
+			Y && /* @__PURE__ */ g(O, {
 				file: Y,
 				hasPrev: M > 0,
-				hasNext: M < E.length - 1,
+				hasNext: M < w.length - 1,
 				onPrev: Z,
 				onNext: X,
 				onClose: Q
@@ -251,46 +251,46 @@ function D(n) {
 		]
 	});
 }
-function O({ file: e, selected: t, disabled: n, reorderable: a, preferredThumbnail: o, onSelect: s, onRemove: c, onPreview: l }) {
-	let { attributes: u, listeners: d, setNodeRef: f, transform: p, transition: m, isDragging: v } = w({
-		id: e.id,
-		disabled: !a
+function E({ file: t, selected: n, disabled: r, reorderable: i, preferredThumbnail: o, onSelect: s, onRemove: c, onPreview: l }) {
+	let { attributes: u, listeners: d, setNodeRef: f, transform: p, transition: m, isDragging: v } = S({
+		id: t.id,
+		disabled: !i
 	}), y = {
-		transform: T.Transform.toString(p),
+		transform: C.Transform.toString(p),
 		transition: m,
 		opacity: v ? .5 : 1
-	}, b = i(e.id, r(e, o), E(e, o));
+	}, b = e(t.id, a(t, o), w(t, o));
 	return /* @__PURE__ */ _("div", {
 		ref: f,
 		style: y,
-		className: `group relative aspect-square overflow-hidden rounded-md border ${t ? "border-accent" : "border-border"} bg-surface-2`,
-		"data-testid": `grid-tile-${e.id}`,
-		"data-selected": t || void 0,
+		className: `group relative aspect-square overflow-hidden rounded-md border ${n ? "border-accent" : "border-border"} bg-surface-2`,
+		"data-testid": `grid-tile-${t.id}`,
+		"data-selected": n || void 0,
 		children: [b ? /* @__PURE__ */ g("img", {
 			src: b,
-			alt: e.filename,
+			alt: t.filename,
 			className: "h-full w-full cursor-pointer object-cover",
 			loading: "lazy",
 			onClick: l
 		}) : /* @__PURE__ */ g("div", {
 			className: "flex h-full w-full cursor-pointer items-center justify-center bg-surface-3 text-xs text-muted-foreground",
 			onClick: l,
-			children: e.filename
-		}), !n && /* @__PURE__ */ _(h, { children: [
+			children: t.filename
+		}), !r && /* @__PURE__ */ _(h, { children: [
 			/* @__PURE__ */ g("input", {
 				type: "checkbox",
 				className: "absolute left-1 top-1 h-4 w-4 cursor-pointer",
-				checked: t,
+				checked: n,
 				onChange: s,
-				"aria-label": `Select ${e.filename}`,
-				"data-testid": `select-${e.id}`,
+				"aria-label": `Select ${t.filename}`,
+				"data-testid": `select-${t.id}`,
 				onClick: (e) => e.stopPropagation()
 			}),
-			a && /* @__PURE__ */ g("button", {
+			i && /* @__PURE__ */ g("button", {
 				type: "button",
 				className: "absolute right-1 top-1 cursor-grab rounded-sm border border-border bg-card px-1 text-xs",
-				"aria-label": `Drag to reorder ${e.filename}`,
-				"data-testid": `drag-${e.id}`,
+				"aria-label": `Drag to reorder ${t.filename}`,
+				"data-testid": `drag-${t.id}`,
 				...u,
 				...d,
 				children: "⋮⋮"
@@ -306,14 +306,14 @@ function O({ file: e, selected: t, disabled: n, reorderable: a, preferredThumbna
 					type: "button",
 					className: "rounded-sm border border-border bg-card px-2 py-0.5 text-xs text-destructive",
 					onClick: c,
-					"data-testid": `remove-${e.id}`,
+					"data-testid": `remove-${t.id}`,
 					children: "Delete"
 				})]
 			})
 		] })]
 	});
 }
-function ne({ tile: e, onCancel: t, onDismiss: n }) {
+function D({ tile: e, onCancel: t, onDismiss: n }) {
 	return /* @__PURE__ */ _("div", {
 		className: `relative flex aspect-square flex-col items-center justify-center rounded-md border ${e.error ? "border-destructive" : "border-border"} bg-surface-2 p-2 text-center text-xs`,
 		"data-testid": `pending-tile-${e.localId}`,
@@ -345,54 +345,54 @@ function ne({ tile: e, onCancel: t, onDismiss: n }) {
 		]
 	});
 }
-function re({ file: e, hasPrev: t, hasNext: n, onPrev: r, onNext: a, onClose: o }) {
-	let s = i(e.id, "preview", e.presigned_url ?? e.url ?? E(e));
+function O({ file: t, hasPrev: n, hasNext: r, onPrev: a, onNext: o, onClose: s }) {
+	let c = e(t.id, "preview", t.presigned_url ?? t.url ?? w(t));
 	return /* @__PURE__ */ _("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80",
 		role: "dialog",
 		"aria-modal": "true",
-		"aria-label": e.filename,
+		"aria-label": t.filename,
 		"data-testid": "lightbox",
-		onClick: o,
+		onClick: s,
 		children: [
 			/* @__PURE__ */ g("button", {
 				type: "button",
 				className: "absolute right-4 top-4 rounded-sm border border-border bg-card px-3 py-1 text-foreground",
 				onClick: (e) => {
-					e.stopPropagation(), o();
+					e.stopPropagation(), s();
 				},
 				"data-testid": "lightbox-close",
 				children: "Close"
 			}),
-			t && /* @__PURE__ */ g("button", {
+			n && /* @__PURE__ */ g("button", {
 				type: "button",
 				className: "absolute left-4 rounded-sm border border-border bg-card px-3 py-2 text-foreground",
 				onClick: (e) => {
-					e.stopPropagation(), r();
+					e.stopPropagation(), a();
 				},
 				"data-testid": "lightbox-prev",
 				children: "‹"
 			}),
-			n && /* @__PURE__ */ g("button", {
+			r && /* @__PURE__ */ g("button", {
 				type: "button",
 				className: "absolute right-4 bottom-4 rounded-sm border border-border bg-card px-3 py-2 text-foreground",
 				onClick: (e) => {
-					e.stopPropagation(), a();
+					e.stopPropagation(), o();
 				},
 				"data-testid": "lightbox-next",
 				children: "›"
 			}),
-			s ? /* @__PURE__ */ g("img", {
-				src: s,
-				alt: e.filename,
+			c ? /* @__PURE__ */ g("img", {
+				src: c,
+				alt: t.filename,
 				className: "max-h-[90vh] max-w-[90vw] object-contain",
 				onClick: (e) => e.stopPropagation()
 			}) : /* @__PURE__ */ _("div", {
 				className: "rounded-md bg-card p-4 text-foreground",
 				children: [
-					e.filename,
+					t.filename,
 					" (",
-					l(e.size_bytes),
+					i(t.size_bytes),
 					")"
 				]
 			})
@@ -400,4 +400,4 @@ function re({ file: e, hasPrev: t, hasNext: n, onPrev: r, onNext: a, onClose: o
 	});
 }
 //#endregion
-export { D as Grid };
+export { T as Grid };

package/dist-lib/{MarkdownRenderer-Dbl3AFDQ.js → MarkdownRenderer-Cm-nbv6g.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./rich-text-CJpzFOG5.js";
+import { U as e } from "./ActionRunner-F1HBBKyQ.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import r, { defaultUrlTransform as i } from "react-markdown";
 import a from "remark-breaks";

package/dist-lib/api/data.d.ts

@@ -78,6 +78,34 @@ export declare class ActionBatchError extends Error {
  * passing it triggers a 400 from the server.
  */
 export declare function buildActionBody(params: Record<string, unknown> | undefined, ids?: string[]): ActionExecuteRequest;
+/**
+ * A drop-in replacement for the network action dispatch. Installed only in
+ * tests via setActionExecutor; production leaves it null.
+ */
+export type ActionExecutor = (code: string, body: ActionExecuteRequest) => Promise<ActionExecuteResponse>;
+/**
+ * Install a test-time override for executeAction - and therefore for
+ * createEntity / updateEntity / deleteEntity / restoreEntity, which all
+ * dispatch through executeAction. The @declarion/react/testing harness uses
+ * this (mirroring setApiErrorReporter) to resolve actions from a fixture map
+ * instead of the network. Returns the previous executor so a test can restore
+ * it. Pass null to clear. Default (unset) is the real apiFetch path, unchanged.
+ */
+export declare function setActionExecutor(fn: ActionExecutor | null): ActionExecutor | null;
+/**
+ * Test-time override for the entity-list read seam (the leaf of useEntityData /
+ * useEntityCount). Return undefined to fall through to the network. Installed
+ * by @declarion/react/testing so the REAL list hooks run and resolve fixtures
+ * by entity, params-agnostically (the hooks' query keys carry the screen's
+ * per_page / sort / filters, which a cache seed cannot know ahead of render).
+ */
+export type ListEntitiesResolver = (entity: string, params: ListParams) => ListResponse | undefined;
+/** Test-time override for the single-record read seam (useEntityItem -> getEntity). */
+export type GetEntityResolver = (entity: string, pkValues: PkValues | string) => DataResponse | undefined;
+/** Install/clear the list read seam. Returns the previous resolver. */
+export declare function setListEntitiesResolver(fn: ListEntitiesResolver | null): ListEntitiesResolver | null;
+/** Install/clear the single-record read seam. Returns the previous resolver. */
+export declare function setGetEntityResolver(fn: GetEntityResolver | null): GetEntityResolver | null;
 /**
  * Invoke an action. The URL `code` must be fully qualified for
  * entity-scoped actions (e.g. `lead.archive`). For global actions it's the

package/dist-lib/dataTableStyles-vwD1mVOP.js

@@ -0,0 +1,22 @@
+//#region src/components/primitives/dataTableStyles.ts
+var e = {
+	width: "100%",
+	fontSize: 12.5,
+	borderCollapse: "separate",
+	borderSpacing: 0
+}, t = {
+	height: 30,
+	padding: "0 12px",
+	textAlign: "left",
+	fontWeight: 600,
+	fontSize: 11,
+	color: "var(--text-3)",
+	borderBottom: "1px solid var(--divider)"
+}, n = {
+	padding: "6px 12px",
+	borderBottom: "1px solid var(--divider)",
+	color: "var(--text-2)",
+	verticalAlign: "middle"
+};
+//#endregion
+export { t as n, e as r, n as t };