@manuscripts/body-editor 3.7.4 → 3.7.6

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

@@ -55,7 +55,7 @@ const reservedCharacters = new Set([
 const generateCharacters = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i)
     .filter((c) => !reservedCharacters.has(c))
     .map((c) => String.fromCharCode(c));
-const InsertSpecialCharacterDialog = ({ view, }) => {
+const InsertSpecialCharacterDialog = ({ view }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(true);
     const [range, setRange] = (0, react_1.useState)(unicodeRanges[0].value);
     const handleRangeChange = (range) => range && setRange(range.value);

package/dist/cjs/menus.js

@@ -28,7 +28,7 @@ const template_1 = require("./lib/template");
 const utils_1 = require("./lib/utils");
 const editor_props_1 = require("./plugins/editor-props");
 const getEditorMenus = (editor) => {
-    const { isCommandValid, state } = editor;
+    const { isCommandValid, state, view } = editor;
     const doCommand = (command) => () => editor.doCommand(command);
     const props = (0, editor_props_1.getEditorProps)(state);
     const insertBackmatterSectionMenu = (category) => {
@@ -409,7 +409,7 @@ const getEditorMenus = (editor) => {
                 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),
+                run: () => (0, InsertSpecialCharacter_1.openInsertSpecialCharacterDialog)(view),
                 isHidden: !(0, template_1.templateAllows)(state, transform_1.schema.nodes.text),
             },
             {

package/dist/cjs/toolbar.js

@@ -26,6 +26,7 @@ const react_1 = __importDefault(require("react"));
 const commands_1 = require("./commands");
 const helpers_1 = require("./components/toolbar/helpers");
 const InsertTableDialog_1 = require("./components/toolbar/InsertTableDialog");
+const InsertSpecialCharacter_1 = require("./components/views/InsertSpecialCharacter");
 const utils_1 = require("./lib/utils");
 const isEnabled = (isCommandEnabled) => (state) => {
     return (0, utils_1.isEditAllowed)(state) && isCommandEnabled(state);
@@ -112,17 +113,31 @@ exports.toolbar = {
         },
     },
     inline: {
+        comment: {
+            title: 'Insert comment',
+            content: react_1.default.createElement(style_guide_1.AddCommentIcon, null),
+            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.highlight_marker)),
+            run: commands_1.addInlineComment,
+        },
         citation: {
             title: 'Insert citation',
             content: react_1.default.createElement(style_guide_1.ToolbarCitationIcon, null),
             isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.citation)),
             run: commands_1.insertInlineCitation,
         },
-        comment: {
-            title: 'Insert comment',
-            content: react_1.default.createElement(style_guide_1.AddCommentIcon, null),
-            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.highlight_marker)),
-            run: commands_1.addInlineComment,
+    },
+    quote: {
+        blockquote: {
+            title: 'Insert blockquote',
+            content: react_1.default.createElement(style_guide_1.OutlineBlockQuoteIcon, null),
+            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.blockquote_element)),
+            run: (0, commands_1.insertBlock)(transform_1.schema.nodes.blockquote_element),
+        },
+        pullquote: {
+            title: 'Insert pullquote',
+            content: react_1.default.createElement(style_guide_1.OutlinePullQuoteIcon, null),
+            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.pullquote_element)),
+            run: (0, commands_1.insertBlock)(transform_1.schema.nodes.pullquote_element),
         },
     },
     element: {
@@ -132,12 +147,24 @@ exports.toolbar = {
             isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.figure_element)),
             run: (0, commands_1.insertBlock)(transform_1.schema.nodes.figure_element),
         },
+        image_element: {
+            title: 'Insert image',
+            content: react_1.default.createElement(style_guide_1.FileImageIcon, { width: "19", height: "16" }),
+            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.image_element)),
+            run: (0, commands_1.insertBlock)(transform_1.schema.nodes.image_element),
+        },
         table_element: {
             title: 'Insert table',
             content: react_1.default.createElement(style_guide_1.ToolbarTableIcon, null),
             isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.table_element)),
             run: InsertTableDialog_1.openInsertTableDialog,
         },
+        box_element: {
+            title: 'Insert boxed text',
+            content: react_1.default.createElement(style_guide_1.ToolbarBoxedTextIcon, null),
+            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.box_element)),
+            run: commands_1.insertBoxElement,
+        },
         equation_element: {
             title: 'Insert equation',
             content: react_1.default.createElement(style_guide_1.ToolbarEquationIcon, null),
@@ -145,4 +172,28 @@ exports.toolbar = {
             run: (0, commands_1.insertBlock)(transform_1.schema.nodes.equation_element),
         },
     },
