@manuscripts/body-editor 3.7.3 → 3.7.5

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

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.3';
+export const VERSION = '3.7.5';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.7.3";
+export declare const VERSION = "3.7.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.7.3",
+  "version": "3.7.5",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -38,9 +38,9 @@
     "@citation-js/plugin-ris": "0.7.18",
     "@iarna/word-count": "1.1.2",
     "@manuscripts/json-schema": "2.2.12",
-    "@manuscripts/style-guide": "3.3.5",
-    "@manuscripts/track-changes-plugin": "2.2.0",
-    "@manuscripts/transform": "4.3.9",
+    "@manuscripts/style-guide": "3.3.7",
+    "@manuscripts/track-changes-plugin": "2.2.1",
+    "@manuscripts/transform": "4.3.10",
     "@popperjs/core": "2.11.8",
     "citeproc": "2.4.63",
     "codemirror": "5.65.19",
@@ -81,6 +81,8 @@
     "@babel/preset-env": "7.23.8",
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.23.3",
+    "@eslint/eslintrc": "3.3.1",
+    "@eslint/js": "9.39.1",
     "@manuscripts/eslint-config": "0.5.1",
     "@types/codemirror": "5.60.15",
     "@types/csl": "npm:csl-json@0.1.0",
@@ -92,27 +94,28 @@
     "@types/react-router-dom": "5.3.3",
     "@types/styled-components": "5.1.34",
     "@types/uuid": "9.0.8",
-    "@typescript-eslint/eslint-plugin": "5.62.0",
-    "@typescript-eslint/parser": "5.62.0",
-    "eslint": "8.57.1",
-    "eslint-config-prettier": "8.10.0",
+    "@typescript-eslint/eslint-plugin": "8.46.4",
+    "@typescript-eslint/parser": "8.46.4",
+    "eslint": "9.39.1",
+    "eslint-config-prettier": "10.1.8",
+    "eslint-plugin-diff": "2.0.3",
     "eslint-plugin-header": "3.1.1",
-    "eslint-plugin-import": "2.31.0",
-    "eslint-plugin-jest": "27.9.0",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-jest": "29.1.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
-    "eslint-plugin-mdx": "2.3.4",
+    "eslint-plugin-mdx": "3.6.2",
     "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-promise": "6.6.0",
+    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-promise": "7.2.1",
     "eslint-plugin-react": "7.37.5",
-    "eslint-plugin-react-hooks": "4.6.2",
-    "eslint-plugin-simple-import-sort": "8.0.0",
+    "eslint-plugin-react-hooks": "7.0.1",
+    "eslint-plugin-simple-import-sort": "12.1.1",
     "husky": "8.0.3",
     "jest": "30.0.5",
     "jest-environment-jsdom": "30.0.5",
     "jest-prosemirror": "3.0.1",
     "npm-run-all": "4.1.5",
-    "prettier": "2.8.8",
+    "prettier": "3.6.2",
     "regenerator-runtime": "0.14.1",
     "rimraf": "6.0.1",
     "typescript": "5.9.2",