@manuscripts/body-editor 1.10.1-LEAN-3535.0 → 1.10.1

package/dist/cjs/components/authors/AuthorAffiliations.js

@@ -92,16 +92,10 @@ const AuthorAffiliations = ({ author, affiliations, onSave, onAdd, onRemove, })
         const affiliation = {
             id: (0, json_schema_1.generateID)(json_schema_1.ObjectTypes.Affiliation),
             addressLine1: '',
-            addressLine2: '',
-            addressLine3: '',
             city: '',
             country: '',
             county: '',
             department: '',
-            email: {
-                href: '',
-                text: '',
-            },
             institution: institution,
             postCode: '',
             priority: 0,

package/dist/cjs/components/authors/AuthorsModal.js

@@ -91,8 +91,6 @@ const normalize = (author) => ({
     ORCIDIdentifier: author.ORCIDIdentifier || '',
     priority: author.priority,
     isJointContributor: author.isJointContributor || false,
-    userID: '',
-    invitationID: '',
 });
 const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author, onSaveAuthor, onDeleteAuthor, onSaveAffiliation, }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(true);
@@ -160,8 +158,6 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
             ORCIDIdentifier: '',
             priority: authors.length,
             isJointContributor: false,
-            userID: '',
-            invitationID: '',
         };
         onSaveAuthor(author);
         setSelection(author);

package/dist/cjs/configs/editor-plugins.js

@@ -37,7 +37,7 @@ const paragraphs_1 = __importDefault(require("../plugins/paragraphs"));
 const persist_1 = __importDefault(require("../plugins/persist"));
 const placeholder_1 = __importDefault(require("../plugins/placeholder"));
 const sections_1 = __importDefault(require("../plugins/sections"));
-const selected_suggestion_1 = __importDefault(require("../plugins/selected-suggestion"));
+const selected_suggestion_ui_1 = __importDefault(require("../plugins/selected-suggestion-ui"));
 const table_footnote_1 = __importDefault(require("../plugins/table-footnote"));
 const tables_cursor_fix_1 = __importDefault(require("../plugins/tables-cursor-fix"));
 const toc_1 = __importDefault(require("../plugins/toc"));
