@declarion/react 0.57.0 → 0.59.2

package/dist-lib/Grid-DWgUPuZ3.js

@@ -1,404 +0,0 @@
-import { ct as e, it as t, lt as n, ot as r, st as i, ut as a } from "./useCurrentScreen-CzwzQpoW.js";
-import { c as o, i as s, l as c, t as l } from "./value-Bo8C8WMU.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 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 w(e, t) {
-	return o(e, t);
-}
-function T(e) {
-	let { field: o, fieldName: s, value: c, onChange: h, mode: S, disabled: C } = e, w = l(c), [T, k] = m([]), [A, j] = m(/* @__PURE__ */ new Set()), [M, N] = m(null), { register: P, unregister: F, isDraft: I } = t(), 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 = ee(x(y, { activationConstraint: { distance: 5 } })), V = o.display?.placeholder || s, H = (o.accepts ?? ["image/*"]).join(","), U = o.display?.reorderable !== !1, W = o.display?.listable_thumbnail, G = u(async (t) => {
-		let c = a(t, o.accepts, o.max_size_bytes), l = `tile-${Math.random().toString(36).slice(2)}-${Date.now()}`, u = new AbortController();
-		if (c) {
-			k((e) => [...e, {
-				localId: l,
-				filename: t.name,
-				progress: null,
-				error: c,
-				abort: () => {}
-			}]);
-			return;
-		}
-		k((e) => [...e, {
-			localId: l,
-			filename: t.name,
-			progress: {
-				loaded: 0,
-				total: t.size,
-				pct: 0
-			},
-			error: null,
-			abort: () => u.abort()
-		}]);
-		try {
-			let r = await n({
-				file: t,
-				entityCode: e.entityCode,
-				fieldCode: s,
-				signal: u.signal,
-				onProgress: (e) => k((t) => t.map((t) => t.localId === l ? {
-					...t,
-					progress: e
-				} : t))
-			});
-			if (L.current.delete(l)) {
-				i(r.id).catch(() => {}), F(r.id);
-				return;
-			}
-			P(r.id, () => i(r.id));
-			let a = {
-				id: r.id,
-				filename: r.filename,
-				content_type: r.content_type,
-				size_bytes: r.size_bytes,
-				sha256: r.sha256,
-				width: r.width,
-				height: r.height,
-				url: r.url,
-				metadata: r.metadata
-			}, o = [...z.current, a];
-			z.current = o, h?.(o), k((e) => e.filter((e) => e.localId !== l));
-		} catch (e) {
-			if (e instanceof r && e.code === "ABORTED") {
-				k((e) => e.filter((e) => e.localId !== l));
-				return;
-			}
-			let t = e instanceof r ? {
-				code: e.code,
-				message: e.message
-			} : {
-				code: "UNKNOWN",
-				message: e instanceof Error ? e.message : "Upload failed"
-			};
-			k((e) => e.map((e) => e.localId === l ? {
-				...e,
-				error: t,
-				progress: null,
-				abort: () => {}
-			} : e));
-		}
-	}, [
-		o.accepts,
-		o.max_size_bytes,
-		s,
-		h,
-		e.entityCode,
-		P,
-		F
-	]), K = u((e) => {
-		Array.from(e).forEach((e) => void G(e));
-	}, [G]), q = p(null), J = u(() => {
-		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);
-	}, [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) && (i(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,
-		w,
-		h,
-		F
-	]), ce = u(() => {
-		A.size !== 0 && (Array.from(A).forEach((e) => {
-			I(e) && (i(e).catch(() => {}), F(e));
-		}), h?.(w.filter((e) => !A.has(e.id))), j(/* @__PURE__ */ new Set()));
-	}, [
-		I,
-		w,
-		A,
-		h,
-		F
-	]), le = u((e) => {
-		let { active: t, over: n } = e;
-		if (!n || t.id === n.id) return;
-		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 : 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(() => {
-		if (M == null) return;
-		let e = (e) => {
-			e.key === "Escape" ? Q() : e.key === "ArrowRight" ? X() : e.key === "ArrowLeft" && Z();
-		};
-		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [
-		M,
-		Q,
-		X,
-		Z
-	]);
-	let de = u((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-${s}`,
-		className: "flex flex-col gap-2",
-		children: [
-			!$ && A.size > 0 && /* @__PURE__ */ _("div", {
-				className: "flex items-center gap-2 rounded-md border border-border bg-surface-2 p-2 text-sm",
-				role: "toolbar",
-				"aria-label": "Bulk actions",
-				children: [
-					/* @__PURE__ */ _("span", {
-						className: "text-foreground",
-						children: [A.size, " selected"]
-					}),
-					/* @__PURE__ */ g("button", {
-						type: "button",
-						className: "rounded-sm border border-border bg-card px-2 py-1 text-xs text-destructive hover:bg-surface-2",
-						onClick: ce,
-						"data-testid": "bulk-delete",
-						children: "Delete"
-					}),
-					/* @__PURE__ */ g("button", {
-						type: "button",
-						className: "rounded-sm border border-border bg-card px-2 py-1 text-xs text-foreground hover:bg-surface-2",
-						onClick: () => j(/* @__PURE__ */ new Set()),
-						children: "Clear"
-					})
-				]
-			}),
-			/* @__PURE__ */ g(v, {
-				sensors: B,
-				collisionDetection: b,
-				onDragEnd: le,
-				children: /* @__PURE__ */ g(te, {
-					items: fe,
-					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: $ || C ? -1 : 0,
-						onDragOver: ie,
-						onDrop: ae,
-						onKeyDown: de,
-						"data-testid": "grid-container",
-						children: [
-							w.map((e, t) => /* @__PURE__ */ g(E, {
-								file: e,
-								selected: A.has(e.id),
-								disabled: C || $,
-								reorderable: U && !$,
-								preferredThumbnail: W,
-								onSelect: () => ue(e.id),
-								onRemove: () => se(e.id),
-								onPreview: () => N(t)
-							}, e.id)),
-							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)),
-							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: o.display?.placeholder || "Drop files here or click to browse"
-							})
-						]
-					})
-				})
-			}),
-			!$ && /* @__PURE__ */ g("input", {
-				ref: q,
-				type: "file",
-				accept: H,
-				multiple: !0,
-				onChange: oe,
-				style: { display: "none" },
-				"data-testid": `file-input-${s}`
-			}),
-			Y && /* @__PURE__ */ g(O, {
-				file: Y,
-				hasPrev: M > 0,
-				hasNext: M < w.length - 1,
-				onPrev: Z,
-				onNext: X,
-				onClose: Q
-			})
-		]
-	});
-}
-function E({ file: e, selected: t, disabled: n, reorderable: r, preferredThumbnail: i, onSelect: a, onRemove: o, onPreview: l }) {
-	let { attributes: u, listeners: d, setNodeRef: f, transform: p, transition: m, isDragging: v } = S({
-		id: e.id,
-		disabled: !r
-	}), y = {
-		transform: C.Transform.toString(p),
-		transition: m,
-		opacity: v ? .5 : 1
-	}, b = s(e.id, c(e, i), w(e, i));
-	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,
-		children: [b ? /* @__PURE__ */ g("img", {
-			src: b,
-			alt: e.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: [
-			/* @__PURE__ */ g("input", {
-				type: "checkbox",
-				className: "absolute left-1 top-1 h-4 w-4 cursor-pointer",
-				checked: t,
-				onChange: a,
-				"aria-label": `Select ${e.filename}`,
-				"data-testid": `select-${e.id}`,
-				onClick: (e) => e.stopPropagation()
-			}),
-			r && /* @__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}`,
-				...u,
-				...d,
-				children: "⋮⋮"
-			}),
-			/* @__PURE__ */ _("div", {
-				className: "absolute inset-x-0 bottom-0 flex items-center justify-end gap-1 bg-black/50 p-1 opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100",
-				children: [/* @__PURE__ */ g("button", {
-					type: "button",
-					className: "rounded-sm border border-border bg-card px-2 py-0.5 text-xs",
-					onClick: l,
-					children: "View"
-				}), /* @__PURE__ */ g("button", {
-					type: "button",
-					className: "rounded-sm border border-border bg-card px-2 py-0.5 text-xs text-destructive",
-					onClick: o,
-					"data-testid": `remove-${e.id}`,
-					children: "Delete"
-				})]
-			})
-		] })]
-	});
-}
-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}`,
-		children: [
-			/* @__PURE__ */ g("span", {
-				className: "truncate",
-				title: e.filename,
-				children: e.filename
-			}),
-			e.progress && !e.error && /* @__PURE__ */ _("span", {
-				className: "mt-1 text-muted-foreground",
-				role: "progressbar",
-				"aria-valuenow": e.progress.pct,
-				"aria-valuemin": 0,
-				"aria-valuemax": 100,
-				children: [e.progress.pct, "%"]
-			}),
-			e.error && /* @__PURE__ */ g("div", {
-				role: "alert",
-				className: "mt-1 text-destructive",
-				children: e.error.message
-			}),
-			/* @__PURE__ */ g("button", {
-				type: "button",
-				className: "mt-1 rounded-sm border border-border bg-card px-2 py-0.5",
-				onClick: e.error ? n : t,
-				children: e.error ? "Dismiss" : "Cancel"
-			})
-		]
-	});
-}
-function O({ file: t, hasPrev: n, hasNext: r, onPrev: i, onNext: a, onClose: o }) {
-	let c = s(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": t.filename,
-		"data-testid": "lightbox",
-		onClick: o,
-		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();
-				},
-				"data-testid": "lightbox-close",
-				children: "Close"
-			}),
-			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(), i();
-				},
-				"data-testid": "lightbox-prev",
-				children: "‹"
-			}),
-			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();
-				},
-				"data-testid": "lightbox-next",
-				children: "›"
-			}),
-			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: [
-					t.filename,
-					" (",
-					e(t.size_bytes),
-					")"
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { T as Grid };

package/dist-lib/MarkdownRenderer-CcSFc2N3.js

@@ -1,85 +0,0 @@
-import { Tt as e, ft as t } from "./useCurrentScreen-CzwzQpoW.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import i, { defaultUrlTransform as a } from "react-markdown";
-import o from "remark-breaks";
-import s from "remark-gfm";
-//#region src/components/shared/MarkdownRenderer.tsx
-var c = "prose prose-sm dark:prose-invert max-w-none break-words overflow-hidden", l = [o], u = [s];
-function d(e) {
-	return e.startsWith("declarion://file/") ? e : a(e);
-}
-function f(e) {
-	return e.startsWith("/") || e.startsWith("https://") || e.startsWith("http://") ? e : null;
-}
-function p({ href: t, children: r }) {
-	return e(t) ? /* @__PURE__ */ n("a", {
-		href: t,
-		target: "_blank",
-		rel: "noopener noreferrer",
-		children: r
-	}) : /* @__PURE__ */ n("a", {
-		href: t,
-		children: r
-	});
-}
-function m(e) {
-	return {
-		img({ src: i, alt: a }) {
-			let o = t(i);
-			if (!o) return /* @__PURE__ */ n("img", {
-				src: i,
-				alt: a ?? ""
-			});
-			let s = e[o], c = s?.presigned_url ?? s?.url, l = c ? f(c) : null;
-			return l ? /* @__PURE__ */ n("img", {
-				src: l,
-				alt: a ?? s.filename ?? ""
-			}) : /* @__PURE__ */ r("span", {
-				style: {
-					color: "var(--warn)",
-					fontSize: 12
-				},
-				children: ["Missing image ", o]
-			});
-		},
-		a({ href: i, children: a }) {
-			let o = t(i);
-			if (!o) return /* @__PURE__ */ n(p, {
-				href: i,
-				children: a
-			});
-			let s = e[o], c = s?.presigned_url ?? s?.url, l = c ? f(c) : null;
-			return l ? /* @__PURE__ */ n("a", {
-				href: l,
-				target: "_blank",
-				rel: "noreferrer",
-				children: a
-			}) : /* @__PURE__ */ r("span", {
-				style: {
-					color: "var(--warn)",
-					fontSize: 12
-				},
-				children: ["Missing file ", o]
-			});
-		}
-	};
-}
-function h({ content: e, plugins: t = "breaks", files: r, components: a, skipHtml: o = !0, prose: s = !0 }) {
-	let f = t === "gfm" ? u : l, h = {
-		a: p,
-		...r ? m(r) : {},
-		...a
-	}, g = /* @__PURE__ */ n(i, {
-		skipHtml: o,
-		remarkPlugins: f,
-		components: h,
-		urlTransform: r ? d : void 0,
-		children: e
-	});
-	return s ? /* @__PURE__ */ n("div", {
-		className: c,
-		children: g
-	}) : g;
-}
-//#endregion
-export { h as MarkdownRenderer };

package/dist-lib/RecordIdBadge-CGxPR-8q.js

@@ -1,24 +0,0 @@
-import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { useCallback as t, useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/primitives/RecordIdBadge.tsx
-var a = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i, o = 1200;
-function s({ value: s }) {
-	let [c, l] = n(!1), u = a.test(s) ? `${s.slice(0, 8)}…` : s, d = t(async () => {
-		try {
-			await navigator.clipboard.writeText(s), l(!0), window.setTimeout(() => l(!1), o);
-		} catch {}
-	}, [s]);
-	return /* @__PURE__ */ i("button", {
-		type: "button",
-		onClick: d,
-		title: c ? "Copied" : `Copy ${s}`,
-		className: "mono inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[11px] text-text-4 hover:bg-surface-2 hover:text-text-3 transition-colors shrink-0 border border-transparent hover:border-border",
-		children: [/* @__PURE__ */ r("span", { children: u }), c ? /* @__PURE__ */ r(e.check, { size: 10 }) : /* @__PURE__ */ r(e.copy, {
-			size: 10,
-			style: { opacity: .6 }
-		})]
-	});
-}
-//#endregion
-export { s as t };