blixify-ui-web 1.2.138 → 1.2.140

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

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const handleActivityChanges: (record: any) => any[];
+export declare const ActivityChanges: ({ record, darkMode, showRecord, }: {
+    record: any;
+    darkMode?: boolean;
+    showRecord: boolean;
+}) => React.JSX.Element;
+//# sourceMappingURL=activityChanges.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityChanges = exports.handleActivityChanges = void 0;
+var react_1 = __importStar(require("react"));
+var handleActivityChanges = function (record) {
+    var _a;
+    return Object.values((_a = record.values) !== null && _a !== void 0 ? _a : {}).filter(function (value) {
+        return value &&
+            (record.type !== "update" ||
+                JSON.stringify(value.oldValue) !== JSON.stringify(value.newValue));
+    });
+};
+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"))));
+};
+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 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."))));
+};
+exports.ActivityChanges = ActivityChanges;
+//# sourceMappingURL=activityChanges.js.map

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

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

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { ActivityMention } from "./dataStateModel";
+import { DevSettings } from "./model";
+interface Props {
+    value: string;
+    mentions: ActivityMention[];
+    members: NonNullable<DevSettings["organisationMembers"]>;
+    darkMode?: boolean;
+    busy: boolean;
+    editing: boolean;
+    onChange: (value: string, mentions: ActivityMention[]) => void;
+    onSubmit: () => void;
+    onCancel: () => void;
+}
+export declare const ActivityComposer: (props: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=activityComposer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"activityComposer.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAC/D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,UAAW,KAAK,sBA+M5C,CAAC"}

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

