@manuscripts/body-editor 3.5.3 → 3.5.5

package/dist/cjs/commands.js

@@ -579,7 +579,7 @@ const insertBoxElement = (state, dispatch) => {
         const tr = state.tr.insert(position, node);
         const sectionTitlePosition = position + 4;
         tr.setSelection(prosemirror_state_1.TextSelection.create(tr.doc, sectionTitlePosition));
-        dispatch(tr);
+        dispatch(tr.scrollIntoView());
     }
     return true;
 };

package/dist/cjs/menus.js

@@ -129,6 +129,7 @@ const getEditorMenus = (editor) => {
                         label: 'Abstract Types',
                         isEnabled: true,
                         submenu: allAbstractsCategories.map(insertAbstractsSectionMenu),
+                        isHidden: !allAbstractsCategories.length,
                     },
                     {
                         id: 'insert-contributors',
@@ -165,7 +166,8 @@ const getEditorMenus = (editor) => {
                 label: 'Author Notes',
                 isEnabled: true,
                 submenu: categories.map(insertBackmatterSectionMenu),
-                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.author_notes),
+                isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.author_notes) ||
+                    !categories.length,
             },
             {
                 id: 'insert-section',

package/dist/cjs/plugins/placeholder.js

@@ -17,6 +17,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
 const placeholderWidget = (placeholder) => (view, getPos) => {
     const element = document.createElement('span');
@@ -55,6 +56,9 @@ const getParagraphPlaceholderText = (parent, node) => {
     if ((0, transform_1.isFootnoteNode)(parent) || (0, transform_1.isGeneralTableFootnoteNode)(parent)) {
         return 'Type new footnote here';
     }
+    if (parent.type === transform_1.schema.nodes.trans_abstract) {
+        return 'Type here';
+    }
 };
 exports.default = () => new prosemirror_state_1.Plugin({
     props: {
@@ -71,6 +75,17 @@ exports.default = () => new prosemirror_state_1.Plugin({
                             decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, placeholderWidget(text)));
                         }
                     }
+                    else if (node.type === node.type.schema.nodes.section_title) {
+                        const $pos = state.doc.resolve(pos);
+                        let placeholderText = 'Type heading here';
+                        if ((0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.box_element)) {
+                            placeholderText = 'Optional box title...';
+                        }
+                        decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, placeholderWidget(placeholderText)));
+                    }
+                    else if (node.type === node.type.schema.nodes.trans_abstract) {
+                        decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, placeholderWidget('Type new abstract title here')));
+                    }
                     else {
                         decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
                             class: 'empty-node',

package/dist/cjs/plugins/section-category/section-category-utils.js

@@ -31,7 +31,7 @@ function createMenu(currentCategory, categories, usedCategoryIDs, onSelect) {
     });
     return menu;
 }
