blixify-ui-web 1.2.163 → 1.2.165

package/lib/components/data/dataTemplate/activityChanges.d.ts

@@ -1,8 +1,16 @@
-import React from "react";
+import React, { ReactNode } from "react";
+import dayjs from "../../dayjs";
+import { DataStructure } from "./model";
 export declare const handleActivityChanges: (record: any) => any[];
-export declare const ActivityChanges: ({ record, darkMode, showRecord, }: {
+export declare const handleRelativeTime: (date: dayjs.Dayjs, now?: dayjs.Dayjs) => string;
+interface LogRowsProps {
     record: any;
+    model?: DataStructure[];
+    authorName: string;
     darkMode?: boolean;
-    showRecord: boolean;
-}) => React.JSX.Element;
+    personName?: (id: string) => string;
+    recordHeader?: ReactNode;
+}
+export declare const ActivityLogRows: (props: LogRowsProps) => React.JSX.Element;
+export {};
 //# sourceMappingURL=activityChanges.d.ts.map

package/lib/components/data/dataTemplate/activityChanges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activityChanges.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityChanges.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,qBAAqB,WAAY,GAAG,KAAG,GAAG,EAMpD,CAAC;AAkCJ,eAAO,MAAM,eAAe,sCAIzB;IACD,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB,sBAkGA,CAAC"}
+{"version":3,"file":"activityChanges.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityChanges.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,MAAM,aAAa,CAAC;AAIhC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,qBAAqB,WAAY,GAAG,KAAG,GAAG,EAMpD,CAAC;AAGJ,eAAO,MAAM,kBAAkB,SAAU,KAAK,CAAC,KAAK,8BAWnD,CAAC;AAgOF,UAAU,YAAY;IACpB,MAAM,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,UAAW,YAAY,sBA6RlD,CAAC"}

package/lib/components/data/dataTemplate/activityChanges.js

@@ -22,9 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActivityChanges = exports.handleActivityChanges = void 0;
+exports.ActivityLogRows = exports.handleRelativeTime = exports.handleActivityChanges = void 0;
+var outline_1 = require("@heroicons/react/24/outline");
 var react_1 = __importStar(require("react"));
