@oliasoft-open-source/react-ui-library 5.7.0-beta-8 → 5.7.0-beta-10

package/dist/index.js

@@ -6569,7 +6569,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), Td = k || K?.value === void 0, [J, Ed] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Dd = !!(O || n), Y = C && C.find((e) => {
+	}), Od = k || K?.value === void 0, [J, kd] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Ad = !!(O || n), Y = C && C.find((e) => {
 		if (!e?.value) return;
 		if (E) return E === e.valueKey;
 		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = l } = convertUnit({
@@ -6578,7 +6578,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			toUnit: t
 		});
 		return withUnit(n, t) === e.value;
-	}), Od = () => {
+	}), jd = () => {
 		let e = l ?? "", t = K.unit;
 		if (checkConversion({
 			value: e,
@@ -6592,7 +6592,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				return null;
 			}
 		} else return getAltUnitsListByQuantity(u)?.map((e) => ["", e?.unit]);
-	}, kd = (t) => {
+	}, Md = (t) => {
 		let n = getStringName(e), r = t.target, { value: i, selectionStart: a } = r, o = withUnit(i, K?.unit || ""), s = A ? withUnit(convertAndGetValue(o, B), B) : o;
 		h({ target: {
 			value: s,
@@ -6605,7 +6605,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		}), R(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, Ad = (e, t) => {
+	}, Nd = (e, t) => {
 		t === K.unit || isNaN(Number(e)) || (q({
 			value: e,
 			unit: t
@@ -6636,7 +6636,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			e !== void 0 && q({
 				value: e,
 				unit: t
-			}), C && Ed(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), C && kd(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
 		}
 	}, [
 		U,
@@ -6644,7 +6644,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		i,
 		T
 	]);
-	let X = Od(), Z = label(K.unit) || K.unit || "", jd = p || !X || X && X.length === 1, Q = getStringName(e), $, Md = (t) => {
+	let X = jd(), Z = label(K.unit) || K.unit || "", Pd = p || !X || X && X.length === 1, Q = getStringName(e), $, Fd = (t) => {
 		let r = t?.value ? t.value : "", [i = "", a = ""] = isValueWithUnit(r) ? split(r) : [r], o = withPrettyUnitLabel(r);
 		if (checkConversion({
 			value: r,
@@ -6664,7 +6664,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			type: MenuType.OPTION,
 			inline: !0,
 			onClick: () => {
-				validateNumber(i).valid && !n && (Ed(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
+				validateNumber(i).valid && !n && (kd(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
 					value: r,
 					name: typeof e == "string" ? e : e?.fieldName || "",
 					predefinedSelected: !0,
@@ -6691,10 +6691,10 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		label: "Custom",
 		selected: J === PredefinedOptionsMenuState.CUSTOM
 	}], C?.length) {
-		let e = C.map(Md);
+		let e = C.map(Fd);
 		$ = [...$, ...e];
 	}
-	let Nd = (e) => {
+	let Id = (e) => {
 		if (isValueWithUnit(e)) {
 			let t = getUnit(e), { value: n } = safeConvertValue({
 				value: e,
@@ -6706,7 +6706,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			return n;
 		}
 		return e;
-	}, Pd = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Fd = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
+	}, Ld = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Rd = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
 	return /* @__PURE__ */ jsx("div", {
 		className: J === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
@@ -6738,31 +6738,31 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 						name: Q,
 						testId: x,
 						disabled: n,
-						placeholder: Nd(t),
+						placeholder: Id(t),
 						value: K.value,
-						onChange: kd,
+						onChange: Md,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
-						allowEmpty: Td,
+						allowEmpty: Od,
 						validationCallback: (e, t) => D(Q, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
-						groupOrder: Pd,
-						disableInternalErrorValidationMessages: Dd,
+						groupOrder: Ld,
+						disableInternalErrorValidationMessages: Ad,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
 					}, Q)
 				}),
-				Z && (jd || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
-					groupOrder: Fd,
+				Z && (Pd || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					groupOrder: Rd,
 					small: o,
 					children: Z
 				}) : /* @__PURE__ */ jsx(Menu, {
-					groupOrder: Fd,
+					groupOrder: Rd,
 					maxHeight: 380,
 					disabled: r,
 					testId: x && `${x}-menu`,
@@ -6778,7 +6778,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 								label: j ? safeRoundNumbers(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), Ad(e, t);
+									n.stopPropagation(), Nd(e, t);
 								},
 								description: r,
 								selected: r === Z,
@@ -8316,7 +8316,56 @@ const createDiffPatcher = (e = {}) => create({
 		minLength: 120
 	},
 	cloneDiffValues: !0
-}), viewTypes = Object.freeze({
+}), defaultMessage = (e) => {
+	switch (e.length) {
+		case 1: {
+			let [t] = e;
+			return {
+				type: "Created",
+				before: "",
+				after: String(t)
+			};
+		}
+		case 2: {
+			let [t, n] = e;
+			return {
+				type: "Modified",
+				before: String(t),
+				after: String(n)
+			};
+		}
+		case 3: {
+			let [t] = e;
+			return {
+				type: "Deleted",
+				before: String(t),
+				after: ""
+			};
+		}
+		default: return {
+			type: "Modified",
+			before: "",
+			after: ""
+		};
+	}
+}, ChangesOverview = ({ diffs: e }) => {
+	let t = {
+		headers: [{ cells: [
+			{ value: "Tpye" },
+			{ value: "Before" },
+			{ value: "After" }
+		] }],
+		rows: e.map((e) => {
+			let { deltaFormat: t } = e, { type: n, before: r, after: i } = defaultMessage(t);
+			return { cells: [
+				{ value: n },
+				{ value: r },
+				{ value: i }
+			] };
+		})
+	};
+	return /* @__PURE__ */ jsx(Table, { table: t });
+}, viewTypes = Object.freeze({
 	summary: {
 		label: "Summary",
 		value: "summary"
@@ -8326,7 +8375,17 @@ const createDiffPatcher = (e = {}) => create({
 		value: "compare"
 	}
 });
-var jsondiffpatcher = createDiffPatcher(), isDeltaArray = (e) => Array.isArray(e), unpatchWith = (e, t) => t ? isDeltaArray(t) ? t.length === 0 ? e : t.reduce((e, t) => jsondiffpatcher.unpatch(cloneDeep(e), cloneDeep(t)), cloneDeep(e)) : jsondiffpatcher.unpatch(cloneDeep(e), cloneDeep(t)) : e;
+var jsondiffpatcher = createDiffPatcher(), isDeltaArray = (e) => Array.isArray(e), unpatchWith = (e, t) => t ? isDeltaArray(t) ? t.length === 0 ? e : t.reduce((e, t) => jsondiffpatcher.unpatch(cloneDeep(e), cloneDeep(t)), cloneDeep(e)) : jsondiffpatcher.unpatch(cloneDeep(e), cloneDeep(t)) : e, transformDiffs = (e) => {
+	let t = ["user", "unittemplate"], n = [], r = [], i = (e) => {
+		e && Object.keys(e).forEach((a) => {
+			t.includes(a) || (r.push(a), isArray(e[a]) ? n.push({
+				deltaFormat: [...e[a]],
+				path: [...r]
+			}) : isObject(e[a]) && i(e[a]), r.pop());
+		});
+	};
+	return e ? (i(e), n) : [];
+};
 const createDiffJson = (e, t, n) => {
 	let r = t.filter((t) => !!t.diffs && t.createdAt >= e.createdAt), i = Array(r.length + 1);
 	i[0] = cloneDeep(n);
@@ -8357,25 +8416,21 @@ var comparison_view_modal_default = ({ auditLog: e, auditLogs: t, data: n, isOpe
 		label: e,
 		value: t
 	})), [s, c] = useState(o[0]), { oldJson: l, newJson: u } = createDiffJson(e, t, n);
-	return console.log("React gui library:", l, u), /* @__PURE__ */ jsx(Modal, {
+	return console.log(typeof l, typeof u), console.log("React gui library:", l, u), /* @__PURE__ */ jsx(Modal, {
 		visible: r,
 		centered: !0,
 		children: /* @__PURE__ */ jsx(Dialog, { dialog: {
 			scroll: !0,
 			heading: "Comparison view",
-			content: /* @__PURE__ */ jsxs(Fragment$1, { children: [
-				/* @__PURE__ */ jsx(Tabs, {
-					name: "ViewTab",
-					onChange: (e) => c(e.target.value),
-					options: o,
-					value: s
-				}),
-				/* @__PURE__ */ jsx(Spacer, { height: "15px" }),
-				/* @__PURE__ */ jsx(DiffViewer, {
-					oldJson: l,
-					newJson: u
-				})
-			] }),
+			content: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tabs, {
+				name: "ViewTab",
+				onChange: (e) => c(o.find((t) => t.value === e.target.value)),
+				options: o,
+				value: s
+			}), s.value === "summary" ? /* @__PURE__ */ jsx(ChangesOverview, { diffs: transformDiffs(a) }) : /* @__PURE__ */ jsx(DiffViewer, {
+				oldJson: l,
+				newJson: u
+			})] }),
 			footer: /* @__PURE__ */ jsx(Button, {
 				label: "Cancel",
 				onClick: i

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.7.0-beta-8",
+  "version": "5.7.0-beta-10",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {