@manuscripts/body-editor 2.7.32 → 2.7.33

package/dist/es/plugins/inspector-tabs.js

@@ -0,0 +1,81 @@
+/*!
+ * © 2025 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.
+ */
+import { Plugin, PluginKey } from 'prosemirror-state';
+export const inspectorTabsKey = new PluginKey('inspector_tabs');
+export var InspectorPrimaryTabs;
+(function (InspectorPrimaryTabs) {
+    InspectorPrimaryTabs[InspectorPrimaryTabs["Comments"] = 0] = "Comments";
+    InspectorPrimaryTabs[InspectorPrimaryTabs["History"] = 1] = "History";
+    InspectorPrimaryTabs[InspectorPrimaryTabs["Files"] = 2] = "Files";
+})(InspectorPrimaryTabs || (InspectorPrimaryTabs = {}));
+export var InspectorSecondaryTabsFiles;
+(function (InspectorSecondaryTabsFiles) {
+    InspectorSecondaryTabsFiles[InspectorSecondaryTabsFiles["SupplementsFiles"] = 1] = "SupplementsFiles";
+    InspectorSecondaryTabsFiles[InspectorSecondaryTabsFiles["OtherFiles"] = 2] = "OtherFiles";
+})(InspectorSecondaryTabsFiles || (InspectorSecondaryTabsFiles = {}));
+export default () => {
+    return new Plugin({
+        key: inspectorTabsKey,
+        state: {
+            init: () => ({
+                inspectorOpenTabs: {
+                    primaryTab: null,
+                    secondaryTab: null,
+                },
+            }),
+            apply: (tr, value) => {
+                const meta = tr.getMeta(inspectorTabsKey);
+                if (meta && meta.inspectorOpenTabs !== undefined) {
+                    return Object.assign(Object.assign({}, value), { inspectorOpenTabs: meta.inspectorOpenTabs });
+                }
+                return value;
+            },
+        },
+        props: {
+            handleClick: (view, pos, event) => {
+                const target = event.target;
+                const inspectorOpenTabs = {
+                    primaryTab: null,
+                    secondaryTab: null,
+                };
+                switch (target.dataset.action) {
+                    case 'open-other-files':
+                        event.stopPropagation();
+                        inspectorOpenTabs.primaryTab = InspectorPrimaryTabs.Files;
+                        inspectorOpenTabs.secondaryTab =
+                            InspectorSecondaryTabsFiles.OtherFiles;
+                        break;
+                    case 'open-supplement-files':
+                        event.stopPropagation();
+                        inspectorOpenTabs.primaryTab = InspectorPrimaryTabs.Files;
+                        inspectorOpenTabs.secondaryTab =
+                            InspectorSecondaryTabsFiles.SupplementsFiles;
+                        break;
+                    default:
+                        break;
+                }
+                if (inspectorOpenTabs.primaryTab != null ||
+                    inspectorOpenTabs.secondaryTab != null) {
+                    const tr = view.state.tr.setMeta(inspectorTabsKey, {
+                        inspectorOpenTabs,
+                    });
+                    view.dispatch(tr);
+                }
+                return false;
+            },
+        },
+    });
+};

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.7.32';
+export const VERSION = '2.7.33';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/ReactSubView.js

@@ -16,12 +16,12 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { ThemeProvider } from 'styled-components';
-function createSubView(props, Component, componentProps, node, getPos, view, classNames = '') {
+function createSubView(props, Component, componentProps, node, getPos, view, classNames = []) {
     const container = document.createElement('div');
     container.classList.add('tools-panel');
-    if (classNames) {
-        container.classList.add(classNames);
-        container.setAttribute('data-cy', classNames);
+    if (classNames.length) {
+        container.classList.add(...classNames);
+        container.setAttribute('data-cy', classNames[0]);
     }
     container.setAttribute('contenteditable', 'false');
     const Wrapped = () => {

package/dist/es/views/affiliations.js

@@ -98,7 +98,7 @@ export class AffiliationsView extends BlockView {
                     action: () => this.handleEdit(),
                     icon: 'Edit',
                 });
-                this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
+                this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
                 return this.contextMenu;
             }
             return undefined;

package/dist/es/views/award.js

@@ -74,7 +74,7 @@ export class AwardView extends BlockView {
                     },
                 ],
             };