+var dayjs_1 = __importDefault(require("../../dayjs"));
+var chatBase_1 = require("../../chat/chatBase");
+var tag_1 = require("../../display/tag");
+var popUp_1 = require("../../advanced/popUp");
 var handleActivityChanges = function (record) {
     var _a;
     return Object.values((_a = record.values) !== null && _a !== void 0 ? _a : {}).filter(function (value) {
@@ -34,59 +42,254 @@ var handleActivityChanges = function (record) {
     });
 };
 exports.handleActivityChanges = handleActivityChanges;
-var ActivityValue = function (_a) {
-    var value = _a.value, label = _a.label;
-    var _b = (0, react_1.useState)(false), expanded = _b[0], setExpanded = _b[1];
-    var text = value === undefined
-        ? "—"
-        : typeof value === "string"
-            ? value
-            : JSON.stringify(value);
-    var long = text.length > 120 || text.split("\n").length > 3;
-    return (react_1.default.createElement("div", { className: "min-w-0 whitespace-pre-wrap break-words [overflow-wrap:anywhere]" },
-        long && !expanded
-            ? "".concat(text.slice(0, 120).split("\n").slice(0, 3).join("\n"), "\u2026")
-            : text,
-        long && (react_1.default.createElement("button", { type: "button", "aria-label": "".concat(expanded ? "Collapse" : "Show full", " ").concat(label), "aria-expanded": expanded, className: "mt-1 block text-xs font-medium text-primary-500", onClick: function (event) {
-                event.stopPropagation();
-                setExpanded(!expanded);
-            } }, expanded ? "Show less" : "Show more"))));
+// INFO: compact monday-style age — the full timestamp is in the details popover
+var handleRelativeTime = function (date, now) {
+    if (now === void 0) { now = (0, dayjs_1.default)(); }
+    var minutes = Math.max(now.diff(date, "minute"), 0);
+    if (minutes < 1)
+        return "now";
+    if (minutes < 60)
+        return "".concat(minutes, "m");
+    var hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return "".concat(hours, "h");
+    var days = Math.floor(hours / 24);
+    if (days < 7)
+        return "".concat(days, "d");
+    if (days < 30)
+        return "".concat(Math.floor(days / 7), "w");
+    if (days < 365)
+        return "".concat(Math.floor(days / 30), "mo");
+    return "".concat(Math.floor(days / 365), "y");
+};
+exports.handleRelativeTime = handleRelativeTime;
+var isEmpty = function (value) {
+    return value === undefined ||
+        value === null ||
+        value === "" ||
+        (Array.isArray(value) && value.length === 0);
+};
+var urlPattern = /^https?:\/\/\S+$/i;
+var renderFieldIcon = function (type) {
+    var className = "h-4 w-4 shrink-0";
+    switch (type) {
+        case "string":
+        case "password":
+            return (react_1.default.createElement("span", { "aria-hidden": "true", className: "w-4 shrink-0 text-center text-[11px] font-semibold leading-none" }, "Tt"));
+        case "email":
+            return react_1.default.createElement(outline_1.EnvelopeIcon, { "aria-hidden": "true", className: className });
+        case "contact":
+            return react_1.default.createElement(outline_1.DevicePhoneMobileIcon, { "aria-hidden": "true", className: className });
+        case "date":
+            return react_1.default.createElement(outline_1.CalendarIcon, { "aria-hidden": "true", className: className });
+        case "number":
+        case "math":
+            return react_1.default.createElement(outline_1.HashtagIcon, { "aria-hidden": "true", className: className });
+        case "boolean":
+            return react_1.default.createElement(outline_1.CheckCircleIcon, { "aria-hidden": "true", className: className });
+        case "person":
+        case "listPerson":
+        case "roles":
+            return react_1.default.createElement(outline_1.UserIcon, { "aria-hidden": "true", className: className });
+        case "list":
+        case "multipleList":
+            return react_1.default.createElement(outline_1.Bars3BottomLeftIcon, { "aria-hidden": "true", className: className });
+        case "reference":
+        case "listReference":
+        case "referenceSelection":
+            return react_1.default.createElement(outline_1.LinkIcon, { "aria-hidden": "true", className: className });
+        case "image":
+        case "multipleImage":
+        case "signature":
+            return react_1.default.createElement(outline_1.PhotoIcon, { "aria-hidden": "true", className: className });
+        case "file":
+        case "multipleFile":
+            return react_1.default.createElement(outline_1.PaperClipIcon, { "aria-hidden": "true", className: className });
+        case "address":
+        case "listAddress":
+            return react_1.default.createElement(outline_1.MapPinIcon, { "aria-hidden": "true", className: className });
+        case "textArea":
+        case "markdown":
+            return react_1.default.createElement(outline_1.DocumentTextIcon, { "aria-hidden": "true", className: className });
+        case "object":
+        case "listObject":
+            return react_1.default.createElement(outline_1.ListBulletIcon, { "aria-hidden": "true", className: className });
+        default:
+            return react_1.default.createElement(outline_1.MinusIcon, { "aria-hidden": "true", className: className });
+    }
+};
+var handleValueText = function (value, field, personName) {
+    if (typeof value === "string") {
+        if ((field === null || field === void 0 ? void 0 : field.type) === "date") {
+            var date = (0, dayjs_1.default)(value);
+            if (date.isValid())
+                return date.format(value.length <= 10 ? "D MMM YYYY" : "D MMM YYYY, HH:mm");
+        }
+        if ((field === null || field === void 0 ? void 0 : field.type) === "person" && personName)
+            return personName(value);
+        return value;
+    }
+    if ((field === null || field === void 0 ? void 0 : field.type) === "boolean" && typeof value === "boolean")
+        return value ? "Yes" : "No";
+    if ((field === null || field === void 0 ? void 0 : field.type) === "listPerson" && Array.isArray(value) && personName)
+        return value.map(function (id) { return personName(String(id)); }).join(", ");
+    if (Array.isArray(value) && value.every(function (item) { return typeof item !== "object"; }))
+        return value.join(", ");
+    if (typeof value === "number" || typeof value === "boolean")
+        return String(value);
+    return JSON.stringify(value);
+};
+// INFO: "compact" is the one-line cell inside the row trigger (plain text, no
+// nested link — the row itself is a button); "full" is the untruncated value
+// in the details popover, where URLs become real links
+var renderValue = function (value, mode, field, darkMode, personName) {
+    var _a, _b, _c;
+    if (isEmpty(value))
+        return (react_1.default.createElement("span", { className: darkMode ? "text-gray-500" : "text-gray-400" }, "-"));
+    var text = handleValueText(value, field, personName);
+    if ((field === null || field === void 0 ? void 0 : field.type) === "list" && typeof value === "string") {
+        var index = (_b = (_a = field.listSelection) === null || _a === void 0 ? void 0 : _a.indexOf(value)) !== null && _b !== void 0 ? _b : -1;
+        return (react_1.default.createElement("span", { className: mode === "compact" ? "block min-w-0 truncate" : "" },
+            react_1.default.createElement(tag_1.Tag, { tagText: text, size: "small", variant: "flat", rounded: "md", color: index >= 0 ? (_c = field.listSelectionColour) === null || _c === void 0 ? void 0 : _c[index] : undefined })));
+    }
+    var isUrl = urlPattern.test(text);
+    if (mode === "compact")
+        return (react_1.default.createElement("span", { className: "block truncate ".concat(isUrl ? "text-primary-500" : "") }, text));
+    if (isUrl)
+        return (react_1.default.createElement("a", { href: text, target: "_blank", rel: "noopener noreferrer", className: "break-all text-primary-500 hover:underline" }, text));
+    return (react_1.default.createElement("span", { className: "whitespace-pre-wrap break-words [overflow-wrap:anywhere]" }, text));
+};
+// INFO: each row is a PopUp trigger, so a log with many or long values stays one
+// line tall and the full before/after opens on demand instead of growing the list
+var ActivityLogRow = function (props) {
+    var _a = (0, react_1.useState)("bottom"), direction = _a[0], setDirection = _a[1];
+    var muted = props.darkMode ? "text-gray-400" : "text-gray-500";
+    // INFO: the panel is not portalled (a body portal falls outside the Modal's
+    // dialog and closes it), so open upward when the clipping bounds leave no room below
+    var handleDirection = function (element) {
+        var _a, _b, _c;
+        var rect = element.getBoundingClientRect();
+        var bounds = (_a = element
+            .closest("[data-activity-bounds]")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        var bottom = Math.min((_b = bounds === null || bounds === void 0 ? void 0 : bounds.bottom) !== null && _b !== void 0 ? _b : window.innerHeight, window.innerHeight);
+        var top = Math.max((_c = bounds === null || bounds === void 0 ? void 0 : bounds.top) !== null && _c !== void 0 ? _c : 0, 0);
+        var below = bottom - rect.bottom;
+        setDirection(below < 300 && rect.top - top > below ? "top" : "bottom");
+    };
+    return (react_1.default.createElement("li", { className: "border-t first:border-t-0 ".concat(props.darkMode ? "border-gray-700" : "border-gray-100") },
+        react_1.default.createElement(popUp_1.PopUp, { className: "w-full", anchor: "right", direction: direction, darkMode: props.darkMode, lib: { Transition: undefined }, ctaComp: react_1.default.createElement("button", { type: "button", "aria-haspopup": "dialog", className: "grid w-full grid-cols-[3rem_minmax(0,1fr)] items-center gap-x-3 gap-y-1 px-3 py-2 text-left focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 sm:grid-cols-[3rem_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1.6fr)] ".concat(props.darkMode ? "hover:bg-white/5" : "hover:bg-gray-50"), onPointerDown: function (event) { return handleDirection(event.currentTarget); }, onKeyDown: function (event) { return handleDirection(event.currentTarget); } },
+                props.meta,
+                react_1.default.createElement("span", { className: "col-span-2 flex min-w-0 items-center gap-2 text-sm sm:col-span-1" },
+                    react_1.default.createElement("span", { className: muted }, props.icon),
+                    props.srPrefix && (react_1.default.createElement("span", { className: "sr-only" }, props.srPrefix)),
+                    react_1.default.createElement("span", { className: "truncate" }, props.label)),
+                react_1.default.createElement("span", { className: "col-span-2 min-w-0 text-sm sm:col-span-1" }, props.summary)), renderComp: react_1.default.createElement("div", { role: "dialog", "aria-label": "Change details", className: "w-80 max-w-[calc(100vw-3rem)] p-3 text-left text-sm" }, props.details) })));
 };
-var ActivityChanges = function (_a) {
-    var record = _a.record, darkMode = _a.darkMode, showRecord = _a.showRecord;
-    var _b = (0, react_1.useState)(false), expanded = _b[0], setExpanded = _b[1];
+var ActivityLogRows = function (props) {
+    var record = props.record, darkMode = props.darkMode;
     var changes = (0, exports.handleActivityChanges)(record);
-    var visible = expanded ? changes : changes.slice(0, 3);
-    return (react_1.default.createElement("div", { className: "min-w-0 space-y-2" },
-        showRecord && record.itemId && (react_1.default.createElement("p", { className: "break-all text-xs text-gray-500" },
-            "Record: ",
-            record.itemId)),
-        changes.length ? (react_1.default.createElement("div", { className: "overflow-hidden rounded-lg border ".concat(darkMode ? "border-gray-700" : "border-gray-200") },
-            react_1.default.createElement("table", { className: "w-full table-fixed text-left text-xs sm:text-sm" },
-                react_1.default.createElement("caption", { className: "sr-only" }, "Field changes"),
-                react_1.default.createElement("thead", { className: darkMode
-                        ? "bg-gray-800 text-gray-300"
-                        : "bg-gray-50 text-gray-500" },
-                    react_1.default.createElement("tr", null,
-                        react_1.default.createElement("th", { className: "w-1/3 px-2 py-2 font-medium sm:w-1/4", scope: "col" }, "Field"),
-                        record.type === "update" && (react_1.default.createElement("th", { className: "px-2 py-2 font-medium", scope: "col" }, "Before")),
-                        react_1.default.createElement("th", { className: "px-2 py-2 font-medium", scope: "col" }, record.type === "update" ? "After" : "Value"))),
-                react_1.default.createElement("tbody", null, visible.map(function (change, index) { return (react_1.default.createElement("tr", { key: index, className: "border-t align-top ".concat(darkMode ? "border-gray-700" : "border-gray-100") },
-                    react_1.default.createElement("th", { scope: "row", className: "px-2 py-2 font-medium [overflow-wrap:anywhere]" }, change.columnId),
-                    record.type === "update" && (react_1.default.createElement("td", { className: "px-2 py-2" },
-                        react_1.default.createElement(ActivityValue, { value: change.oldValue, label: "before ".concat(change.columnId) }))),
-                    react_1.default.createElement("td", { className: "px-2 py-2" },
-                        react_1.default.createElement(ActivityValue, { value: record.type === "delete"
-                                ? change.oldValue !== undefined
-                                    ? change.oldValue
-                                    : change.newValue
-                                : change.newValue, label: "after ".concat(change.columnId) })))); }))),
-            changes.length > 3 && (react_1.default.createElement("button", { type: "button", "aria-expanded": expanded, className: "w-full border-t border-inherit px-3 py-2 text-left text-xs font-medium text-primary-500", onClick: function (event) {
-                    event.stopPropagation();
-                    setExpanded(!expanded);
-                } }, expanded
-                ? "Show fewer changes"
-                : "Show all ".concat(changes.length, " changes"))))) : (react_1.default.createElement("p", { className: "text-gray-500" }, "No field changes recorded."))));
+    var date = record.createdAt ? (0, dayjs_1.default)(record.createdAt) : null;
+    var muted = darkMode ? "text-gray-400" : "text-gray-500";
+    var panelDivider = darkMode ? "border-gray-700" : "border-gray-100";
+    var author = "".concat(props.authorName).concat(record.userRole ? " (".concat(record.userRole, ")") : "");
+    var handleField = function (columnId) { var _a; return (_a = props.model) === null || _a === void 0 ? void 0 : _a.find(function (field) { return field.id === columnId; }); };
+    var renderMeta = function () { return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: "flex items-center gap-1 text-xs ".concat(muted) },
+            react_1.default.createElement(outline_1.ClockIcon, { "aria-hidden": "true", className: "h-3.5 w-3.5 shrink-0" }),
+            (date === null || date === void 0 ? void 0 : date.isValid()) ? (react_1.default.createElement("time", { dateTime: date.toISOString() }, (0, exports.handleRelativeTime)(date))) : (react_1.default.createElement("span", null, "-"))),
+        react_1.default.createElement("span", { className: "flex min-w-0 items-center gap-2" },
+            (0, chatBase_1.renderChatAvatar)({ id: record.userId, name: props.authorName }, "h-6 w-6 shrink-0 text-[10px]", darkMode),
+            react_1.default.createElement("span", { className: "truncate text-sm font-medium" }, author)))); };
+    var renderDetailsHeader = function (icon, label) { return (react_1.default.createElement("div", { className: "mb-3 border-b pb-2 ".concat(panelDivider) },
+        react_1.default.createElement("p", { className: "flex items-center gap-2 font-semibold" },
+            react_1.default.createElement("span", { className: muted }, icon),
+            react_1.default.createElement("span", { className: "break-words" }, label)),
+        react_1.default.createElement("p", { className: "mt-1 text-xs ".concat(muted) },
+            author,
+            (date === null || date === void 0 ? void 0 : date.isValid()) && " \u00B7 ".concat(date.format("D MMM YYYY, HH:mm:ss"))))); };
+    var renderDetailsValue = function (title, value) { return (react_1.default.createElement("div", { className: "mt-2 first:mt-0" },
+        react_1.default.createElement("p", { className: "mb-1 text-xs font-medium uppercase tracking-wide ".concat(muted) }, title),
+        react_1.default.createElement("div", { className: "max-h-40 overflow-y-auto" }, value))); };
+    var renderChange = function (change) {
+        var _a;
+        var field = handleField(change.columnId);
+        var label = (_a = field === null || field === void 0 ? void 0 : field.name) !== null && _a !== void 0 ? _a : change.columnId;
+        var icon = renderFieldIcon(field === null || field === void 0 ? void 0 : field.type);
+        var before = record.type === "create" ? undefined : change.oldValue;
+        return (react_1.default.createElement(ActivityLogRow, { key: change.columnId, label: label, icon: icon, meta: renderMeta(), srPrefix: "changed ", darkMode: darkMode, summary: react_1.default.createElement("span", { className: "flex min-w-0 items-center gap-2" },
+                react_1.default.createElement("span", { className: "sr-only" }, "from "),
+                react_1.default.createElement("span", { className: "min-w-0 flex-1" }, renderValue(before, "compact", field, darkMode, props.personName)),
+                react_1.default.createElement(outline_1.ChevronRightIcon, { "aria-hidden": "true", className: "h-4 w-4 shrink-0 ".concat(muted) }),
+                react_1.default.createElement("span", { className: "sr-only" }, "to "),
+                react_1.default.createElement("span", { className: "min-w-0 flex-1" }, renderValue(change.newValue, "compact", field, darkMode, props.personName))), details: react_1.default.createElement(react_1.default.Fragment, null,
+                renderDetailsHeader(icon, label),
+                renderDetailsValue("Before", renderValue(before, "full", field, darkMode, props.personName)),
+                renderDetailsValue("After", renderValue(change.newValue, "full", field, darkMode, props.personName))) }));
+    };
+    var renderChangeDetails = function (change) {
+        var _a;
+        var field = handleField(change.columnId);
+        var before = record.type === "create" ? undefined : change.oldValue;
+        return (react_1.default.createElement("div", { key: change.columnId },
+            react_1.default.createElement("dt", { className: "flex items-center gap-2 text-xs ".concat(muted) },
+                renderFieldIcon(field === null || field === void 0 ? void 0 : field.type), (_a = field === null || field === void 0 ? void 0 : field.name) !== null && _a !== void 0 ? _a : change.columnId),
+            react_1.default.createElement("dd", { className: "mt-0.5 flex min-w-0 items-start gap-2" },
+                record.type !== "create" && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("span", { className: "sr-only" }, "from "),
+                    react_1.default.createElement("span", { className: "min-w-0 flex-1" }, renderValue(before, "full", field, darkMode, props.personName)),
+                    react_1.default.createElement(outline_1.ChevronRightIcon, { "aria-hidden": "true", className: "mt-0.5 h-4 w-4 shrink-0 ".concat(muted) }),
+                    react_1.default.createElement("span", { className: "sr-only" }, "to "))),
+                react_1.default.createElement("span", { className: "min-w-0 flex-1" }, renderValue(change.newValue, "full", field, darkMode, props.personName)))));
+    };
+    // INFO: one save that touched several columns stays one row; the field names
+    // are listed on the row and each before › after opens in the popover
+    var renderGroup = function () {
+        var isCreate = record.type === "create";
+        var label = isCreate ? "Created" : "Updated ".concat(changes.length, " fields");
+        var icon = isCreate ? (react_1.default.createElement(outline_1.PlusCircleIcon, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" })) : (react_1.default.createElement(outline_1.PencilSquareIcon, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" }));
+        var names = changes
+            .map(function (change) { var _a, _b; return (_b = (_a = handleField(change.columnId)) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : change.columnId; })
+            .join(", ");
+        return (react_1.default.createElement(ActivityLogRow, { key: "group", label: label, icon: icon, meta: renderMeta(), darkMode: darkMode, summary: react_1.default.createElement("span", { className: "block truncate ".concat(muted) }, names), details: react_1.default.createElement(react_1.default.Fragment, null,
+                renderDetailsHeader(icon, label),
+                react_1.default.createElement("dl", { className: "max-h-72 space-y-3 overflow-y-auto" }, changes.map(renderChangeDetails))) }));
+    };
+    var renderDeleted = function () {
+        var icon = react_1.default.createElement(outline_1.TrashIcon, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" });
+        return (react_1.default.createElement(ActivityLogRow, { key: "deleted", label: "Deleted", icon: icon, meta: renderMeta(), darkMode: darkMode, summary: react_1.default.createElement("span", { className: "block truncate text-xs ".concat(muted) }, changes.length
+                ? "".concat(changes.length, " deleted value").concat(changes.length === 1 ? "" : "s")
+                : "No field values recorded."), details: react_1.default.createElement(react_1.default.Fragment, null,
+                renderDetailsHeader(icon, "Deleted"),
+                changes.length ? (react_1.default.createElement("dl", { className: "max-h-72 space-y-2 overflow-y-auto" }, changes.map(function (change) {
+                    var _a;
+                    var field = handleField(change.columnId);
+                    return (react_1.default.createElement("div", { key: change.columnId },
+                        react_1.default.createElement("dt", { className: "flex items-center gap-2 text-xs ".concat(muted) },
+                            renderFieldIcon(field === null || field === void 0 ? void 0 : field.type), (_a = field === null || field === void 0 ? void 0 : field.name) !== null && _a !== void 0 ? _a : change.columnId),
+                        react_1.default.createElement("dd", { className: "mt-0.5" }, renderValue(change.oldValue !== undefined
+                            ? change.oldValue
+                            : change.newValue, "full", field, darkMode, props.personName))));
+                }))) : (react_1.default.createElement("p", { className: muted }, "No field values recorded."))) }));
+    };
+    var renderRows = function () {
+        var _a;
+        if (record.type === "delete")
+            return [renderDeleted()];
+        if (changes.length > 1)
+            return [renderGroup()];
+        if (changes.length)
+            return [renderChange(changes[0])];
+        var label = record.type === "create" ? "Created" : ((_a = record.type) !== null && _a !== void 0 ? _a : "Activity");
+        var icon = record.type === "create" ? (react_1.default.createElement(outline_1.PlusCircleIcon, { "aria-hidden": "true", className: "h-4 w-4 shrink-0" })) : (renderFieldIcon());
+        return [
+            react_1.default.createElement(ActivityLogRow, { key: "empty", label: label, icon: icon, meta: renderMeta(), darkMode: darkMode, summary: react_1.default.createElement("span", { className: muted }, "No field changes recorded."), details: react_1.default.createElement(react_1.default.Fragment, null,
+                    renderDetailsHeader(icon, label),
+                    react_1.default.createElement("p", { className: muted }, "No field changes recorded.")) }),
+        ];
+    };
+    return (react_1.default.createElement("li", { className: "border-b last:border-b-0 ".concat(darkMode ? "border-gray-700" : "border-gray-200") },
+        props.recordHeader && (react_1.default.createElement("div", { className: "px-3 pt-2" }, props.recordHeader)),
+        react_1.default.createElement("ul", null, renderRows())));
 };
