@manuscripts/body-editor 3.4.4 → 3.4.6

package/dist/cjs/commands.js

@@ -30,6 +30,7 @@ const comments_1 = require("./lib/comments");
 const doc_1 = require("./lib/doc");
 const footnotes_1 = require("./lib/footnotes");
 const helpers_1 = require("./lib/helpers");
+const template_1 = require("./lib/template");
 const track_changes_utils_1 = require("./lib/track-changes-utils");
 const utils_1 = require("./lib/utils");
 const accessibility_element_1 = require("./plugins/accessibility_element");
@@ -93,6 +94,9 @@ const blockActive = (type) => (state) => {
 exports.blockActive = blockActive;
 const canInsert = (type) => (state) => {
     const { $from, $to } = state.selection;
+    if (!(0, template_1.templateAllows)(state, type)) {
+        return false;
+    }
     if (($from.node().type === transform_1.schema.nodes.title ||
         $from.node().type === transform_1.schema.nodes.section_title) &&
         $from.pos === $to.pos &&
@@ -318,6 +322,9 @@ const insertAttachment = (file, state, type, dispatch) => {
 };
 exports.insertAttachment = insertAttachment;
 const insertBlock = (nodeType) => (state, dispatch) => {
+    if (!(0, exports.canInsert)(nodeType)(state)) {
+        return false;
+    }
     const position = findBlockInsertPosition(state);
     if (position === null) {
         return false;

package/dist/cjs/index.js

@@ -53,6 +53,7 @@ __exportStar(require("./toolbar"), exports);
 __exportStar(require("./lib/comments"), exports);
 __exportStar(require("./lib/files"), exports);
 __exportStar(require("./lib/footnotes"), exports);
+__exportStar(require("./lib/template"), exports);
 __exportStar(require("./lib/doc"), exports);
 __exportStar(require("./lib/media"), exports);
 __exportStar(require("./plugins/comments"), exports);

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

@@ -24,6 +24,7 @@ const server_1 = require("react-dom/server");
 const commands_1 = require("../commands");
 const popper_1 = require("./popper");
 const position_menu_1 = require("./position-menu");
+const template_1 = require("./template");
 const utils_1 = require("./utils");
 const popper = new popper_1.PopperManager();
 const readonlyTypes = [
@@ -338,9 +339,13 @@ class ContextMenu {
                 return $pos.parent.canReplaceWith(index, index, type);
             };
             const checkNode = (node, pos) => {
+                if (!(0, template_1.templateAllows)(this.view.state, nodes[node])) {
+                    return;
+                }
                 canInsertAt(nodes[node], pos) && insertable.add(node);
             };
-            if (canInsertAt(nodes.section, endPos)) {
+            if (canInsertAt(nodes.section, endPos) &&
+                (0, template_1.templateAllows)(this.view.state, nodes.section)) {
                 insertable.add('subsection');
             }
             checkNode('section', insertPos);

package/dist/cjs/lib/template.js

@@ -0,0 +1,25 @@
+"use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.templateAllows = void 0;
+const editor_props_1 = require("../plugins/editor-props");
+const templateAllows = (state, nodeType) => {
+    const props = (0, editor_props_1.getEditorProps)(state);
+    const hiddenNodeTypes = props?.hiddenNodeTypes;
+    return !hiddenNodeTypes?.length || !hiddenNodeTypes.includes(nodeType);
+};
+exports.templateAllows = templateAllows;

package/dist/cjs/menus.js

@@ -24,6 +24,7 @@ const InsertTableDialog_1 = require("./components/toolbar/InsertTableDialog");
 const ListMenuItem_1 = require("./components/toolbar/ListMenuItem");
 const InsertSpecialCharacter_1 = require("./components/views/InsertSpecialCharacter");
 const hierarchy_1 = require("./lib/hierarchy");
+const template_1 = require("./lib/template");
 const utils_1 = require("./lib/utils");
 const editor_props_1 = require("./plugins/editor-props");
 const getEditorMenus = (editor) => {
@@ -134,24 +135,28 @@ const getEditorMenus = (editor) => {
                         label: 'Authors',
                         isEnabled: isCommandValid(commands_1.insertContributors),
                         run: doCommand(commands_1.insertContributors),
+                        isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.contributors),
                     },
                     {
                         id: 'insert-contributors',
                         label: 'Affiliations',
                         isEnabled: isCommandValid(commands_1.insertAffiliation),
                         run: doCommand(commands_1.insertAffiliation),
+                        isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.affiliations),
                     },
                     {
                         id: 'insert-awards',
                         label: 'Funder Information',
                         isEnabled: isCommandValid(commands_1.insertAward),
                         run: doCommand(commands_1.insertAward),
+                        isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.awards),
                     },
                     {
                         id: 'insert-keywords',
                         label: 'Keywords',
                         isEnabled: isCommandValid(commands_1.insertKeywords),
                         run: doCommand(commands_1.insertKeywords),
+                        isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.keywords),
                     },
                 ],
             },
@@ -160,6 +165,7 @@ const getEditorMenus = (editor) => {
                 label: 'Author Notes',
                 isEnabled: true,
                 submenu: categories.map(insertBackmatterSectionMenu),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.author_notes),
             },
             {
                 id: 'insert-section',
@@ -170,6 +176,7 @@ const getEditorMenus = (editor) => {
                 },
                 isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid((0, commands_1.insertSection)()),
                 run: doCommand((0, commands_1.insertSection)()),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.section),
             },
             {
                 id: 'insert-subsection',
@@ -180,6 +187,7 @@ const getEditorMenus = (editor) => {
                 },
                 isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid((0, commands_1.insertSection)(true)),
                 run: doCommand((0, commands_1.insertSection)(true)),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.section),
             },
             {
                 id: 'insert-paragraph',
@@ -187,6 +195,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.paragraph)),
                 run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.paragraph)),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.paragraph),
             },
             {
                 role: 'separator',
@@ -197,6 +206,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.blockquote_element)),
                 run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.blockquote_element)),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.blockquote_element),
             },
             {
                 id: 'insert-pullquote',
@@ -204,6 +214,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.pullquote_element)),
                 run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.pullquote_element)),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.pullquote_element),
             },
             {
                 role: 'separator',
@@ -218,6 +229,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.box_element)),
                 run: doCommand(commands_1.insertBoxElement),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.box_element),
             },
             {
                 id: 'insert-figure-element',
@@ -229,6 +241,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.figure_element)),
                 run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.figure_element)),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.figure_element),
             },
             {
                 id: 'insert-image-element',
@@ -236,12 +249,14 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.image_element)),
                 run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.image_element)),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.image_element),
             },
             {
                 id: 'insert-hero-image',
                 label: 'Hero Image',
                 isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid((0, commands_1.insertHeroImage)()),
                 run: doCommand((0, commands_1.insertHeroImage)()),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.hero_image),
             },
             {
                 id: 'insert-table-element',
@@ -253,6 +268,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.table_element)),
                 run: () => (0, InsertTableDialog_1.openInsertTableDialog)(editor.state, editor.dispatch),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.table_element),
             },
             {
                 role: 'separator',
@@ -263,6 +279,7 @@ const getEditorMenus = (editor) => {
                 isActive: (0, commands_1.blockActive)(transform_1.schema.nodes.embed)(state),
                 isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.embed)),
                 run: doCommand(commands_1.insertEmbed),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.embed),
             },
             {
                 id: 'insert-link',
@@ -274,6 +291,7 @@ const getEditorMenus = (editor) => {
                 isActive: (0, commands_1.blockActive)(transform_1.schema.nodes.link)(state),
                 isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.link)),
                 run: doCommand(commands_1.insertLink),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.link),
             },
             {
                 role: 'separator',
@@ -288,6 +306,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.equation_element)),
                 run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.equation_element)),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.equation_element),
             },
             {
                 id: 'insert-inline-equation',
@@ -299,6 +318,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.inline_equation)),
                 run: doCommand(commands_1.insertInlineEquation),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.inline_equation),
             },
             {
                 role: 'separator',
@@ -313,6 +333,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.citation)),
                 run: doCommand(commands_1.insertInlineCitation),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.citation),
             },
             {
                 id: 'insert-cross-reference',
@@ -324,6 +345,7 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.cross_reference)),
                 run: doCommand(commands_1.insertCrossReference),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.cross_reference),
             },
             {
                 id: 'insert-footnote',
@@ -335,18 +357,21 @@ const getEditorMenus = (editor) => {
                 isEnabled: (0, utils_1.isEditAllowed)(state) &&
                     isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.inline_footnote)),
                 run: doCommand(commands_1.insertInlineFootnote),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.inline_footnote),
             },
             {
                 id: 'insert-special-character',
                 label: 'Special Characters',
                 isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.text)),
                 run: () => (0, InsertSpecialCharacter_1.openInsertSpecialCharacterDialog)(editor.view),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.text),
             },
             {
                 id: 'insert-comment',
                 label: 'Comment',
                 isEnabled: (0, utils_1.isEditAllowed)(state) && isCommandValid(commands_1.addInlineComment),
                 run: doCommand(commands_1.addInlineComment),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.comment),
             },
         ],
     };

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 = '3.4.4';
+exports.VERSION = '3.4.6';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/figure_editable.js