-            this.props.popper.show(this.contentDOM, ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu'), 'right-start', false);
+            this.props.popper.show(this.contentDOM, ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']), 'right-start', false);
         };
         this.showAwardModal = (award) => {
             var _a, _b;
@@ -85,7 +85,7 @@ export class AwardView extends BlockView {
                 onSaveAward: this.handleSaveAward,
                 onCancelAward: this.handleCancelAward,
             };
-            this.popperContainer = ReactSubView(this.props, AwardModal, componentProps, this.node, this.getPos, this.view, 'award-editor');
+            this.popperContainer = ReactSubView(this.props, AwardModal, componentProps, this.node, this.getPos, this.view, ['award-editor']);
             this.props.popper.show(this.dom, this.popperContainer, 'auto', false);
         };
         this.showDeleteAwardDialog = () => {
@@ -94,7 +94,7 @@ export class AwardView extends BlockView {
             const componentProps = {
                 handleDelete: this.handleDeleteAward,
             };
-            this.popperContainer = ReactSubView(this.props, DeleteAwardDialog, componentProps, this.node, this.getPos, this.view, 'award-editor');
+            this.popperContainer = ReactSubView(this.props, DeleteAwardDialog, componentProps, this.node, this.getPos, this.view, ['award-editor']);
             this.props.popper.show(this.dom, this.popperContainer, 'auto', false);
         };
         this.handleSaveAward = (award) => {

package/dist/es/views/bibliography_element.js

@@ -119,7 +119,7 @@ export class BibliographyElementBlockView extends BlockView {
             onSave: this.handleSave,
             onDelete: this.handleDelete,
         };
-        this.editor = ReactSubView(this.props, ReferencesEditor, componentProps, this.node, this.getPos, this.view, 'references-editor');
+        this.editor = ReactSubView(this.props, ReferencesEditor, componentProps, this.node, this.getPos, this.view, ['references-editor']);
         this.props.popper.show(this.dom, this.editor, 'right');
     }
     handleEdit(citationID) {
@@ -145,7 +145,7 @@ export class BibliographyElementBlockView extends BlockView {
             action: () => handleComment(item, this.view),
             icon: 'AddComment',
         });
-        this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
+        this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
         this.props.popper.show(element, this.contextMenu, 'right-start');
     }
     updateContents() {

package/dist/es/views/citation_editable.js

@@ -87,7 +87,7 @@ export class CitationEditableView extends CitationView {
             const componentProps = {
                 actions,
             };
-            this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
+            this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
             this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);
         };
         this.showPopper = () => {
@@ -115,14 +115,14 @@ export class CitationEditableView extends CitationView {
                     onCancel: this.handleCancel,
                     canEdit: can.editCitationsAndRefs,
                 };
-                this.editor = ReactSubView(this.props, CitationEditor, componentProps, this.node, this.getPos, this.view, 'citation-editor');
+                this.editor = ReactSubView(this.props, CitationEditor, componentProps, this.node, this.getPos, this.view, ['citation-editor']);
             }
             else {
                 const componentProps = {
                     rids,
                     items,
                 };
-                this.editor = ReactSubView(this.props, CitationViewer, componentProps, this.node, this.getPos, this.view, 'citation-editor');
+                this.editor = ReactSubView(this.props, CitationViewer, componentProps, this.node, this.getPos, this.view, ['citation-editor']);
             }
             this.props.popper.show(this.dom, this.editor, 'auto');
         };

package/dist/es/views/contributors.js

@@ -132,7 +132,7 @@ export class ContributorsView extends BlockView {
                     action: () => this.handleEdit(''),
                     icon: 'Edit',
                 });
-                this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
+                this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
                 return this.contextMenu;
             }
             return undefined;
@@ -196,7 +196,7 @@ export class ContributorsView extends BlockView {
                     },
                 ],
             };
-            this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu');
+            this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
             this.props.popper.show(element, this.contextMenu, 'right-start');
         };
         this.handleEdit = (id, addNew) => {

package/dist/es/views/cross_reference_editable.js

@@ -46,7 +46,7 @@ export class CrossReferenceEditableView extends CrossReferenceView {
                 currentTargetId: rids[0],
                 currentCustomLabel: this.node.attrs.label,
             };
-            this.popperContainer = ReactSubView(this.props, CrossReferenceItems, componentProps, this.node, this.getPos, this.view, 'cross-reference-editor');
+            this.popperContainer = ReactSubView(this.props, CrossReferenceItems, componentProps, this.node, this.getPos, this.view, ['cross-reference-editor']);
             this.props.popper.show(this.dom, this.popperContainer, 'auto');
         };
         this.destroy = () => {

package/dist/es/views/embed.js

@@ -68,7 +68,7 @@ export class EmbedMediaView extends BlockView {
                     },
                 ],
             };
