@declarion/react 0.12.4 → 0.19.0

package/dist-lib/{DraggableChildrenTable-CcogMLSZ.js → DraggableChildrenTable-D7kzLdIg.js}

@@ -1,70 +1,71 @@
 import { s as e } from "./DynamicIcon-DCRdxxZ7.js";
-import { Xt as t, Yt as n, a as r, i, lt as a, n as o, r as s, t as c, xt as l } from "./dataTableStyles-EMyLDQRB.js";
+import { En as t, er as n, gn as r, m as i, p as a, tr as o } from "./ActionRunner-F1HBBKyQ.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";
 import { DndContext as h, PointerSensor as g, closestCenter as _, useSensor as v, useSensors as y } from "@dnd-kit/core";
 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: n, childEntity: r, schema: i, rows: c, 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) => {
+function w({ config: t, childEntity: n, schema: i, rows: a, 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(() => c.filter((e) => !e._deleted).map((e) => e._key), [c]), P = u((e, t, n) => {
-		l(c.map((r) => r._key === e ? {
+	})), 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 ? {
 			...r,
 			[t]: n,
 			_dirty: !0
 		} : r));
-	}, [c, l]), F = u(() => {
-		let e = c.filter((e) => !e._deleted).reduce((e, t) => {
+	}, [a, l]), F = u(() => {
+		let e = a.filter((e) => !e._deleted).reduce((e, t) => {
 			let n = typeof t[E] == "number" ? t[E] : -1;
 			return Math.max(e, n);
-		}, -1), t = {
+		}, -1), r = {
 			_key: crypto.randomUUID(),
 			_dirty: !0,
 			[E]: e + 1
-		}, i = n.quick_add?.defaults ?? {};
+		}, i = t.quick_add?.defaults ?? {};
 		for (let e of A) {
-			let n = r.fields.get(e);
-			n && (i[e] === void 0 ? n.default === void 0 ? n.type === "bool" && (t[e] = !1) : t[e] = n.default : t[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([...c, t]);
+		l([...a, r]);
 	}, [
-		c,
+		a,
 		l,
 		A,
-		r,
-		n.quick_add?.defaults,
+		n,
+		t.quick_add?.defaults,
 		E
 	]), I = u((e) => {
-		l(c.map((t) => t._key === e ? {
+		l(a.map((t) => t._key === e ? {
 			...t,
 			_deleted: !0
 		} : t));
-	}, [c, l]), L = u((e) => {
-		l(c.map((t) => t._key === e ? {
+	}, [a, l]), L = u((e) => {
+		l(a.map((t) => t._key === e ? {
 			...t,
 			_deleted: !1
 		} : t));
-	}, [c, l]), R = u((e) => {
+	}, [a, l]), R = u((e) => {
 		let { active: t, over: n } = e;
 		if (!n || t.id === n.id) return;
-		let r = c.filter((e) => !e._deleted), i = c.filter((e) => e._deleted), a = r.findIndex((e) => e._key === String(t.id)), o = r.findIndex((e) => e._key === String(n.id));
-		if (a === -1 || o === -1) return;
-		let s = [...r], [u] = s.splice(a, 1);
-		s.splice(o, 0, u), l([...s.map((e, t) => ({
+		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);
+		c.splice(s, 0, u), l([...c.map((e, t) => ({
 			...e,
 			[E]: t,
 			_dirty: e[E] === t ? e._dirty : !0
 		})), ...i]);
 	}, [
-		c,
+		a,
 		l,
 		E
 	]), z = u((e) => {
@@ -99,7 +100,7 @@ function w({ config: n, childEntity: r, schema: i, rows: c, onChange: l, validat
 				}
 			});
 		} else e.key === "Escape" && t.blur?.();
-	}, [F]), B = o;
+	}, [F]), B = s;
 	return /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("div", {
 		style: { overflowX: "auto" },
 		children: /* @__PURE__ */ p(h, {
@@ -108,7 +109,7 @@ function w({ config: n, childEntity: r, schema: i, rows: c, onChange: l, validat
 			onDragEnd: R,
 			children: /* @__PURE__ */ m("table", {
 				ref: w,
-				style: s,
+				style: c,
 				onKeyDown: z,
 				children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
 					/* @__PURE__ */ p("th", { style: {
@@ -117,10 +118,10 @@ function w({ config: n, childEntity: r, schema: i, rows: c, 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 ? a(t, e, i.entities) : e
+							children: t ? r(t, e, i.entities) : e
 						}, e);
 					}),
 					/* @__PURE__ */ p("th", { style: {
@@ -130,12 +131,12 @@ function w({ config: n, childEntity: r, schema: i, rows: c, onChange: l, validat
 				] }) }), /* @__PURE__ */ p(b, {
 					items: N,
 					strategy: S,
-					children: /* @__PURE__ */ p("tbody", { children: c.map((e) => /* @__PURE__ */ p(T, {
+					children: /* @__PURE__ */ p("tbody", { children: a.map((e) => /* @__PURE__ */ p(T, {
 						row: e,
 						columns: M,
 						editableColumns: A,
 						displayOnlyColumns: j,
-						childEntity: r,
+						childEntity: n,
 						validationErrors: x,
 						refs: C,
 						onCellChange: P,
@@ -147,7 +148,7 @@ function w({ config: n, childEntity: r, schema: i, rows: c, onChange: l, validat
 		})
 	}), /* @__PURE__ */ p("div", {
 		style: { marginTop: 8 },
-		children: /* @__PURE__ */ p(t, {
+		children: /* @__PURE__ */ p(o, {
 			kind: "ghost",
 			size: "xs",
 			icon: /* @__PURE__ */ p(e.plus, { size: 12 }),
@@ -156,16 +157,16 @@ function w({ config: n, childEntity: r, schema: i, rows: c, onChange: l, validat
 		})
 	})] });
 }
-function T({ row: t, columns: a, editableColumns: o, displayOnlyColumns: s, 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,
+function T({ row: r, columns: o, editableColumns: s, displayOnlyColumns: c, childEntity: u, validationErrors: d, refs: f, onCellChange: h, onDelete: g, onUndoDelete: _ }) {
+	let v = a(), 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),
 		transition: D,
 		zIndex: O ? 10 : void 0,
 		opacity: O ? .5 : void 0
-	}, A = c, j = {
+	}, A = l, j = {
 		padding: "4px 4px",
 		borderBottom: "1px solid var(--divider)",
 		verticalAlign: "middle"
@@ -199,40 +200,40 @@ function T({ row: t, columns: a, editableColumns: o, displayOnlyColumns: s, chil
 					children: /* @__PURE__ */ p(e.grid, { size: 14 })
 				})
 			}),
-			a.map((e) => {
-				let n = u.fields.get(e), i = b?.includes(e), a = s.has(e), c = o.includes(e);
-				return y || a || !c ? /* @__PURE__ */ p("td", {
+			o.map((e) => {
+				let n = u.fields.get(e), a = 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: n ? r({
+					children: n ? i({
 						field: n,
 						fieldName: e,
-						value: t[e],
+						value: r[e],
 						mode: "display",
-						record: t,
+						record: r,
 						refs: f,
 						locale: v
-					}) : l(t[e])
+					}) : t(r[e])
 				}, e) : /* @__PURE__ */ p("td", {
 					style: {
 						...j,
-						outline: i ? "1px solid var(--danger)" : "none",
+						outline: a ? "1px solid var(--danger)" : "none",
 						outlineOffset: -1,
-						borderRadius: i ? 4 : 0
+						borderRadius: a ? 4 : 0
 					},
-					title: i ? `${e} is required` : void 0,
-					children: n ? r({
+					title: a ? `${e} is required` : void 0,
+					children: n ? i({
 						field: n,
 						fieldName: e,
-						value: t[e],
+						value: r[e],
 						mode: "edit",
-						onChange: (n) => h(t._key, e, n),
-						record: t,
+						onChange: (t) => h(r._key, e, t),
+						record: r,
 						refs: f,
 						locale: v
-					}) : l(t[e])
+					}) : t(r[e])
 				}, e);
 			}),
 			/* @__PURE__ */ p("td", {
@@ -244,12 +245,12 @@ function T({ row: t, columns: a, editableColumns: o, displayOnlyColumns: s, chil
 				children: y ? /* @__PURE__ */ p(n, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.refresh, { size: 12 }),
-					onClick: () => _(t._key),
+					onClick: () => _(r._key),
 					title: "Undo delete"
 				}) : /* @__PURE__ */ p(n, {
 					size: 24,
 					icon: /* @__PURE__ */ p(e.trash, { size: 12 }),
-					onClick: () => g(t._key),
+					onClick: () => g(r._key),
 					title: "Delete row"
 				})
 			})