-function createButton(view, pos, currentCategory, categories, usedCategoryIDs, canEdit = true) {
+function createButton(view, pos, currentCategory, categories, usedCategoryIDs, canEdit = true, disabled) {
     const handleSelect = (category) => {
         const tr = view.state.tr;
         tr.setNodeAttribute(pos, 'category', category.id);
@@ -45,7 +45,10 @@ function createButton(view, pos, currentCategory, categories, usedCategoryIDs, c
     if (currentCategory) {
         button.classList.add('assigned');
     }
-    if (canEdit) {
+    if (disabled) {
+        button.classList.add('disabled');
+    }
+    else if (canEdit) {
         button.addEventListener('mousedown', () => {
             popper.destroy();
             const menu = createMenu(currentCategory, categories, usedCategoryIDs, handleSelect);
@@ -89,7 +92,7 @@ function buildPluginState(state, props) {
             const $pos = state.doc.resolve(pos);
             const group = getGroup($pos);
             const groupCategories = (0, transform_1.getGroupCategories)(categories, group);
-            decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => createButton(view, pos, category, groupCategories, usedCategoryIDs, can?.editArticle)));
+            decorations.push(prosemirror_view_1.Decoration.widget(pos + 1, (view) => createButton(view, pos, category, groupCategories, usedCategoryIDs, can?.editArticle, categories.size === 0)));
             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 = '3.5.3';
+exports.VERSION = '3.5.5';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/cjs/views/abstracts.js

@@ -29,9 +29,7 @@ class AbstractsView extends base_node_view_1.BaseNodeView {
             const { schema } = state;
             const documentLanguage = state.doc.attrs.primaryLanguageCode || 'en';
             const sectionTitle = schema.nodes.section_title.create();
-            const paragraph = schema.nodes.paragraph.create({
-                placeholder: 'Type here',
-            });
+            const paragraph = schema.nodes.paragraph.create();
             const transAbstractNode = schema.nodes.trans_abstract.create({
                 lang: documentLanguage,
             }, [sectionTitle, paragraph]);

package/dist/cjs/views/section_title.js

@@ -58,15 +58,6 @@ class SectionTitleView extends block_view_1.default {
         }
         else {
             this.contentDOM.classList.add('empty-node');
-            if ($pos.node($pos.depth - 1).type === transform_1.schema.nodes.box_element) {
-                this.contentDOM.setAttribute('data-placeholder', `Optional box title...`);
-            }
-            else if ($pos.node($pos.depth).type === transform_1.schema.nodes.trans_abstract) {
-                this.contentDOM.setAttribute('data-placeholder', `Type new abstract title here`);
-            }
-            else {
-                this.contentDOM.setAttribute('data-placeholder', `Type heading here`);
-            }
         }
         if (sectionTitleState && sectionNumber) {
             this.contentDOM.dataset.sectionNumber = sectionNumber;

package/dist/es/commands.js

@@ -549,7 +549,7 @@ export const insertBoxElement = (state, dispatch) => {
         const tr = state.tr.insert(position, node);
         const sectionTitlePosition = position + 4;
         tr.setSelection(TextSelection.create(tr.doc, sectionTitlePosition));
-        dispatch(tr);
+        dispatch(tr.scrollIntoView());
     }
     return true;
 };

package/dist/es/menus.js

@@ -126,6 +126,7 @@ export const getEditorMenus = (editor) => {
                         label: 'Abstract Types',
                         isEnabled: true,
                         submenu: allAbstractsCategories.map(insertAbstractsSectionMenu),
+                        isHidden: !allAbstractsCategories.length,
                     },
                     {
                         id: 'insert-contributors',
@@ -162,7 +163,8 @@ export const getEditorMenus = (editor) => {
                 label: 'Author Notes',
                 isEnabled: true,
                 submenu: categories.map(insertBackmatterSectionMenu),
-                isHidden: !templateAllows(state, schema.nodes.author_notes),
+                isHidden: !templateAllows(state, schema.nodes.author_notes) ||
+                    !categories.length,
             },
             {
                 id: 'insert-section',

package/dist/es/plugins/placeholder.js

@@ -15,6 +15,7 @@
  */
 import { isFootnoteNode, isGeneralTableFootnoteNode, isPullquoteElement, schema, } from '@manuscripts/transform';
 import { Plugin, TextSelection } from 'prosemirror-state';
+import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 const placeholderWidget = (placeholder) => (view, getPos) => {
     const element = document.createElement('span');
@@ -53,6 +54,9 @@ const getParagraphPlaceholderText = (parent, node) => {
     if (isFootnoteNode(parent) || isGeneralTableFootnoteNode(parent)) {
         return 'Type new footnote here';
     }
+    if (parent.type === schema.nodes.trans_abstract) {
+        return 'Type here';
+    }
 };
 export default () => new Plugin({
     props: {
@@ -69,6 +73,17 @@ export default () => new Plugin({
                             decorations.push(Decoration.widget(pos + 1, placeholderWidget(text)));
                         }
                     }
+                    else if (node.type === node.type.schema.nodes.section_title) {
+                        const $pos = state.doc.resolve(pos);
+                        let placeholderText = 'Type heading here';
+                        if (findParentNodeOfTypeClosestToPos($pos, schema.nodes.box_element)) {
+                            placeholderText = 'Optional box title...';
+                        }
+                        decorations.push(Decoration.widget(pos + 1, placeholderWidget(placeholderText)));
+                    }
+                    else if (node.type === node.type.schema.nodes.trans_abstract) {
+                        decorations.push(Decoration.widget(pos + 1, placeholderWidget('Type new abstract title here')));
+                    }
                     else {
                         decorations.push(Decoration.node(pos, pos + node.nodeSize, {
                             class: 'empty-node',

package/dist/es/plugins/section-category/section-category-utils.js

@@ -28,7 +28,7 @@ function createMenu(currentCategory, categories, usedCategoryIDs, onSelect) {
     });
     return menu;
 }
-function createButton(view, pos, currentCategory, categories, usedCategoryIDs, canEdit = true) {
+function createButton(view, pos, currentCategory, categories, usedCategoryIDs, canEdit = true, disabled) {
     const handleSelect = (category) => {
         const tr = view.state.tr;
         tr.setNodeAttribute(pos, 'category', category.id);
@@ -42,7 +42,10 @@ function createButton(view, pos, currentCategory, categories, usedCategoryIDs, c
     if (currentCategory) {
         button.classList.add('assigned');
     }
-    if (canEdit) {
+    if (disabled) {
+        button.classList.add('disabled');
+    }
+    else if (canEdit) {
         button.addEventListener('mousedown', () => {
             popper.destroy();
             const menu = createMenu(currentCategory, categories, usedCategoryIDs, handleSelect);
@@ -86,7 +89,7 @@ export function buildPluginState(state, props) {
             const $pos = state.doc.resolve(pos);
             const group = getGroup($pos);
             const groupCategories = getGroupCategories(categories, group);
-            decorations.push(Decoration.widget(pos + 1, (view) => createButton(view, pos, category, groupCategories, usedCategoryIDs, can?.editArticle)));
+            decorations.push(Decoration.widget(pos + 1, (view) => createButton(view, pos, category, groupCategories, usedCategoryIDs, can?.editArticle, categories.size === 0)));
             return false;
         }
     });

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.5.3';
+export const VERSION = '3.5.5';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/abstracts.js

@@ -26,9 +26,7 @@ export class AbstractsView extends BaseNodeView {
             const { schema } = state;
             const documentLanguage = state.doc.attrs.primaryLanguageCode || 'en';
             const sectionTitle = schema.nodes.section_title.create();
-            const paragraph = schema.nodes.paragraph.create({
-                placeholder: 'Type here',
-            });
+            const paragraph = schema.nodes.paragraph.create();
             const transAbstractNode = schema.nodes.trans_abstract.create({
                 lang: documentLanguage,
             }, [sectionTitle, paragraph]);

package/dist/es/views/section_title.js

@@ -52,15 +52,6 @@ export class SectionTitleView extends BlockView {
         }
         else {
             this.contentDOM.classList.add('empty-node');
-            if ($pos.node($pos.depth - 1).type === schema.nodes.box_element) {
-                this.contentDOM.setAttribute('data-placeholder', `Optional box title...`);
-            }
-            else if ($pos.node($pos.depth).type === schema.nodes.trans_abstract) {
-                this.contentDOM.setAttribute('data-placeholder', `Type new abstract title here`);
-            }
-            else {
-                this.contentDOM.setAttribute('data-placeholder', `Type heading here`);
-            }
         }
         if (sectionTitleState && sectionNumber) {
             this.contentDOM.dataset.sectionNumber = sectionNumber;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.5.3";
+export declare const VERSION = "3.5.5";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.5.3",
+  "version": "3.5.5",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/styles/AdvancedEditor.css

@@ -32,28 +32,10 @@
   -webkit-appearance: none;
 }
 
-.ProseMirror
-  > div.body
-  section:not(.toc)
-  .block-section_title
-  h1.empty-node[data-placeholder]::before {
-  content: attr(data-section-number) '. ' attr(data-placeholder);
-}
-
 .ProseMirror > div.body section:not(.toc) .block-section_title h1::before {
   content: attr(data-section-number) '. ';
 }
 
-.ProseMirror
-  > div.body
-  .block-box_element
-  .box-element
-  section:not(.toc)
-  .block-section_title
-  h1.empty-node[data-placeholder]::before {
-  content: attr(data-placeholder);
-}
-
 .ProseMirror
   > div.body
   .block-box_element
@@ -1423,6 +1405,11 @@ th:hover > .table-context-menu-button,
   opacity: 1;
 }
 
+.ProseMirror .block-container:hover .section-category-button.disabled {
+  opacity: 0.2;
+  cursor: not-allowed;
+}
+
 .section-category.menu .menu-item.selected:after {
   top: 10.5px;
   right: 19px;

package/styles/Editor.css

@@ -297,6 +297,21 @@
   content: 'Caption Title...';
 }
 
+.ProseMirror .block-box_element .caption-title.empty-node::before {
+  content: none;
+}
+
+.ProseMirror .block-box_element label.caption-title.placeholder.empty-node {
+  display: inline-flex;
+}
+
+.ProseMirror .block-box_element .caption-title.empty-node::after {
+  content: 'Caption Title...';
+  color: #999;
+  font-style: italic;
+  pointer-events: none;
+} 
+
 .ProseMirror .caption-description.empty-node::before {
   content: 'Caption...';
 }