-            preview.appendChild(ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'embed-context-menu'));
+            preview.appendChild(ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['embed-context-menu']));
         };
     }
     updateContents() {

package/dist/es/views/figure_editable.js

@@ -22,15 +22,24 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { FileCorruptedIcon } from '@manuscripts/style-guide';
+import { ContextMenu, FileCorruptedIcon, ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, } from '@manuscripts/style-guide';
+import { schema } from '@manuscripts/transform';
+import { NodeSelection } from 'prosemirror-state';
 import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 import { FigureOptions, } from '../components/views/FigureDropdown';
 import { groupFiles } from '../lib/files';
+import { updateNodeAttrs } from '../lib/view';
 import { createEditableNodeView } from './creators';
 import { FigureView } from './figure';
 import { figureUploader } from './figure_uploader';
 import ReactSubView from './ReactSubView';
+export var figurePositions;
+(function (figurePositions) {
+    figurePositions["left"] = "half-left";
+    figurePositions["right"] = "half-right";
+    figurePositions["default"] = "";
+})(figurePositions || (figurePositions = {}));
 export class FigureEditableView extends FigureView {
     constructor() {
         super(...arguments);
@@ -39,8 +48,10 @@ export class FigureEditableView extends FigureView {
             this.updateContents();
         };
         this.setSrc = (src) => {
-            const { selection, tr } = this.view.state;
-            tr.setNodeMarkup(this.getPos(), undefined, Object.assign(Object.assign({}, this.node.attrs), { src: src })).setSelection(selection.map(tr.doc, tr.mapping));
+            const { tr } = this.view.state;
+            const pos = this.getPos();
+            tr.setNodeMarkup(pos, undefined, Object.assign(Object.assign({}, this.node.attrs), { src: src }));
+            tr.setSelection(NodeSelection.create(tr.doc, pos));
             this.view.dispatch(tr);
         };
         this.createUnsupportedFormat = (name) => {
@@ -78,11 +89,78 @@ export class FigureEditableView extends FigureView {
             element.classList.add('figure', 'placeholder');
             const instructions = document.createElement('div');
             instructions.classList.add('instructions');
-            instructions.textContent = 'Click to select an image file';
-            instructions.style.pointerEvents = 'none';
+            instructions.innerHTML = `
+      <p>Drag or click here to upload image <br>
+      or drag items here from the file inspector tabs <br>
+      <a data-action='open-other-files'>'Other files'</a> | 
+      <a data-action='open-supplement-files'>'Supplements'</a></p>
+    `;
             element.appendChild(instructions);
             return element;
         };
+        this.createPositionMenuWrapper = () => {
+            const can = this.props.getCapabilities();
+            this.positionMenuWrapper = document.createElement('div');
+            this.positionMenuWrapper.classList.add('position-menu');
+            const positionMenuButton = document.createElement('div');
+            positionMenuButton.classList.add('position-menu-button');
+            let icon;
+            switch (this.figurePosition) {
+                case figurePositions.left:
+                    icon = ImageLeftIcon;
+                    break;
+                case figurePositions.right:
+                    icon = ImageRightIcon;
+                    break;
+                default:
+                    icon = ImageDefaultIcon;
+                    break;
+            }
+            if (icon) {
+                positionMenuButton.innerHTML = renderToStaticMarkup(createElement(icon));
+            }
+            if (can.editArticle) {
+                positionMenuButton.addEventListener('click', this.showPositionMenu);
+            }
+            this.positionMenuWrapper.appendChild(positionMenuButton);
+            return this.positionMenuWrapper;
+        };
+        this.showPositionMenu = () => {
+            this.props.popper.destroy();
+            const figure = this.node;
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Left',
+                        action: () => {
+                            this.props.popper.destroy();
+                            updateNodeAttrs(this.view, schema.nodes.figure, Object.assign(Object.assign({}, figure.attrs), { type: figurePositions.left }));
+                        },
+                        icon: 'ImageLeft',
+                        selected: this.figurePosition === figurePositions.left,
+                    },
+                    {
+                        label: 'Default',
+                        action: () => {
+                            this.props.popper.destroy();
+                            updateNodeAttrs(this.view, schema.nodes.figure, Object.assign(Object.assign({}, figure.attrs), { type: figurePositions.default }));
+                        },
+                        icon: 'ImageDefault',
+                        selected: !this.figurePosition,
+                    },
+                    {
+                        label: 'Right',
+                        action: () => {
+                            this.props.popper.destroy();
+                            updateNodeAttrs(this.view, schema.nodes.figure, Object.assign(Object.assign({}, figure.attrs), { type: figurePositions.right }));
+                        },
+                        icon: 'ImageRight',
+                        selected: this.figurePosition === figurePositions.right,
+                    },
+                ],
+            };
+            this.props.popper.show(this.positionMenuWrapper, ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu', 'position-menu']), 'left', false);
+        };
     }
     updateContents() {
         var _a;
@@ -91,6 +169,7 @@ export class FigureEditableView extends FigureView {
         const src = attrs.src;
         const files = this.props.getFiles();
         const file = src && files.filter((f) => f.id === src)[0];
+        this.figurePosition = attrs.type;
         this.container.innerHTML = '';
         const can = this.props.getCapabilities();
         const link = file && this.props.fileManagement.previewLink(file);
@@ -109,20 +188,30 @@ export class FigureEditableView extends FigureView {
                     this.props.fileManagement.download(file);
                 };
             }
-            handleReplace = (file) => {
-                this.setSrc(file.id);
-            };
             handleDetach = () => {
                 this.setSrc('');
             };
         }
+        if (can.replaceFile) {
+            handleReplace = (file) => {
+                this.setSrc(file.id);
+            };
+        }
         if (can.uploadFile) {
             const upload = (file) => __awaiter(this, void 0, void 0, function* () {
                 const result = yield this.props.fileManagement.upload(file);
                 this.setSrc(result.id);
             });
             handleUpload = figureUploader(upload);
-            img.addEventListener('click', handleUpload);
+            const handlePlaceholderClick = (event) => {
+                const target = event.target;
+                if (target.dataset && target.dataset.action) {
+                    return;
+                }
+                const triggerUpload = figureUploader(upload);
+                triggerUpload();
+            };
+            img.addEventListener('click', handlePlaceholderClick);
             img.addEventListener('mouseenter', () => {
                 img.classList.toggle('over', true);
             });
@@ -170,6 +259,7 @@ export class FigureEditableView extends FigureView {
             this.reactTools = ReactSubView(this.props, FigureOptions, componentProps, this.node, this.getPos, this.view);
             this.dom.insertBefore(this.reactTools, this.dom.firstChild);
         }
+        this.container.appendChild(this.createPositionMenuWrapper());
     }
 }
 export default createEditableNodeView(FigureEditableView);

