@manuscripts/body-editor 3.10.15 → 3.10.17

package/dist/cjs/icons.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tickIcon = exports.fileMainDocumentIcon = exports.linkIcon = exports.translateIcon = exports.draggableIcon = exports.fileCorruptedIcon = exports.imageDefaultIcon = exports.imageLeftIcon = exports.imageRightIcon = exports.plusIcon = exports.lockIcon = exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = exports.arrowUp = exports.arrowDown = exports.addAuthorIcon = void 0;
+exports.ORCIDIcon = exports.tickIcon = exports.fileMainDocumentIcon = exports.linkIcon = exports.translateIcon = exports.draggableIcon = exports.fileCorruptedIcon = exports.imageDefaultIcon = exports.imageLeftIcon = exports.imageRightIcon = exports.plusIcon = exports.lockIcon = exports.scrollIcon = exports.sectionCategoryIcon = exports.editIcon = exports.deleteIcon = exports.alertIcon = exports.arrowUp = exports.arrowDown = exports.addAuthorIcon = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = require("react");
 const server_1 = require("react-dom/server");
@@ -24,3 +24,4 @@ exports.translateIcon = renderIcon(style_guide_1.TranslateIcon);
 exports.linkIcon = renderIcon(style_guide_1.LinkIcon);
 exports.fileMainDocumentIcon = renderIcon(style_guide_1.FileMainDocumentIcon);
 exports.tickIcon = renderIcon(style_guide_1.TickIcon);
+exports.ORCIDIcon = renderIcon(style_guide_1.ORCIDIcon);

package/dist/cjs/lib/popper.js