@@ -60,6 +60,15 @@ class FigureEditableView extends figure_1.FigureView {
         this.upload = this.upload.bind(this);
         this.createDOM();
         this.updateContents();
+        const domElement = this.dom;
+        domElement.__figureView = this;
+    }
+    update(newNode) {
+        const handledBySuper = super.update(newNode);
+        if (handledBySuper) {
+            this.addTools();
+        }
+        return handledBySuper;
     }
     clearTargetClass(target, classes = ['drop-target-above', 'drop-target-below']) {
         target.classList.remove(...classes);
@@ -191,11 +200,14 @@ class FigureEditableView extends figure_1.FigureView {
     }
     addTools() {
         this.manageReactTools();
+        const existingDragHandlers = this.container.querySelectorAll('.drag-handler');
+        existingDragHandlers.forEach((handler) => handler.remove());
         const $pos = this.view.state.doc.resolve(this.getPos());
         const parent = $pos.parent;
         if (this.props.getCapabilities()?.editArticle &&
             parent.type === transform_1.schema.nodes.figure_element &&
-            !(0, track_changes_utils_1.isDeleted)(this.node)) {
+            !(0, track_changes_utils_1.isDeleted)(this.node) &&
+            this.countFigures() > 1) {
             const dragHandle = document.createElement('div');
             dragHandle.className = 'drag-handler';
             dragHandle.innerHTML = icons_1.draggableIcon;

package/dist/cjs/views/figure_element.js

@@ -118,10 +118,20 @@ class FigureElementView extends image_element_1.ImageElementView {
             requestAnimationFrame(() => {
                 this.updateButtonPosition();
                 this.updateAddButtonState();
+                this.updateChildDragHandlers();
             });
         }
         return handledBySuper;
     }
+    updateChildDragHandlers() {
+        const dragHandlers = this.container.querySelectorAll('.drag-handler');
+        dragHandlers.forEach((handler) => handler.remove());
+        const figureElements = this.container.querySelectorAll('figure');
+        figureElements.forEach((figureElement) => {
+            const figureView = figureElement.__figureView;
+            figureView?.addTools();
+        });
+    }
     updateContents() {
         super.updateContents();
         requestAnimationFrame(() => {

package/dist/es/commands.js

@@ -26,6 +26,7 @@ import { getCommentKey, getCommentRange } from './lib/comments';
 import { findAbstractsNode, findBackmatter, findBibliographySection, findBody, findFootnotesSection, insertAttachmentsNode, insertAwardsNode, insertFootnotesSection, insertSupplementsNode, } from './lib/doc';
 import { createFootnote, findFootnotesContainerNode, getFootnotesElementState, } from './lib/footnotes';
 import { findWordBoundaries, isNodeOfType, nearestAncestor, } from './lib/helpers';
+import { templateAllows } from './lib/template';
 import { isDeleted } from './lib/track-changes-utils';
 import { findParentNodeWithId, getChildOfType, getInsertPos, getLastTitleNode, isBodyLocked, } from './lib/utils';
 import { expandAccessibilitySection } from './plugins/accessibility_element';
@@ -85,6 +86,9 @@ export const blockActive = (type) => (state) => {
 };
 export const canInsert = (type) => (state) => {
     const { $from, $to } = state.selection;
+    if (!templateAllows(state, type)) {
+        return false;
+    }
     if (($from.node().type === schema.nodes.title ||
         $from.node().type === schema.nodes.section_title) &&
         $from.pos === $to.pos &&
@@ -300,6 +304,9 @@ export const insertAttachment = (file, state, type, dispatch) => {
     return true;
 };
 export const insertBlock = (nodeType) => (state, dispatch) => {
+    if (!canInsert(nodeType)(state)) {
+        return false;
+    }
     const position = findBlockInsertPosition(state);
     if (position === null) {
         return false;

package/dist/es/configs/ManuscriptsEditor.js

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import 'prosemirror-view/style/prosemirror.css';
-import { schema } from '@manuscripts/transform';
+import { schema, } from '@manuscripts/transform';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { clipboardParser } from '../clipboard';

package/dist/es/index.js

@@ -27,6 +27,7 @@ export * from './toolbar';
 export * from './lib/comments';
 export * from './lib/files';
 export * from './lib/footnotes';
+export * from './lib/template';
 export * from './lib/doc';
 export * from './lib/media';
 export * from './plugins/comments';

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

@@ -21,6 +21,7 @@ import { renderToStaticMarkup } from 'react-dom/server';
 import { addNodeComment, createBlock, findPosBeforeFirstSubsection, insertGeneralTableFootnote, insertInlineTableFootnote, isCommentingAllowed, } from '../commands';
 import { PopperManager } from './popper';
 import { createPositionOptions } from './position-menu';
+import { templateAllows } from './template';
 import { getMatchingChild, isChildOfNodeTypes, isSelectionInNode, } from './utils';
 const popper = new PopperManager();
 const readonlyTypes = [
@@ -334,9 +335,13 @@ export class ContextMenu {
                 return $pos.parent.canReplaceWith(index, index, type);
             };
             const checkNode = (node, pos) => {
+                if (!templateAllows(this.view.state, nodes[node])) {
+                    return;
+                }
                 canInsertAt(nodes[node], pos) && insertable.add(node);
             };
-            if (canInsertAt(nodes.section, endPos)) {
+            if (canInsertAt(nodes.section, endPos) &&
+                templateAllows(this.view.state, nodes.section)) {
                 insertable.add('subsection');
             }
             checkNode('section', insertPos);

package/dist/es/lib/template.js

@@ -0,0 +1,21 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { getEditorProps } from '../plugins/editor-props';
+export const templateAllows = (state, nodeType) => {
+    const props = getEditorProps(state);
+    const hiddenNodeTypes = props?.hiddenNodeTypes;
+    return !hiddenNodeTypes?.length || !hiddenNodeTypes.includes(nodeType);
+};

package/dist/es/menus.js

@@ -21,6 +21,7 @@ import { openInsertTableDialog } from './components/toolbar/InsertTableDialog';
 import { ListMenuItem } from './components/toolbar/ListMenuItem';
 import { openInsertSpecialCharacterDialog } from './components/views/InsertSpecialCharacter';
 import { deleteClosestParentElement, findClosestParentElementNodeName, } from './lib/hierarchy';
+import { templateAllows } from './lib/template';
 import { isEditAllowed } from './lib/utils';
 import { getEditorProps } from './plugins/editor-props';
 export const getEditorMenus = (editor) => {
@@ -131,24 +132,28 @@ export const getEditorMenus = (editor) => {
                         label: 'Authors',
                         isEnabled: isCommandValid(insertContributors),
                         run: doCommand(insertContributors),
+                        isHidden: !templateAllows(state, schema.nodes.contributors),
                     },
                     {
                         id: 'insert-contributors',
                         label: 'Affiliations',
                         isEnabled: isCommandValid(insertAffiliation),
                         run: doCommand(insertAffiliation),
+                        isHidden: !templateAllows(state, schema.nodes.affiliations),
                     },
                     {
                         id: 'insert-awards',
                         label: 'Funder Information',
                         isEnabled: isCommandValid(insertAward),
                         run: doCommand(insertAward),
+                        isHidden: !templateAllows(state, schema.nodes.awards),
                     },
                     {
                         id: 'insert-keywords',
                         label: 'Keywords',
                         isEnabled: isCommandValid(insertKeywords),
                         run: doCommand(insertKeywords),
+                        isHidden: !templateAllows(state, schema.nodes.keywords),
                     },
                 ],
             },
@@ -157,6 +162,7 @@ export const getEditorMenus = (editor) => {
                 label: 'Author Notes',
                 isEnabled: true,
                 submenu: categories.map(insertBackmatterSectionMenu),
+                isHidden: !templateAllows(state, schema.nodes.author_notes),
             },
             {
                 id: 'insert-section',
@@ -167,6 +173,7 @@ export const getEditorMenus = (editor) => {
                 },
                 isEnabled: isEditAllowed(state) && isCommandValid(insertSection()),
                 run: doCommand(insertSection()),
+                isHidden: !templateAllows(state, schema.nodes.section),
             },
             {
                 id: 'insert-subsection',
@@ -177,6 +184,7 @@ export const getEditorMenus = (editor) => {
                 },
                 isEnabled: isEditAllowed(state) && isCommandValid(insertSection(true)),
                 run: doCommand(insertSection(true)),
+                isHidden: !templateAllows(state, schema.nodes.section),
             },
             {
                 id: 'insert-paragraph',
@@ -184,6 +192,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.paragraph)),
                 run: doCommand(insertBlock(schema.nodes.paragraph)),
+                isHidden: !templateAllows(state, schema.nodes.paragraph),
             },
             {
                 role: 'separator',
@@ -194,6 +203,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.blockquote_element)),
                 run: doCommand(insertBlock(schema.nodes.blockquote_element)),
+                isHidden: !templateAllows(state, schema.nodes.blockquote_element),
             },
             {
                 id: 'insert-pullquote',
@@ -201,6 +211,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.pullquote_element)),
                 run: doCommand(insertBlock(schema.nodes.pullquote_element)),
+                isHidden: !templateAllows(state, schema.nodes.pullquote_element),
             },
             {
                 role: 'separator',
@@ -215,6 +226,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.box_element)),
                 run: doCommand(insertBoxElement),
+                isHidden: !templateAllows(state, schema.nodes.box_element),
             },
             {
                 id: 'insert-figure-element',
@@ -226,6 +238,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.figure_element)),
                 run: doCommand(insertBlock(schema.nodes.figure_element)),
+                isHidden: !templateAllows(state, schema.nodes.figure_element),
             },
             {
                 id: 'insert-image-element',
@@ -233,12 +246,14 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.image_element)),
                 run: doCommand(insertBlock(schema.nodes.image_element)),