-exports.ActivityChanges = ActivityChanges;
+exports.ActivityLogRows = ActivityLogRows;
 //# sourceMappingURL=activityChanges.js.map

package/lib/components/data/dataTemplate/activityChanges.js.map

@@ -1 +1 @@
-{"version":3,"file":"activityChanges.js","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityChanges.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"activityChanges.js","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityChanges.tsx"],"names":[],"mappings":"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"}

package/lib/components/data/dataTemplate/activityModal.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Query } from "../readQuery";
 import { ActivityLog } from "./dataStateModel";
-import { DevSettings } from "./model";
+import { DataStructure, DevSettings } from "./model";
 interface Props {
     title: string;
     devSettings: DevSettings;
@@ -12,6 +12,8 @@ interface Props {
     initialTab?: "comments" | "logs";
     recordTitleColumn?: string;
     recordQuery?: Query[];
+    /** Collection schema, used to show field names and type icons in logs. */
+    model?: DataStructure[];
     onOpenRecord?: (id: string) => void;
 }
 export declare const ActivityModal: (props: Props) => React.JSX.Element;

package/lib/components/data/dataTemplate/activityModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,EACL,WAAW,EAGZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAiB,WAAW,EAAE,MAAM,SAAS,CAAC;AAOrD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAeD,eAAO,MAAM,aAAa,UAAW,KAAK,sBAkBzC,CAAC"}
+{"version":3,"file":"activityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAGrC,OAAO,EACL,WAAW,EAGZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAOrD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,EAAE,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAeD,eAAO,MAAM,aAAa,UAAW,KAAK,sBAkBzC,CAAC"}

package/lib/components/data/dataTemplate/activityModal.js

@@ -83,7 +83,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActivityModal = void 0;
-var solid_1 = require("@heroicons/react/24/solid");
 var axios_1 = __importDefault(require("axios"));
 var react_1 = __importStar(require("react"));
 var uuid_1 = require("uuid");
@@ -432,43 +431,42 @@ var ActivityPanel = function (props) {
                         setDeleteId(id);
                     } }, "Delete"))));
     };