@@ -22,7 +22,7 @@ class PopperManager {
     constructor() {
         this.isActive = () => !!this.activePopper;
     }
-    show(target, contents, placement = 'bottom', showArrow = true, modifiers = []) {
+    show(target, contents, placement = 'bottom', showArrow = true, modifiers = [], autoFocus = true) {
         this.destroy();
         this.triggerElement = target;
         window.requestAnimationFrame(() => {
@@ -73,7 +73,7 @@ class PopperManager {
                 modifiers,
                 onFirstUpdate: () => {
                     this.addContainerClass(target);
-                    this.focusInput(container);
+                    this.focusInput(container, autoFocus);
                 },
             });
             this.handleDocumentClick = (e) => {
@@ -109,12 +109,15 @@ class PopperManager {
             this.activePopper.update();
         }
     }
-    focusInput(container) {
+    focusInput(container, autoFocus = true) {
         const input = container.querySelector('input');
-        const button = container.querySelector('button:not([disabled])');
-        const element = input || button;
-        if (element) {
-            element.focus();
+        if (input) {
+            input.focus();
+            return;
+        }
+        if (autoFocus) {
+            const button = container.querySelector('button:not([disabled])');
+            button?.focus();
         }
     }
     addContainerClass(referenceElement) {

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

package/dist/cjs/views/citation_editable.js

@@ -48,7 +48,7 @@ class CitationEditableView extends citation_1.CitationView {
                 element.classList.contains('comment-icon') ||
                 element.parentElement?.classList.contains('comment-icon'));
         };
-        this.handleClick = () => {
+        this.handleClick = (fromKeyboard) => {
             if (!this.can.seeReferencesButtons ||
                 this.dom.classList.contains('inconsistency-highlight')) {
                 this.showPopper();
@@ -56,7 +56,7 @@ class CitationEditableView extends citation_1.CitationView {
             else if (!(0, track_changes_utils_1.isDeleted)(this.node)) {
                 const attrs = this.node.attrs;
                 if (attrs.rids.length) {
-                    this.showContextMenu();
+                    this.showContextMenu(fromKeyboard);
                 }
             }
         };
@@ -75,7 +75,7 @@ class CitationEditableView extends citation_1.CitationView {
             this.editor?.remove();
             this.props.popper.destroy();
         };
-        this.showContextMenu = () => {
+        this.showContextMenu = (autoFocus = true) => {
             this.props.popper.destroy();
             const can = this.props.getCapabilities();
             const actions = [
@@ -96,7 +96,7 @@ class CitationEditableView extends citation_1.CitationView {
                 actions,
             };
             this.contextMenu = (0, ReactSubView_1.default)(this.props, style_guide_1.ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
-            this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);
+            this.props.popper.show(this.dom, this.contextMenu, 'right-start', false, [], autoFocus);
         };
         this.showPopper = () => {
             this.props.popper.destroy();
@@ -197,8 +197,8 @@ class CitationEditableView extends citation_1.CitationView {
     }
     createDOM() {
         super.createDOM();
-        this.dom.addEventListener('mouseup', this.handleClick);
-        this.dom.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(() => this.handleClick()));
+        this.dom.addEventListener('mouseup', () => this.handleClick(false));
+        this.dom.addEventListener('keydown', (0, navigation_utils_1.handleEnterKey)(() => this.handleClick(true)));
     }
     insertBibliographyNode(attrs) {
         const { doc, tr } = this.view.state;

package/dist/cjs/views/contributors.js

@@ -34,6 +34,7 @@ const selected_suggestion_1 = require("../plugins/selected-suggestion");
 const block_view_1 = __importDefault(require("./block_view"));
 const creators_1 = require("./creators");
 const ReactSubView_1 = __importDefault(require("./ReactSubView"));
+const icons_1 = require("../icons");
 class ContributorsView extends block_view_1.default {
     constructor() {
         super(...arguments);
@@ -95,6 +96,9 @@ class ContributorsView extends block_view_1.default {
                 attrs.isCorresponding && attrs.email
                     ? `<span class="name">${name} (${attrs.email})</span>`
                     : `<span class="name">${name}</span>`;
+            if (attrs.ORCID) {
+                container.innerHTML += `<a href="${attrs.ORCID}" target="_blank" class="orcid-link">${icons_1.ORCIDIcon}</span>`;
+            }
             const noteText = [];
             if (affs) {
                 attrs.affiliationIDs?.map((a) => {

package/dist/es/icons.js

@@ -1,4 +1,4 @@
-import { AddAuthorIcon, AlertIcon, ArrowDownCircleIcon, ArrowUpIcon, DeleteIcon, DraggableIcon, EditIcon, FileCorruptedIcon, FileMainDocumentIcon, ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, LinkIcon, LockIcon, PlusIcon, ScrollIcon, SectionCategoryIcon, TickIcon, TranslateIcon, } from '@manuscripts/style-guide';
+import { AddAuthorIcon, AlertIcon, ArrowDownCircleIcon, ArrowUpIcon, DeleteIcon, DraggableIcon, EditIcon, FileCorruptedIcon, FileMainDocumentIcon, ImageDefaultIcon, ImageLeftIcon, ImageRightIcon, LinkIcon, LockIcon, ORCIDIcon as ORCID, PlusIcon, ScrollIcon, SectionCategoryIcon, TickIcon, TranslateIcon, } from '@manuscripts/style-guide';
 import { createElement } from 'react';
 import { renderToStaticMarkup } from 'react-dom/server';
 const renderIcon = (c) => renderToStaticMarkup(createElement(c));
@@ -21,3 +21,4 @@ export const translateIcon = renderIcon(TranslateIcon);
 export const linkIcon = renderIcon(LinkIcon);
 export const fileMainDocumentIcon = renderIcon(FileMainDocumentIcon);
 export const tickIcon = renderIcon(TickIcon);
+export const ORCIDIcon = renderIcon(ORCID);

package/dist/es/lib/popper.js

@@ -19,7 +19,7 @@ export class PopperManager {
     constructor() {
         this.isActive = () => !!this.activePopper;
     }
-    show(target, contents, placement = 'bottom', showArrow = true, modifiers = []) {
+    show(target, contents, placement = 'bottom', showArrow = true, modifiers = [], autoFocus = true) {
         this.destroy();
         this.triggerElement = target;
         window.requestAnimationFrame(() => {
@@ -70,7 +70,7 @@ export class PopperManager {
                 modifiers,
                 onFirstUpdate: () => {
                     this.addContainerClass(target);
-                    this.focusInput(container);
+                    this.focusInput(container, autoFocus);
                 },
             });
             this.handleDocumentClick = (e) => {
@@ -106,12 +106,15 @@ export class PopperManager {
             this.activePopper.update();
         }
     }
-    focusInput(container) {
+    focusInput(container, autoFocus = true) {
         const input = container.querySelector('input');
-        const button = container.querySelector('button:not([disabled])');
-        const element = input || button;
-        if (element) {
-            element.focus();
+        if (input) {
+            input.focus();
+            return;
+        }
+        if (autoFocus) {
+            const button = container.querySelector('button:not([disabled])');
+            button?.focus();
         }
     }
     addContainerClass(referenceElement) {

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.10.15';
+export const VERSION = '3.10.17';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/citation_editable.js

@@ -42,7 +42,7 @@ export class CitationEditableView extends CitationView {
                 element.classList.contains('comment-icon') ||
                 element.parentElement?.classList.contains('comment-icon'));
         };
-        this.handleClick = () => {
+        this.handleClick = (fromKeyboard) => {
             if (!this.can.seeReferencesButtons ||
                 this.dom.classList.contains('inconsistency-highlight')) {
                 this.showPopper();
@@ -50,7 +50,7 @@ export class CitationEditableView extends CitationView {
             else if (!isDeleted(this.node)) {
                 const attrs = this.node.attrs;
                 if (attrs.rids.length) {
-                    this.showContextMenu();
+                    this.showContextMenu(fromKeyboard);
                 }
             }
         };
@@ -69,7 +69,7 @@ export class CitationEditableView extends CitationView {
             this.editor?.remove();
             this.props.popper.destroy();
         };
-        this.showContextMenu = () => {
+        this.showContextMenu = (autoFocus = true) => {
             this.props.popper.destroy();
             const can = this.props.getCapabilities();
             const actions = [
@@ -90,7 +90,7 @@ export class CitationEditableView extends CitationView {
                 actions,
             };
             this.contextMenu = ReactSubView(this.props, ContextMenu, componentProps, this.node, this.getPos, this.view, ['context-menu']);
-            this.props.popper.show(this.dom, this.contextMenu, 'right-start', false);
+            this.props.popper.show(this.dom, this.contextMenu, 'right-start', false, [], autoFocus);
         };
         this.showPopper = () => {
             this.props.popper.destroy();
@@ -191,8 +191,8 @@ export class CitationEditableView extends CitationView {
     }
     createDOM() {
         super.createDOM();
-        this.dom.addEventListener('mouseup', this.handleClick);
-        this.dom.addEventListener('keydown', handleEnterKey(() => this.handleClick()));
+        this.dom.addEventListener('mouseup', () => this.handleClick(false));
+        this.dom.addEventListener('keydown', handleEnterKey(() => this.handleClick(true)));
     }
     insertBibliographyNode(attrs) {
         const { doc, tr } = this.view.state;

package/dist/es/views/contributors.js

@@ -28,6 +28,7 @@ import { selectedSuggestionKey } from '../plugins/selected-suggestion';
 import BlockView from './block_view';
 import { createNodeView } from './creators';
 import ReactSubView from './ReactSubView';
+import { ORCIDIcon } from '../icons';
 export class ContributorsView extends BlockView {
     constructor() {
         super(...arguments);
@@ -89,6 +90,9 @@ export class ContributorsView extends BlockView {
                 attrs.isCorresponding && attrs.email
                     ? `<span class="name">${name} (${attrs.email})</span>`
                     : `<span class="name">${name}</span>`;
+            if (attrs.ORCID) {
+                container.innerHTML += `<a href="${attrs.ORCID}" target="_blank" class="orcid-link">${ORCIDIcon}</span>`;
+            }
             const noteText = [];
             if (affs) {
                 attrs.affiliationIDs?.map((a) => {

package/dist/types/icons.d.ts

@@ -17,3 +17,4 @@ export declare const translateIcon: string;
 export declare const linkIcon: string;
 export declare const fileMainDocumentIcon: string;
 export declare const tickIcon: string;
+export declare const ORCIDIcon: string;

package/dist/types/lib/popper.d.ts

@@ -19,7 +19,7 @@ export declare class PopperManager {
     private handleDocumentClick?;
     private triggerElement?;
     private container?;
-    show(target: Element, contents: HTMLElement, placement?: Placement, showArrow?: boolean, modifiers?: Array<Partial<StrictModifiers>>): void;
+    show(target: Element, contents: HTMLElement, placement?: Placement, showArrow?: boolean, modifiers?: Array<Partial<StrictModifiers>>, autoFocus?: boolean): void;
     destroy(): void;
     getContainer(): HTMLElement | undefined;
     update(): void;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.10.15";
+export declare const VERSION = "3.10.17";
 export declare const MATHJAX_VERSION = "3.2.2";

package/dist/types/views/citation_editable.d.ts

@@ -20,10 +20,10 @@ export declare class CitationEditableView extends CitationView {
     private can;
     createDOM(): void;
     stopEvent: (event: Event) => boolean;
-    handleClick: () => void;
+    handleClick: (fromKeyboard: boolean) => void;
     selectNode: () => void;
     destroy: () => void;
-    showContextMenu: () => void;
+    showContextMenu: (autoFocus?: boolean) => void;
     showPopper: () => void;
     private handleEdit;
     private handleCancel;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.10.15",
+  "version": "3.10.17",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -37,7 +37,7 @@
     "@citation-js/plugin-pubmed": "0.3.0",
     "@citation-js/plugin-ris": "0.7.18",
     "@iarna/word-count": "1.1.2",
-    "@manuscripts/style-guide": "3.5.2",
+    "@manuscripts/style-guide": "3.5.4",
     "@manuscripts/track-changes-plugin": "2.3.8",
     "@manuscripts/transform": "4.3.27",
     "@popperjs/core": "2.11.8",

package/styles/AdvancedEditor.css

@@ -139,9 +139,10 @@
   border: 1px solid #f2f2f2;
   border-radius: 4px;
 
-
   grid-template-columns: repeat(3, auto) !important;
-  grid-template-rows: repeat(1, minmax(min-content, max-content)) [caption listing] auto !important;
+  grid-template-rows:
+    repeat(1, minmax(min-content, max-content))
+    [caption listing] auto !important;
 
   margin: 16px 0 0 !important;
   box-sizing: border-box;
@@ -156,7 +157,9 @@
   padding: 8px;
 
   grid-template-columns: repeat(3, auto) !important;
-  grid-template-rows: repeat(1, minmax(min-content, max-content)) [caption listing] auto !important;
+  grid-template-rows:
+    repeat(1, minmax(min-content, max-content))
+    [caption listing] auto !important;
 }
 
 .ProseMirror .figure-block-group .figure-block {
@@ -414,7 +417,9 @@ ProseMirror .block-embed .position-menu {
 .ProseMirror .figure-block .figure.drop-target-above,
 .ProseMirror .figure-block .figure.drop-target-below {
   border: 2px dotted #20aedf !important;
-  transition: border 0.2s, box-shadow 0.2s;
+  transition:
+    border 0.2s,
+    box-shadow 0.2s;
   position: relative;
 }
 
@@ -437,7 +442,8 @@ ProseMirror .block-embed .position-menu {
 .ProseMirror .block-contributors {
   grid-template-columns: 52px auto 65px;
 }
-.ProseMirror .block-contributors.empty-node, .ProseMirror .block-affiliations.empty-node {
+.ProseMirror .block-contributors.empty-node,
+.ProseMirror .block-affiliations.empty-node {
   display: none !important;
 }
 .ProseMirror .block-affiliations {
@@ -1039,7 +1045,9 @@ figure .selected-suggestion {
   .block:not(.box-element):not(.trans-abstract):not(.trans-graphical-abstract),
 .block:has(figure.selected-suggestion),
 figure.block:has(.equation.selected-suggestion) {
-  box-shadow: inset 6px 0 0 black, inset 9px 0 0 lightgray;
+  box-shadow:
+    inset 6px 0 0 black,
+    inset 9px 0 0 lightgray;
   --fade-color: none;
 }
 
@@ -1065,7 +1073,8 @@ figure.block:has(.equation.selected-suggestion) {
 .tracking-visible
   .selected-suggestion[data-track-op='wrap_with_node'][data-track-status='pending']
   .block {
-  box-shadow: inset 6px 0 0 var(--inserted-pending-color),
+  box-shadow:
+    inset 6px 0 0 var(--inserted-pending-color),
     inset 9px 0 0 var(--inserted-pending-bg-color) !important;
   animation: fadeOutBackground 3s forwards;
   --fade-color: var(--inserted-pending-bg-color);
@@ -1104,7 +1113,8 @@ figure.block:has(.equation.selected-suggestion) {
 
 .selected-suggestion[data-track-status='pending'][data-track-op='delete']
   .block:not(.box-element):not(.trans-abstract):not(.trans-graphical-abstract) {
-  box-shadow: inset 6px 0 0 var(--deleted-color),
+  box-shadow:
+    inset 6px 0 0 var(--deleted-color),
     inset 9px 0 0 var(--deleted-pending-bg-color) !important;
   animation: fadeOutBackground 3s forwards;
   --fade-color: var(--deleted-pending-bg-color);
@@ -1147,7 +1157,8 @@ figure.block:has(.equation.selected-suggestion) {
 .tracking-visible
   .selected-suggestion:is([data-track-op='move'], [data-track-op='structure'])
   .block {
-  box-shadow: inset 6px 0 0 var(--updated-border-color),
+  box-shadow:
+    inset 6px 0 0 var(--updated-border-color),
     inset 9px 0 0 var(--updated-bg-color) !important;
   animation: fadeOutBackground 3s forwards;
   --fade-color: var(--updated-bg-color);
@@ -1350,6 +1361,16 @@ s[data-track-status='pending'][data-track-op='delete'] {
   vertical-align: top;
 }
 
+.contributor .orcid-link {
+  margin-left: 0.2em;
+  align-items: center;
+  display: inline-flex;
+}
+.contributor .orcid-link svg {
+  width: 0.875em;
+  height: 0.875em;
+}
+
 .block-affiliations {
   color: #6e6e6e;
 }
@@ -1614,7 +1635,9 @@ th:hover > .table-context-menu-button,
   position: relative;
   pointer-events: none;
   user-select: none;
-  box-shadow: inset 49px 0 0 white, inset 53px 0 0 #6e6e6e;
+  box-shadow:
+    inset 49px 0 0 white,
+    inset 53px 0 0 #6e6e6e;
 }
 .ProseMirror .non-editable .body-overlay,
 .ProseMirror .non-editable .figure-overlay {
@@ -1781,7 +1804,8 @@ th:hover > .table-context-menu-button,
   left: 93%;
 }
 
-.block-hero_image, .block-supplements {
+.block-hero_image,
+.block-supplements {
   margin-bottom: 30px;
 }
 
@@ -1916,7 +1940,7 @@ th:hover > .table-context-menu-button,
 }
 
 .ProseMirror .add-button svg rect {
-  fill: #6E6E6E !important;
+  fill: #6e6e6e !important;
 }
 
 .ProseMirror .add-button.disabled svg rect {
@@ -1947,7 +1971,7 @@ th:hover > .table-context-menu-button,
 }
 
 .ProseMirror .add-trans-abstract svg rect {
-  fill: #6E6E6E !important;
+  fill: #6e6e6e !important;
 }
 
 .ProseMirror .add-trans-abstract-text {
@@ -1983,7 +2007,7 @@ th:hover > .table-context-menu-button,
 }
 
 .language.menu .menu-item {
-  margin-right: 25px
+  margin-right: 25px;
 }
 
 .language.menu .menu-item.selected:after {
@@ -2012,7 +2036,9 @@ th:hover > .table-context-menu-button,
   color: #c9c9c9;
   margin: 0;
 }
-.ProseMirror .block-trans_graphical_abstract section.block.trans-graphical-abstract {
+.ProseMirror
+  .block-trans_graphical_abstract
+  section.block.trans-graphical-abstract {
   padding: 0 !important;
 }
 .ProseMirror .abstracts.empty-node .add-translation-container {
@@ -2050,7 +2076,11 @@ th:hover > .table-context-menu-button,
   flex-shrink: 0;
   justify-content: center;
   outline: none;
-  transition: border 0.1s, color 0.1s, background-color 0.1s, color 0.1s,
+  transition:
+    border 0.1s,
+    color 0.1s,
+    background-color 0.1s,
+    color 0.1s,
     filter 0.1s;
   vertical-align: middle;
   white-space: nowrap;

package/styles/Editor.css

@@ -314,7 +314,7 @@
 
 .ProseMirror .caption-description {
   margin: 0;
-  outline: none !important
+  outline: none !important;
 }
 
 .ProseMirror .suppress-title .caption-description {
@@ -344,7 +344,7 @@
   color: #999;
   font-style: italic;
   pointer-events: none;
-} 
+}
 
 .ProseMirror .caption-description.empty-node::before {
   content: 'Caption...';
@@ -626,7 +626,7 @@
 }
 
 .ProseMirror .add-subtitle svg rect {
-  fill: #6E6E6E !important;
+  fill: #6e6e6e !important;
 }
 
 .ProseMirror .empty-node:hover::before {
@@ -682,6 +682,7 @@
 .ProseMirror .block-container.block-contributors {
   grid-template-columns: 52px auto 100px !important;
 }
+
 .ProseMirror .block-container.block-affiliations {
   grid-template-columns: 52px auto 100px !important;
 }
@@ -1263,7 +1264,6 @@
   font-size: 14px;
 }
 
-
 .ProseMirror .supplements-toggle-btn {
   background: none;
   border: none;
@@ -1279,7 +1279,6 @@
   z-index: 10;
 }
 
-
 .ProseMirror .supplements-toggle-btn svg {
   width: 16px;
   height: 9px;
@@ -1289,7 +1288,6 @@
   transform: rotate(180deg);
 }
 
-
 .ProseMirror .supplements-content {
   border: 1px solid #c9c9c9;
   border-radius: 4px;
@@ -1333,18 +1331,18 @@
 }
 
 .ProseMirror .supplement-item.dragging {
-  background-color: #F2F2F2 !important;
+  background-color: #f2f2f2 !important;
   opacity: 0.3;
   z-index: 1000;
 }
 
 .ProseMirror .supplement-item:hover {
-  background-color: #F2F2F2 !important;
+  background-color: #f2f2f2 !important;
   cursor: move;
 }
 
 .ProseMirror .supplement-item:hover figcaption {
-  background-color: #F2F2F2 !important;
+  background-color: #f2f2f2 !important;
 }
 
 .ProseMirror .supplement-item .drag-icon {