@declarion/react 0.39.0 → 0.40.1

package/dist-lib/{DraggableChildrenTable-DziCVhq6.js → DraggableChildrenTable-BkqtkJuz.js}

@@ -1,5 +1,5 @@
 import { s as e } from "./DynamicIcon-DeRpAaXm.js";
-import { Gn as t, Kn as n, bn as r, g as i, h as a, sn as o } from "./useCurrentScreen-BA2lb-d7.js";
+import { A as t, Fn as n, Sn as r, cr as i, j as a, sr as o } from "./useCurrentScreen-C33VZcNn.js";
 import { n as s, r as c, t as l } from "./dataTableStyles-vwD1mVOP.js";
 import { useCallback as u, useMemo as d, useRef as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -7,65 +7,65 @@ import { DndContext as h, PointerSensor as g, closestCenter as _, useSensor as v
 import { SortableContext as b, useSortable as x, verticalListSortingStrategy as S } from "@dnd-kit/sortable";
 import { CSS as C } from "@dnd-kit/utilities";
 //#region src/components/detail-layout/DraggableChildrenTable.tsx
-function w({ config: t, childEntity: r, schema: i, rows: a, onChange: l, validationErrors: x, refs: C }) {
+function w({ config: t, childEntity: n, schema: a, rows: o, onChange: l, validationErrors: x, refs: C }) {
 	let w = f(null), E = t.position_field, D = t.columns, O = y(v(g, { activationConstraint: { distance: 5 } })), k = new Set(Array.isArray(t.foreign_key) ? t.foreign_key : [t.foreign_key]), A = D.filter((e) => {
 		if (k.has(e) || e === E) return !1;
-		let t = r.fields.get(e);
+		let t = n.fields.get(e);
 		return !(!t || t.auto || t.primary || t.source);
 	}), j = new Set(D.filter((e) => {
 		if (e === E) return !0;
-		let t = r.fields.get(e);
+		let t = n.fields.get(e);
 		return t && (t.auto || t.primary || t.source);
-	})), M = D.filter((e) => e !== E), N = d(() => a.filter((e) => !e._deleted).map((e) => e._key), [a]), P = u((e, t, n) => {
-		l(a.map((r) => r._key === e ? {
+	})), M = D.filter((e) => e !== E), N = d(() => o.filter((e) => !e._deleted).map((e) => e._key), [o]), P = u((e, t, n) => {
+		l(o.map((r) => r._key === e ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [a, l]), F = u(() => {
-		let e = a.filter((e) => !e._deleted).reduce((e, t) => {
+	}, [o, l]), F = u(() => {
+		let e = o.filter((e) => !e._deleted).reduce((e, t) => {
 			let n = typeof t[E] == "number" ? t[E] : -1;
 			return Math.max(e, n);
-		}, -1), n = {
+		}, -1), r = {
 			_key: crypto.randomUUID(),
 			_dirty: !0,
 			[E]: e + 1
 		}, i = t.quick_add?.defaults ?? {};
 		for (let e of A) {
-			let t = r.fields.get(e);
-			t && (i[e] === void 0 ? t.default === void 0 ? t.type === "bool" && (n[e] = !1) : n[e] = t.default : n[e] = i[e]);
+			let t = n.fields.get(e);
+			t && (i[e] === void 0 ? t.default === void 0 ? t.type === "bool" && (r[e] = !1) : r[e] = t.default : r[e] = i[e]);
 		}
-		l([...a, n]);
+		l([...o, r]);
 	}, [
-		a,
+		o,
 		l,
 		A,
-		r,
+		n,
 		t.quick_add?.defaults,
 		E
 	]), I = u((e) => {
-		l(a.map((t) => t._key === e ? {
+		l(o.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [a, l]), L = u((e) => {
-		l(a.map((t) => t._key === e ? {
+	}, [o, l]), L = u((e) => {
+		l(o.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [a, l]), R = u((e) => {
+	}, [o, l]), R = u((e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id) return;
-		let r = a.filter((e) => !e._deleted), i = a.filter((e) => e._deleted), o = r.findIndex((e) => e._key === String(t.id)), s = r.findIndex((e) => e._key === String(n.id));
-		if (o === -1 || s === -1) return;
-		let c = [...r], [u] = c.splice(o, 1);
+		let r = o.filter((e) => !e._deleted), i = o.filter((e) => e._deleted), a = r.findIndex((e) => e._key === String(t.id)), s = r.findIndex((e) => e._key === String(n.id));
+		if (a === -1 || s === -1) return;
+		let c = [...r], [u] = c.splice(a, 1);
 		c.splice(s, 0, u), l([...c.map((e, t) => ({
 			...e,
 			[E]: t,
 			_dirty: e[E] !== t || e._dirty
 		})), ...i]);
 	}, [
-		a,
+		o,
 		l,
 		E
 	]), z = u((e) => {
@@ -118,10 +118,10 @@ function w({ config: t, childEntity: r, schema: i, rows: a, onChange: l, validat
 						padding: "0 4px"
 					} }),
 					M.map((e) => {
-						let t = r.fields.get(e);
+						let t = n.fields.get(e);
 						return /* @__PURE__ */ p("th", {
 							style: B,
-							children: t ? o(t, e, i.entities) : e
+							children: t ? r(t, e, a.entities) : e
 						}, e);
 					}),
 					/* @__PURE__ */ p("th", { style: {
@@ -131,12 +131,12 @@ function w({ config: t, childEntity: r, schema: i, rows: a, onChange: l, validat
 				] }) }), /* @__PURE__ */ p(b, {
 					items: N,
 					strategy: S,
-					children: /* @__PURE__ */ p("tbody", { children: a.map((e) => /* @__PURE__ */ p(T, {
+					children: /* @__PURE__ */ p("tbody", { children: o.map((e) => /* @__PURE__ */ p(T, {
 						row: e,
 						columns: M,
 						editableColumns: A,
 						displayOnlyColumns: j,
-						childEntity: r,
+						childEntity: n,
 						validationErrors: x,
 						refs: C,
 						onCellChange: P,
@@ -148,7 +148,7 @@ function w({ config: t, childEntity: r, schema: i, rows: a, onChange: l, validat
 		})
 	}), /* @__PURE__ */ p("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ p(n, {
+		children: /* @__PURE__ */ p(i, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ p(e.plus, { size: 12 }),
@@ -157,9 +157,9 @@ function w({ config: t, childEntity: r, schema: i, rows: a, onChange: l, validat
 		})
 	})] });
 }
-function T({ row: n, columns: o, editableColumns: s, displayOnlyColumns: c, childEntity: u, validationErrors: d, refs: f, onCellChange: h, onDelete: g, onUndoDelete: _ }) {
-	let v = a(), y = !!n._deleted, b = d?.[n._key], { attributes: S, listeners: w, setNodeRef: T, transform: E, transition: D, isDragging: O } = x({
-		id: n._key,
+function T({ row: r, columns: i, editableColumns: s, displayOnlyColumns: c, childEntity: u, validationErrors: d, refs: f, onCellChange: h, onDelete: g, onUndoDelete: _ }) {
+	let v = t(), y = !!r._deleted, b = d?.[r._key], { attributes: S, listeners: w, setNodeRef: T, transform: E, transition: D, isDragging: O } = x({
+		id: r._key,
 		disabled: y
 	}), k = {
 		transform: C.Translate.toString(E),
@@ -200,40 +200,40 @@ function T({ row: n, columns: o, editableColumns: s, displayOnlyColumns: c, chil
 					children: /* @__PURE__ */ p(e.grid, { size: 14 })
 				})
 			}),
-			o.map((e) => {
-				let t = u.fields.get(e), a = b?.includes(e), o = c.has(e), l = s.includes(e);
+			i.map((e) => {
+				let t = u.fields.get(e), i = b?.includes(e), o = c.has(e), l = s.includes(e);
 				return y || o || !l ? /* @__PURE__ */ p("td", {
 					style: {
 						...A,
 						textDecoration: y ? "line-through" : "none"
 					},
-					children: t ? i({
+					children: t ? a({
 						field: t,
 						fieldName: e,
-						value: n[e],
+						value: r[e],
 						mode: "display",
-						record: n,
+						record: r,
 						refs: f,
 						locale: v
-					}) : r(n[e])
+					}) : n(r[e])
 				}, e) : /* @__PURE__ */ p("td", {
 					style: {
 						...j,
-						outline: a ? "1px solid var(--danger)" : "none",
+						outline: i ? "1px solid var(--danger)" : "none",
 						outlineOffset: -1,
-						borderRadius: a ? 4 : 0
+						borderRadius: i ? 4 : 0
 					},
-					title: a ? `${e} is required` : void 0,
-					children: t ? i({
+					title: i ? `${e} is required` : void 0,
+					children: t ? a({
 						field: t,
 						fieldName: e,
-						value: n[e],
+						value: r[e],
 						mode: "edit",
-						onChange: (t) => h(n._key, e, t),
-						record: n,
+						onChange: (t) => h(r._key, e, t),
+						record: r,
 						refs: f,
 						locale: v
-					}) : r(n[e])
+					}) : n(r[e])
 				}, e);
 			}),
 			/* @__PURE__ */ p("td", {
@@ -242,15 +242,15 @@ function T({ row: n, columns: o, editableColumns: s, displayOnlyColumns: c, chil
 					borderBottom: "1px solid var(--divider)",
 					verticalAlign: "middle"
 				},
-				children: y ? /* @__PURE__ */ p(t, {
+				children: y ? /* @__PURE__ */ p(o, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.refresh, { size: 12 }),
-					onClick: () => _(n._key),
+					onClick: () => _(r._key),
 					title: "Undo delete"
-				}) : /* @__PURE__ */ p(t, {
+				}) : /* @__PURE__ */ p(o, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.trash, { size: 12 }),
-					onClick: () => g(n._key),
+					onClick: () => g(r._key),
 					title: "Delete row"
 				})
 			})

package/dist-lib/{Grid-BTX2tkCT.js → Grid-CTxov4x2.js}

@@ -1,5 +1,5 @@
-import { C as e, S as t, T as n, w as r, x as i, y as a } from "./useCurrentScreen-BA2lb-d7.js";
-import { c as o, i as s, l as c, t as l } from "./value-C91loRXp.js";
+import { B as e, I as t, L as n, P as r, R as i, z as a } from "./useCurrentScreen-C33VZcNn.js";
+import { c as o, i as s, l as c, t as l } from "./value-VOi8Svry.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";
@@ -9,19 +9,19 @@ import { CSS as C } from "@dnd-kit/utilities";
 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 } = a(), L = p(/* @__PURE__ */ new Set()), R = p([]);
+function T(i) {
+	let { field: o, fieldName: s, value: c, onChange: h, mode: S, disabled: C } = i, w = l(c), [T, k] = m([]), [A, j] = m(/* @__PURE__ */ new Set()), [M, N] = m(null), { register: P, unregister: F, isDraft: I } = r(), 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 (a) => {
-		let c = n(a, o.accepts, o.max_size_bytes), l = `tile-${Math.random().toString(36).slice(2)}-${Date.now()}`, u = new AbortController();
+	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 (r) => {
+		let c = e(r, 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: a.name,
+				filename: r.name,
 				progress: null,
 				error: c,
 				abort: () => {}
@@ -30,19 +30,19 @@ function T(e) {
 		}
 		k((e) => [...e, {
 			localId: l,
-			filename: a.name,
+			filename: r.name,
 			progress: {
 				loaded: 0,
-				total: a.size,
+				total: r.size,
 				pct: 0
 			},
 			error: null,
 			abort: () => u.abort()
 		}]);
 		try {
-			let n = await r({
-				file: a,
-				entityCode: e.entityCode,
+			let e = await a({
+				file: r,
+				entityCode: i.entityCode,
 				fieldCode: s,
 				signal: u.signal,
 				onProgress: (e) => k((t) => t.map((t) => t.localId === l ? {
@@ -51,28 +51,28 @@ function T(e) {
 				} : t))
 			});
 			if (L.current.delete(l)) {
-				t(n.id).catch(() => {}), F(n.id);
+				n(e.id).catch(() => {}), F(e.id);
 				return;
 			}
-			P(n.id, () => t(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
-			}, o = [...z.current, i];
+			P(e.id, () => n(e.id));
+			let t = {
+				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, t];
 			z.current = o, h?.(o), k((e) => e.filter((e) => e.localId !== l));
 		} catch (e) {
-			if (e instanceof i && e.code === "ABORTED") {
+			if (e instanceof t && e.code === "ABORTED") {
 				k((e) => e.filter((e) => e.localId !== l));
 				return;
 			}
-			let t = e instanceof i ? {
+			let n = e instanceof t ? {
 				code: e.code,
 				message: e.message
 			} : {
@@ -81,7 +81,7 @@ function T(e) {
 			};
 			k((e) => e.map((e) => e.localId === l ? {
 				...e,
-				error: t,
+				error: n,
 				progress: null,
 				abort: () => {}
 			} : e));
@@ -91,7 +91,7 @@ function T(e) {
 		o.max_size_bytes,
 		s,
 		h,
-		e.entityCode,
+		i.entityCode,
 		P,
 		F
 	]), K = u((e) => {
@@ -109,9 +109,9 @@ function T(e) {
 		let t = e.target.files;
 		e.target.value = "", t && t.length > 0 && K(t);
 	}, [K]), se = u((e) => {
-		I(e) && (t(e).catch(() => {}), F(e));
-		let n = w.filter((t) => t.id !== e);
-		h?.(n), j((t) => {
+		I(e) && (n(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;
 		});
@@ -122,7 +122,7 @@ function T(e) {
 		F
 	]), ce = u(() => {
 		A.size !== 0 && (Array.from(A).forEach((e) => {
-			I(e) && (t(e).catch(() => {}), F(e));
+			I(e) && (n(e).catch(() => {}), F(e));
 		}), h?.(w.filter((e) => !A.has(e.id))), j(/* @__PURE__ */ new Set()));
 	}, [
 		I,
@@ -346,13 +346,13 @@ function D({ tile: e, onCancel: t, onDismiss: n }) {
 		]
 	});
 }
-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));
+function O({ file: e, hasPrev: t, hasNext: n, onPrev: r, onNext: a, onClose: o }) {
+	let c = s(e.id, "preview", e.presigned_url ?? e.url ?? w(e));
 	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,
+		"aria-label": e.filename,
 		"data-testid": "lightbox",
 		onClick: o,
 		children: [
@@ -365,16 +365,16 @@ function O({ file: t, hasPrev: n, hasNext: r, onPrev: i, onNext: a, onClose: o }
 				"data-testid": "lightbox-close",
 				children: "Close"
 			}),
-			n && /* @__PURE__ */ g("button", {
+			t && /* @__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();
+					e.stopPropagation(), r();
 				},
 				"data-testid": "lightbox-prev",
 				children: "‹"
 			}),
-			r && /* @__PURE__ */ g("button", {
+			n && /* @__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) => {
@@ -385,15 +385,15 @@ function O({ file: t, hasPrev: n, hasNext: r, onPrev: i, onNext: a, onClose: o }
 			}),
 			c ? /* @__PURE__ */ g("img", {
 				src: c,
-				alt: t.filename,
+				alt: e.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.filename,
 					" (",
-					e(t.size_bytes),
+					i(e.size_bytes),
 					")"
 				]
 			})