@declarion/react 0.53.0 → 0.54.1

package/dist-lib/{DraggableChildrenTable-BQZTvZaU.js → DraggableChildrenTable-Djc7QDzR.js}

@@ -1,5 +1,5 @@
 import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { Fr as t, Ir as n, Jn as r, lr as i, nt as a, rt as o } from "./useCurrentScreen-BdnZq8vZ.js";
+import { $n as t, Br as n, Vr as r, et as i, mr as a, tt as o } from "./useCurrentScreen-aHx9HH1m.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,8 +7,8 @@ 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: i, 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) => {
+function w({ config: n, childEntity: i, schema: a, rows: o, onChange: l, validationErrors: x, refs: C }) {
+	let w = f(null), E = n.position_field, D = n.columns, O = y(v(g, { activationConstraint: { distance: 5 } })), k = new Set(Array.isArray(n.foreign_key) ? n.foreign_key : [n.foreign_key]), A = D.filter((e) => {
 		if (k.has(e) || e === E) return !1;
 		let t = i.fields.get(e);
 		return !(!t || t.auto || t.primary || t.source);
@@ -26,22 +26,22 @@ function w({ config: t, childEntity: i, schema: a, rows: o, onChange: l, validat
 		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), t = {
 			_key: crypto.randomUUID(),
 			_dirty: !0,
 			[E]: e + 1
-		}, r = t.quick_add?.defaults ?? {};
+		}, r = n.quick_add?.defaults ?? {};
 		for (let e of A) {
-			let t = i.fields.get(e);
-			t && (r[e] === void 0 ? t.default === void 0 ? t.type === "bool" && (n[e] = !1) : n[e] = t.default : n[e] = r[e]);
+			let n = i.fields.get(e);
+			n && (r[e] === void 0 ? n.default === void 0 ? n.type === "bool" && (t[e] = !1) : t[e] = n.default : t[e] = r[e]);
 		}
-		l([...o, n]);
+		l([...o, t]);
 	}, [
 		o,
 		l,
 		A,
 		i,
-		t.quick_add?.defaults,
+		n.quick_add?.defaults,
 		E
 	]), I = u((e) => {
 		l(o.map((t) => t._key === e ? {
@@ -118,10 +118,10 @@ function w({ config: t, childEntity: i, schema: a, rows: o, onChange: l, validat
 						padding: "0 4px"
 					} }),
 					M.map((e) => {
-						let t = i.fields.get(e);
+						let n = i.fields.get(e);
 						return /* @__PURE__ */ p("th", {
 							style: B,
-							children: t ? r(t, e, a.entities) : e
+							children: n ? t(n, e, a.entities) : e
 						}, e);
 					}),
 					/* @__PURE__ */ p("th", { style: {
@@ -148,7 +148,7 @@ function w({ config: t, childEntity: i, schema: a, rows: o, onChange: l, validat
 		})
 	}), /* @__PURE__ */ p("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ p(n, {
+		children: /* @__PURE__ */ p(r, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ p(e.plus, { size: 12 }),
@@ -157,9 +157,9 @@ function w({ config: t, childEntity: i, schema: a, rows: o, onChange: l, validat
 		})
 	})] });
 }
-function T({ row: n, columns: r, 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: t, columns: r, editableColumns: s, displayOnlyColumns: c, childEntity: u, validationErrors: d, refs: f, onCellChange: h, onDelete: g, onUndoDelete: _ }) {
+	let v = i(), y = !!t._deleted, b = d?.[t._key], { attributes: S, listeners: w, setNodeRef: T, transform: E, transition: D, isDragging: O } = x({
+		id: t._key,
 		disabled: y
 	}), k = {
 		transform: C.Translate.toString(E),
@@ -201,21 +201,21 @@ function T({ row: n, columns: r, editableColumns: s, displayOnlyColumns: c, chil
 				})
 			}),
 			r.map((e) => {
-				let t = u.fields.get(e), r = b?.includes(e), a = c.has(e), l = s.includes(e);
-				return y || a || !l ? /* @__PURE__ */ p("td", {
+				let n = u.fields.get(e), r = b?.includes(e), i = c.has(e), l = s.includes(e);
+				return y || i || !l ? /* @__PURE__ */ p("td", {
 					style: {
 						...A,
 						textDecoration: y ? "line-through" : "none"
 					},
-					children: t ? o({
-						field: t,
+					children: n ? o({
+						field: n,
 						fieldName: e,
-						value: n[e],
+						value: t[e],
 						mode: "display",
-						record: n,
+						record: t,
 						refs: f,
 						locale: v
-					}) : i(n[e])
+					}) : a(t[e])
 				}, e) : /* @__PURE__ */ p("td", {
 					style: {
 						...j,
@@ -224,16 +224,16 @@ function T({ row: n, columns: r, editableColumns: s, displayOnlyColumns: c, chil
 						borderRadius: r ? 4 : 0
 					},
 					title: r ? `${e} is required` : void 0,
-					children: t ? o({
-						field: t,
+					children: n ? o({
+						field: n,
 						fieldName: e,
-						value: n[e],
+						value: t[e],
 						mode: "edit",
-						onChange: (t) => h(n._key, e, t),
-						record: n,
+						onChange: (n) => h(t._key, e, n),
+						record: t,
 						refs: f,
 						locale: v
-					}) : i(n[e])
+					}) : a(t[e])
 				}, e);
 			}),
 			/* @__PURE__ */ p("td", {
@@ -242,15 +242,15 @@ function T({ row: n, columns: r, editableColumns: s, displayOnlyColumns: c, chil
 					borderBottom: "1px solid var(--divider)",
 					verticalAlign: "middle"
 				},
-				children: y ? /* @__PURE__ */ p(t, {
+				children: y ? /* @__PURE__ */ p(n, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.refresh, { size: 12 }),
-					onClick: () => _(n._key),
+					onClick: () => _(t._key),
 					title: "Undo delete"
-				}) : /* @__PURE__ */ p(t, {
+				}) : /* @__PURE__ */ p(n, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.trash, { size: 12 }),
-					onClick: () => g(n._key),
+					onClick: () => g(t._key),
 					title: "Delete row"
 				})
 			})

package/dist-lib/{Grid-B9Tiytbd.js → Grid-Bd2r0_4J.js}

@@ -1,5 +1,5 @@
-import { ct as e, dt as t, ft as n, lt as r, ot as i, ut as a } from "./useCurrentScreen-BdnZq8vZ.js";
-import { c as o, i as s, l as c, t as l } from "./value-Rp-5W3o8.js";
+import { ct as e, it as t, lt as n, ot as r, st as i, ut as a } from "./useCurrentScreen-aHx9HH1m.js";
+import { c as o, i as s, l as c, t as l } from "./value-CzKQPJOp.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(a) {
-	let { field: o, fieldName: s, value: c, onChange: h, mode: S, disabled: C } = a, w = l(c), [T, k] = m([]), [A, j] = m(/* @__PURE__ */ new Set()), [M, N] = m(null), { register: P, unregister: F, isDraft: I } = i(), L = p(/* @__PURE__ */ new Set()), R = p([]);
+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 (i) => {
-		let c = n(i, 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 (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: i.name,
+				filename: t.name,
 				progress: null,
 				error: c,
 				abort: () => {}
@@ -30,19 +30,19 @@ function T(a) {
 		}
 		k((e) => [...e, {
 			localId: l,
-			filename: i.name,
+			filename: t.name,
 			progress: {
 				loaded: 0,
-				total: i.size,
+				total: t.size,
 				pct: 0
 			},
 			error: null,
 			abort: () => u.abort()
 		}]);
 		try {
-			let e = await t({
-				file: i,
-				entityCode: a.entityCode,
+			let r = await n({
+				file: t,
+				entityCode: e.entityCode,
 				fieldCode: s,
 				signal: u.signal,
 				onProgress: (e) => k((t) => t.map((t) => t.localId === l ? {
@@ -51,37 +51,37 @@ function T(a) {
 				} : t))
 			});
 			if (L.current.delete(l)) {
-				r(e.id).catch(() => {}), F(e.id);
+				i(r.id).catch(() => {}), F(r.id);
 				return;
 			}
-			P(e.id, () => r(e.id));
-			let n = {
-				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, n];
+			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 (t) {
-			if (t instanceof e && t.code === "ABORTED") {
+		} catch (e) {
+			if (e instanceof r && e.code === "ABORTED") {
 				k((e) => e.filter((e) => e.localId !== l));
 				return;
 			}
-			let n = t instanceof e ? {
-				code: t.code,
-				message: t.message
+			let t = e instanceof r ? {
+				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 ? {
 				...e,
-				error: n,
+				error: t,
 				progress: null,
 				abort: () => {}
 			} : e));
@@ -91,7 +91,7 @@ function T(a) {
 		o.max_size_bytes,
 		s,
 		h,
-		a.entityCode,
+		e.entityCode,
 		P,
 		F
 	]), K = u((e) => {
@@ -109,7 +109,7 @@ function T(a) {
 		let t = e.target.files;
 		e.target.value = "", t && t.length > 0 && K(t);
 	}, [K]), se = u((e) => {
-		I(e) && (r(e).catch(() => {}), F(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);
@@ -122,7 +122,7 @@ function T(a) {
 		F
 	]), ce = u(() => {
 		A.size !== 0 && (Array.from(A).forEach((e) => {
-			I(e) && (r(e).catch(() => {}), F(e));
+			I(e) && (i(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: e, hasPrev: t, hasNext: n, onPrev: r, onNext: i, onClose: o }) {
-	let c = s(e.id, "preview", e.presigned_url ?? e.url ?? w(e));
+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": e.filename,
+		"aria-label": t.filename,
 		"data-testid": "lightbox",
 		onClick: o,
 		children: [
@@ -365,35 +365,35 @@ function O({ file: e, hasPrev: t, hasNext: n, onPrev: r, onNext: i, onClose: o }
 				"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(), i();
 				},
 				"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(), i();
+					e.stopPropagation(), a();
 				},
 				"data-testid": "lightbox-next",
 				children: "›"
 			}),
 			c ? /* @__PURE__ */ g("img", {
 				src: c,
-				alt: e.filename,
+				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,
 					" (",
-					a(e.size_bytes),
+					e(t.size_bytes),
 					")"
 				]
 			})