@declarion/react 0.41.0 → 0.43.0

package/dist-lib/{DraggableChildrenTable-x_3rA4Rm.js → DraggableChildrenTable-G4Sw1XAD.js}

@@ -1,5 +1,5 @@
 import { s as e } from "./DynamicIcon-DeRpAaXm.js";
-import { A as t, Fn as n, Sn as r, cr as i, j as a, sr as o } from "./useCurrentScreen-D6LPBFOi.js";
+import { A as t, In as n, cr as r, j as i, lr as a, xn as o } from "./useCurrentScreen-CpQjVmrT.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,7 +7,7 @@ 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: a, rows: o, onChange: l, validationErrors: x, refs: C }) {
+function w({ config: t, childEntity: n, schema: r, rows: i, 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);
@@ -16,56 +16,56 @@ function w({ config: t, childEntity: n, schema: a, rows: o, onChange: l, validat
 		if (e === E) return !0;
 		let t = n.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 ? {
+	})), M = D.filter((e) => e !== E), N = d(() => i.filter((e) => !e._deleted).map((e) => e._key), [i]), P = u((e, t, n) => {
+		l(i.map((r) => r._key === e ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [o, l]), F = u(() => {
-		let e = o.filter((e) => !e._deleted).reduce((e, t) => {
+	}, [i, l]), F = u(() => {
+		let e = i.filter((e) => !e._deleted).reduce((e, t) => {
 			let n = typeof t[E] == "number" ? t[E] : -1;
 			return Math.max(e, n);
 		}, -1), r = {
 			_key: crypto.randomUUID(),
 			_dirty: !0,
 			[E]: e + 1
-		}, i = t.quick_add?.defaults ?? {};
+		}, a = 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]);
+			t && (a[e] === void 0 ? t.default === void 0 ? t.type === "bool" && (r[e] = !1) : r[e] = t.default : r[e] = a[e]);
 		}
-		l([...o, r]);
+		l([...i, r]);
 	}, [
-		o,
+		i,
 		l,
 		A,
 		n,
 		t.quick_add?.defaults,
 		E
 	]), I = u((e) => {
-		l(o.map((t) => t._key === e ? {
+		l(i.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [o, l]), L = u((e) => {
-		l(o.map((t) => t._key === e ? {
+	}, [i, l]), L = u((e) => {
+		l(i.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [o, l]), R = u((e) => {
+	}, [i, l]), R = u((e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id) return;
-		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);
+		let r = i.filter((e) => !e._deleted), a = i.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);
 		c.splice(s, 0, u), l([...c.map((e, t) => ({
 			...e,
 			[E]: t,
 			_dirty: e[E] !== t || e._dirty
-		})), ...i]);
+		})), ...a]);
 	}, [
-		o,
+		i,
 		l,
 		E
 	]), z = u((e) => {
@@ -121,7 +121,7 @@ function w({ config: t, childEntity: n, schema: a, rows: o, onChange: l, validat
 						let t = n.fields.get(e);
 						return /* @__PURE__ */ p("th", {
 							style: B,
-							children: t ? r(t, e, a.entities) : e
+							children: t ? o(t, e, r.entities) : e
 						}, e);
 					}),
 					/* @__PURE__ */ p("th", { style: {
@@ -131,7 +131,7 @@ function w({ config: t, childEntity: n, schema: a, rows: o, onChange: l, validat
 				] }) }), /* @__PURE__ */ p(b, {
 					items: N,
 					strategy: S,
-					children: /* @__PURE__ */ p("tbody", { children: o.map((e) => /* @__PURE__ */ p(T, {
+					children: /* @__PURE__ */ p("tbody", { children: i.map((e) => /* @__PURE__ */ p(T, {
 						row: e,
 						columns: M,
 						editableColumns: A,
@@ -148,7 +148,7 @@ function w({ config: t, childEntity: n, schema: a, rows: o, onChange: l, validat
 		})
 	}), /* @__PURE__ */ p("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ p(i, {
+		children: /* @__PURE__ */ p(a, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ p(e.plus, { size: 12 }),
@@ -157,9 +157,9 @@ function w({ config: t, childEntity: n, schema: a, rows: o, onChange: l, validat
 		})
 	})] });
 }
-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,
+function T({ row: a, columns: o, editableColumns: s, displayOnlyColumns: c, childEntity: u, validationErrors: d, refs: f, onCellChange: h, onDelete: g, onUndoDelete: _ }) {
+	let v = t(), y = !!a._deleted, b = d?.[a._key], { attributes: S, listeners: w, setNodeRef: T, transform: E, transition: D, isDragging: O } = x({
+		id: a._key,
 		disabled: y
 	}), k = {
 		transform: C.Translate.toString(E),
@@ -200,40 +200,40 @@ function T({ row: r, columns: i, editableColumns: s, displayOnlyColumns: c, chil
 					children: /* @__PURE__ */ p(e.grid, { size: 14 })
 				})
 			}),
-			i.map((e) => {
-				let t = u.fields.get(e), i = b?.includes(e), o = c.has(e), l = s.includes(e);
+			o.map((e) => {
+				let t = u.fields.get(e), r = 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 ? a({
+					children: t ? i({
 						field: t,
 						fieldName: e,
-						value: r[e],
+						value: a[e],
 						mode: "display",
-						record: r,
+						record: a,
 						refs: f,
 						locale: v
-					}) : n(r[e])
+					}) : n(a[e])
 				}, e) : /* @__PURE__ */ p("td", {
 					style: {
 						...j,
-						outline: i ? "1px solid var(--danger)" : "none",
+						outline: r ? "1px solid var(--danger)" : "none",
 						outlineOffset: -1,
-						borderRadius: i ? 4 : 0
+						borderRadius: r ? 4 : 0
 					},
-					title: i ? `${e} is required` : void 0,
-					children: t ? a({
+					title: r ? `${e} is required` : void 0,
+					children: t ? i({
 						field: t,
 						fieldName: e,
-						value: r[e],
+						value: a[e],
 						mode: "edit",
-						onChange: (t) => h(r._key, e, t),
-						record: r,
+						onChange: (t) => h(a._key, e, t),
+						record: a,
 						refs: f,
 						locale: v
-					}) : n(r[e])
+					}) : n(a[e])
 				}, e);
 			}),
 			/* @__PURE__ */ p("td", {
@@ -242,15 +242,15 @@ function T({ row: r, columns: i, editableColumns: s, displayOnlyColumns: c, chil
 					borderBottom: "1px solid var(--divider)",
 					verticalAlign: "middle"
 				},
-				children: y ? /* @__PURE__ */ p(o, {
+				children: y ? /* @__PURE__ */ p(r, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.refresh, { size: 12 }),
-					onClick: () => _(r._key),
+					onClick: () => _(a._key),
 					title: "Undo delete"
-				}) : /* @__PURE__ */ p(o, {
+				}) : /* @__PURE__ */ p(r, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.trash, { size: 12 }),
-					onClick: () => g(r._key),
+					onClick: () => g(a._key),
 					title: "Delete row"
 				})
 			})

package/dist-lib/{Grid-CKvYZx69.js → Grid-CXn-IK3H.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-D6LPBFOi.js";
-import { c as o, i as s, l as c, t as l } from "./value-BudY9GCn.js";
+import { B as e, I as t, L as n, P as r, R as i, z as a } from "./useCurrentScreen-CpQjVmrT.js";
+import { c as o, i as s, l as c, t as l } from "./value-fUHxMV4r.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";