package/dist/es/views/figure_element.js

@@ -13,23 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { schema } from '@manuscripts/transform';
-import { FigureElementOptions, } from '../components/views/FigureDropdown';
-import { groupFiles } from '../lib/files';
-import { getMatchingChild } from '../lib/utils';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
-import { figureUploader } from './figure_uploader';
-import ReactSubView from './ReactSubView';
 export class FigureElementView extends BlockView {
     constructor() {
         super(...arguments);
@@ -44,69 +29,5 @@ export class FigureElementView extends BlockView {
             this.container.appendChild(this.contentDOM);
         };
     }
-    updateContents() {
-        var _a;
-        super.updateContents();
-        if (!this.contentDOM) {
-            throw new Error('No contentDOM');
-        }
-        const can = this.props.getCapabilities();
-        let handleUpload = () => {
-        };
-        const hasUploadedImage = !!getMatchingChild(this.node, (node) => node.type === schema.nodes.figure && node.attrs.src);
-        const handleAdd = (file) => __awaiter(this, void 0, void 0, function* () {
-            const { state: { tr, schema, selection }, dispatch, } = this.view;
-            const src = file.id;
-            const figure = getMatchingChild(this.node, (node) => node.type === schema.nodes.figure);
-            if (figure === null || figure === void 0 ? void 0 : figure.attrs.src) {
-                const figure = schema.nodes.figure.createAndFill({
-                    src,
-                }, []);
-                let position = 0;
-                this.node.forEach((node, pos) => {
-                    if (node.type === schema.nodes.figure) {
-                        position = pos + node.nodeSize;
-                    }
-                });
-                dispatch(tr.insert(this.getPos() + position + 1, figure));
-            }
-            else if (figure) {
-                tr.setNodeMarkup(this.getPos() + 1, undefined, Object.assign(Object.assign({}, figure.attrs), { src })).setSelection(selection.map(tr.doc, tr.mapping));
-                dispatch(tr);
-            }
-            this.deleteSupplementNode(file);
-        });
-        if (can.uploadFile) {
-            const upload = (file) => __awaiter(this, void 0, void 0, function* () {
-                const result = yield this.props.fileManagement.upload(file);
-                yield handleAdd(result);
-            });
-            handleUpload = figureUploader(upload);
-        }
-        if (this.props.dispatch && this.props.theme) {
-            const files = this.props.getFiles();
-            const doc = this.view.state.doc;
-            const componentProps = {
-                can: can,
-                files: groupFiles(doc, files),
-                onUpload: handleUpload,
-                onAdd: handleAdd,
-                hasUploadedImage: hasUploadedImage,
-            };
-            (_a = this.reactTools) === null || _a === void 0 ? void 0 : _a.remove();
-            this.reactTools = ReactSubView(this.props, FigureElementOptions, componentProps, this.node, this.getPos, this.view);
-            this.dom.insertBefore(this.reactTools, this.dom.firstChild);
-        }
-    }
-    deleteSupplementNode(file) {
-        const tr = this.view.state.tr;
-        this.view.state.doc.descendants((node, pos) => {
-            if (node.type === schema.nodes.supplement &&
-                node.attrs.href === file.id) {
-                tr.delete(pos, pos + node.nodeSize);
-            }
-        });
-        this.view.dispatch(tr);
-    }
 }
 export default createNodeView(FigureElementView);

