@declarion/react 0.52.0 → 0.53.0

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

@@ -1,5 +1,5 @@
 import { s as e } from "./DynamicIcon-DW5krHuX.js";
-import { A as t, dr as n, fr as r, j as i, wn as a, zn as o } from "./useCurrentScreen-74x5yJNb.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 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,14 +7,14 @@ 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: n, schema: i, rows: o, onChange: l, validationErrors: x, refs: C }) {
+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) => {
 		if (k.has(e) || e === E) return !1;
-		let t = n.fields.get(e);
+		let t = i.fields.get(e);
 		return !(!t || t.auto || t.primary || t.source);
 	}), j = new Set(D.filter((e) => {
 		if (e === E) return !0;
-		let t = n.fields.get(e);
+		let t = i.fields.get(e);
 		return t && (t.auto || t.primary || t.source);
 	})), 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 ? {
@@ -26,21 +26,21 @@ function w({ config: t, childEntity: n, schema: i, 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), r = {
+		}, -1), n = {
 			_key: crypto.randomUUID(),
 			_dirty: !0,
 			[E]: e + 1
-		}, i = t.quick_add?.defaults ?? {};
+		}, r = t.quick_add?.defaults ?? {};
 		for (let e of A) {
-			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]);
+			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]);
 		}
-		l([...o, r]);
+		l([...o, n]);
 	}, [
 		o,
 		l,
 		A,
-		n,
+		i,
 		t.quick_add?.defaults,
 		E
 	]), I = u((e) => {
@@ -118,10 +118,10 @@ function w({ config: t, childEntity: n, schema: i, rows: o, onChange: l, validat
 						padding: "0 4px"
 					} }),
 					M.map((e) => {
-						let t = n.fields.get(e);
+						let t = i.fields.get(e);
 						return /* @__PURE__ */ p("th", {
 							style: B,
-							children: t ? a(t, e, i.entities) : e
+							children: t ? r(t, e, a.entities) : e
 						}, e);
 					}),
 					/* @__PURE__ */ p("th", { style: {
@@ -136,7 +136,7 @@ function w({ config: t, childEntity: n, schema: i, rows: o, onChange: l, validat
 						columns: M,
 						editableColumns: A,
 						displayOnlyColumns: j,
-						childEntity: n,
+						childEntity: i,
 						validationErrors: x,
 						refs: C,
 						onCellChange: P,
@@ -148,7 +148,7 @@ function w({ config: t, childEntity: n, schema: i, rows: o, onChange: l, validat
 		})
 	}), /* @__PURE__ */ p("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ p(r, {
+		children: /* @__PURE__ */ p(n, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ p(e.plus, { size: 12 }),
@@ -157,9 +157,9 @@ function w({ config: t, childEntity: n, schema: i, rows: o, onChange: l, validat
 		})
 	})] });
 }
-function T({ row: r, columns: a, 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,
+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,
 		disabled: y
 	}), k = {
 		transform: C.Translate.toString(E),
@@ -200,40 +200,40 @@ function T({ row: r, columns: a, editableColumns: s, displayOnlyColumns: c, chil
 					children: /* @__PURE__ */ p(e.grid, { size: 14 })
 				})
 			}),
-			a.map((e) => {
-				let t = u.fields.get(e), n = b?.includes(e), a = c.has(e), l = s.includes(e);
+			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", {
 					style: {
 						...A,
 						textDecoration: y ? "line-through" : "none"
 					},
-					children: t ? i({
+					children: t ? o({
 						field: t,
 						fieldName: e,
-						value: r[e],
+						value: n[e],
 						mode: "display",
-						record: r,
+						record: n,
 						refs: f,
 						locale: v
-					}) : o(r[e])
+					}) : i(n[e])
 				}, e) : /* @__PURE__ */ p("td", {
 					style: {
 						...j,
-						outline: n ? "1px solid var(--danger)" : "none",
+						outline: r ? "1px solid var(--danger)" : "none",
 						outlineOffset: -1,
-						borderRadius: n ? 4 : 0
+						borderRadius: r ? 4 : 0
 					},
-					title: n ? `${e} is required` : void 0,
-					children: t ? i({
+					title: r ? `${e} is required` : void 0,
+					children: t ? o({
 						field: t,
 						fieldName: e,
-						value: r[e],
+						value: n[e],
 						mode: "edit",
-						onChange: (t) => h(r._key, e, t),
-						record: r,
+						onChange: (t) => h(n._key, e, t),
+						record: n,
 						refs: f,
 						locale: v
-					}) : o(r[e])
+					}) : i(n[e])
 				}, e);
 			}),
 			/* @__PURE__ */ p("td", {
@@ -242,15 +242,15 @@ function T({ row: r, columns: a, editableColumns: s, displayOnlyColumns: c, chil
 					borderBottom: "1px solid var(--divider)",
 					verticalAlign: "middle"
 				},
-				children: y ? /* @__PURE__ */ p(n, {
+				children: y ? /* @__PURE__ */ p(t, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.refresh, { size: 12 }),
-					onClick: () => _(r._key),
+					onClick: () => _(n._key),
 					title: "Undo delete"
-				}) : /* @__PURE__ */ p(n, {
+				}) : /* @__PURE__ */ p(t, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.trash, { size: 12 }),
-					onClick: () => g(r._key),
+					onClick: () => g(n._key),
 					title: "Delete row"
 				})
 			})

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

