@oliasoft-open-source/react-ui-library 5.17.0 → 5.17.1-beta-4

package/dist/index.js

@@ -10,7 +10,7 @@ import { cloneDeep, cloneDeepWith, debounce, every, get, isArray, isBoolean, isE
 import styled, { css } from "styled-components";
 import { Resizable } from "react-resizable";
 import { createPortal } from "react-dom";
-import { ALT_UNITS, KNOWN_UNITS, altUnitsList, cleanNumStr, convertAndGetValue, convertSamePrecision, getAltUnitsListByQuantity, getUnit, getUnitsForQuantity, getValue, isScientificStringNum, isValidNum, isValueWithUnit, label, roundByMagnitude, roundByMagnitudeToFixed, roundToFixed, roundToPrecision, split, stripLeadingZeros, toNum, toString, unitFromQuantity, validateNumber, withPrettyUnitLabel, withUnit } from "@oliasoft-open-source/units";
+import { ALT_UNITS, KNOWN_UNITS, altUnitsList, cleanNumStr, convertAndGetValue, convertSamePrecision, getAltUnitsListByQuantity, getUnit, getUnitsForQuantity, getValue, isNumeric, isScientificStringNum, isValidNum, isValueWithUnit, label, roundByMagnitude, roundByMagnitudeToFixed, roundToFixed, roundToPrecision, split, stripLeadingZeros, toNum, toString, unitFromQuantity, validateNumber, withPrettyUnitLabel, withUnit } from "@oliasoft-open-source/units";
 import { FixedSizeList } from "react-window";
 import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
@@ -8926,7 +8926,7 @@ const countDeltas = (e) => (Array.isArray(e) ? e : e ? [e] : []).reduce((e, t) =
 		case 1: {
 			let [t] = e;
 			return {
-				type: "Created",
+				type: "created",
 				before: "",
 				after: toText(t)
 			};
@@ -8934,7 +8934,7 @@ const countDeltas = (e) => (Array.isArray(e) ? e : e ? [e] : []).reduce((e, t) =
 		case 2: {
 			let [t, n] = e;
 			return {
-				type: "Modified",
+				type: "modified",
 				before: toText(t),
 				after: toText(n)
 			};
@@ -8942,13 +8942,13 @@ const countDeltas = (e) => (Array.isArray(e) ? e : e ? [e] : []).reduce((e, t) =
 		case 3: {
 			let [t] = e;
 			return {
-				type: "Deleted",
+				type: "deleted",
 				before: toText(t),
 				after: ""
 			};
 		}
 		default: return {
-			type: "Modified",
+			type: "modified",
 			before: "",
 			after: ""
 		};
@@ -8978,23 +8978,43 @@ const createDiffJson = (e, t, n) => {
 		oldJson: a,
 		newJson: o
 	};
-}, ChangesOverview = ({ sectionNames: e, userName: t, diffs: n }) => /* @__PURE__ */ jsx(Table, { table: {
-	headers: [{ cells: [
-		{ value: "Modified By" },
-		{ value: "Type" },
-		{ value: "Before" },
-		{ value: "After" },
-		{ value: "" }
-	] }],
+};
+var humanize = (e) => e.replace(/\[\d+\]/g, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\s+/g, " ").trim().replace(/^./, (e) => e.toUpperCase()), formatValue = (e) => {
+	if (e == null || e === "") return "empty";
+	if (typeof e == "boolean") return e ? "true" : "false";
+	if (typeof e == "string") return e;
+	if (typeof e == "number") return String(e);
+	if (Array.isArray(e)) return e.length ? e.join(", ") : "empty";
+	try {
+		return JSON.stringify(e);
+	} catch {
+		return String(e);
+	}
+}, findReasonableProperty = (e, t = e.length - 1) => {
+	if (t >= e.length) return "Value";
+	let n = e[t];
+	return !n || isNumeric(n) ? findReasonableProperty(e, t - 1) : humanize(n);
+}, buildChangeSentence = ({ userName: e, type: t, property: n, before: r, after: i, sectionName: a }) => {
+	let o = formatValue(r), s = formatValue(i);
+	switch (t) {
+		case "modified": return `${e} updated ${n} from ${o} to ${s} in ${a}.`;
+		case "created": return `${e} created ${s} in ${a}.`;
+		case "deleted": return `${e} deleted ${o} in ${a}.`;
+		default: return `${e} changed ${n} in ${a}.`;
+	}
+};
+const ChangesOverview = ({ sectionNames: e, userName: t, diffs: n }) => /* @__PURE__ */ jsx(Table, { table: {
+	headers: [{ cells: [{ value: "Changes" }] }],
 	rows: n.map((n) => {
 		let { deltaFormat: r, path: i } = n, a = getSectionName(e, i), { type: o, before: s, after: c } = defaultMessage(r);
-		return { cells: [
-			{ value: t },
-			{ value: o },
-			{ value: s },
-			{ value: c },
-			{ value: a }
-		] };
+		return { cells: [{ value: buildChangeSentence({
+			userName: t,
+			type: o,
+			property: findReasonableProperty(i),
+			before: s,
+			after: c,
+			sectionName: a
+		}) }] };
 	})
 } }), viewTypes = Object.freeze({
 	summary: {

package/package.json

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