@manuscripts/body-editor 2.3.2 → 2.5.0

package/dist/cjs/commands.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addRows = exports.insertTableFootnote = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertFootnote = exports.createFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralFootnote = exports.undoFootnoteDelete = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
+exports.autoComplete = exports.mergeCellsWithSpace = exports.addColumns = exports.addRows = exports.insertBoxElement = exports.insertTableFootnote = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertContributors = exports.insertAbstract = exports.insertBackMatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertInlineFootnote = exports.insertFootnote = exports.createFootnote = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralFootnote = exports.undoFootnoteDelete = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
@@ -92,7 +92,8 @@ exports.blockActive = blockActive;
 const canInsert = (type) => (state) => {
     var _a;
     const { $from, $to } = state.selection;
-    if ($from.node().type === transform_1.schema.nodes.title && $from.pos === $to.pos) {
+    if (($from.node().type === transform_1.schema.nodes.title || $from.node().type === transform_1.schema.nodes.section_title) &&
+        $from.pos === $to.pos) {
         return false;
     }
     const initDepth = ((_a = (0, prosemirror_utils_1.findParentNodeOfType)(transform_1.schema.nodes.box_element)(state.selection)) === null || _a === void 0 ? void 0 : _a.depth) ||
@@ -1092,6 +1093,30 @@ const insertTableFootnote = (tableElementNode, position, view, inlineFootnote) =
     dispatch(view.state.tr.setSelection(textSelection).scrollIntoView());
 };
 exports.insertTableFootnote = insertTableFootnote;
+const insertBoxElement = (state, dispatch) => {
+    const selection = state.selection;
+    const isBody = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.body)(selection);
+    const isBoxText = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.box_element)(selection);
+    if (!isBody || isBoxText) {
+        return false;
+    }
+    const position = findBlockInsertPosition(state);
+    const paragraph = transform_1.schema.nodes.paragraph.create({});
+    const section = transform_1.schema.nodes.section.createAndFill({}, [
+        transform_1.schema.nodes.section_title.create(),
+        paragraph,
+    ]);
+    const BoxElementNode = transform_1.schema.nodes.box_element.createAndFill({}, [
+        transform_1.schema.nodes.figcaption.create({}, [transform_1.schema.nodes.caption_title.create()]),
+        section,
+    ]);
+    if (position && dispatch) {
+        const tr = state.tr.insert(position, BoxElementNode);
+        dispatch(tr);
+    }
+    return true;
+};
+exports.insertBoxElement = insertBoxElement;
 const addRows = (direction) => (state, dispatch) => {
     if (dispatch) {
         const { tr } = state;

package/dist/cjs/menus.js

@@ -203,6 +203,16 @@ const getEditorMenus = (editor) => {
             {
                 role: 'separator',
             },
+            {
+                id: 'insert-boxed-text',
+                label: 'Boxed Text',
+                shortcut: {
+                    mac: 'Option+CommandOrControl+B',
+                    pc: 'CommandOrControl+Option+B',
+                },
+                isEnabled: isCommandValid(commands_1.insertBoxElement),
+                run: doCommand(commands_1.insertBoxElement),
+            },
             {
                 id: 'insert-figure-element',
                 label: 'Figure Panel',

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

package/dist/cjs/views/section_title.js

@@ -43,7 +43,12 @@ class SectionTitleView extends block_view_1.default {
             }
             else {
                 this.contentDOM.classList.add('empty-node');
-                this.contentDOM.setAttribute('data-placeholder', `${(0, context_menu_1.sectionLevel)(level)} heading`);
+                if ($pos.node($pos.depth - 1).type === transform_1.schema.nodes.box_element) {
+                    this.contentDOM.setAttribute('data-placeholder', `Optional box title...`);
+                }
+                else {
+                    this.contentDOM.setAttribute('data-placeholder', `${(0, context_menu_1.sectionLevel)(level)} heading`);
+                }
             }
             if (sectionTitleState && sectionNumber) {
                 this.contentDOM.dataset.sectionNumber = sectionNumber;

package/dist/es/commands.js

@@ -85,7 +85,8 @@ export const blockActive = (type) => (state) => {
 export const canInsert = (type) => (state) => {
     var _a;
     const { $from, $to } = state.selection;
-    if ($from.node().type === schema.nodes.title && $from.pos === $to.pos) {
+    if (($from.node().type === schema.nodes.title || $from.node().type === schema.nodes.section_title) &&
+        $from.pos === $to.pos) {
         return false;
     }
     const initDepth = ((_a = findParentNodeOfType(schema.nodes.box_element)(state.selection)) === null || _a === void 0 ? void 0 : _a.depth) ||
@@ -1045,6 +1046,29 @@ export const insertTableFootnote = (tableElementNode, position, view, inlineFoot
     view.focus();
     dispatch(view.state.tr.setSelection(textSelection).scrollIntoView());
 };
+export const insertBoxElement = (state, dispatch) => {
+    const selection = state.selection;
+    const isBody = hasParentNodeOfType(schema.nodes.body)(selection);
+    const isBoxText = hasParentNodeOfType(schema.nodes.box_element)(selection);
+    if (!isBody || isBoxText) {
+        return false;
+    }
+    const position = findBlockInsertPosition(state);
+    const paragraph = schema.nodes.paragraph.create({});
+    const section = schema.nodes.section.createAndFill({}, [
+        schema.nodes.section_title.create(),
+        paragraph,
+    ]);
+    const BoxElementNode = schema.nodes.box_element.createAndFill({}, [
+        schema.nodes.figcaption.create({}, [schema.nodes.caption_title.create()]),
+        section,
+    ]);
+    if (position && dispatch) {
+        const tr = state.tr.insert(position, BoxElementNode);
+        dispatch(tr);
+    }
+    return true;
+};
 export const addRows = (direction) => (state, dispatch) => {
     if (dispatch) {
         const { tr } = state;

package/dist/es/menus.js

@@ -16,7 +16,7 @@
 import { schema } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import { redo, undo } from 'prosemirror-history';
-import { addInlineComment, blockActive, canInsert, insertAbstract, insertBackMatterSection, insertBlock, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
+import { addInlineComment, blockActive, canInsert, insertAbstract, insertBackMatterSection, insertBlock, insertBoxElement, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
 import { openInsertTableDialog } from './components/toolbar/InsertTableDialog';
 import { ListMenuItem } from './components/toolbar/ListMenuItem';
 import { deleteClosestParentElement, findClosestParentElementNodeName, } from './lib/hierarchy';
@@ -200,6 +200,16 @@ export const getEditorMenus = (editor) => {
             {
                 role: 'separator',
             },
+            {
+                id: 'insert-boxed-text',
+                label: 'Boxed Text',
+                shortcut: {
+                    mac: 'Option+CommandOrControl+B',
+                    pc: 'CommandOrControl+Option+B',
+                },
+                isEnabled: isCommandValid(insertBoxElement),
+                run: doCommand(insertBoxElement),
+            },
             {
                 id: 'insert-figure-element',
                 label: 'Figure Panel',

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.3.2';
+export const VERSION = '2.5.0';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/section_title.js

@@ -37,7 +37,12 @@ export class SectionTitleView extends BlockView {
             }
             else {
                 this.contentDOM.classList.add('empty-node');
-                this.contentDOM.setAttribute('data-placeholder', `${sectionLevel(level)} heading`);
+                if ($pos.node($pos.depth - 1).type === schema.nodes.box_element) {
+                    this.contentDOM.setAttribute('data-placeholder', `Optional box title...`);
+                }
+                else {
+                    this.contentDOM.setAttribute('data-placeholder', `${sectionLevel(level)} heading`);
+                }
             }
             if (sectionTitleState && sectionNumber) {
                 this.contentDOM.dataset.sectionNumber = sectionNumber;

package/dist/types/commands.d.ts

@@ -74,6 +74,7 @@ interface NodeWithPosition {
     pos: number;
 }
 export declare const insertTableFootnote: (tableElementNode: ManuscriptNode, position: number, view: EditorView, inlineFootnote?: NodeWithPosition) => void;
+export declare const insertBoxElement: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const addRows: (direction: 'top' | 'bottom') => (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
 export declare const addColumns: (direction: 'right' | 'left') => (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
 export declare function mergeCellsWithSpace(state: EditorState, dispatch?: (tr: Transaction) => void): boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.3.2";
+export declare const VERSION = "2.5.0";
 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": "2.3.2",
+  "version": "2.5.0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/styles/AdvancedEditor.css

@@ -173,11 +173,19 @@
   text-align: left;
 }
 
+.ProseMirror .box-element .block-section_title h1.empty-node[data-placeholder]::before {
+  font-style: italic !important;
+  font-weight: 400 !important;
+  line-height: 24px; 
+  letter-spacing: -0.369px;
+  font-size: 13.5pt ;
+}
+.ProseMirror .box-element .block-section:first-of-type > section:first-of-type > .block-section_title:first-of-type > h1.empty-node[data-placeholder]::before {
+  font-size: 16pt ;
+}
 .box-element section figcaption {
   background: var(--box-element-bg-color);
 }
-
-
 .unsupported-format-label {
   font-size: 140%;
   line-height: 1.3;
@@ -451,7 +459,6 @@ span.comment-marker {
 .block-box_element > .block-gutter {
   margin-top: 14px;
 }
-
 .author-notes > .block-section_title > .block,
 .keywords > .block-section_title > .block {
   align-items: center;