+                isHidden: !templateAllows(state, schema.nodes.image_element),
             },
             {
                 id: 'insert-hero-image',
                 label: 'Hero Image',
                 isEnabled: isEditAllowed(state) && isCommandValid(insertHeroImage()),
                 run: doCommand(insertHeroImage()),
+                isHidden: !templateAllows(state, schema.nodes.hero_image),
             },
             {
                 id: 'insert-table-element',
@@ -250,6 +265,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.table_element)),
                 run: () => openInsertTableDialog(editor.state, editor.dispatch),
+                isHidden: !templateAllows(state, schema.nodes.table_element),
             },
             {
                 role: 'separator',
@@ -260,6 +276,7 @@ export const getEditorMenus = (editor) => {
                 isActive: blockActive(schema.nodes.embed)(state),
                 isEnabled: isEditAllowed(state) && isCommandValid(canInsert(schema.nodes.embed)),
                 run: doCommand(insertEmbed),
+                isHidden: !templateAllows(state, schema.nodes.embed),
             },
             {
                 id: 'insert-link',
@@ -271,6 +288,7 @@ export const getEditorMenus = (editor) => {
                 isActive: blockActive(schema.nodes.link)(state),
                 isEnabled: isEditAllowed(state) && isCommandValid(canInsert(schema.nodes.link)),
                 run: doCommand(insertLink),
+                isHidden: !templateAllows(state, schema.nodes.link),
             },
             {
                 role: 'separator',
@@ -285,6 +303,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.equation_element)),
                 run: doCommand(insertBlock(schema.nodes.equation_element)),
+                isHidden: !templateAllows(state, schema.nodes.equation_element),
             },
             {
                 id: 'insert-inline-equation',
@@ -296,6 +315,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.inline_equation)),
                 run: doCommand(insertInlineEquation),