package/dist/es/views/inline_footnote.js

@@ -52,7 +52,7 @@ export class InlineFootnoteView extends BaseNodeView {
                     },
                 ],
             };
-            this.props.popper.show(this.dom, ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu'), 'right-start', false);
+            this.props.popper.show(this.dom, ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']), 'right-start', false);
         };
         this.handleClick = () => {
             if (isDeleted(this.node)) {
@@ -97,7 +97,7 @@ export class InlineFootnoteView extends BaseNodeView {
                 onAdd: this.handleAdd,
                 onInsert: this.handleInsert,
             };
-            this.popperContainer = ReactSubView(this.props, FootnotesSelector, props, this.node, this.getPos, this.view, 'footnote-editor');
+            this.popperContainer = ReactSubView(this.props, FootnotesSelector, props, this.node, this.getPos, this.view, ['footnote-editor']);
             this.props.popper.show(this.dom, this.popperContainer, 'auto', false);
         };
         this.initialise = () => {

package/dist/es/views/keyword.js

@@ -52,7 +52,7 @@ export class KeywordView extends BaseNodeView {
                 keyword: keyword.textContent,
                 handleDelete: handleDelete,
             };
-            this.dialog = ReactSubView(this.props, DeleteKeywordDialog, componentProps, this.node, this.getPos, this.view, 'keywords-delete');
+            this.dialog = ReactSubView(this.props, DeleteKeywordDialog, componentProps, this.node, this.getPos, this.view, ['keywords-delete']);
             if (this.dialog) {
                 this.dom.appendChild(this.dialog);
             }

package/dist/es/views/keyword_group.js

@@ -31,7 +31,7 @@ export class KeywordGroupView extends BlockView {
             this.contentDOM.setAttribute('contenteditable', 'false');
             this.element.appendChild(this.contentDOM);
             if (this.props.getCapabilities().editArticle) {
-                this.addingTools = ReactSubView(this.props, AddKeywordInline, { getUpdatedNode: () => this.node }, this.node, this.getPos, this.view, 'keywords-editor');
+                this.addingTools = ReactSubView(this.props, AddKeywordInline, { getUpdatedNode: () => this.node }, this.node, this.getPos, this.view, ['keywords-editor']);
             }
             if (this.addingTools) {
                 this.element.appendChild(this.addingTools);

package/dist/es/views/link_editable.js

@@ -65,7 +65,7 @@ export class LinkEditableView extends LinkView {
                 onRemove: this.handleRemove,
                 onSave: this.handleSave,
             };
-            this.popperContainer = ReactSubView(this.props, LinkForm, componentProps, this.node, this.getPos, this.view, 'link-editor');
+            this.popperContainer = ReactSubView(this.props, LinkForm, componentProps, this.node, this.getPos, this.view, ['link-editor']);
             this.props.popper.show(this.dom, this.popperContainer, 'bottom');
         };
         this.handleClick = (e) => {

package/dist/es/views/table_cell.js

@@ -73,7 +73,7 @@ export class TableCellView extends BlockView {
                         contextMenuButton.classList.toggle('open-context-menu');
                     },
                     onCancelColumnDialog: () => this.addOutClickListener(contextMenuButton),
-                }, this.view.state.selection.$from.node(), this.getPos, this.view, 'table-cell-context-menu');
+                }, this.view.state.selection.$from.node(), this.getPos, this.view, ['table-cell-context-menu']);
                 contextMenuButton.classList.toggle('open-context-menu');
                 this.props.popper.show(contextMenuButton, contextMenu, 'right', false);
                 this.addOutClickListener(contextMenuButton);

package/dist/types/components/views/FigureDropdown.d.ts

@@ -16,5 +16,4 @@ export interface FigureElementOptionsProps extends FigureDropdownProps {
     onUpload: () => void;
     hasUploadedImage: boolean;
 }
-export declare const FigureElementOptions: React.FC<FigureElementOptionsProps>;
 export declare const FigureOptions: React.FC<FigureOptionsProps>;

package/dist/types/index.d.ts

@@ -40,3 +40,4 @@ export { footnotesKey as footnotesPluginKey } from './plugins/footnotes';
 export { bibliographyKey as bibliographyPluginKey } from './plugins/bibliography';
 export { metadata, BibliographyItemAttrs } from './lib/references';
 export { authorLabel, affiliationLabel, AffiliationAttrs, ContributorAttrs, } from './lib/authors';
+export * from './plugins/inspector-tabs';

package/dist/types/lib/context-menu.d.ts

@@ -23,8 +23,10 @@ export declare class ContextMenu {
     constructor(node: ManuscriptNode, view: ManuscriptEditorView, getPos: () => number);
     showAddMenu: (target: Element, after: boolean) => void;
     showEditMenu: (target: Element) => void;
+    private createSubmenuTrigger;
     private createMenuItem;
     private createMenuSection;
+    private createSubmenu;
     private insertableTypes;
     private changeNodeType;
     private deleteNode;
@@ -32,4 +34,5 @@ export declare class ContextMenu {
     private addPopperEventListeners;
     private trimTitle;
     private getCommentTarget;
+    private toggleSubmenu;
 }

package/dist/types/plugins/inspector-tabs.d.ts

@@ -0,0 +1,35 @@
+/*!
+ * © 2025 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.
+ */
+import { Plugin, PluginKey } from 'prosemirror-state';
+export declare const inspectorTabsKey: PluginKey<any>;
+export interface InspectorOpenTabs {
+    primaryTab: InspectorPrimaryTabs | null;
+    secondaryTab: InspectorSecondaryTabsFiles | null;
+}
+interface PluginState {
+    inspectorOpenTabs: InspectorOpenTabs;
+}
+export declare enum InspectorPrimaryTabs {
+    Comments = 0,
+    History = 1,
+    Files = 2
+}
+export declare enum InspectorSecondaryTabsFiles {
+    SupplementsFiles = 1,
+    OtherFiles = 2
+}
+declare const _default: () => Plugin<PluginState>;
+export default _default;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.7.32";
+export declare const VERSION = "2.7.33";
 export declare const MATHJAX_VERSION = "3.2.2";

package/dist/types/views/ReactSubView.d.ts

@@ -29,5 +29,5 @@ export interface ReactViewComponentProps<NodeT extends ManuscriptNode> {
     };
     dispatch: Dispatch;
 }
-declare function createSubView<T extends Trackable<ManuscriptNode>>(props: EditorProps, Component: React.FC<any>, componentProps: object, node: T, getPos: () => number, view: ManuscriptEditorView, classNames?: string): HTMLDivElement;
+declare function createSubView<T extends Trackable<ManuscriptNode>>(props: EditorProps, Component: React.FC<any>, componentProps: object, node: T, getPos: () => number, view: ManuscriptEditorView, classNames?: string[]): HTMLDivElement;
 export default createSubView;