@object-ui/plugin-designer 11.5.0 → 13.2.0

package/CHANGELOG.md

@@ -1,5 +1,90 @@
 # @object-ui/plugin-designer
 
+## 13.2.0
+
+### Patch Changes
+
+- Updated dependencies [80901aa]
+- Updated dependencies [53c40c2]
+- Updated dependencies [e492b9d]
+- Updated dependencies [5da9905]
+  - @object-ui/components@13.2.0
+  - @object-ui/plugin-grid@13.2.0
+  - @object-ui/i18n@13.2.0
+  - @object-ui/data-objectstack@13.2.0
+  - @object-ui/fields@13.2.0
+  - @object-ui/plugin-form@13.2.0
+  - @object-ui/react@13.2.0
+  - @object-ui/types@13.2.0
+  - @object-ui/core@13.2.0
+
+## 13.1.0
+
+### Patch Changes
+
+- @object-ui/types@13.1.0
+- @object-ui/core@13.1.0
+- @object-ui/i18n@13.1.0
+- @object-ui/react@13.1.0
+- @object-ui/components@13.1.0
+- @object-ui/fields@13.1.0
+- @object-ui/data-objectstack@13.1.0
+- @object-ui/plugin-form@13.1.0
+- @object-ui/plugin-grid@13.1.0
+
+## 13.0.0
+
+### Patch Changes
+
+- Updated dependencies [9e38270]
+- Updated dependencies [ac04b76]
+- Updated dependencies [619097e]
+  - @object-ui/i18n@13.0.0
+  - @object-ui/components@13.0.0
+  - @object-ui/types@13.0.0
+  - @object-ui/fields@13.0.0
+  - @object-ui/plugin-form@13.0.0
+  - @object-ui/plugin-grid@13.0.0
+  - @object-ui/react@13.0.0
+  - @object-ui/core@13.0.0
+  - @object-ui/data-objectstack@13.0.0
+
+## 12.1.0
+
+### Patch Changes
+
+- Updated dependencies [6cbccf3]
+- Updated dependencies [e1840bf]
+- Updated dependencies [c31874d]
+- Updated dependencies [195121a]
+  - @object-ui/components@12.1.0
+  - @object-ui/fields@12.1.0
+  - @object-ui/i18n@12.1.0
+  - @object-ui/types@12.1.0
+  - @object-ui/plugin-form@12.1.0
+  - @object-ui/plugin-grid@12.1.0
+  - @object-ui/react@12.1.0
+  - @object-ui/core@12.1.0
+  - @object-ui/data-objectstack@12.1.0
+
+## 12.0.0
+
+### Patch Changes
+
+- Updated dependencies [226fde9]
+- Updated dependencies [e36a9c7]
+- Updated dependencies [e4de456]
+- Updated dependencies [68e2d1c]
+  - @object-ui/types@12.0.0
+  - @object-ui/core@12.0.0
+  - @object-ui/components@12.0.0
+  - @object-ui/fields@12.0.0
+  - @object-ui/plugin-form@12.0.0
+  - @object-ui/plugin-grid@12.0.0
+  - @object-ui/data-objectstack@12.0.0
+  - @object-ui/react@12.0.0
+  - @object-ui/i18n@12.0.0
+
 ## 11.5.0
 
 ### Patch Changes

package/dist/index.js