+    var renderRecordTitle = function (record) {
+        var _a;
+        return record.itemId ? (props.onOpenRecord && recordTitles[record.itemId] ? (react_1.default.createElement("button", { type: "button", className: "text-left text-xs font-medium text-primary-500 break-words", onClick: function (event) {
+                var _a;
+                event.stopPropagation();
+                (_a = props.onOpenRecord) === null || _a === void 0 ? void 0 : _a.call(props, record.itemId);
+            } }, recordTitles[record.itemId])) : (react_1.default.createElement("p", { className: "break-words text-xs text-gray-500" }, (_a = recordTitles[record.itemId]) !== null && _a !== void 0 ? _a : "Data ".concat(record.itemId, " (unavailable)")))) : (react_1.default.createElement("p", { className: "text-xs text-gray-500" }, "Collection discussion"));
+    };
     var renderFeedData = function (records) {
         return records.map(function (record) {
-            var _a, _b, _c, _d;
+            var _a;
             var name = handleAuthorName(record.userId);
             var date = record.createdAt ? (0, dayjs_1.default)(record.createdAt) : null;
-            var count = (0, activityChanges_1.handleActivityChanges)(record).length;
-            var action = record.type === "update"
-                ? "updated ".concat(count, " field").concat(count === 1 ? "" : "s")
-                : record.type === "create"
-                    ? "created this record"
-                    : record.type === "delete"
-                        ? "deleted this record"
-                        : ((_a = record.type) !== null && _a !== void 0 ? _a : "Activity");
             return {
-                id: (_b = record._id) !== null && _b !== void 0 ? _b : record.id,
+                id: (_a = record._id) !== null && _a !== void 0 ? _a : record.id,
                 desc: null,
                 title: (react_1.default.createElement("span", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1" },
-                    react_1.default.createElement("span", null, isComments
-                        ? name
-                        : "".concat(name).concat(record.userRole ? " (".concat(record.userRole, ")") : "", " ").concat(action)),
+                    react_1.default.createElement("span", null, name),
                     (date === null || date === void 0 ? void 0 : date.isValid()) && (react_1.default.createElement("time", { className: "text-xs font-normal ".concat(props.darkMode ? "text-gray-400" : "text-gray-500"), dateTime: date.toISOString(), title: date.format("YYYY-MM-DD HH:mm:ss") }, date.format("MMM D, HH:mm"))))),
-                icon: isComments ? ((0, chatBase_1.renderChatAvatar)({ id: record.userId, name: name }, "h-7 w-7 sm:h-9 sm:w-9", props.darkMode)) : (react_1.default.createElement(solid_1.ClockIcon, { className: "h-4 w-4 text-primary-500" })),
-                iconClass: isComments
-                    ? ""
-                    : props.darkMode
-                        ? "bg-gray-800"
-                        : "bg-primary-50",
+                icon: (0, chatBase_1.renderChatAvatar)({ id: record.userId, name: name }, "h-7 w-7 sm:h-9 sm:w-9", props.darkMode),
+                iconClass: "",
                 content: (react_1.default.createElement("div", { className: "space-y-2" },
-                    record.itemId ? (props.onOpenRecord && recordTitles[record.itemId] ? (react_1.default.createElement("button", { type: "button", className: "text-left text-xs font-medium text-primary-500 break-words", onClick: function (event) {
-                            var _a;
-                            event.stopPropagation();
-                            (_a = props.onOpenRecord) === null || _a === void 0 ? void 0 : _a.call(props, record.itemId);
-                        } }, recordTitles[record.itemId])) : (react_1.default.createElement("p", { className: "break-words text-xs text-gray-500" }, (_c = recordTitles[record.itemId]) !== null && _c !== void 0 ? _c : "Data ".concat(record.itemId, " (unavailable)")))) : (react_1.default.createElement("p", { className: "text-xs text-gray-500" }, "Collection discussion")),
-                    isComments ? (renderComment(record)) : (react_1.default.createElement(activityChanges_1.ActivityChanges, { key: (_d = record._id) !== null && _d !== void 0 ? _d : record.id, record: record, darkMode: props.darkMode, showRecord: false })))),
+                    renderRecordTitle(record),
+                    renderComment(record))),
             };
         });
     };