+                isHidden: !templateAllows(state, schema.nodes.inline_equation),
             },
             {
                 role: 'separator',
@@ -310,6 +330,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.citation)),
                 run: doCommand(insertInlineCitation),
+                isHidden: !templateAllows(state, schema.nodes.citation),
             },
             {
                 id: 'insert-cross-reference',
@@ -321,6 +342,7 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.cross_reference)),
                 run: doCommand(insertCrossReference),
+                isHidden: !templateAllows(state, schema.nodes.cross_reference),
             },
             {
                 id: 'insert-footnote',
@@ -332,18 +354,21 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isEditAllowed(state) &&
                     isCommandValid(canInsert(schema.nodes.inline_footnote)),
                 run: doCommand(insertInlineFootnote),
+                isHidden: !templateAllows(state, schema.nodes.inline_footnote),
             },
             {
                 id: 'insert-special-character',
                 label: 'Special Characters',
                 isEnabled: isEditAllowed(state) && isCommandValid(canInsert(schema.nodes.text)),
                 run: () => openInsertSpecialCharacterDialog(editor.view),
+                isHidden: !templateAllows(state, schema.nodes.text),
             },
             {
                 id: 'insert-comment',
                 label: 'Comment',
                 isEnabled: isEditAllowed(state) && isCommandValid(addInlineComment),
                 run: doCommand(addInlineComment),
+                isHidden: !templateAllows(state, schema.nodes.comment),
             },
         ],
     };

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.4.4';
+export const VERSION = '3.4.6';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/figure_editable.js

