@oliasoft-open-source/react-ui-library 5.7.0-beta-1 → 5.7.0-beta-2

package/dist/index.d.ts

@@ -41,7 +41,7 @@ export declare interface AuditLogItem {
     operation: AuditLogOperation;
     source: AuditLogSource;
     createdAt: string;
-    diffs: any[];
+    diffs: JsonDelta | JsonDelta[];
     operationMetaData?: string;
 }
 
@@ -1843,6 +1843,8 @@ export declare interface IUnitTableRow extends Omit<TRowType, 'cells'> {
 declare interface IUnitTableStaticCell extends IStaticCell, IUnitTableCell {
 }
 
+declare type JsonDelta = Record<string, any>;
+
 export declare const Label: ({ label, width, helpText, helpTextMaxWidth, onClickHelp, lock, info, libraryIcon, labelLeft, textTransform, }: ILabelProps) => JSX_2.Element;
 
 export declare const List: ({ list, bordered, expanding, narrow, toggleNarrow, onToggleNarrow, invokeEditOnRowClick, noHeader, stickyHeader, draggable, onListReorder, marginBottom, height, testId, scrollDetails, }: IListProps) => JSX_2.Element;

package/dist/index.js

@@ -6569,7 +6569,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), Eu = k || K?.value === void 0, [J, Du] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Ou = !!(O || n), Y = C && C.find((e) => {
+	}), ku = k || K?.value === void 0, [J, Au] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), ju = !!(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;
-	}), ku = () => {
+	}), Mu = () => {
 		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]);
-	}, Au = (t) => {
+	}, Nu = (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;
 		});
-	}, ju = (e, t) => {
+	}, Pu = (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 && Du(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), C && Au(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 = ku(), Z = label(K.unit) || K.unit || "", Mu = p || !X || X && X.length === 1, Q = getStringName(e), $, Nu = (t) => {
+	let X = Mu(), Z = label(K.unit) || K.unit || "", Fu = p || !X || X && X.length === 1, Q = getStringName(e), $, Iu = (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 && (Du(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
+				validateNumber(i).valid && !n && (Au(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(Nu);
+		let e = C.map(Iu);
 		$ = [...$, ...e];
 	}
-	let Pu = (e) => {
+	let Lu = (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;
-	}, Fu = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Iu = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
+	}, Ru = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, zu = !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: Pu(t),
+						placeholder: Lu(t),
 						value: K.value,
-						onChange: Au,
+						onChange: Nu,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
-						allowEmpty: Eu,
+						allowEmpty: ku,
 						validationCallback: (e, t) => D(Q, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
-						groupOrder: Fu,
-						disableInternalErrorValidationMessages: Ou,
+						groupOrder: Ru,
+						disableInternalErrorValidationMessages: ju,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
 					}, Q)
 				}),
-				Z && (Mu || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
-					groupOrder: Iu,
+				Z && (Fu || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					groupOrder: zu,
 					small: o,
 					children: Z
 				}) : /* @__PURE__ */ jsx(Menu, {
-					groupOrder: Iu,
+					groupOrder: zu,
 					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(), ju(e, t);
+									n.stopPropagation(), Pu(e, t);
 								},
 								description: r,
 								selected: r === Z,
@@ -7070,6 +7070,68 @@ function formatDate({ date: e, showTime: t, showSeconds: n, timeZone: r, showTim
 		timeZoneName: i ? "short" : void 0
 	}) : null;
 }
+var isObj = (e) => !!e && typeof e == "object" && !Array.isArray(e), countOne = (e) => {
+	let t = {
+		total: 0,
+		added: 0,
+		removed: 0,
+		modified: 0,
+		moved: 0,
+		text: 0
+	}, n = (e) => {
+		if (Array.isArray(e)) {
+			let n = e[0];
+			if (typeof n == "string" && n.startsWith("@@")) {
+				t.text++, t.total++;
+				return;
+			}
+			if (e.length === 1) {
+				t.added++, t.total++;
+				return;
+			}
+			if (e.length === 2) {
+				t.modified++, t.total++;
+				return;
+			}
+			if (e.length === 3) {
+				let n = e[2];
+				if (n === 0) {
+					t.removed++, t.total++;
+					return;
+				}
+				if (n === 3) {
+					t.moved++, t.total++;
+					return;
+				}
+				t.modified++, t.total++;
+				return;
+			}
+			t.modified++, t.total++;
+			return;
+		}
+		if (isObj(e)) {
+			if (e._t === "a") {
+				for (let t in e) t !== "_t" && n(e[t]);
+				return;
+			}
+			for (let t in e) n(e[t]);
+		}
+	};
+	return n(e), t;
+};
+function countDeltas(e) {
+	return (Array.isArray(e) ? e : e ? [e] : []).reduce((e, t) => {
+		let n = countOne(t);
+		return e.total += n.total, e.added += n.added, e.removed += n.removed, e.modified += n.modified, e.moved += n.moved, e.text += n.text, e;
+	}, {
+		total: 0,
+		added: 0,
+		removed: 0,
+		modified: 0,
+		moved: 0,
+		text: 0
+	});
+}
 function AuditLogTable({ logs: e, onClick: t, loading: n }) {
 	let [r, i] = useState(!0), [a, o] = useState(!0), s = [
 		{
@@ -7088,14 +7150,15 @@ function AuditLogTable({ logs: e, onClick: t, loading: n }) {
 			label: "Show all",
 			value: 0
 		}
-	], [c, l] = useState(10), [u, d] = useState(1), f = ({ diffs: e = [], userName: t, source: n, operation: r, operationMetaData: i }) => {
+	], [c, l] = useState(10), [u, d] = useState(1), f = ({ diffs: e, userName: t, source: n, operation: r, operationMetaData: i }) => {
+		let a = countDeltas(e), o = a.total ? `${a.total} change${a.total === 1 ? "" : "s"}` : "no field changes";
 		if (n === "API") return r === "Created" ? `Created through API by ${t || "Unknown user"}` : `Changed through API by ${t || "Unknown user"}`;
 		switch (r) {
 			case "Created": return `Created by ${t}`;
 			case "Cloned": return `Cloned by ${t} (from ${i || "unknown"})`;
 			case "Reverted": return `Reverted by ${t}`;
 			case "Imported": return `Imported by ${t}`;
-			case "Updated": return `Updated by ${t} (${e.length} changes)`;
+			case "Updated": return `Updated by ${t} (${o})`;
 			default: return `Change by ${t}`;
 		}
 	}, p = (u - 1) * (c || e.length || 1), h = c === 0 ? e.length : p + c, g = e.slice(p, h), _ = [{ cells: [

package/package.json

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