+    // INFO: logs render as a flat, one-row-per-field list instead of feed cards
+    var renderLogList = function (records) {
+        return (records === null || records === void 0 ? void 0 : records.length) ? (react_1.default.createElement("ul", { "aria-label": "Activity logs", 
+            // INFO: no overflow-hidden — it would clip the row details popovers
+            className: "rounded-lg border ".concat(props.darkMode ? "border-gray-700 bg-white/5" : "border-gray-200 bg-white") }, records.map(function (record) {
+            var _a;
+            return (react_1.default.createElement(activityChanges_1.ActivityLogRows, { key: (_a = record._id) !== null && _a !== void 0 ? _a : record.id, record: record, model: props.model, authorName: handleAuthorName(record.userId), personName: function (id) { return handleAuthorName(id); }, darkMode: props.darkMode, recordHeader: activeRecordId ? undefined : renderRecordTitle(record) }));
+        }))) : null;
+    };
     if (!commentsEnabled && !logsEnabled)
         return null;
     var filters = __spreadArray(__spreadArray(__spreadArray([
@@ -478,7 +476,7 @@ var ActivityPanel = function (props) {
         : []), true), ((_e = (isComments ? config === null || config === void 0 ? void 0 : config.commentQuery : config === null || config === void 0 ? void 0 : config.logQuery)) !== null && _e !== void 0 ? _e : []), true), (!isComments && logType !== "all"
         ? [{ type: "=", queryId: "type", value: logType }]
         : []), true);
-    return (react_1.default.createElement("div", { className: "min-w-0 space-y-4 p-1 sm:p-3 ".concat(props.darkMode ? "text-gray-100" : "text-gray-800") },
+    return (react_1.default.createElement("div", { "data-activity-bounds": true, className: "min-w-0 space-y-4 p-1 sm:p-3 ".concat(props.darkMode ? "text-gray-100" : "text-gray-800") },
         react_1.default.createElement("div", { className: "flex flex-wrap items-center justify-between gap-3" },
             react_1.default.createElement(buttonGroup_1.ButtonGroup, { darkMode: props.darkMode, size: "small", selectedId: activeTab, selection: __spreadArray(__spreadArray([], (commentsEnabled ? [{ id: "comments", name: "Comments" }] : []), true), (logsEnabled ? [{ id: "logs", name: "Logs" }] : []), true), onClick: function (nextTab) {
                     if (nextTab === activeTab)
@@ -568,7 +566,11 @@ var ActivityPanel = function (props) {
             }, devSettings: props.devSettings, edit: { allEditable: false, createBtn: false, deleteBtn: false }, sort: { sortId: "createdAt", type: "desc" }, organise: { hideSearch: true, darkMode: props.darkMode }, bareSettings: {
                 bareNewDTW: true,
                 bareListFilterQuery: filters,
+                bareListComponent: isComments
+                    ? undefined
+                    : function (records) { return renderLogList(records); },
                 bareListHandleData: function (records) {
+                    var _a;
                     setRowCount(records.length);
                     var itemIds = Array.from(new Set(records.map(function (record) { return record.itemId; }).filter(Boolean)));
                     setRecordIds(function (previous) {
@@ -576,7 +578,22 @@ var ActivityPanel = function (props) {
                             ? previous
                             : itemIds;
                     });
-                    var ids = Array.from(new Set(records.map(function (record) { return record.userId; }).filter(Boolean)));
+                    // INFO: person and listPerson values are user ids too, so they are
+                    // resolved to names with the authors instead of showing the raw id
+                    var personColumns = new Set(((_a = props.model) !== null && _a !== void 0 ? _a : [])
+                        .filter(function (field) {
+                        return ["person", "listPerson"].includes(field.type);
+                    })
+                        .map(function (field) { return field.id; }));
+                    var personIds = records.flatMap(function (record) {
+                        var _a;
+                        return Object.values((_a = record.values) !== null && _a !== void 0 ? _a : {}).flatMap(function (value) {
+                            return value && personColumns.has(value.columnId)
+                                ? [value.oldValue, value.newValue].flat()
+                                : [];
+                        });
+                    });
+                    var ids = Array.from(new Set(__spreadArray(__spreadArray([], records.map(function (record) { return record.userId; }), true), personIds, true).filter(function (id) { return typeof id === "string" && id; })));
                     setAuthorIds(function (previous) {
                         return JSON.stringify(previous) === JSON.stringify(ids) ? previous : ids;
                     });