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

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

@@ -3,31 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FigureOptions = exports.FigureElementOptions = void 0;
+exports.FigureOptions = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const FigureElementOptions = ({ can, files, onAdd, onUpload, hasUploadedImage, }) => {
-    const { isOpen, toggleOpen, wrapperRef } = (0, style_guide_1.useDropdown)();
-    const supplements = files.supplements
-        .map((s) => s.file)
-        .filter((f) => (0, style_guide_1.isImageFile)(f.name));
-    const others = files.others.filter((f) => (0, style_guide_1.isImageFile)(f.name));
-    return (react_1.default.createElement(FilesDropdownWrapper, { onClick: toggleOpen, ref: wrapperRef },
-        react_1.default.createElement(FilesButton, { disabled: hasUploadedImage },
-            react_1.default.createElement(style_guide_1.AttachIcon, null)),
-        isOpen && (react_1.default.createElement(style_guide_1.DropdownList, { direction: 'left', width: 208, height: 187, onClick: toggleOpen, top: 7 },
-            react_1.default.createElement(NestedDropdown, { disabled: !can.replaceFile || supplements.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Supplements', list: react_1.default.createElement(react_1.default.Fragment, null, supplements.map((file) => (react_1.default.createElement(ListItemButton, { key: file.id, onClick: () => onAdd(file) },
-                    (0, style_guide_1.getFileIcon)(file.name),
-                    react_1.default.createElement(ListItemText, null, file.name))))) }),
-            react_1.default.createElement(NestedDropdown, { disabled: !can.replaceFile || others.length < 1, parentToggleOpen: toggleOpen, buttonText: 'Other files', list: react_1.default.createElement(react_1.default.Fragment, null, others.map((file) => (react_1.default.createElement(ListItemButton, { key: file.id, onClick: () => onAdd(file) },
-                    (0, style_guide_1.getFileIcon)(file.name),
-                    react_1.default.createElement(ListItemText, null, file.name))))) }),
-            react_1.default.createElement(UploadButton, { onClick: onUpload, disabled: !can.uploadFile },
-                react_1.default.createElement(style_guide_1.AddIcon, null),
-                " New file...")))));
-};
-exports.FigureElementOptions = FigureElementOptions;
 const FigureOptions = ({ can, files, onDownload, onUpload, onDetach, onReplace, }) => {
     const { isOpen, toggleOpen, wrapperRef } = (0, style_guide_1.useDropdown)();
     const otherFiles = files.others.filter((f) => (0, style_guide_1.isImageFile)(f.name));
@@ -39,7 +18,6 @@ const FigureOptions = ({ can, files, onDownload, onUpload, onDetach, onReplace,
         react_1.default.createElement(OptionsButton, { className: 'options-button', onClick: toggleOpen },
             react_1.default.createElement(style_guide_1.DotsIcon, null)),
         isOpen && (react_1.default.createElement(OptionsDropdownList, { direction: 'right', width: 128, top: 5 },
-            react_1.default.createElement(ListItemButton, { onClick: onDownload, disabled: !showDownload }, "Download"),
             react_1.default.createElement(NestedDropdown, { disabled: !showReplace, parentToggleOpen: toggleOpen, buttonText: 'Replace', moveLeft: true, list: react_1.default.createElement(react_1.default.Fragment, null,
                     otherFiles.map((file, index) => (react_1.default.createElement(ListItemButton, { key: file.id, id: index.toString(), onClick: () => onReplace && onReplace(file) },
                         (0, style_guide_1.getFileIcon)(file.name),
@@ -47,6 +25,7 @@ const FigureOptions = ({ can, files, onDownload, onUpload, onDetach, onReplace,
                     react_1.default.createElement(UploadButton, { onClick: onUpload, disabled: !showUpload },
                         react_1.default.createElement(style_guide_1.UploadIcon, null),
                         " Upload new...")) }),
+            react_1.default.createElement(ListItemButton, { onClick: onDownload, disabled: !showDownload }, "Download"),
             react_1.default.createElement(ListItemButton, { onClick: onDetach, disabled: !showDetach }, "Detach")))));
 };
 exports.FigureOptions = FigureOptions;
@@ -75,9 +54,6 @@ const OptionsButton = (0, styled_components_1.default)(style_guide_1.IconButton)
   margin: ${(props) => props.theme.grid.unit}px;
   visibility: hidden;
   background: white;
-  position: absolute;
-  top: -4px;
-  right: 4%;
 
   &:hover {
     background: #f2fbfc !important;
@@ -119,24 +95,6 @@ const ListItemText = styled_components_1.default.div `
   text-overflow: ellipsis;
   text-align: start;
 `;
-const FilesButton = (0, styled_components_1.default)(style_guide_1.RoundIconButton) `
-  path {
-    stroke: #6e6e6e;
-  }
-
-  &:active,
-  &:focus {
-    path {
-      stroke: #1a9bc7;
-    }
-  }
-`;
-const FilesDropdownWrapper = styled_components_1.default.div `
-  position: absolute;
-  top: 8px;
-  left: 70px;
-  z-index: 1;
-`;
 const NestedListButton = (0, styled_components_1.default)(ListItemButton) `
   width: 100%;
   &:active,

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

@@ -34,6 +34,7 @@ const doi_1 = __importDefault(require("../plugins/doi"));
 const editor_props_1 = __importDefault(require("../plugins/editor-props"));
 const elements_1 = __importDefault(require("../plugins/elements"));
 const footnotes_1 = __importDefault(require("../plugins/footnotes"));
+const inspector_actions_1 = __importDefault(require("../plugins/inspector-actions"));
 const objects_1 = __importDefault(require("../plugins/objects"));
 const paragraphs_1 = __importDefault(require("../plugins/paragraphs"));
 const persist_1 = __importDefault(require("../plugins/persist"));
@@ -75,6 +76,7 @@ exports.default = (props) => {
         (0, doi_1.default)(),
         (0, section_category_1.default)(props),
         (0, cross_references_1.default)(),
+        (0, inspector_actions_1.default)(),
     ];
     if (props.collabProvider) {
         allPlugins.push((0, prosemirror_collab_1.collab)({ version: props.collabProvider.currentVersion }));

package/dist/cjs/index.js

@@ -68,3 +68,4 @@ Object.defineProperty(exports, "metadata", { enumerable: true, get: function ()
 var authors_1 = require("./lib/authors");
 Object.defineProperty(exports, "authorLabel", { enumerable: true, get: function () { return authors_1.authorLabel; } });
 Object.defineProperty(exports, "affiliationLabel", { enumerable: true, get: function () { return authors_1.affiliationLabel; } });
+__exportStar(require("./plugins/inspector-actions"), exports);

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

@@ -16,9 +16,13 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContextMenu = exports.contextMenuBtnClass = 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");
+const react_1 = require("react");
+const server_1 = require("react-dom/server");
 const commands_1 = require("../commands");
+const figure_1 = require("../views/figure");
 const popper_1 = require("./popper");
 const utils_1 = require("./utils");
 const popper = new popper_1.PopperManager();
@@ -42,6 +46,8 @@ const hasAny = (set, ...items) => {
     return items.some((i) => set.has(i));
 };
 exports.contextMenuBtnClass = 'btn-context-menu';
+const contextSubmenuBtnClass = 'context-submenu-trigger';
+const contextSubmenuClass = 'context-submenu';
 class ContextMenu {
     constructor(node, view, getPos, actions = {}) {
         this.showAddMenu = (target, after) => {
@@ -150,6 +156,36 @@ class ContextMenu {
             const $pos = this.resolvePos();
             const isBox = isBoxElementSectionTitle($pos, this.node);
             const type = isBox ? transform_1.schema.nodes.box_element : this.node.type;
+            if (type === transform_1.schema.nodes.figure_element) {
+                const figure = (0, utils_1.getMatchingChild)(this.node, (node) => node.type === transform_1.schema.nodes.figure);
+                if (figure) {
+                    const attrType = figure.attrs.type;
+                    const { state, dispatch } = this.view;
+                    const submenuOptions = [
+                        {
+                            title: 'Left',
+                            action: () => (0, utils_1.updateNodeAttributes)(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figure_1.figurePositions.left })),
+                            Icon: style_guide_1.ImageLeftIcon,
+                            selected: attrType === figure_1.figurePositions.left,
+                        },
+                        {
+                            title: 'Default',
+                            action: () => (0, utils_1.updateNodeAttributes)(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figure_1.figurePositions.default })),
+                            Icon: style_guide_1.ImageDefaultIcon,
+                            selected: !attrType,
+                        },
+                        {
+                            title: 'Right',
+                            action: () => (0, utils_1.updateNodeAttributes)(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figure_1.figurePositions.right })),
+                            Icon: style_guide_1.ImageRightIcon,
+                            selected: attrType === figure_1.figurePositions.right,
+                        },
+                    ];
+                    const submenuLabel = 'Position';
+                    const submenu = this.createSubmenu(submenuLabel, submenuOptions);
+                    menu.appendChild(submenu);
+                }
+            }
             if (type === transform_1.schema.nodes.list) {
                 menu.appendChild(this.createMenuSection((section) => {
                     const attrs = this.node.attrs;
@@ -214,22 +250,48 @@ 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 = (0, server_1.renderToStaticMarkup)((0, react_1.createElement)(style_guide_1.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 = (0, server_1.renderToStaticMarkup)((0, react_1.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 } = transform_1.schema;
             const insertable = new Set();
@@ -291,7 +353,8 @@ class ContextMenu {
         this.addPopperEventListeners = () => {
             const mouseListener = (event) => {
                 const target = event.target;
-                if (target.classList.contains(exports.contextMenuBtnClass)) {
+                if (target.classList.contains(exports.contextMenuBtnClass) ||
+                    target.classList.contains(contextSubmenuBtnClass)) {
                     return;
                 }
                 window.requestAnimationFrame(() => {
@@ -323,6 +386,10 @@ 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/cjs/lib/utils.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createHeader = exports.isSelectionInNode = exports.isChildOfNodeTypes = exports.findParentElement = exports.findParentSection = exports.findParentNodeWithIdValue = exports.findParentNodeWithId = exports.getChildOfType = exports.getMatchingDescendant = exports.getMatchingChild = exports.iterateChildren = void 0;
+exports.updateNodeAttributes = exports.createHeader = exports.isSelectionInNode = exports.isChildOfNodeTypes = exports.findParentElement = exports.findParentSection = exports.findParentNodeWithIdValue = exports.findParentNodeWithId = exports.getChildOfType = exports.getMatchingDescendant = exports.getMatchingChild = exports.iterateChildren = void 0;
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_utils_1 = require("prosemirror-utils");
 function* iterateChildren(node, recurse = false) {
@@ -86,3 +86,18 @@ const createHeader = (typeName, text) => {
     return header;
 };
 exports.createHeader = createHeader;
+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;
+};
+exports.updateNodeAttributes = updateNodeAttributes;

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

@@ -0,0 +1,70 @@
+"use strict";
+/*!
+ * © 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inspectorActionPluginKey = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
+exports.inspectorActionPluginKey = new prosemirror_state_1.PluginKey('inspectorActionPlugin');
+exports.default = () => {
+    return new prosemirror_state_1.Plugin({
+        key: exports.inspectorActionPluginKey,
+        state: {
+            init: () => ({
+                inspectorOpenTabs: {
+                    primaryTab: null,
+                    secondaryTab: null,
+                },
+            }),
+            apply: (tr, value) => {
+                const meta = tr.getMeta(exports.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(exports.inspectorActionPluginKey, {
+                        inspectorOpenTabs,
+                    });
+                    view.dispatch(tr);
+                }
+                return false;
+            },
+        },
+    });
+};

package/dist/cjs/versions.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MATHJAX_VERSION = exports.VERSION = void 0;
-exports.VERSION = '2.7.8';
+exports.VERSION = '2.7.9-LEAN-4096.1';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/ReactSubView.js

@@ -25,7 +25,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/cjs/views/figure.js

@@ -15,9 +15,15 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FigureView = void 0;
+exports.FigureView = exports.figurePositions = void 0;
 const base_node_view_1 = require("./base_node_view");
 const creators_1 = require("./creators");
+var figurePositions;
+(function (figurePositions) {
+    figurePositions["left"] = "half-left";
+    figurePositions["right"] = "half-right";
+    figurePositions["default"] = "";
+})(figurePositions = exports.figurePositions || (exports.figurePositions = {}));
 class FigureView extends base_node_view_1.BaseNodeView {
     constructor() {
         super(...arguments);

package/dist/cjs/views/figure_editable.js

@@ -33,6 +33,7 @@ const react_1 = require("react");
 const server_1 = require("react-dom/server");
 const FigureDropdown_1 = require("../components/views/FigureDropdown");
 const files_1 = require("../lib/files");
+const utils_1 = require("../lib/utils");
 const creators_1 = require("./creators");
 const figure_1 = require("./figure");
 const figure_uploader_1 = require("./figure_uploader");
@@ -84,11 +85,76 @@ class FigureEditableView extends figure_1.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 figure_1.figurePositions.left:
+                    icon = style_guide_1.ImageLeftIcon;
+                    break;
+                case figure_1.figurePositions.right:
+                    icon = style_guide_1.ImageRightIcon;
+                    break;
+                default:
+                    icon = style_guide_1.ImageDefaultIcon;
+                    break;
+            }
+            if (icon) {
+                positionMenuButton.innerHTML = (0, server_1.renderToStaticMarkup)((0, react_1.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();
+                            (0, utils_1.updateNodeAttributes)(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figure_1.figurePositions.left }));
+                        },
+                        icon: 'ImageLeft',
+                        selected: this.figurePosition === figure_1.figurePositions.left,
+                    },
+                    {
+                        label: 'Default',
+                        action: () => {
+                            this.props.popper.destroy();
+                            (0, utils_1.updateNodeAttributes)(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figure_1.figurePositions.default }));
+                        },
+                        icon: 'ImageDefault',
+                        selected: !this.figurePosition,
+                    },
+                    {
+                        label: 'Right',
+                        action: () => {
+                            this.props.popper.destroy();
+                            (0, utils_1.updateNodeAttributes)(state, dispatch, figure.attrs.id, Object.assign(Object.assign({}, figure.attrs), { type: figure_1.figurePositions.right }));
+                        },
+                        icon: 'ImageRight',
+                        selected: this.figurePosition === figure_1.figurePositions.right,
+                    },
+                ],
+            };
+            this.props.popper.show(this.positionMenuWrapper, (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, 'context-menu, position-menu'), 'left', false);
+        };
     }
     updateContents() {
         var _a;
@@ -97,6 +163,7 @@ class FigureEditableView extends figure_1.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);
@@ -128,7 +195,15 @@ class FigureEditableView extends figure_1.FigureView {
                 this.setSrc(result.id);
             });
             handleUpload = (0, figure_uploader_1.figureUploader)(upload);
-            img.addEventListener('click', handleUpload);
+            const handlePlaceholderClick = (event) => {
+                const target = event.target;
+                if (target.dataset && target.dataset.action) {
+                    return;
+                }
+                const triggerUpload = (0, figure_uploader_1.figureUploader)(upload);
+                triggerUpload();
+            };
+            img.addEventListener('click', handlePlaceholderClick);
             img.addEventListener('mouseenter', () => {
                 img.classList.toggle('over', true);
             });
@@ -176,6 +251,7 @@ class FigureEditableView extends figure_1.FigureView {
             this.reactTools = (0, ReactSubView_1.default)(this.props, FigureDropdown_1.FigureOptions, componentProps, this.node, this.getPos, this.view);
             this.dom.insertBefore(this.reactTools, this.dom.firstChild);
         }
+        this.container.appendChild(this.createPositionMenuWrapper());
     }
 }
 exports.FigureEditableView = FigureEditableView;

package/dist/cjs/views/figure_element.js

@@ -14,28 +14,13 @@
  * 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());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FigureElementView = void 0;
-const transform_1 = require("@manuscripts/transform");
-const FigureDropdown_1 = require("../components/views/FigureDropdown");
-const files_1 = require("../lib/files");
-const utils_1 = require("../lib/utils");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
-const figure_uploader_1 = require("./figure_uploader");
-const ReactSubView_1 = __importDefault(require("./ReactSubView"));
 class FigureElementView extends block_view_1.default {
     constructor() {
         super(...arguments);
@@ -50,70 +35,6 @@ class FigureElementView extends block_view_1.default {
             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 = !!(0, utils_1.getMatchingChild)(this.node, (node) => node.type === transform_1.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 = (0, utils_1.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 = (0, figure_uploader_1.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: (0, files_1.groupFiles)(doc, files),
-                onUpload: handleUpload,
-                onAdd: handleAdd,
-                hasUploadedImage: hasUploadedImage,
-            };
-            (_a = this.reactTools) === null || _a === void 0 ? void 0 : _a.remove();
-            this.reactTools = (0, ReactSubView_1.default)(this.props, FigureDropdown_1.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 === transform_1.schema.nodes.supplement &&
-                node.attrs.href === file.id) {
-                tr.delete(pos, pos + node.nodeSize);
-            }
-        });
-        this.view.dispatch(tr);
-    }
 }
 exports.FigureElementView = FigureElementView;
 exports.default = (0, creators_1.createNodeView)(FigureElementView);