@manuscripts/body-editor 2.7.8 → 2.7.9-LEAN-4096.1

package/dist/es/components/views/FigureDropdown.js

@@ -1,26 +1,6 @@
-import { AddIcon, AttachIcon, DotsIcon, DropdownList, getFileIcon, IconButton, IconTextButton, isImageFile, RoundIconButton, TriangleCollapsedIcon, UploadIcon, useDropdown, } from '@manuscripts/style-guide';
+import { DotsIcon, DropdownList, getFileIcon, IconButton, IconTextButton, isImageFile, TriangleCollapsedIcon, UploadIcon, useDropdown, } from '@manuscripts/style-guide';
 import React from 'react';
 import styled from 'styled-components';
-export const FigureElementOptions = ({ can, files, onAdd, onUpload, hasUploadedImage, }) => {
-    const { isOpen, toggleOpen, wrapperRef } = useDropdown();
-    const supplements = files.supplements
-        .map((s) => s.file)
-        .filter((f) => isImageFile(f.name));
-    const others = files.others.filter((f) => isImageFile(f.name));
-    return (React.createElement(FilesDropdownWrapper, { onClick: toggleOpen, ref: wrapperRef },
-        React.createElement(FilesButton, { disabled: hasUploadedImage },
-            React.createElement(AttachIcon, null)),
-        isOpen && (React.createElement(DropdownList, { direction: 'left', width: 208, height: 187, onClick: toggleOpen, top: 7 },
-            React.createElement(NestedDropdown, { disabled: !can.replaceFile || supplements.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Supplements', list: React.createElement(React.Fragment, null, supplements.map((file) => (React.createElement(ListItemButton, { key: file.id, onClick: () => onAdd(file) },
-                    getFileIcon(file.name),
-                    React.createElement(ListItemText, null, file.name))))) }),
-            React.createElement(NestedDropdown, { disabled: !can.replaceFile || others.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Other files', list: React.createElement(React.Fragment, null, others.map((file) => (React.createElement(ListItemButton, { key: file.id, onClick: () => onAdd(file) },
-                    getFileIcon(file.name),
-                    React.createElement(ListItemText, null, file.name))))) }),
-            React.createElement(UploadButton, { onClick: onUpload, disabled: !can.uploadFile },
-                React.createElement(AddIcon, null),
-                " New file...")))));
-};
 export const FigureOptions = ({ can, files, onDownload, onUpload, onDetach, onReplace, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
     const otherFiles = files.others.filter((f) => isImageFile(f.name));
@@ -32,7 +12,6 @@ export const FigureOptions = ({ can, files, onDownload, onUpload, onDetach, onRe
         React.createElement(OptionsButton, { className: 'options-button', onClick: toggleOpen },
             React.createElement(DotsIcon, null)),
         isOpen && (React.createElement(OptionsDropdownList, { direction: 'right', width: 128, top: 5 },
-            React.createElement(ListItemButton, { onClick: onDownload, disabled: !showDownload }, "Download"),
             React.createElement(NestedDropdown, { disabled: !showReplace, parentToggleOpen: toggleOpen, buttonText: 'Replace', moveLeft: true, list: React.createElement(React.Fragment, null,
                     otherFiles.map((file, index) => (React.createElement(ListItemButton, { key: file.id, id: index.toString(), onClick: () => onReplace && onReplace(file) },
                         getFileIcon(file.name),
@@ -40,6 +19,7 @@ export const FigureOptions = ({ can, files, onDownload, onUpload, onDetach, onRe
                     React.createElement(UploadButton, { onClick: onUpload, disabled: !showUpload },
                         React.createElement(UploadIcon, null),
                         " Upload new...")) }),
+            React.createElement(ListItemButton, { onClick: onDownload, disabled: !showDownload }, "Download"),
             React.createElement(ListItemButton, { onClick: onDetach, disabled: !showDetach }, "Detach")))));
 };
 const NestedDropdown = ({ parentToggleOpen, buttonText, disabled, list, moveLeft }) => {
@@ -67,9 +47,6 @@ const OptionsButton = styled(IconButton) `
   margin: ${(props) => props.theme.grid.unit}px;
   visibility: hidden;
   background: white;
-  position: absolute;
-  top: -4px;
-  right: 4%;
 
   &:hover {
     background: #f2fbfc !important;
@@ -111,24 +88,6 @@ const ListItemText = styled.div `
   text-overflow: ellipsis;
   text-align: start;
 `;
-const FilesButton = styled(RoundIconButton) `
-  path {
-    stroke: #6e6e6e;
-  }
-
-  &:active,
-  &:focus {
-    path {
-      stroke: #1a9bc7;
-    }
-  }
-`;
-const FilesDropdownWrapper = styled.div `
-  position: absolute;
-  top: 8px;
-  left: 70px;
-  z-index: 1;
-`;
 const NestedListButton = styled(ListItemButton) `
   width: 100%;
   &:active,

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

@@ -29,6 +29,7 @@ import doi from '../plugins/doi';
 import editorProps from '../plugins/editor-props';
 import elements from '../plugins/elements';
 import footnotes from '../plugins/footnotes';
+import inspectorActionPlugin from '../plugins/inspector-actions';
 import objects from '../plugins/objects';
 import paragraphs from '../plugins/paragraphs';
 import persist from '../plugins/persist';
@@ -70,6 +71,7 @@ export default (props) => {
         doi(),
         section_category(props),
         cross_references(),
+        inspectorActionPlugin(),
     ];
     if (props.collabProvider) {
         allPlugins.push(collab({ version: props.collabProvider.currentVersion }));

package/dist/es/index.js

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

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

@@ -13,11 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, TriangleCollapsedIcon, } from '@manuscripts/style-guide';
 import { getListType, isInBibliographySection, isSectionTitleNode, nodeNames, schema, } from '@manuscripts/transform';
 import { findChildrenByType } from 'prosemirror-utils';
+import { createElement } from 'react';
+import { renderToStaticMarkup } from 'react-dom/server';
 import { addNodeComment, createBlock, findPosBeforeFirstSubsection, insertGeneralTableFootnote, insertInlineTableFootnote, } from '../commands';
+import { figurePositions } from '../views/figure';
 import { PopperManager } from './popper';
-import { isChildOfNodeTypes, isSelectionInNode } from './utils';
+import { getMatchingChild, isChildOfNodeTypes, isSelectionInNode, updateNodeAttributes, } from './utils';
 const popper = new PopperManager();
 const readonlyTypes = [
     schema.nodes.keywords,
@@ -38,6 +42,8 @@ const hasAny = (set, ...items) => {
     return items.some((i) => set.has(i));
 };
 export const contextMenuBtnClass = 'btn-context-menu';
+const contextSubmenuBtnClass = 'context-submenu-trigger';
+const contextSubmenuClass = 'context-submenu';
 export class ContextMenu {
     constructor(node, view, getPos, actions = {}) {
         this.showAddMenu = (target, after) => {
@@ -146,6 +152,36 @@ export class ContextMenu {
             const $pos = this.resolvePos();
             const isBox = isBoxElementSectionTitle($pos, this.node);
             const type = isBox ? schema.nodes.box_element : this.node.type;
+            if (type === schema.nodes.figure_element) {
+                const figure = getMatchingChild(this.node, (node) => node.type === schema.nodes.figure);
+                if (figure) {
+                    const attrType = figure.attrs.type;
+                    const { state, dispatch } = this.view;
+                    const submenuOptions = [
+                        {
+                            title: 'Left',
+                            action: () => updateNodeAttributes(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figurePositions.left })),
+                            Icon: ImageLeftIcon,
+                            selected: attrType === figurePositions.left,
+                        },
+                        {
+                            title: 'Default',
+                            action: () => updateNodeAttributes(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figurePositions.default })),
+                            Icon: ImageDefaultIcon,
+                            selected: !attrType,
+                        },
+                        {
+                            title: 'Right',
+                            action: () => updateNodeAttributes(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figurePositions.right })),
+                            Icon: ImageRightIcon,
+                            selected: attrType === figurePositions.right,
+                        },
+                    ];
+                    const submenuLabel = 'Position';
+                    const submenu = this.createSubmenu(submenuLabel, submenuOptions);
+                    menu.appendChild(submenu);
+                }
+            }
             if (type === schema.nodes.list) {
                 menu.appendChild(this.createMenuSection((section) => {
                     const attrs = this.node.attrs;
@@ -210,22 +246,48 @@ export class ContextMenu {
             popper.show(target, menu, 'right', true);
             this.addPopperEventListeners();
         };
-        this.createMenuItem = (contents, handler) => {
+        this.createSubmenuTrigger = (contents) => {
+            const item = document.createElement('div');
+            item.className = 'menu-item';
+            const textNode = document.createTextNode(contents);
+            item.innerHTML = renderToStaticMarkup(createElement(TriangleCollapsedIcon));
+            item.prepend(textNode);
+            item.classList.add(contextSubmenuBtnClass);
+            item.addEventListener('mousedown', this.toggleSubmenu);
+            return item;
+        };
+        this.createMenuItem = (contents, handler, Icon = null, selected = false) => {
             const item = document.createElement('div');
             item.className = 'menu-item';
-            item.textContent = contents;
+            selected && item.classList.add('selected');
+            if (Icon) {
+                item.innerHTML = renderToStaticMarkup(createElement(Icon));
+            }
+            const textNode = document.createTextNode(contents);
+            item.appendChild(textNode);
             item.addEventListener('mousedown', (event) => {
                 event.preventDefault();
                 handler(event);
             });
             return item;
         };
-        this.createMenuSection = (createMenuItems) => {
+        this.createMenuSection = (createMenuItems, isSubmenu = false) => {
             const section = document.createElement('div');
             section.className = 'menu-section';
+            isSubmenu && section.classList.add('menu');
             createMenuItems(section);
             return section;
         };
+        this.createSubmenu = (submenuLabel, items) => {
+            const submenu = document.createElement('div');
+            submenu.classList.add('menu-section', contextSubmenuClass);
+            submenu.append(this.createSubmenuTrigger(submenuLabel), this.createMenuSection((section) => {
+                items.forEach(({ title, action, Icon, selected }) => {
+                    section.appendChild(this.createMenuItem(title, action, Icon, selected));
+                });
+            }, true));
+            return submenu;
+        };
         this.insertableTypes = (after, insertPos, endPos) => {
             const { nodes } = schema;
             const insertable = new Set();
@@ -287,7 +349,8 @@ export class ContextMenu {
         this.addPopperEventListeners = () => {
             const mouseListener = (event) => {
                 const target = event.target;
-                if (target.classList.contains(contextMenuBtnClass)) {
+                if (target.classList.contains(contextMenuBtnClass) ||
+                    target.classList.contains(contextSubmenuBtnClass)) {
                     return;
                 }
                 window.requestAnimationFrame(() => {
@@ -319,6 +382,10 @@ export class ContextMenu {
             }
             return this.node;
         };
+        this.toggleSubmenu = (ev) => {
+            const submenu = ev.target.nextElementSibling;
+            submenu === null || submenu === void 0 ? void 0 : submenu.classList.toggle('show');
+        };
         this.node = node;
         this.view = view;
         this.getPos = getPos;

package/dist/es/lib/utils.js

@@ -75,3 +75,17 @@ export const createHeader = (typeName, text) => {
     header.textContent = text;
     return header;
 };
+export const updateNodeAttributes = (state, dispatch, id, attrs) => {
+    let nodePosition = -1;
+    state.doc.descendants((node, pos) => {
+        if (node.attrs.id === id) {
+            nodePosition = pos;
+            return true;
+        }
+    });
+    if (nodePosition !== -1) {
+        dispatch(state.tr.setNodeMarkup(nodePosition, null, attrs));
+        return true;
+    }
+    return false;
+};

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

@@ -0,0 +1,67 @@
+/*!
+ * © 2022 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 inspectorActionPluginKey = new PluginKey('inspectorActionPlugin');
+export default () => {
+    return new Plugin({
+        key: inspectorActionPluginKey,
+        state: {
+            init: () => ({
+                inspectorOpenTabs: {
+                    primaryTab: null,
+                    secondaryTab: null,
+                },
+            }),
+            apply: (tr, value) => {
+                const meta = tr.getMeta(inspectorActionPluginKey);
+                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 = 'files';
+                        inspectorOpenTabs.secondaryTab = 'other-files';
+                        break;
+                    case 'open-supplement-files':
+                        event.stopPropagation();
+                        inspectorOpenTabs.primaryTab = 'files';
+                        inspectorOpenTabs.secondaryTab = 'supplements-files';
+                        break;
+                    default:
+                        break;
+                }
+                if (inspectorOpenTabs) {
+                    const tr = view.state.tr.setMeta(inspectorActionPluginKey, {
+                        inspectorOpenTabs,
+                    });
+                    view.dispatch(tr);
+                }
+                return false;
+            },
+        },
+    });
+};

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.7.8';
+export const VERSION = '2.7.9-LEAN-4096.1';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/ReactSubView.js

@@ -20,7 +20,10 @@ function createSubView(props, Component, componentProps, node, getPos, view, cla
     const container = document.createElement('div');
     container.classList.add('tools-panel');
     if (classNames) {
-        container.classList.add(classNames);
+        const names = classNames.split(', ');
+        names.forEach((name) => {
+            container.classList.add(name);
+        });
         container.setAttribute('data-cy', classNames);
     }
     container.setAttribute('contenteditable', 'false');

package/dist/es/views/figure.js

@@ -15,6 +15,12 @@
  */
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
+export var figurePositions;
+(function (figurePositions) {
+    figurePositions["left"] = "half-left";
+    figurePositions["right"] = "half-right";
+    figurePositions["default"] = "";
+})(figurePositions || (figurePositions = {}));
 export class FigureView extends BaseNodeView {
     constructor() {
         super(...arguments);

package/dist/es/views/figure_editable.js

@@ -22,13 +22,14 @@ 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 { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 import { FigureOptions, } from '../components/views/FigureDropdown';
 import { groupFiles } from '../lib/files';
+import { updateNodeAttributes } from '../lib/utils';
 import { createEditableNodeView } from './creators';
-import { FigureView } from './figure';
+import { figurePositions, FigureView } from './figure';
 import { figureUploader } from './figure_uploader';
 import ReactSubView from './ReactSubView';
 export class FigureEditableView extends FigureView {
@@ -78,11 +79,76 @@ 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 file</a> | 
+      <a data-action='open-supplement-files'>Supplements</a></p>
+    `;
             element.appendChild(instructions);
             return element;
         };
+        this.createPositionMenuWrapper = () => {
+            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));
+            }
+            positionMenuButton.addEventListener('click', this.showPositionMenu);
+            this.positionMenuWrapper.appendChild(positionMenuButton);
+            return this.positionMenuWrapper;
+        };
+        this.showPositionMenu = () => {
+            this.props.popper.destroy();
+            const { state, dispatch } = this.view;
+            const figure = this.node;
+            const componentProps = {
+                actions: [
+                    {
+                        label: 'Left',
+                        action: () => {
+                            this.props.popper.destroy();
+                            updateNodeAttributes(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figurePositions.left }));
+                        },
+                        icon: 'ImageLeft',
+                        selected: this.figurePosition === figurePositions.left,
+                    },
+                    {
+                        label: 'Default',
+                        action: () => {
+                            this.props.popper.destroy();
+                            updateNodeAttributes(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figurePositions.default }));
+                        },
+                        icon: 'ImageDefault',
+                        selected: !this.figurePosition,
+                    },
+                    {
+                        label: 'Right',
+                        action: () => {
+                            this.props.popper.destroy();
+                            updateNodeAttributes(state, dispatch, figure.attrs.id, 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 +157,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);
@@ -122,7 +189,15 @@ export class FigureEditableView extends FigureView {
                 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 +245,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/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-actions';

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

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

package/dist/types/lib/utils.d.ts

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ManuscriptNode, ManuscriptNodeType } from '@manuscripts/transform';
-import { Node as ProseMirrorNode, NodeType } from 'prosemirror-model';
+import { ManuscriptNode, ManuscriptNodeType, ManuscriptTransaction } from '@manuscripts/transform';
+import { Attrs, Node as ProseMirrorNode, NodeType } from 'prosemirror-model';
 import { EditorState, Selection } from 'prosemirror-state';
 export declare function iterateChildren(node: ManuscriptNode, recurse?: boolean): Iterable<ManuscriptNode>;
 export declare const getMatchingChild: (parent: ManuscriptNode, matcher: (node: ManuscriptNode) => boolean, deep?: boolean) => ManuscriptNode | undefined;
@@ -27,3 +27,4 @@ export declare const findParentElement: (selection: Selection, validIds?: string
 export declare const isChildOfNodeTypes: (doc: ManuscriptNode, pos: number, parentNodeTypes: NodeType[]) => boolean;
 export declare const isSelectionInNode: (state: EditorState, targetNode: ProseMirrorNode) => boolean;
 export declare const createHeader: (typeName: string, text: string) => HTMLHeadingElement;
+export declare const updateNodeAttributes: (state: EditorState, dispatch: (tr: ManuscriptTransaction) => void, id: string, attrs: Attrs) => boolean;

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

@@ -0,0 +1,26 @@
+/*!
+ * © 2022 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 inspectorActionPluginKey: PluginKey<any>;
+interface InspectorOpenTabs {
+    primaryTab: string | null;
+    secondaryTab: string | null;
+}
+interface PluginState {
+    inspectorOpenTabs: InspectorOpenTabs;
+}
+declare const _default: () => Plugin<PluginState>;
+export default _default;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.7.8";
+export declare const VERSION = "2.7.9-LEAN-4096.1";
 export declare const MATHJAX_VERSION = "3.2.2";