@manuscripts/body-editor 2.7.21 → 2.7.24

package/dist/cjs/commands.js

@@ -145,6 +145,9 @@ const createBlock = (nodeType, position, state, dispatch, attrs) => {
         case state.schema.nodes.figure_element:
             node = createAndFillFigureElement(state);
             break;
+        case state.schema.nodes.image_element:
+            node = createImageElement(state);
+            break;
         case state.schema.nodes.listing_element:
             node = state.schema.nodes.listing_element.create({}, [
                 state.schema.nodes.listing.create(),
@@ -990,6 +993,9 @@ const createAndFillFigcaptionElement = (state) => state.schema.nodes.figcaption.
     state.schema.nodes.caption_title.create(),
     state.schema.nodes.caption.create(),
 ]);
+const createImageElement = (state) => state.schema.nodes.image_element.create({}, [
+    state.schema.nodes.figure.create(),
+]);
 const getParentNode = (selection) => {
     var _a;
     const parentNode = (0, utils_1.findParentNodeWithId)(selection);

package/dist/cjs/components/outline/DraggableTree.js

@@ -44,7 +44,6 @@ const excludedTypes = [
     transform_1.schema.nodes.contributors,
     transform_1.schema.nodes.author_notes,
     transform_1.schema.nodes.title,
-    transform_1.schema.nodes.image_element,
 ];
 const childrenExcludedTypes = [
     transform_1.schema.nodes.pullquote_element,

package/dist/cjs/configs/editor-views.js

@@ -70,6 +70,7 @@ exports.default = (props, dispatch) => {
         equation_element: (0, equation_element_editable_1.default)(props),
         figure: (0, figure_editable_1.default)(props, dispatch),
         figure_element: (0, figure_element_editable_1.default)(props, dispatch),
+        image_element: (0, figure_element_editable_1.default)(props, dispatch),
         footnote: (0, footnote_1.default)(props),
         footnotes_element: (0, footnotes_element_1.default)(props),
         general_table_footnote: (0, general_table_footnote_1.default)(props, dispatch),

package/dist/cjs/lib/files.js

@@ -52,7 +52,9 @@ const groupFiles = (doc, files) => {
         figures.push(getFigureElementFiles(element.node, element.pos));
     }
     doc.descendants((node, pos) => {
-        if (node.type === transform_1.schema.nodes.figure_element && node.attrs.id !== gaID) {
+        if ((node.type === transform_1.schema.nodes.figure_element ||
+            node.type === transform_1.schema.nodes.image_element) &&
+            node.attrs.id !== gaID) {
             figures.push(getFigureElementFiles(node, pos));
         }
         if (node.type === transform_1.schema.nodes.supplement) {

package/dist/cjs/menus.js

@@ -199,6 +199,12 @@ const getEditorMenus = (editor) => {
                 isEnabled: isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.figure_element)),
                 run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.figure_element)),
             },
+            {
+                id: 'insert-image-element',
+                label: 'Simple Image',
+                isEnabled: isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.image_element)),
+                run: doCommand((0, commands_1.insertBlock)(transform_1.schema.nodes.image_element)),
+            },
             {
                 id: 'insert-table-element',
                 label: 'Table',

package/dist/cjs/node-type-icons.js

@@ -23,6 +23,7 @@ const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
 const react_1 = __importDefault(require("react"));
 const { nodes } = transform_1.schema;
+const OutlineImageIcon = () => (react_1.default.createElement(style_guide_1.FileImageIcon, { width: "11", height: "14" }));
 const icons = new Map([
     [nodes.manuscript, style_guide_1.OutlineManuscriptIcon],
     [nodes.bibliography_section, style_guide_1.OutlineSectionIcon],
@@ -36,6 +37,7 @@ const icons = new Map([
     [nodes.table_element, style_guide_1.OutlineTableIcon],
     [nodes.graphical_abstract_section, style_guide_1.OutlineSectionIcon],
     [nodes.footnotes_section, style_guide_1.OutlineSectionIcon],
+    [nodes.image_element, OutlineImageIcon],
 ]);
 const nodeTypeIcon = (nodeType, listType) => {
     if (nodeType === transform_1.schema.nodes.list) {

package/dist/cjs/plugins/objects.js

@@ -46,15 +46,21 @@ exports.default = () => {
                             if (target && !isInGraphicalAbstract) {
                                 const labelNode = document.createElement('span');
                                 labelNode.className = 'figure-label';
-                                labelNode.textContent = target.label + ':';
-                                node.forEach((child, offset) => {
-                                    if (child.type.name === 'figcaption') {
-                                        decorations.push(prosemirror_view_1.Decoration.widget(pos + 1 + offset + 1, labelNode, {
-                                            side: -1,
-                                            key: `figure-label-${id}-${target.label}`,
-                                        }));
-                                    }
-                                });
+                                if (node.type.name === 'image_element') {
+                                    labelNode.textContent = target.label;
+                                    decorations.push(prosemirror_view_1.Decoration.widget(pos + node.nodeSize - 1, labelNode));
+                                }
+                                else {
+                                    labelNode.textContent = target.label + ':';
+                                    node.forEach((child, offset) => {
+                                        if (child.type.name === 'figcaption') {
+                                            decorations.push(prosemirror_view_1.Decoration.widget(pos + 1 + offset + 1, labelNode, {
+                                                side: -1,
+                                                key: `figure-label-${id}-${target.label}`,
+                                            }));
+                                        }
+                                    });
+                                }
                             }
                         }
                     });

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

package/dist/es/commands.js

@@ -135,6 +135,9 @@ export const createBlock = (nodeType, position, state, dispatch, attrs) => {
         case state.schema.nodes.figure_element:
             node = createAndFillFigureElement(state);
             break;
+        case state.schema.nodes.image_element:
+            node = createImageElement(state);
+            break;
         case state.schema.nodes.listing_element:
             node = state.schema.nodes.listing_element.create({}, [
                 state.schema.nodes.listing.create(),
@@ -941,6 +944,9 @@ const createAndFillFigcaptionElement = (state) => state.schema.nodes.figcaption.
     state.schema.nodes.caption_title.create(),
     state.schema.nodes.caption.create(),
 ]);
+const createImageElement = (state) => state.schema.nodes.image_element.create({}, [
+    state.schema.nodes.figure.create(),
+]);
 const getParentNode = (selection) => {
     var _a;
     const parentNode = findParentNodeWithId(selection);

package/dist/es/components/outline/DraggableTree.js

@@ -18,7 +18,6 @@ const excludedTypes = [
     schema.nodes.contributors,
     schema.nodes.author_notes,
     schema.nodes.title,
-    schema.nodes.image_element,
 ];
 const childrenExcludedTypes = [
     schema.nodes.pullquote_element,

package/dist/es/configs/editor-views.js

@@ -65,6 +65,7 @@ export default (props, dispatch) => {
         equation_element: equationElement(props),
         figure: figure(props, dispatch),
         figure_element: figureElement(props, dispatch),
+        image_element: figureElement(props, dispatch),
         footnote: footnote(props),
         footnotes_element: footnotesElement(props),
         general_table_footnote: generalTableFootnote(props, dispatch),

package/dist/es/lib/files.js

@@ -49,7 +49,9 @@ export const groupFiles = (doc, files) => {
         figures.push(getFigureElementFiles(element.node, element.pos));
     }
     doc.descendants((node, pos) => {
-        if (node.type === schema.nodes.figure_element && node.attrs.id !== gaID) {
+        if ((node.type === schema.nodes.figure_element ||
+            node.type === schema.nodes.image_element) &&
+            node.attrs.id !== gaID) {
             figures.push(getFigureElementFiles(node, pos));
         }
         if (node.type === schema.nodes.supplement) {

package/dist/es/menus.js

@@ -196,6 +196,12 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isCommandValid(canInsert(schema.nodes.figure_element)),
                 run: doCommand(insertBlock(schema.nodes.figure_element)),
             },
+            {
+                id: 'insert-image-element',
+                label: 'Simple Image',
+                isEnabled: isCommandValid(canInsert(schema.nodes.image_element)),
+                run: doCommand(insertBlock(schema.nodes.image_element)),
+            },
             {
                 id: 'insert-table-element',
                 label: 'Table',

package/dist/es/node-type-icons.js

@@ -13,10 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { OutlineBlockQuoteIcon, OutlineEmbedIcon, OutlineEquationIcon, OutlineFigureIcon, OutlineManuscriptIcon, OutlineOrderedListIcon, OutlineParagraphIcon, OutlinePullQuoteIcon, OutlineSectionIcon, OutlineTableIcon, OutlineUnorderedListIcon, } from '@manuscripts/style-guide';
+import { FileImageIcon, OutlineBlockQuoteIcon, OutlineEmbedIcon, OutlineEquationIcon, OutlineFigureIcon, OutlineManuscriptIcon, OutlineOrderedListIcon, OutlineParagraphIcon, OutlinePullQuoteIcon, OutlineSectionIcon, OutlineTableIcon, OutlineUnorderedListIcon, } from '@manuscripts/style-guide';
 import { schema } from '@manuscripts/transform';
 import React from 'react';
 const { nodes } = schema;
+const OutlineImageIcon = () => (React.createElement(FileImageIcon, { width: "11", height: "14" }));
 const icons = new Map([
     [nodes.manuscript, OutlineManuscriptIcon],
     [nodes.bibliography_section, OutlineSectionIcon],
@@ -30,6 +31,7 @@ const icons = new Map([
     [nodes.table_element, OutlineTableIcon],
     [nodes.graphical_abstract_section, OutlineSectionIcon],
     [nodes.footnotes_section, OutlineSectionIcon],
+    [nodes.image_element, OutlineImageIcon],
 ]);
 export const nodeTypeIcon = (nodeType, listType) => {
     if (nodeType === schema.nodes.list) {

package/dist/es/plugins/objects.js

@@ -43,15 +43,21 @@ export default () => {
                             if (target && !isInGraphicalAbstract) {
                                 const labelNode = document.createElement('span');
                                 labelNode.className = 'figure-label';
-                                labelNode.textContent = target.label + ':';
-                                node.forEach((child, offset) => {
-                                    if (child.type.name === 'figcaption') {
-                                        decorations.push(Decoration.widget(pos + 1 + offset + 1, labelNode, {
-                                            side: -1,
-                                            key: `figure-label-${id}-${target.label}`,
-                                        }));
-                                    }
-                                });
+                                if (node.type.name === 'image_element') {
+                                    labelNode.textContent = target.label;
+                                    decorations.push(Decoration.widget(pos + node.nodeSize - 1, labelNode));
+                                }
+                                else {
+                                    labelNode.textContent = target.label + ':';
+                                    node.forEach((child, offset) => {
+                                        if (child.type.name === 'figcaption') {
+                                            decorations.push(Decoration.widget(pos + 1 + offset + 1, labelNode, {
+                                                side: -1,
+                                                key: `figure-label-${id}-${target.label}`,
+                                            }));
+                                        }
+                                    });
+                                }
                             }
                         }
                     });

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.7.21';
+export const VERSION = '2.7.24';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/configs/editor-views.d.ts

@@ -104,6 +104,32 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
         deselectNode(): void;
         destroy(): void;
     } & import("../views/figure_element").FigureElementView>;
+    image_element: import("../types").NodeViewCreator<{
+        gutterButtons(): HTMLElement[];
+        actionGutterButtons(): never[];
+        createAddButton(): HTMLAnchorElement | null;
+        createEditButton(): HTMLElement | null;
+        createMenu: () => import("../lib/context-menu").ContextMenu;
+        initialise(): void;
+        updateContents(): void;
+        handleTrackChanges(): void;
+        updateClasses(): void;
+        updatePlaceholder(): void;
+        createElement(): void;
+        createDOM(): void;
+        createGutter(className: string, buttons: HTMLElement[]): void;
+        dom: HTMLElement;
+        contentDOM?: HTMLElement | undefined;
+        elementType: string;
+        readonly props: EditorProps;
+        node: import("prosemirror-model").Node;
+        readonly view: import("prosemirror-view").EditorView;
+        readonly getPos: () => number;
+        update(newNode: import("prosemirror-model").Node): boolean;
+        selectNode(): void;
+        deselectNode(): void;
+        destroy(): void;
+    } & import("../views/figure_element").FigureElementView>;
     footnote: import("../types").NodeViewCreator<import("../views/footnote").FootnoteView>;
     footnotes_element: import("../types").NodeViewCreator<import("../views/footnotes_element").FootnotesElementView>;
     general_table_footnote: import("../types").NodeViewCreator<import("../views/general_table_footnote").GeneralTableFootnoteView>;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.7.21";
+export declare const VERSION = "2.7.24";
 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.7.21",
+  "version": "2.7.24",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -34,7 +34,7 @@
     "@manuscripts/library": "1.3.11",
     "@manuscripts/style-guide": "2.0.32",
     "@manuscripts/track-changes-plugin": "1.9.2",
-    "@manuscripts/transform": "3.0.36",
+    "@manuscripts/transform": "3.0.37",
     "@popperjs/core": "^2.11.8",
     "astrocite-eutils": "^0.16.4",
     "codemirror": "^5.58.1",

package/styles/Editor.css

@@ -348,10 +348,17 @@
 
 .ProseMirror .figure-label {
   font-weight: bold;
+  font-size: 14px;
   margin-right: 5px;
   white-space: nowrap;
 }
 
+.block-image_element .figure-label {
+  text-align: center;
+  grid-column-start: 1;
+  grid-column-end: -1;
+}
+
 .ProseMirror .executable-container {
   width: 100%;
   position: relative;