@@ -68,9 +68,9 @@ exports.default = (props) => {
         (0, placeholder_1.default)(),
         (0, prosemirror_tables_1.tableEditing)(),
         (0, highlight_1.default)(props),
+        (0, selected_suggestion_ui_1.default)(props),
         (0, footnotes_1.default)(props),
         (0, table_footnote_1.default)(),
-        (0, selected_suggestion_1.default)(),
     ];
     if (props.collabProvider) {
         allPlugins.push((0, prosemirror_collab_1.collab)({ version: props.collabProvider.currentVersion }));

package/dist/cjs/configs/editor-views.js

@@ -18,6 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const affiliation_1 = __importDefault(require("../views/affiliation"));
 const affiliations_1 = __importDefault(require("../views/affiliations"));
 const bibliography_element_editable_1 = __importDefault(require("../views/bibliography_element_editable"));
 const blockquote_element_editable_1 = __importDefault(require("../views/blockquote_element_editable"));
@@ -60,6 +61,7 @@ exports.default = (props, dispatch) => {
         cross_reference: (0, cross_reference_editable_1.default)(props, dispatch),
         contributors: (0, contributors_1.default)(props, dispatch),
         affiliations: (0, affiliations_1.default)(props, dispatch),
+        affiliation: (0, affiliation_1.default)(props, dispatch),
         equation: (0, equation_editable_1.default)(props),
         equation_element: (0, equation_element_editable_1.default)(props),
         figure: (0, figure_editable_1.default)(props, dispatch),

package/dist/cjs/index.js

@@ -29,7 +29,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHighlightComment = exports.isThereSelector = exports.commentScroll = exports.selectedSuggestionKey = exports.PopperManager = exports.CollabProvider = exports.LevelSelector = exports.OutlineItemIcon = exports.ManuscriptOutline = void 0;
+exports.SET_SUGGESTION_ID = exports.isHighlightComment = exports.isThereSelector = exports.commentScroll = exports.PopperManager = exports.CollabProvider = exports.LevelSelector = exports.OutlineItemIcon = exports.ManuscriptOutline = void 0;
 __exportStar(require("./commands"), exports);
 var ManuscriptOutline_1 = require("./components/outline/ManuscriptOutline");
 Object.defineProperty(exports, "ManuscriptOutline", { enumerable: true, get: function () { return ManuscriptOutline_1.ManuscriptOutline; } });
@@ -43,13 +43,13 @@ Object.defineProperty(exports, "CollabProvider", { enumerable: true, get: functi
 var popper_1 = require("./lib/popper");
 Object.defineProperty(exports, "PopperManager", { enumerable: true, get: function () { return popper_1.PopperManager; } });
 __exportStar(require("./toolbar"), exports);
-var selected_suggestion_1 = require("./plugins/selected-suggestion");
-Object.defineProperty(exports, "selectedSuggestionKey", { enumerable: true, get: function () { return selected_suggestion_1.selectedSuggestionKey; } });
 __exportStar(require("./plugins/highlight"), exports);
 var comment_annotation_1 = require("./plugins/comment_annotation");
 Object.defineProperty(exports, "commentScroll", { enumerable: true, get: function () { return comment_annotation_1.commentScroll; } });
 Object.defineProperty(exports, "isThereSelector", { enumerable: true, get: function () { return comment_annotation_1.isThereSelector; } });
 Object.defineProperty(exports, "isHighlightComment", { enumerable: true, get: function () { return comment_annotation_1.isHighlightComment; } });
+var selected_suggestion_ui_1 = require("./plugins/selected-suggestion-ui");
+Object.defineProperty(exports, "SET_SUGGESTION_ID", { enumerable: true, get: function () { return selected_suggestion_ui_1.SET_SUGGESTION_ID; } });
 __exportStar(require("./lib/utils"), exports);
 __exportStar(require("./lib/track-changes-utils"), exports);
 __exportStar(require("./useEditor"), exports);

package/dist/cjs/lib/authors.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.authorComparator = exports.initials = exports.authorLabel = exports.affiliationName = exports.affiliationLabel = void 0;
+exports.authorComparator = exports.initials = exports.authorLabel = exports.affiliationLabel = void 0;
 const affiliationLabel = (affiliation) => {
     const institution = affiliation.institution;
     if (!institution) {
@@ -25,20 +25,6 @@ const affiliationLabel = (affiliation) => {
     return department ? `${institution} (${department})`.trim() : institution;
 };
 exports.affiliationLabel = affiliationLabel;
-const affiliationName = (affiliation) => {
-    return [
-        affiliation.department,
-        affiliation.institution,
-        affiliation.addressLine1,
-        affiliation.city,
-        affiliation.county,
-        affiliation.country,
-        affiliation.postCode,
-    ]
-        .filter(Boolean)
-        .join(', ');
-};
-exports.affiliationName = affiliationName;
 const authorLabel = (author) => {
     const name = author.bibliographicName;
     const parts = [(0, exports.initials)(name), name.family, name.suffix].filter(Boolean);

package/dist/cjs/lib/context-menu.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenu = exports.contextMenuBtnClass = exports.sectionLevel = void 0;
+exports.ContextMenu = exports.sectionLevel = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
@@ -42,7 +42,6 @@ exports.sectionLevel = sectionLevel;
 const hasAny = (set, ...items) => {
     return items.some((i) => set.has(i));
 };
-exports.contextMenuBtnClass = 'btn-context-menu';
 class ContextMenu {
     constructor(node, view, getPos, actions = {}, props) {
         this.showAddMenu = (target, after) => {
@@ -356,11 +355,7 @@ class ContextMenu {
         };
         this.resolvePos = () => this.view.state.doc.resolve(this.getPos());
         this.addPopperEventListeners = () => {
-            const mouseListener = (event) => {
-                const target = event.target;
-                if (target.classList.contains(exports.contextMenuBtnClass)) {
-                    return;
-                }
+            const mouseListener = () => {
                 window.requestAnimationFrame(() => {
                     window.removeEventListener('mousedown', mouseListener);
                     popper.destroy();

package/dist/cjs/lib/popper.js

@@ -22,14 +22,12 @@ exports.PopperManager = void 0;
 const popper_js_1 = __importDefault(require("popper.js"));
 class PopperManager {
     show(target, contents, placement = 'bottom', showArrow = true, modifiers = {}) {
-        console.log(target);
-        this.destroy();
+        if (this.activePopper) {
+            return this.destroy();
+        }
         window.requestAnimationFrame(() => {
             const container = document.createElement('div');
             container.className = 'popper';
-            container.addEventListener('click', (e) => {
-                e.stopPropagation();
-            });
             if (showArrow) {
                 const arrow = document.createElement('div');
                 arrow.className = 'popper-arrow';
@@ -57,32 +55,12 @@ class PopperManager {
                     this.focusInput(container);
                 },
             });
-            this.handleDocumentClick = (e) => {
-                const node = e.target;
-                if (!container.contains(node) && !target.contains(node)) {
-                    this.destroy();
-                }
-            };
-            if (contents.classList.contains('context-menu')) {
-                window.addEventListener('click', this.handleDocumentClick);
-            }
         });
     }
-    clickEventHandler(event) {
-        const contextMenuElement = document.querySelector('.context-menu');
-        if (contextMenuElement === null || contextMenuElement === void 0 ? void 0 : contextMenuElement.contains(event.target)) {
-            return;
-        }
-        this.destroy();
-    }
     destroy() {
         if (this.activePopper) {
-            window.removeEventListener('click', this.clickEventHandler);
             this.removeContainerClass(this.activePopper.reference);
             this.activePopper.destroy();
-            if (this.handleDocumentClick) {
-                window.removeEventListener('click', this.handleDocumentClick);
-            }
             delete this.activePopper;
         }
     }

package/dist/cjs/plugins/affiliations.js

@@ -17,53 +17,41 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildPluginState = exports.affiliationsKey = void 0;
 const transform_1 = require("@manuscripts/transform");
-const lodash_1 = require("lodash");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
-const authors_1 = require("../lib/authors");
 const track_changes_utils_1 = require("../lib/track-changes-utils");
 exports.affiliationsKey = new prosemirror_state_1.PluginKey('affiliations');
 let id = 1;
-const buildPluginState = (doc, $old) => {
-    const nodes = [];
+const buildPluginState = (doc) => {
     const contributors = [];
     const affiliations = [];
     doc.descendants((node, pos) => {
-        const attrs = (0, track_changes_utils_1.isDeleted)(node) ? node.attrs : (0, track_changes_utils_1.getActualAttrs)(node);
+        if ((0, track_changes_utils_1.isDeleted)(node)) {
+            return;
+        }
         if ((0, transform_1.isAffiliationNode)(node)) {
-            nodes.push([node, pos]);
-            affiliations.push(attrs);
+            affiliations.push([node, pos]);
         }
         if ((0, transform_1.isContributorNode)(node)) {
-            nodes.push([node, pos]);
-            contributors.push(attrs);
+            contributors.push([node, pos]);
         }
     });
-    if ($old &&
-        (0, lodash_1.isEqual)(contributors, $old.contributors) &&
-        (0, lodash_1.isEqual)(affiliations, $old.affiliations)) {
-        return $old;
-    }
     const iAffiliations = new Set();
-    contributors.sort(authors_1.authorComparator).forEach((attrs) => {
-        attrs.affiliations.forEach((aff) => {
+    contributors
+        .sort(([a], [b]) => {
+        return (Number((0, track_changes_utils_1.getActualAttrs)(a).priority) - Number((0, track_changes_utils_1.getActualAttrs)(b).priority));
+    })
+        .forEach(([author]) => {
+        (0, track_changes_utils_1.getActualAttrs)(author).affiliations.forEach((aff) => {
             iAffiliations.add(aff);
         });
     });
     const indexedAffiliationIds = new Map([...iAffiliations].map((id, i) => [id, i + 1]));
-    const version = String(id++);
-    const decorations = [];
-    nodes.forEach(([node, pos]) => {
-        decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
-            version,
-        }));
-    });
     return {
-        version,
+        version: String(id++),
         indexedAffiliationIds,
         contributors,
         affiliations,
-        decorations: prosemirror_view_1.DecorationSet.create(doc, decorations),
     };
 };
 exports.buildPluginState = buildPluginState;
@@ -75,52 +63,54 @@ exports.default = () => {
                 return (0, exports.buildPluginState)(instance.doc);
             },
             apply(tr, value, oldState, newState) {
-                const $old = exports.affiliationsKey.getState(oldState);
-                if (!tr.docChanged && $old) {
-                    return $old;
+                const prevPluginState = exports.affiliationsKey.getState(oldState);
+                if (!tr.docChanged && prevPluginState) {
+                    return prevPluginState;
                 }
                 else {
-                    return (0, exports.buildPluginState)(newState.doc, $old);
+                    return (0, exports.buildPluginState)(newState.doc);
                 }
             },
         },
         appendTransaction(transactions, oldState, newState) {
-            const affs = exports.affiliationsKey.getState(newState);
-            if (!affs || !transactions.find((tr) => tr.docChanged)) {
+            const { indexedAffiliationIds } = exports.affiliationsKey.getState(newState);
+            if (!transactions.find((tr) => tr.docChanged)) {
                 return;
             }
-            const $old = exports.affiliationsKey.getState(oldState);
-            const affiliations = new Map();
+            const oldPluginState = exports.affiliationsKey.getState(oldState);
+            const { tr } = newState;
+            const affiliations = [];
             newState.doc.descendants((node, pos) => {
+                if ((0, track_changes_utils_1.isDeleted)(node)) {
+                    return;
+                }
                 if ((0, transform_1.isAffiliationNode)(node)) {
-                    affiliations.set(node.attrs.id, [node, pos]);
+                    affiliations.push([node, pos]);
                 }
             });
-            const deleteIDs = [];
-            for (const [id] of $old.indexedAffiliationIds.entries()) {
-                if (!affs.indexedAffiliationIds.has(id)) {
-                    deleteIDs.push(id);
+            for (const [id] of oldPluginState.indexedAffiliationIds.entries()) {
+                if (!indexedAffiliationIds.has(id)) {
+                    const affiliation = affiliations.find(([node]) => node.attrs.id === id);
+                    if (affiliation && !(0, track_changes_utils_1.isPendingInsert)(affiliation[0])) {
+                        tr.delete(affiliation[1], affiliation[1] + affiliation[0].nodeSize);
+                    }
                 }
             }
-            if (!deleteIDs.length) {
-                return;
-            }
-            const tr = newState.tr;
             tr.setMeta('origin', 'affiliations');
-            for (const id of deleteIDs) {
-                const affiliation = affiliations.get(id);
-                if (!affiliation) {
-                    continue;
-                }
-                const [node, pos] = affiliation;
-                if (node && !(0, track_changes_utils_1.isPendingInsert)(node)) {
-                    tr.delete(pos, pos + node.nodeSize);
-                }
-            }
             return tr;
         },
         props: {
-            decorations: (state) => { var _a; return (_a = exports.affiliationsKey.getState(state)) === null || _a === void 0 ? void 0 : _a.decorations; },
+            decorations: (state) => {
+                const decorations = [];
+                const aff = exports.affiliationsKey.getState(state);
+                const nodes = [...aff.contributors, ...aff.affiliations];
+                nodes.forEach(([node, pos]) => {
+                    decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
+                        version: aff.version,
+                    }));
+                });
+                return prosemirror_view_1.DecorationSet.create(state.doc, decorations);
+            },
         },
     });
 };

package/dist/cjs/plugins/selected-suggestion-ui.js

@@ -0,0 +1,132 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectedSuggestionKey = exports.CLEAR_SUGGESTION_ID = exports.SET_SUGGESTION_ID = void 0;
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
+const lodash_1 = require("lodash");
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_view_1 = require("prosemirror-view");
+class SuggestionView {
+    constructor(view) {
+        this.listener = (e) => {
+            const changeId = e.currentTarget.getAttribute('data-track-id');
+            this.view.dispatch(this.view.state.tr.setMeta(exports.SET_SUGGESTION_ID, changeId));
+        };
+        this.view = view;
+        this.addEventListener(view);
+        this.update(view, undefined);
+    }
+    update(view, prevState) {
+        var _a, _b;
+        this.view = view;
+        if (!prevState) {
+            return;
+        }
+        const oldChanges = ((_a = track_changes_plugin_1.trackChangesPluginKey.getState(prevState)) === null || _a === void 0 ? void 0 : _a.changeSet.changes) || [];
+        const newChangeSet = (_b = track_changes_plugin_1.trackChangesPluginKey.getState(view.state)) === null || _b === void 0 ? void 0 : _b.changeSet;
+        if (newChangeSet && !(0, lodash_1.isEqual)(oldChanges, newChangeSet.changes)) {
+            this.addEventListener(view);
+            oldChanges.map((change) => {
+                var _a;
+                if (!newChangeSet.get(change.id) ||
+                    ((_a = newChangeSet.get(change.id)) === null || _a === void 0 ? void 0 : _a.dataTracked.status) === 'rejected') {
+                    const dom = view.dom.querySelector(`[data-track-id="${change.id}"]`);
+                    dom === null || dom === void 0 ? void 0 : dom.removeEventListener('click', this.listener);
+                }
+            });
+        }
+    }
+    destroy() {
+        this.view.dom
+            .querySelectorAll('[data-track-status="pending"], [data-track-status="accepted"]')
+            .forEach((dom) => {
+            var _a, _b;
+            if ((_b = (_a = dom.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains('keyword')) {
+                return;
+            }
+            dom.removeEventListener('click', this.listener);
+        });
+    }
+    addEventListener(view) {
+        view.dom
+            .querySelectorAll('[data-track-status="pending"], [data-track-status="accepted"]')
+            .forEach((dom) => {
+            var _a, _b;
+            if ((_b = (_a = dom.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.classList.contains('keyword')) {
+                return;
+            }
+            dom.addEventListener('click', this.listener);
+        });
+    }
+}
+const getTrackChangesData = (node) => {
+    var _a;
+    const trackChangesMark = node.marks.find((mark) => (mark.type.name === 'tracked_insert' ||
+        mark.type.name === 'tracked_delete') &&
+        mark.attrs.dataTracked);
+    return (_a = trackChangesMark === null || trackChangesMark === void 0 ? void 0 : trackChangesMark.attrs) === null || _a === void 0 ? void 0 : _a.dataTracked;
+};
+exports.SET_SUGGESTION_ID = 'SET_SELECTED_SUGGESTION_ID';
+exports.CLEAR_SUGGESTION_ID = 'CLEAR_SUGGESTION_ID';
+exports.selectedSuggestionKey = new prosemirror_state_1.PluginKey('selected_suggestion');
+exports.default = (props) => new prosemirror_state_1.Plugin({
+    key: exports.selectedSuggestionKey,
+    view: (view) => new SuggestionView(view),
+    state: {
+        init: () => prosemirror_view_1.DecorationSet.empty,
+        apply: (tr, value, _, state) => {
+            const suggestionId = tr.getMeta(exports.SET_SUGGESTION_ID);
+            if (suggestionId) {
+                return buildSelectedSuggestionDecoration(suggestionId, state, props);
+            }
+            if (tr.getMeta(exports.CLEAR_SUGGESTION_ID)) {
+                return prosemirror_view_1.DecorationSet.empty;
+            }
+            return value;
+        },
+    },
+    props: {
+        handleClick(view, pos) {
+            const nodeClicked = view.state.doc.nodeAt(pos);
+            const trackChangesData = nodeClicked && getTrackChangesData(nodeClicked);
+            if (!trackChangesData) {
+                setTimeout(() => {
+                    const newTr = view.state.tr.setMeta(exports.CLEAR_SUGGESTION_ID, true);
+                    view.dispatch(newTr);
+                    props.setEditorSelectedSuggestion(undefined);
+                });
+            }
+        },
+        decorations: (state) => exports.selectedSuggestionKey.getState(state),
+    },
+});
+const buildSelectedSuggestionDecoration = (suggestionId, state, props) => {
+    var _a;
+    const change = (_a = track_changes_plugin_1.trackChangesPluginKey
+        .getState(state)) === null || _a === void 0 ? void 0 : _a.changeSet.get(suggestionId);
+    const decorations = [];
+    if (change) {
+        const decoration = change.type === 'text-change' ? prosemirror_view_1.Decoration.inline : prosemirror_view_1.Decoration.node;
+        decorations.push(decoration(change.from, change.to, {
+            class: 'selected-suggestion',
+        }));
+        setTimeout(() => {
+            props.setEditorSelectedSuggestion(change.id);
+        }, 0);
+    }
+    return prosemirror_view_1.DecorationSet.create(state.doc, decorations);
+};

package/dist/cjs/useEditor.js

@@ -70,7 +70,7 @@ const useEditor = (externalProps) => {
         }
         debounce(() => {
             setState(nextState);
-        }, 200, !tr.isGeneric || !tr.docChanged);
+        }, 200, !tr.isGeneric);
         return nextState;
     }, []);
     const onRender = (0, react_1.useCallback)((el) => {

package/dist/cjs/views/affiliation.js

@@ -0,0 +1,76 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AffiliationView = void 0;
+const track_changes_utils_1 = require("../lib/track-changes-utils");
+const affiliations_1 = require("../plugins/affiliations");
+const base_node_view_1 = require("./base_node_view");
+const creators_1 = require("./creators");
+class AffiliationView extends base_node_view_1.BaseNodeView {
+    constructor() {
+        super(...arguments);
+        this.initialise = () => {
+            this.createDOM();
+        };
+        this.updateContents = () => {
+            var _a;
+            const attrs = this.node.attrs;
+            const pluginState = affiliations_1.affiliationsKey.getState(this.view.state);
+            this.dom.innerHTML = this.formatAddress((0, track_changes_utils_1.getActualAttrs)(this.node));
+            if (pluginState === null || pluginState === void 0 ? void 0 : pluginState.indexedAffiliationIds) {
+                const order = pluginState.indexedAffiliationIds.get(attrs.id);
+                this.dom.innerHTML = order
+                    ? `<b>${order}</b> ${this.dom.innerHTML}`
+                    : this.dom.innerHTML;
+                this.dom.setAttribute('style', 'order: ' + (order || (pluginState === null || pluginState === void 0 ? void 0 : pluginState.affiliations.length) + 1));
+            }
+            if ((_a = attrs.dataTracked) === null || _a === void 0 ? void 0 : _a.length) {
+                this.dom.setAttribute('data-track-id', attrs.dataTracked[0].id);
+                this.dom.setAttribute('data-track-status', attrs.dataTracked[0].status);
+                this.dom.setAttribute('data-track-op', attrs.dataTracked[0].operation);
+            }
+            else {
+                this.dom.removeAttribute('data-track-id');
+                this.dom.removeAttribute('data-track-status');
+                this.dom.removeAttribute('data-track-type');
+            }
+        };
+        this.createDOM = () => {
+            this.dom = document.createElement('div');
+            this.dom.classList.add('affiliation');
+            this.dom.setAttribute('id', this.node.attrs.id);
+            this.updateContents();
+        };
+        this.ignoreMutation = () => true;
+        this.formatAddress = (affiliation) => {
+            const { department, institution, addressLine1, city, county, country, postCode, } = affiliation;
+            return [
+                department,
+                institution,
+                addressLine1,
+                city,
+                county,
+                country,
+                postCode,
+            ]
+                .filter(Boolean)
+                .join(', ');
+        };
+    }
+}
+exports.AffiliationView = AffiliationView;
+exports.default = (0, creators_1.createNodeView)(AffiliationView);