@@ -0,0 +1,154 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityComposer = void 0;
+var react_1 = __importStar(require("react"));
+var outline_1 = require("@heroicons/react/24/outline");
+var activityMentions_1 = require("./activityMentions");
+var ActivityComposer = function (props) {
+    var inputRef = (0, react_1.useRef)(null);
+    var listId = (0, react_1.useId)();
+    var _a = (0, react_1.useState)(null), query = _a[0], setQuery = _a[1];
+    var _b = (0, react_1.useState)(0), selected = _b[0], setSelected = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (!props.value)
+            setQuery(null);
+    }, [props.value]);
+    var options = query
+        ? props.members
+            .filter(function (member) {
+            var _a;
+            return "".concat(member.label, " ").concat((_a = member.secondaryLabel) !== null && _a !== void 0 ? _a : "")
+                .toLowerCase()
+                .includes(query.text.toLowerCase());
+        })
+            .slice(0, 8)
+        : [];
+    var handleQuery = function (value, caret, mentions) {
+        if (mentions === void 0) { mentions = props.mentions; }
+        var match = /(?:^|\s)@([^@\n]*)$/.exec(value.slice(0, caret));
+        var start = match ? caret - match[1].length - 1 : -1;
+        var alreadySelected = mentions.some(function (mention) { return mention.start === start && caret >= mention.end; });
+        setQuery(match && !alreadySelected ? { start: start, end: caret, text: match[1] } : null);
+        setSelected(0);
+    };
+    var handleSelect = function (index) {
+        var member = options[index];
+        if (!query || !member)
+            return;
+        var token = "@".concat(member.label);
+        var value = props.value.slice(0, query.start) +
+            token +
+            " " +
+            props.value.slice(query.end);
+        var mentions = (0, activityMentions_1.handleEditMentions)(props.value, value, props.mentions);
+        props.onChange(value, __spreadArray(__spreadArray([], mentions, true), [
+            {
+                userId: member.key,
+                label: member.label,
+                start: query.start,
+                end: query.start + token.length,
+            },
+        ], false));
+        var caret = query.start + token.length + 1;
+        setQuery(null);
+        requestAnimationFrame(function () {
+            var _a, _b;
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.setSelectionRange(caret, caret);
+        });
+    };
+    return (react_1.default.createElement("form", { className: "relative rounded-xl border p-3 shadow-sm focus-within:border-primary-400 ".concat(props.darkMode ? "border-gray-700 bg-gray-800" : "border-gray-200 bg-white"), onSubmit: function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            if (!props.busy && props.value.trim())
+                props.onSubmit();
+        } },
+        react_1.default.createElement("label", { htmlFor: "".concat(listId, "-input"), className: "sr-only" }, props.editing ? "Edit comment" : "Write a comment"),
+        react_1.default.createElement("textarea", { id: "".concat(listId, "-input"), ref: inputRef, rows: 3, value: props.value, disabled: props.busy, placeholder: props.members.length
+                ? "Write a comment… Type @ to mention someone"
+                : "Write a comment…", "aria-autocomplete": "list", "aria-controls": query ? listId : undefined, "aria-activedescendant": query && options.length ? "".concat(listId, "-").concat(selected) : undefined, className: "w-full resize-y border-0 bg-transparent p-0 text-base focus:outline-none focus:ring-0 ".concat(props.darkMode ? "text-gray-100 placeholder-gray-400" : "text-gray-800 placeholder-gray-500"), onChange: function (event) {
+                var value = event.target.value;
+                var mentions = (0, activityMentions_1.handleEditMentions)(props.value, value, props.mentions);
+                props.onChange(value, mentions);
+                handleQuery(value, event.target.selectionStart, mentions);
+            }, onClick: function (event) {
+                return handleQuery(props.value, event.currentTarget.selectionStart);
+            }, onKeyUp: function (event) {
+                if (["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key))
+                    handleQuery(props.value, event.currentTarget.selectionStart);
+            }, onBlur: function (event) {
+                var _a;
+                if (!((_a = event.currentTarget.form) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget)))
+                    setQuery(null);
+            }, onKeyDown: function (event) {
+                if (event.nativeEvent.isComposing)
+                    return;
+                if (query && event.key === "Escape") {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    setQuery(null);
+                }
+                else if (query &&
+                    options.length &&
+                    ["ArrowDown", "ArrowUp", "Enter"].includes(event.key)) {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    if (event.key === "Enter")
+                        handleSelect(selected);
+                    else
+                        setSelected((selected +
+                            (event.key === "ArrowDown" ? 1 : -1) +
+                            options.length) %
+                            options.length);
+                }
+            } }),
+        query && (react_1.default.createElement("ul", { id: listId, role: "listbox", "aria-label": "Mention someone", className: "my-2 max-h-48 overflow-y-auto rounded-lg border p-1 ".concat(props.darkMode ? "border-gray-600 bg-gray-900" : "border-gray-200 bg-white") }, options.length ? (options.map(function (member, index) { return (react_1.default.createElement("li", { key: member.key, id: "".concat(listId, "-").concat(index), role: "option", "aria-selected": selected === index },
+            react_1.default.createElement("button", { type: "button", onMouseDown: function (event) { return event.preventDefault(); }, onClick: function () { return handleSelect(index); }, className: "w-full rounded-md px-3 py-2 text-left text-sm ".concat(index === selected ? (props.darkMode ? "bg-gray-700" : "bg-primary-50") : "") },
+                react_1.default.createElement("span", { className: "block font-medium" }, member.label),
+                member.secondaryLabel && (react_1.default.createElement("span", { className: "block text-xs text-gray-500" }, member.secondaryLabel))))); })) : (react_1.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-500" }, "No matching people")))),
+        react_1.default.createElement("div", { className: "flex items-center justify-between gap-3 pt-2" },
+            react_1.default.createElement("span", { className: "text-xs text-gray-500" }, props.editing ? "Editing comment" : "Enter adds a new line"),
+            react_1.default.createElement("div", { className: "flex shrink-0 items-center gap-3" },
+                props.editing && (react_1.default.createElement("button", { type: "button", disabled: props.busy, className: "text-sm", onClick: props.onCancel }, "Cancel")),
+                react_1.default.createElement("button", { type: "submit", disabled: props.busy || !props.value.trim(), className: "inline-flex items-center gap-2 whitespace-nowrap rounded-full bg-primary-500 px-4 py-2 text-sm font-medium text-white disabled:opacity-50" },
+                    react_1.default.createElement(outline_1.PaperAirplaneIcon, { className: "h-4 w-4" }),
+                    props.busy
+                        ? "Saving…"
+                        : props.editing
+                            ? "Save changes"
+                            : "Send comment")))));
+};
+exports.ActivityComposer = ActivityComposer;
+//# sourceMappingURL=activityComposer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"activityComposer.js","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityComposer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkE;AAClE,uDAAgE;AAGhE,uDAAwD;AAcjD,IAAM,gBAAgB,GAAG,UAAC,KAAY;IAC3C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAsB,IAAI,CAAC,CAAC;IACnD,IAAM,MAAM,GAAG,IAAA,aAAK,GAAE,CAAC;IACjB,IAAA,KAAoB,IAAA,gBAAQ,EAIxB,IAAI,CAAC,EAJR,KAAK,QAAA,EAAE,QAAQ,QAIP,CAAC;IACV,IAAA,KAA0B,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAApC,QAAQ,QAAA,EAAE,WAAW,QAAe,CAAC;IAC5C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,KAAK,CAAC,KAAK;YAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAClB,IAAM,OAAO,GAAG,KAAK;QACnB,CAAC,CAAC,KAAK,CAAC,OAAO;aACV,MAAM,CAAC,UAAC,MAAM;;YACb,OAAA,UAAG,MAAM,CAAC,KAAK,cAAI,MAAA,MAAM,CAAC,cAAc,mCAAI,EAAE,CAAE;iBAC7C,WAAW,EAAE;iBACb,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;SAAA,CACtC;aACA,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;QAChB,CAAC,CAAC,EAAE,CAAC;IAEP,IAAM,WAAW,GAAG,UAClB,KAAa,EACb,KAAa,EACb,QAAyB;QAAzB,yBAAA,EAAA,WAAW,KAAK,CAAC,QAAQ;QAEzB,IAAM,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;QAChE,IAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvD,IAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CACnC,UAAC,OAAO,IAAK,OAAA,OAAO,CAAC,KAAK,KAAK,KAAK,IAAI,KAAK,IAAI,OAAO,CAAC,GAAG,EAA/C,CAA+C,CAC7D,CAAC;QACF,QAAQ,CACN,KAAK,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,OAAA,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CACzE,CAAC;QACF,WAAW,CAAC,CAAC,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,KAAa;QACjC,IAAM,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QAC9B,IAAM,KAAK,GAAG,WAAI,MAAM,CAAC,KAAK,CAAE,CAAC;QACjC,IAAM,KAAK,GACT,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC;YACjC,KAAK;YACL,GAAG;YACH,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAM,QAAQ,GAAG,IAAA,qCAAkB,EAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;QACxE,KAAK,CAAC,QAAQ,CAAC,KAAK,kCACf,QAAQ;YACX;gBACE,MAAM,EAAE,MAAM,CAAC,GAAG;gBAClB,KAAK,EAAE,MAAM,CAAC,KAAK;gBACnB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,GAAG,EAAE,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM;aAChC;kBACD,CAAC;QACH,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QAC7C,QAAQ,CAAC,IAAI,CAAC,CAAC;QACf,qBAAqB,CAAC;;YACpB,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC1B,MAAA,QAAQ,CAAC,OAAO,0CAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,wCACE,SAAS,EAAE,mFAA4E,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,0BAA0B,CAAE,EACpK,QAAQ,EAAE,UAAC,KAAK;YACd,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE;gBAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;QAC1D,CAAC;QAED,yCAAO,OAAO,EAAE,UAAG,MAAM,WAAQ,EAAE,SAAS,EAAC,SAAS,IACnD,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAC7C;QACR,4CACE,EAAE,EAAE,UAAG,MAAM,WAAQ,EACrB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,KAAK,CAAC,IAAI,EACpB,WAAW,EACT,KAAK,CAAC,OAAO,CAAC,MAAM;gBAClB,CAAC,CAAC,4CAA4C;gBAC9C,CAAC,CAAC,kBAAkB,uBAEN,MAAM,mBACT,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,2BAEvC,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,cAAI,QAAQ,CAAE,CAAC,CAAC,CAAC,SAAS,EAE/D,SAAS,EAAE,gGAAyF,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,oCAAoC,CAAE,EAClM,QAAQ,EAAE,UAAC,KAAK;gBACd,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACjC,IAAM,QAAQ,GAAG,IAAA,qCAAkB,EACjC,KAAK,CAAC,KAAK,EACX,KAAK,EACL,KAAK,CAAC,QAAQ,CACf,CAAC;gBACF,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;gBAChC,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;YAC5D,CAAC,EACD,OAAO,EAAE,UAAC,KAAK;gBACb,OAAA,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;YAA5D,CAA4D,EAE9D,OAAO,EAAE,UAAC,KAAK;gBACb,IAAI,CAAC,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC;oBAChE,WAAW,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;YACjE,CAAC,EACD,MAAM,EAAE,UAAC,KAAK;;gBACZ,IAAI,CAAC,CAAA,MAAA,KAAK,CAAC,aAAa,CAAC,IAAI,0CAAE,QAAQ,CAAC,KAAK,CAAC,aAAqB,CAAC,CAAA;oBAClE,QAAQ,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC,EACD,SAAS,EAAE,UAAC,KAAK;gBACf,IAAI,KAAK,CAAC,WAAW,CAAC,WAAW;oBAAE,OAAO;gBAC1C,IAAI,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;oBACpC,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjB,CAAC;qBAAM,IACL,KAAK;oBACL,OAAO,CAAC,MAAM;oBACd,CAAC,WAAW,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EACrD,CAAC;oBACD,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO;wBAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;;wBAEhD,WAAW,CACT,CAAC,QAAQ;4BACP,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;4BACpC,OAAO,CAAC,MAAM,CAAC;4BACf,OAAO,CAAC,MAAM,CACjB,CAAC;gBACN,CAAC;YACH,CAAC,GACD;QACD,KAAK,IAAI,CACR,sCACE,EAAE,EAAE,MAAM,EACV,IAAI,EAAC,SAAS,gBACH,iBAAiB,EAC5B,SAAS,EAAE,8DAAuD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,0BAA0B,CAAE,IAE9I,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAChB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC7B,sCACE,GAAG,EAAE,MAAM,CAAC,GAAG,EACf,EAAE,EAAE,UAAG,MAAM,cAAI,KAAK,CAAE,EACxB,IAAI,EAAC,QAAQ,mBACE,QAAQ,KAAK,KAAK;YAEjC,0CACE,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,EAC9C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAClC,SAAS,EAAE,wDAAiD,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,CAAE;gBAE1I,wCAAM,SAAS,EAAC,mBAAmB,IAAE,MAAM,CAAC,KAAK,CAAQ;gBACxD,MAAM,CAAC,cAAc,IAAI,CACxB,wCAAM,SAAS,EAAC,6BAA6B,IAC1C,MAAM,CAAC,cAAc,CACjB,CACR,CACM,CACN,CACN,EArB8B,CAqB9B,CAAC,CACH,CAAC,CAAC,CAAC,CACF,sCAAI,SAAS,EAAC,iCAAiC,yBAE1C,CACN,CACE,CACN;QACD,uCAAK,SAAS,EAAC,8CAA8C;YAC3D,wCAAM,SAAS,EAAC,uBAAuB,IACpC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,CACvD;YACP,uCAAK,SAAS,EAAC,kCAAkC;gBAC9C,KAAK,CAAC,OAAO,IAAI,CAChB,0CACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,CAAC,IAAI,EACpB,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,KAAK,CAAC,QAAQ,aAGhB,CACV;gBACD,0CACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,EAC3C,SAAS,EAAC,2IAA2I;oBAErJ,8BAAC,2BAAiB,IAAC,SAAS,EAAC,SAAS,GAAG;oBACxC,KAAK,CAAC,IAAI;wBACT,CAAC,CAAC,SAAS;wBACX,CAAC,CAAC,KAAK,CAAC,OAAO;4BACb,CAAC,CAAC,cAAc;4BAChB,CAAC,CAAC,cAAc,CACb,CACL,CACF,CACD,CACR,CAAC;AACJ,CAAC,CAAC;AA/MW,QAAA,gBAAgB,oBA+M3B"}

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

@@ -0,0 +1,4 @@
+import { ActivityMention } from "./dataStateModel";
+export declare const handleValidMentions: (text: string, mentions: ActivityMention[]) => ActivityMention[];
+export declare const handleEditMentions: (previous: string, next: string, mentions: ActivityMention[]) => ActivityMention[];
+//# sourceMappingURL=activityMentions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"activityMentions.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/activityMentions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAInD,eAAO,MAAM,mBAAmB,SACxB,MAAM,YACF,eAAe,EAAE,sBAwBxB,CAAC;AAGN,eAAO,MAAM,kBAAkB,aACnB,MAAM,QACV,MAAM,YACF,eAAe,EAAE,sBAmC5B,CAAC"}

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

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleEditMentions = exports.handleValidMentions = void 0;
+var mentionWordCharacter = new RegExp("[\\p{L}\\p{N}_]", "u");
+var handleValidMentions = function (text, mentions) {
+    return mentions
+        .filter(function (mention) {
+        return mention &&
+            typeof mention.userId === "string" &&
+            !!mention.userId &&
+            typeof mention.label === "string" &&
+            !!mention.label &&
+            Number.isInteger(mention.start) &&
+            Number.isInteger(mention.end) &&
+            mention.start >= 0 &&
+            mention.end > mention.start &&
+            mention.end <= text.length &&
+            (mention.start === 0 || /\s/.test(text[mention.start - 1])) &&
+            (mention.end === text.length ||
+                !mentionWordCharacter.test(text[mention.end])) &&
+            text.slice(mention.start, mention.end) === "@".concat(mention.label);
+    })
+        .sort(function (a, b) { return a.start - b.start; })
+        .filter(function (mention, index, all) {
+        return index === 0 || mention.start >= all[index - 1].end;
+    });
+};
+exports.handleValidMentions = handleValidMentions;
+// Keep selected identities only while their exact text survives an edit.
+var handleEditMentions = function (previous, next, mentions) {
+    var start = 0;
+    while (start < previous.length &&
+        start < next.length &&
+        previous[start] === next[start])
+        start++;
+    var oldEnd = previous.length;
+    var newEnd = next.length;
+    while (oldEnd > start &&
+        newEnd > start &&
+        previous[oldEnd - 1] === next[newEnd - 1]) {
+        oldEnd--;
+        newEnd--;
+    }
+    var shift = newEnd - oldEnd;
+    return (0, exports.handleValidMentions)(next, mentions.flatMap(function (mention) {
+        if (mention.end <= start)
+            return [mention];
+        if (mention.start >= oldEnd)
+            return [
+                __assign(__assign({}, mention), { start: mention.start + shift, end: mention.end + shift }),
+            ];
+        return [];
+    }));
+};
+exports.handleEditMentions = handleEditMentions;
+//# sourceMappingURL=activityMentions.js.map

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

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

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

@@ -1,34 +1,19 @@
-import React, { Component } from "react";
+import React from "react";
+import { Query } from "../readQuery";
 import { ActivityLog } from "./dataStateModel";
-import { DataStructure, DevSettings } from "./model";
+import { DevSettings } from "./model";
 interface Props {
     title: string;
     devSettings: DevSettings;
     collectionId: string;
     dataId: string;
     activityLog: ActivityLog | undefined;
+    darkMode?: boolean;
+    initialTab?: "comments" | "logs";
+    recordTitleColumn?: string;
+    recordQuery?: Query[];
+    onOpenRecord?: (id: string) => void;
 }
-interface State {
-    type: "comments" | "logs";
-    commentViewType: string;
-    commentDataId: string;
-    logsViewType: string;
-    logsDataId: string;
-    userData: any[];
-    userLoading: boolean;
-}
-export declare class ActivityModal extends Component<Props> {
-    dataTemplateRef: any;
-    state: State;
-    commentModel: DataStructure[];
-    logsModel: DataStructure[];
-    userCache: {
-        [userId: string]: any;
-    };
-    handleRetrieveUser: (userIds: string[]) => Promise<void>;
-    renderLogList: (_: any, prettierData: any, loading: boolean) => React.JSX.Element;
-    renderTabContent: (type: "comments" | "logs") => React.JSX.Element;
-    render(): React.JSX.Element;
-}
+export declare const ActivityModal: (props: Props) => React.JSX.Element;
 export {};
 //# sourceMappingURL=activityModal.d.ts.map

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":"AAGA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAKpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGrD,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;CACtC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,GAAG,EAAE,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,CAAC;IACjD,eAAe,EAAE,GAAG,CAAe;IAEnC,KAAK,EAAE,KAAK,CAYV;IAEF,YAAY,EAAE,aAAa,EAAE,CAqC3B;IAEF,SAAS,EAAE,aAAa,EAAE,CAoCxB;IAIF,SAAS,EAAE;QAAE,CAAC,MAAM,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAM;IAE1C,kBAAkB,YAAmB,MAAM,EAAE,mBA2B3C;IAEF,aAAa,MAAO,GAAG,gBAAgB,GAAG,WAAW,OAAO,uBAoG1D;IAEF,gBAAgB,SAAU,UAAU,GAAG,MAAM,uBAmK3C;IAEF,MAAM;CA8CP"}
+{"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"}