+    media: {
+        embed: {
+            title: 'Insert media',
+            content: react_1.default.createElement(style_guide_1.OutlineEmbedIcon, null),
+            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.embed)),
+            run: commands_1.insertEmbed,
+        },
+        link: {
+            title: 'Insert link',
+            content: react_1.default.createElement(style_guide_1.LinkIcon, null),
+            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.link)),
+            run: commands_1.insertLink,
+        },
+    },
+    special: {
+        special_characters: {
+            title: 'Insert special characters',
+            content: react_1.default.createElement(style_guide_1.ToolbarSpecialCharactersIcon, null),
+            isEnabled: isEnabled((0, commands_1.canInsert)(transform_1.schema.nodes.text)),
+            run: (state, dispatch, view) => {
+                (0, InsertSpecialCharacter_1.openInsertSpecialCharacterDialog)(view);
+            },
+        },
+    },
 };

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

package/dist/cjs/views/editable_block.js

@@ -53,6 +53,7 @@ const EditableBlock = (Base) => {
             const button = document.createElement('a');
             button.classList.add('add-block', context_menu_1.contextMenuBtnClass);
             button.classList.add('add-block-after');
+            button.setAttribute('role', 'button');
             button.setAttribute('aria-label', `Add an element below`);
             button.setAttribute('data-balloon-pos', 'down-left');
             button.addEventListener('mousedown', (event) => {
@@ -68,6 +69,7 @@ const EditableBlock = (Base) => {
             }
             const button = document.createElement('a');
             button.classList.add('edit-block', context_menu_1.contextMenuBtnClass);
+            button.setAttribute('role', 'button');
             button.setAttribute('aria-label', 'Open menu');
             button.setAttribute('data-balloon-pos', 'down-left');
             button.addEventListener('mousedown', (event) => {

package/dist/es/components/views/InsertSpecialCharacter.js

@@ -16,7 +16,7 @@ const reservedCharacters = new Set([
 const generateCharacters = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i)
     .filter((c) => !reservedCharacters.has(c))
     .map((c) => String.fromCharCode(c));
-const InsertSpecialCharacterDialog = ({ view, }) => {
+const InsertSpecialCharacterDialog = ({ view }) => {
     const [isOpen, setOpen] = useState(true);
     const [range, setRange] = useState(unicodeRanges[0].value);
     const handleRangeChange = (range) => range && setRange(range.value);

package/dist/es/menus.js

@@ -25,7 +25,7 @@ import { templateAllows } from './lib/template';
 import { isEditAllowed } from './lib/utils';
 import { getEditorProps } from './plugins/editor-props';
 export const getEditorMenus = (editor) => {
-    const { isCommandValid, state } = editor;
+    const { isCommandValid, state, view } = editor;
     const doCommand = (command) => () => editor.doCommand(command);
     const props = getEditorProps(state);
     const insertBackmatterSectionMenu = (category) => {
@@ -406,7 +406,7 @@ export const getEditorMenus = (editor) => {
                 id: 'insert-special-character',
                 label: 'Special Characters',
                 isEnabled: isEditAllowed(state) && isCommandValid(canInsert(schema.nodes.text)),
-                run: () => openInsertSpecialCharacterDialog(editor.view),
+                run: () => openInsertSpecialCharacterDialog(view),
                 isHidden: !templateAllows(state, schema.nodes.text),
             },
             {

package/dist/es/toolbar.js

@@ -13,13 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { AddCommentIcon, ToolbarBoldIcon, ToolbarCitationIcon, ToolbarEquationIcon, ToolbarFigureIcon, ToolbarIndentIcon, ToolbarItalicIcon, ToolbarOrderedListIcon, ToolbarSubscriptIcon, ToolbarSuperscriptIcon, ToolbarTableIcon, ToolbarUnderlineIcon, ToolbarUnindentIcon, ToolbarUnorderedListIcon, } from '@manuscripts/style-guide';
+import { AddCommentIcon, FileImageIcon, LinkIcon, OutlineBlockQuoteIcon, OutlineEmbedIcon, OutlinePullQuoteIcon, ToolbarBoldIcon, ToolbarBoxedTextIcon, ToolbarCitationIcon, ToolbarEquationIcon, ToolbarFigureIcon, ToolbarIndentIcon, ToolbarItalicIcon, ToolbarOrderedListIcon, ToolbarSpecialCharactersIcon, ToolbarSubscriptIcon, ToolbarSuperscriptIcon, ToolbarTableIcon, ToolbarUnderlineIcon, ToolbarUnindentIcon, ToolbarUnorderedListIcon, } from '@manuscripts/style-guide';
 import { schema } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import React from 'react';
-import { addInlineComment, blockActive, canInsert, insertBlock, insertInlineCitation, insertList, markActive, } from './commands';
+import { addInlineComment, blockActive, canInsert, insertBlock, insertBoxElement, insertEmbed, insertInlineCitation, insertLink, insertList, markActive, } from './commands';
 import { changeIndentation, isIndentationAllowed, } from './components/toolbar/helpers';
 import { openInsertTableDialog } from './components/toolbar/InsertTableDialog';
+import { openInsertSpecialCharacterDialog } from './components/views/InsertSpecialCharacter';
 import { isEditAllowed } from './lib/utils';
 const isEnabled = (isCommandEnabled) => (state) => {
     return isEditAllowed(state) && isCommandEnabled(state);
@@ -106,17 +107,31 @@ export const toolbar = {
         },
     },
     inline: {
+        comment: {
+            title: 'Insert comment',
+            content: React.createElement(AddCommentIcon, null),
+            isEnabled: isEnabled(canInsert(schema.nodes.highlight_marker)),
+            run: addInlineComment,
+        },
         citation: {
             title: 'Insert citation',
             content: React.createElement(ToolbarCitationIcon, null),
             isEnabled: isEnabled(canInsert(schema.nodes.citation)),
             run: insertInlineCitation,
         },
-        comment: {
-            title: 'Insert comment',
-            content: React.createElement(AddCommentIcon, null),
-            isEnabled: isEnabled(canInsert(schema.nodes.highlight_marker)),
-            run: addInlineComment,
+    },
+    quote: {
+        blockquote: {
+            title: 'Insert blockquote',
+            content: React.createElement(OutlineBlockQuoteIcon, null),
+            isEnabled: isEnabled(canInsert(schema.nodes.blockquote_element)),
+            run: insertBlock(schema.nodes.blockquote_element),
+        },
+        pullquote: {
+            title: 'Insert pullquote',
+            content: React.createElement(OutlinePullQuoteIcon, null),
+            isEnabled: isEnabled(canInsert(schema.nodes.pullquote_element)),
+            run: insertBlock(schema.nodes.pullquote_element),
         },
     },
     element: {
@@ -126,12 +141,24 @@ export const toolbar = {
             isEnabled: isEnabled(canInsert(schema.nodes.figure_element)),
             run: insertBlock(schema.nodes.figure_element),
         },
+        image_element: {
+            title: 'Insert image',
+            content: React.createElement(FileImageIcon, { width: "19", height: "16" }),
+            isEnabled: isEnabled(canInsert(schema.nodes.image_element)),
+            run: insertBlock(schema.nodes.image_element),
+        },
         table_element: {
             title: 'Insert table',
             content: React.createElement(ToolbarTableIcon, null),
             isEnabled: isEnabled(canInsert(schema.nodes.table_element)),
             run: openInsertTableDialog,
         },
+        box_element: {
+            title: 'Insert boxed text',
+            content: React.createElement(ToolbarBoxedTextIcon, null),
+            isEnabled: isEnabled(canInsert(schema.nodes.box_element)),
+            run: insertBoxElement,
+        },
         equation_element: {
             title: 'Insert equation',
             content: React.createElement(ToolbarEquationIcon, null),
@@ -139,4 +166,28 @@ export const toolbar = {
             run: insertBlock(schema.nodes.equation_element),
         },
     },
+    media: {
+        embed: {
+            title: 'Insert media',
+            content: React.createElement(OutlineEmbedIcon, null),
+            isEnabled: isEnabled(canInsert(schema.nodes.embed)),
+            run: insertEmbed,
+        },
+        link: {
+            title: 'Insert link',
+            content: React.createElement(LinkIcon, null),
+            isEnabled: isEnabled(canInsert(schema.nodes.link)),
+            run: insertLink,
+        },
+    },
+    special: {
+        special_characters: {
+            title: 'Insert special characters',
+            content: React.createElement(ToolbarSpecialCharactersIcon, null),
+            isEnabled: isEnabled(canInsert(schema.nodes.text)),
+            run: (state, dispatch, view) => {
+                openInsertSpecialCharacterDialog(view);
+            },
+        },
+    },
 };

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.7.4';
+export const VERSION = '3.7.6';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/editable_block.js

@@ -50,6 +50,7 @@ export const EditableBlock = (Base) => {
             const button = document.createElement('a');
             button.classList.add('add-block', contextMenuBtnClass);
             button.classList.add('add-block-after');
+            button.setAttribute('role', 'button');
             button.setAttribute('aria-label', `Add an element below`);
             button.setAttribute('data-balloon-pos', 'down-left');
             button.addEventListener('mousedown', (event) => {
@@ -65,6 +66,7 @@ export const EditableBlock = (Base) => {
             }
             const button = document.createElement('a');
             button.classList.add('edit-block', contextMenuBtnClass);
+            button.setAttribute('role', 'button');
             button.setAttribute('aria-label', 'Open menu');
             button.setAttribute('data-balloon-pos', 'down-left');
             button.addEventListener('mousedown', (event) => {

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.7.4";
+export declare const VERSION = "3.7.6";
 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.7.4",
+  "version": "3.7.6",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -38,7 +38,7 @@
     "@citation-js/plugin-ris": "0.7.18",
     "@iarna/word-count": "1.1.2",
     "@manuscripts/json-schema": "2.2.12",
-    "@manuscripts/style-guide": "3.3.6",
+    "@manuscripts/style-guide": "3.3.7",
     "@manuscripts/track-changes-plugin": "2.2.1",
     "@manuscripts/transform": "4.3.10",
     "@popperjs/core": "2.11.8",