@@ -1,5 +1,5 @@
-import { B as e, I as t, L as n, P as r, R as i, z as a } from "./useCurrentScreen-74x5yJNb.js";
-import { c as o, i as s, l as c, t as l } from "./value-DKekzcjz.js";
+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 { 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(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([]);
+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([]);
 	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 (r) => {
-		let c = e(r, 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 (i) => {
+		let c = n(i, 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: r.name,
+				filename: i.name,
 				progress: null,
 				error: c,
 				abort: () => {}
@@ -30,19 +30,19 @@ function T(i) {
 		}
 		k((e) => [...e, {
 			localId: l,
-			filename: r.name,
+			filename: i.name,
 			progress: {
 				loaded: 0,
-				total: r.size,
+				total: i.size,
 				pct: 0
 			},
 			error: null,
 			abort: () => u.abort()
 		}]);
 		try {
-			let e = await a({
-				file: r,
-				entityCode: i.entityCode,
+			let e = await t({
+				file: i,
+				entityCode: a.entityCode,
 				fieldCode: s,
 				signal: u.signal,
 				onProgress: (e) => k((t) => t.map((t) => t.localId === l ? {
@@ -51,11 +51,11 @@ function T(i) {
 				} : t))
 			});
 			if (L.current.delete(l)) {
-				n(e.id).catch(() => {}), F(e.id);
+				r(e.id).catch(() => {}), F(e.id);
 				return;
 			}
-			P(e.id, () => n(e.id));
-			let t = {
+			P(e.id, () => r(e.id));
+			let n = {
 				id: e.id,
 				filename: e.filename,
 				content_type: e.content_type,
@@ -65,19 +65,19 @@ function T(i) {
 				height: e.height,
 				url: e.url,
 				metadata: e.metadata
-			}, o = [...z.current, t];
+			}, o = [...z.current, n];
 			z.current = o, h?.(o), k((e) => e.filter((e) => e.localId !== l));
-		} catch (e) {
-			if (e instanceof t && e.code === "ABORTED") {
+		} catch (t) {
+			if (t instanceof e && t.code === "ABORTED") {
 				k((e) => e.filter((e) => e.localId !== l));
 				return;
 			}
-			let n = e instanceof t ? {
-				code: e.code,
-				message: e.message
+			let n = t instanceof e ? {
+				code: t.code,
+				message: t.message
 			} : {
 				code: "UNKNOWN",
-				message: e instanceof Error ? e.message : "Upload failed"
+				message: t instanceof Error ? t.message : "Upload failed"
 			};
 			k((e) => e.map((e) => e.localId === l ? {
 				...e,
@@ -91,7 +91,7 @@ function T(i) {
 		o.max_size_bytes,
 		s,
 		h,
-		i.entityCode,
+		a.entityCode,
 		P,
 		F
 	]), K = u((e) => {
@@ -109,7 +109,7 @@ function T(i) {
 		let t = e.target.files;
 		e.target.value = "", t && t.length > 0 && K(t);
 	}, [K]), se = u((e) => {
-		I(e) && (n(e).catch(() => {}), F(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);
@@ -122,7 +122,7 @@ function T(i) {
 		F
 	]), ce = u(() => {
 		A.size !== 0 && (Array.from(A).forEach((e) => {
-			I(e) && (n(e).catch(() => {}), F(e));
+			I(e) && (r(e).catch(() => {}), F(e));
 		}), h?.(w.filter((e) => !A.has(e.id))), j(/* @__PURE__ */ new Set()));
 	}, [
 		I,
@@ -346,7 +346,7 @@ function D({ tile: e, onCancel: t, onDismiss: n }) {
 		]
 	});
 }
-function O({ file: e, hasPrev: t, hasNext: n, onPrev: r, onNext: a, onClose: o }) {
+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));
 	return /* @__PURE__ */ _("div", {
 		className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80",
@@ -378,7 +378,7 @@ function O({ file: e, hasPrev: t, hasNext: n, onPrev: r, onNext: a, onClose: o }
 				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(), i();
 				},
 				"data-testid": "lightbox-next",
 				children: "›"
@@ -393,7 +393,7 @@ function O({ file: e, hasPrev: t, hasNext: n, onPrev: r, onNext: a, onClose: o }
 				children: [
 					e.filename,
 					" (",
-					i(e.size_bytes),
+					a(e.size_bytes),
 					")"
 				]
 			})