@manuscripts/body-editor 3.5.4 → 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/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/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.4';
+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/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/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.5.4';
+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.4";
+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.4",
+  "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

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...';
 }