@@ -57,6 +57,15 @@ export class FigureEditableView extends FigureView {
         this.upload = this.upload.bind(this);
         this.createDOM();
         this.updateContents();
+        const domElement = this.dom;
+        domElement.__figureView = this;
+    }
+    update(newNode) {
+        const handledBySuper = super.update(newNode);
+        if (handledBySuper) {
+            this.addTools();
+        }
+        return handledBySuper;
     }
     clearTargetClass(target, classes = ['drop-target-above', 'drop-target-below']) {
         target.classList.remove(...classes);
@@ -188,11 +197,14 @@ export class FigureEditableView extends FigureView {
     }
     addTools() {
         this.manageReactTools();
+        const existingDragHandlers = this.container.querySelectorAll('.drag-handler');
+        existingDragHandlers.forEach((handler) => handler.remove());
         const $pos = this.view.state.doc.resolve(this.getPos());
         const parent = $pos.parent;
         if (this.props.getCapabilities()?.editArticle &&
             parent.type === schema.nodes.figure_element &&
-            !isDeleted(this.node)) {
+            !isDeleted(this.node) &&
+            this.countFigures() > 1) {
             const dragHandle = document.createElement('div');
             dragHandle.className = 'drag-handler';
             dragHandle.innerHTML = draggableIcon;

package/dist/es/views/figure_element.js

@@ -115,10 +115,20 @@ export class FigureElementView extends ImageElementView {
             requestAnimationFrame(() => {
                 this.updateButtonPosition();
                 this.updateAddButtonState();
+                this.updateChildDragHandlers();
             });
         }
         return handledBySuper;
     }
+    updateChildDragHandlers() {
+        const dragHandlers = this.container.querySelectorAll('.drag-handler');
+        dragHandlers.forEach((handler) => handler.remove());
+        const figureElements = this.container.querySelectorAll('figure');
+        figureElements.forEach((figureElement) => {
+            const figureView = figureElement.__figureView;
+            figureView?.addTools();
+        });
+    }
     updateContents() {
         super.updateContents();
         requestAnimationFrame(() => {

package/dist/types/configs/ManuscriptsEditor.d.ts

@@ -16,7 +16,7 @@
 import 'prosemirror-view/style/prosemirror.css';
 import { UserProfile } from '@manuscripts/json-schema';
 import { Capabilities } from '@manuscripts/style-guide';
-import { ManuscriptNode, SectionCategory } from '@manuscripts/transform';
+import { ManuscriptNode, ManuscriptNodeType, SectionCategory } from '@manuscripts/transform';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { Location, NavigateFunction } from 'react-router-dom';
@@ -54,6 +54,7 @@ export interface EditorProps {
     onEditorClick: (pos: number, node: ManuscriptNode, nodePos: number, event: MouseEvent) => void;
     lockBody: boolean;
     isViewingMode?: boolean;
+    hiddenNodeTypes?: ManuscriptNodeType[] | undefined;
 }
 export type ExternalProps = Omit<EditorProps, 'popper' | 'dispatch'>;
 export declare const createEditorState: (props: EditorProps) => EditorState;

package/dist/types/index.d.ts

@@ -28,6 +28,7 @@ export * from './toolbar';
 export * from './lib/comments';
 export * from './lib/files';
 export * from './lib/footnotes';
+export * from './lib/template';
 export * from './lib/doc';
 export * from './lib/media';
 export * from './plugins/comments';

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

@@ -0,0 +1,18 @@
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ManuscriptNodeType } from '@manuscripts/transform';
+import { EditorState } from 'prosemirror-state';
+export declare const templateAllows: (state: EditorState, nodeType: ManuscriptNodeType) => boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.4.4";
+export declare const VERSION = "3.4.6";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { ManuscriptNode } from '@manuscripts/transform';
 import { FigureView } from './figure';
 export declare class FigureEditableView extends FigureView {
     reactTools: HTMLDivElement | null;
@@ -22,6 +23,7 @@ export declare class FigureEditableView extends FigureView {
     private static currentDragFigureId;
     private dragAndDropInitialized;
     initialise(): void;
+    update(newNode: ManuscriptNode): boolean;
     private clearTargetClass;
     private handleDragStart;
     private setupDragAndDrop;
@@ -29,7 +31,7 @@ export declare class FigureEditableView extends FigureView {
     private moveFigure;
     upload: (file: File) => Promise<void>;
     updateContents(): void;
-    protected addTools(): void;
+    addTools(): void;
     countFigures(): number;
     private manageReactTools;
     protected setSrc: (src: string) => void;

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

@@ -26,6 +26,7 @@ export declare class FigureElementView extends ImageElementView {
     private updateButtonPosition;
     private updateAddButtonState;
     update(node: Node): boolean;
+    private updateChildDragHandlers;
     updateContents(): void;
     private addFigure;
     destroy(): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.4.4",
+  "version": "3.4.6",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -39,9 +39,9 @@
     "@cospired/i18n-iso-languages": "^4.2.0",
     "@iarna/word-count": "1.1.2",
     "@manuscripts/json-schema": "2.2.12",
-    "@manuscripts/style-guide": "3.2.3",
+    "@manuscripts/style-guide": "3.2.4",
     "@manuscripts/track-changes-plugin": "2.0.10",
-    "@manuscripts/transform": "4.2.13",
+    "@manuscripts/transform": "4.2.14",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",