@@ -607,8 +607,8 @@ function vt({ canvas: e = {
 				height: i?.height ?? 100
 			},
 			props: r?.defaultProps ?? {}
-		};
-		_([...g, a]), x.selectOne(a.id), k({
+		}, o = [...g, a];
+		_(o), x.selectOne(a.id), k({
 			type: "insert",
 			elementId: a.id,
 			data: { component: a }
@@ -621,11 +621,13 @@ function vt({ canvas: e = {
 		x,
 		k
 	]), te = i((e) => {
-		d || (_(g.filter((t) => t.id !== e)), x.isSelected(e) && x.clearSelection(), k({
+		if (d) return;
+		let t = g.filter((t) => t.id !== e);
+		_(t), x.isSelected(e) && x.clearSelection(), k({
 			type: "delete",
 			elementId: e,
 			data: {}
-		}));
+		});
 	}, [
 		g,
 		d,
@@ -634,8 +636,8 @@ function vt({ canvas: e = {
 		k
 	]), ne = i(async () => {
 		if (d || x.count === 0 || !await E.confirm("Delete components", `Are you sure you want to delete ${x.count} component${x.count > 1 ? "s" : ""}?`)) return;
-		let e = x.selectedIds;
-		_(g.filter((t) => !e.has(t.id))), x.clearSelection(), e.forEach((e) => {
+		let e = x.selectedIds, t = g.filter((t) => !e.has(t.id));
+		_(t), x.clearSelection(), e.forEach((e) => {
 			k({
 				type: "delete",
 				elementId: e,
@@ -650,7 +652,8 @@ function vt({ canvas: e = {
 		_,
 		k
 	]), re = i((e, t) => {
-		d || !S || (_(g.map((n) => n.id === S ? e === "label" ? {
+		if (d || !S) return;
+		let n = g.map((n) => n.id === S ? e === "label" ? {
 			...n,
 			label: String(t)
 		} : e === "x" ? {
@@ -683,11 +686,12 @@ function vt({ canvas: e = {
 				...n.props,
 				[e]: t
 			}
-		} : n)), k({
+		} : n);
+		_(n), k({
 			type: "update",
 			elementId: S,
 			data: { [e]: t }
-		}));
+		});
 	}, [
 		d,
 		S,
@@ -715,8 +719,8 @@ function vt({ canvas: e = {
 				x: e.position.x + 20,
 				y: e.position.y + 20
 			}
-		}));
-		_([...g, ...n]), x.selectMany(n.map((e) => e.id)), n.forEach((e) => {
+		})), r = [...g, ...n];
+		_(r), x.selectMany(n.map((e) => e.id)), n.forEach((e) => {
 			k({
 				type: "insert",
 				elementId: e.id,
@@ -742,15 +746,15 @@ function vt({ canvas: e = {
 		e.preventDefault();
 		let t = L.current;
 		if (!t || d) return;
-		let n = (e.clientX - t.startX) / y, r = (e.clientY - t.startY) / y;
-		_(g.map((e) => e.id === t.id ? {
+		let n = (e.clientX - t.startX) / y, r = (e.clientY - t.startY) / y, i = g.map((e) => e.id === t.id ? {
 			...e,
 			position: {
 				...e.position,
 				x: z(e.position.x + n),
 				y: z(e.position.y + r)
 			}
-		} : e)), k({
+		} : e);
+		_(i), k({
 			type: "move",
 			elementId: t.id,
 			data: {}
@@ -1343,11 +1347,11 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 				x: 50 + e.entities.length % 4 * 280,
 				y: 50 + Math.floor(e.entities.length / 4) * 250
 			}
-		};
-		_({
+		}, n = {
 			entities: [...e.entities, t],
 			relationships: e.relationships
-		}), x.selectOne(t.id), D?.sendOperation({
+		};
+		_(n), x.selectOne(t.id), D?.sendOperation({
 			type: "insert",
 			userId: D?.currentUserId ?? "",
 			elementId: t.id,
@@ -1366,11 +1370,11 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 		if (a) return;
 		let t = m.find((t) => t.id === e);
 		if (!await y.confirm("Delete Entity", `Are you sure you want to delete "${t?.label ?? e}"? This action cannot be undone.`)) return;
-		let n = p.current;
-		_({
+		let n = p.current, r = {
 			entities: n.entities.filter((t) => t.id !== e),
 			relationships: n.relationships.filter((t) => t.sourceEntity !== e && t.targetEntity !== e)
-		}), x.isSelected(e) && x.clearSelection(), D?.sendOperation({
+		};
+		_(r), x.isSelected(e) && x.clearSelection(), D?.sendOperation({
 			type: "delete",
 			userId: D?.currentUserId ?? "",
 			elementId: e,
@@ -1388,11 +1392,11 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 		if (a || x.count === 0) return;
 		let e = Array.from(x.selectedIds);
 		if (!await y.confirm("Delete Entities", `Are you sure you want to delete ${e.length} selected entity(s)? This action cannot be undone.`)) return;
-		let t = p.current, n = new Set(e);
-		_({
+		let t = p.current, n = new Set(e), r = {
 			entities: t.entities.filter((e) => !n.has(e.id)),
 			relationships: t.relationships.filter((e) => !n.has(e.sourceEntity) && !n.has(e.targetEntity))
-		}), x.clearSelection();
+		};
+		_(r), x.clearSelection();
 	}, [
 		a,
 		x,
@@ -1401,11 +1405,11 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 		_
 	]), ie = i(() => {
 		if (a) return;
-		let e = p.current;
-		_({
+		let e = p.current, t = {
 			entities: Ct(e.entities),
 			relationships: e.relationships
-		});
+		};
+		_(t);
 	}, [
 		a,
 		p,
@@ -1430,11 +1434,11 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 				x: e.position.x + 30,
 				y: e.position.y + 30
 			}
-		}));
-		_({
+		})), r = {
 			entities: [...t.entities, ...n],
 			relationships: t.relationships
-		}), x.selectMany(n.map((e) => e.id));
+		};
+		_(r), x.selectMany(n.map((e) => e.id));
 	}, [
 		a,
 		C,
@@ -1443,8 +1447,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 		x
 	]), oe = i((e) => {
 		if (a) return;
-		let t = p.current;
-		_({
+		let t = p.current, n = {
 			entities: t.entities.map((t) => {
 				if (t.id !== e) return t;
 				let n = {
@@ -1458,7 +1461,8 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 				};
 			}),
 			relationships: t.relationships
-		});
+		};
+		_(n);
 	}, [
 		a,
 		p,
@@ -1475,8 +1479,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 			N(null);
 			return;
 		}
-		let t = p.current;
-		_({
+		let t = p.current, n = {
 			entities: t.entities.map((t) => {
 				if (t.id !== M.entityId) return t;
 				let n = t.fields.map((t, n) => n === M.fieldIndex ? {
@@ -1489,7 +1492,8 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 				};
 			}),
 			relationships: t.relationships
-		}), N(null);
+		};
+		_(n), N(null);
 	}, [
 		M,
 		F,
@@ -1506,14 +1510,14 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 			R(null);
 			return;
 		}
-		let t = p.current;
-		_({
+		let t = p.current, n = {
 			entities: t.entities.map((t) => t.id === L ? {
 				...t,
 				label: e
 			} : t),
 			relationships: t.relationships
-		}), R(null);
+		};
+		_(n), R(null);
 	}, [
 		L,
 		z,
@@ -1523,8 +1527,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 		R(null);
 	}, []), pe = i((e, t, n) => {
 		if (a) return;
-		let r = p.current;
-		_({
+		let r = p.current, i = {
 			entities: r.entities.map((r) => {
 				if (r.id !== e) return r;
 				let i = r.fields.map((e, r) => r === t ? {
@@ -1537,7 +1540,8 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 				};
 			}),
 			relationships: r.relationships
-		});
+		};
+		_(i);
 	}, [
 		a,
 		p,
@@ -1554,8 +1558,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 		e.preventDefault(), e.dataTransfer.dropEffect = "move";
 	}, []), ge = i((e) => {
 		if (e.preventDefault(), !B.current) return;
-		let t = e.currentTarget.getBoundingClientRect(), n = E.zoom, r = (e.clientX - t.left - E.panOffset.x) / n - B.current.offsetX, i = (e.clientY - t.top - E.panOffset.y) / n - B.current.offsetY, a = p.current;
-		_({
+		let t = e.currentTarget.getBoundingClientRect(), n = E.zoom, r = (e.clientX - t.left - E.panOffset.x) / n - B.current.offsetX, i = (e.clientY - t.top - E.panOffset.y) / n - B.current.offsetY, a = p.current, o = {
 			entities: a.entities.map((e) => e.id === B.current.entityId ? {
 				...e,
 				position: {
@@ -1564,7 +1567,8 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 				}
 			} : e),
 			relationships: a.relationships
-		}), B.current = null;
+		};
+		_(o), B.current = null;
 	}, [
 		E.zoom,
 		E.panOffset,
@@ -1615,8 +1619,7 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 		}
 	] : [], _e = i((e, t) => {
 		if (!S) return;
-		let n = p.current;
-		_({
+		let n = p.current, r = {
 			entities: n.entities.map((n) => n.id === S ? e === "position.x" ? {
 				...n,
 				position: {
@@ -1634,7 +1637,8 @@ function wt({ entities: e = [], relationships: t = [], canvas: n = {
 				[e]: t
 			} : n),
 			relationships: n.relationships
-		});
+		};
+		_(r);
 	}, [
 		S,
 		p,
@@ -2057,8 +2061,8 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 				x: 200 + _.length * 160,
 				y: 200
 			}
-		};
-		y([..._, n], v), k(n.id), S.selectOne(n.id), D?.sendOperation({
+		}, r = [..._, n];
+		y(r, v), k(n.id), S.selectOne(n.id), D?.sendOperation({
 			type: "insert",
 			elementId: n.id,
 			data: { label: t },
@@ -2074,12 +2078,14 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 	]), oe = i(async (e) => {
 		if (f) return;
 		let t = _.find((t) => t.id === e);
-		await x.confirm("Delete Node", `Are you sure you want to delete "${t?.label ?? e}"? This will also remove all connected edges.`) && (y(_.filter((t) => t.id !== e), v.filter((t) => t.source !== e && t.target !== e)), O === e && k(null), S.clearSelection(), D?.sendOperation({
+		if (!await x.confirm("Delete Node", `Are you sure you want to delete "${t?.label ?? e}"? This will also remove all connected edges.`)) return;
+		let n = _.filter((t) => t.id !== e), r = v.filter((t) => t.source !== e && t.target !== e);
+		y(n, r), O === e && k(null), S.clearSelection(), D?.sendOperation({
 			type: "delete",
 			elementId: e,
 			data: {},
 			userId: D.currentUserId ?? ""
-		}));
+		});
 	}, [
 		_,
 		v,
@@ -2091,8 +2097,8 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		D
 	]), se = i(async () => {
 		if (f || S.count === 0 || !await x.confirm("Delete Selected Nodes", `Are you sure you want to delete ${S.count} selected node(s) and their connected edges?`)) return;
-		let e = S.selectedIds;
-		y(_.filter((t) => !e.has(t.id)), v.filter((t) => !e.has(t.source) && !e.has(t.target))), k(null), S.clearSelection();
+		let e = S.selectedIds, t = _.filter((t) => !e.has(t.id)), n = v.filter((t) => !e.has(t.source) && !e.has(t.target));
+		y(t, n), k(null), S.clearSelection();
 	}, [
 		_,
 		v,
@@ -2121,8 +2127,8 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 				x: e.position.x + 40,
 				y: e.position.y + 40
 			}
-		}));
-		y([..._, ...t], v), S.selectMany(t.map((e) => e.id)), k(t[0].id);
+		})), n = [..._, ...t];
+		y(n, v), S.selectMany(t.map((e) => e.id)), k(t[0].id);
 	}, [
 		f,
 		_,
@@ -2140,8 +2146,8 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 			id: `edge-${Date.now()}`,
 			source: N,
 			target: e
-		};
-		return y(_, [...v, t]), P(null), j(!1), D?.sendOperation({
+		}, n = [...v, t];
+		return y(_, n), P(null), j(!1), D?.sendOperation({
 			type: "insert",
 			elementId: t.id,
 			data: {
@@ -2158,7 +2164,9 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		y,
 		D
 	]), fe = i(() => {
-		f || _.length === 0 || y(Ot(_, v), v);
+		if (f || _.length === 0) return;
+		let e = Ot(_, v);
+		y(e, v);
 	}, [
 		_,
 		v,
@@ -2174,14 +2182,14 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 		}), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t);
 	}, [f, _]), me = i((e) => {
 		if (e.preventDefault(), f || !z) return;
-		let t = e.currentTarget.getBoundingClientRect(), n = T.zoom, r = (e.clientX - t.left - T.panOffset.x) / n - te.x, i = (e.clientY - t.top - T.panOffset.y) / n - te.y, a = Math.max(0, Math.round(r / 20) * 20), o = Math.max(0, Math.round(i / 20) * 20);
-		y(_.map((e) => e.id === z ? {
+		let t = e.currentTarget.getBoundingClientRect(), n = T.zoom, r = (e.clientX - t.left - T.panOffset.x) / n - te.x, i = (e.clientY - t.top - T.panOffset.y) / n - te.y, a = Math.max(0, Math.round(r / 20) * 20), o = Math.max(0, Math.round(i / 20) * 20), s = _.map((e) => e.id === z ? {
 			...e,
 			position: {
 				x: a,
 				y: o
 			}
-		} : e), v), ee(null);
+		} : e);
+		y(s, v), ee(null);
 	}, [
 		f,
 		z,
@@ -2250,10 +2258,12 @@ function kt({ processName: e = "New Process", nodes: t = [], edges: n = [], lane
 			group: "General"
 		}
 	] : [], [W]), ve = i((e, t) => {
-		f || !O || y(_.map((n) => n.id === O ? {
+		if (f || !O) return;
+		let n = _.map((n) => n.id === O ? {
 			...n,
 			[e]: t
-		} : n), v);
+		} : n);
+		y(n, v);
 	}, [
 		f,
 		O,
@@ -2790,11 +2800,11 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 				text: t === "text" ? "New Text" : void 0,
 				field: t === "field" ? "field_name" : void 0
 			}
-		};
-		y(v.map((t, r) => r === e ? {
+		}, r = v.map((t, r) => r === e ? {
 			...t,
 			elements: [...t.elements, n]
-		} : t)), x.selectOne(n.id), D({
+		} : t);
+		y(r), x.selectOne(n.id), D({
 			type: "insert",
 			elementId: n.id,
 			data: { element: n }
@@ -2807,14 +2817,16 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 		x,
 		D
 	]), ee = i((e) => {
-		m || (y(v.map((t) => ({
+		if (m) return;
+		let t = v.map((t) => ({
 			...t,
 			elements: t.elements.filter((t) => t.id !== e)
-		}))), x.isSelected(e) && x.clearSelection(), D({
+		}));
+		y(t), x.isSelected(e) && x.clearSelection(), D({
 			type: "delete",
 			elementId: e,
 			data: {}
-		}));
+		});
 	}, [
 		v,
 		m,
@@ -2823,11 +2835,11 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 		D
 	]), B = i(async () => {
 		if (m || x.count === 0 || !await T.confirm(Z.deleteElementsTitle, Z.deleteElementMessage(x.count))) return;
-		let e = x.selectedIds;
-		y(v.map((t) => ({
+		let e = x.selectedIds, t = v.map((t) => ({
 			...t,
 			elements: t.elements.filter((t) => !e.has(t.id))
-		}))), x.clearSelection(), e.forEach((e) => {
+		}));
+		y(t), x.clearSelection(), e.forEach((e) => {
 			D({
 				type: "delete",
 				elementId: e,
@@ -2842,7 +2854,8 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 		y,
 		D
 	]), te = i((e, t) => {
-		m || !S || (y(v.map((n) => ({
+		if (m || !S) return;
+		let n = v.map((n) => ({
 			...n,
 			elements: n.elements.map((n) => n.id === S ? e === "x" ? {
 				...n,
@@ -2875,11 +2888,12 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 					[e]: t
 				}
 			} : n)
-		}))), D({
+		}));
+		y(n), D({
 			type: "update",
 			elementId: S,
 			data: { [e]: t }
-		}));
+		});
 	}, [
 		m,
 		S,
@@ -2907,11 +2921,11 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 				x: e.position.x + 20,
 				y: e.position.y + 20
 			}
-		})), r = v.findIndex((e) => e.type === "detail"), i = r >= 0 ? r : 0;
-		y(v.map((e, t) => t === i ? {
+		})), r = v.findIndex((e) => e.type === "detail"), i = r >= 0 ? r : 0, a = v.map((e, t) => t === i ? {
 			...e,
 			elements: [...e.elements, ...n]
-		} : e)), x.selectMany(n.map((e) => e.id)), n.forEach((e) => {
+		} : e);
+		y(a), x.selectMany(n.map((e) => e.id)), n.forEach((e) => {
 			D({
 				type: "insert",
 				elementId: e.id,
@@ -2939,18 +2953,20 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 		let n = j.current;
 		if (!n || m) return;
 		let r = e.clientX - n.startX, i = e.clientY - n.startY;
-		if (n.sectionIndex === t) y(v.map((e, a) => a === t ? {
-			...e,
-			elements: e.elements.map((e) => e.id === n.id ? {
+		if (n.sectionIndex === t) {
+			let e = v.map((e, a) => a === t ? {
 				...e,
-				position: {
-					...e.position,
-					x: Math.max(0, e.position.x + r),
-					y: Math.max(0, (typeof e.position.y == "number" ? e.position.y : 0) + i)
-				}
-			} : e)
-		} : e));
-		else {
+				elements: e.elements.map((e) => e.id === n.id ? {
+					...e,
+					position: {
+						...e.position,
+						x: Math.max(0, e.position.x + r),
+						y: Math.max(0, (typeof e.position.y == "number" ? e.position.y : 0) + i)
+					}
+				} : e)
+			} : e);
+			y(e);
+		} else {
 			let e = null, i = v.map((t, i) => {
 				if (i !== n.sectionIndex) return t;
 				let a = t.elements.find((e) => e.id === n.id);
@@ -2966,10 +2982,13 @@ function Nt({ reportName: e = Z.untitledReport, objectName: t, pageSize: n = "A4
 					elements: t.elements.filter((e) => e.id !== n.id)
 				};
 			});
-			e && y(i.map((n, r) => r === t ? {
-				...n,
-				elements: [...n.elements, e]
-			} : n));
+			if (e) {
+				let n = i.map((n, r) => r === t ? {
+					...n,
+					elements: [...n.elements, e]
+				} : n);
+				y(n);
+			}
 		}
 		D({
 			type: "move",