@manuscripts/body-editor 2.7.6 → 2.7.7

package/dist/cjs/lib/helpers.js

@@ -75,11 +75,6 @@ const handleScrollToSelectedTarget = (view) => {
         behavior: 'smooth',
         block: blockAlignment,
     });
-    if ((0, transform_1.isInlineFootnoteNode)(node)) {
-        const fn = target;
-        fn.classList.add('highlight-footnote-marker');
-        setTimeout(() => fn.classList.remove('highlight-footnote-marker'), 3000);
-    }
     return true;
 };
 exports.handleScrollToSelectedTarget = handleScrollToSelectedTarget;

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

package/dist/cjs/views/footnote.js

@@ -115,7 +115,6 @@ class FootnoteView extends base_node_view_1.BaseNodeView {
         super.updateContents();
         const id = this.node.attrs.id;
         const fn = (0, footnotes_1.getFootnotesElementState)(this.view.state, id);
-        const pos = this.getPos();
         if (!fn) {
             return;
         }
@@ -128,11 +127,8 @@ class FootnoteView extends base_node_view_1.BaseNodeView {
             marker.classList.add('footnote-marker');
             marker.innerText = fn.labels.get(id) || '';
         }
-        const container = (0, footnotes_1.findFootnotesContainerNode)(this.view.state.doc, pos);
         let scrollBtn = null;
-        if (container.node.type !== transform_1.schema.nodes.table_element) {
-            scrollBtn = this.createButton('scroll-icon', icons_1.scrollIcon, this.handleMarkerClick);
-        }
+        scrollBtn = this.createButton('scroll-icon', icons_1.scrollIcon, this.handleMarkerClick);
         const deleteBtn = this.createButton('delete-icon', icons_1.deleteIcon, this.handleDeleteClick);
         this.dom.innerHTML = '';
         scrollBtn && this.dom.appendChild(scrollBtn);

package/dist/cjs/views/inline_footnote.js

@@ -20,7 +20,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InlineFootnoteView = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
-const transform_1 = require("@manuscripts/transform");
 const prosemirror_state_1 = require("prosemirror-state");
 const FootnotesSelector_1 = require("../components/views/FootnotesSelector");
 const footnotes_1 = require("../lib/footnotes");
@@ -65,12 +64,7 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
             if ((0, track_changes_utils_1.isDeleted)(this.node)) {
                 return;
             }
-            if (this.isTableFootnote) {
-                this.showFootnotesSelector();
-            }
-            else {
-                this.showContextMenu();
-            }
+            this.showContextMenu();
         };
         this.scrollToReferencedFootnote = () => {
             const state = this.view.state;
@@ -120,10 +114,9 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
             this.dom.classList.add('footnote-marker');
             this.dom.addEventListener('click', this.handleClick);
             this.updateContents();
-            const container = (0, footnotes_1.findFootnotesContainerNode)(this.view.state.doc, this.getPos());
-            this.isTableFootnote = (0, transform_1.isTableElementNode)(container.node);
         };
         this.selectNode = () => {
+            this.dom.classList.add('footnote-marker-selected');
             if (!this.node.attrs.rids.length) {
                 this.showFootnotesSelector();
             }
@@ -195,6 +188,9 @@ class InlineFootnoteView extends base_node_view_1.BaseNodeView {
         }
         this.dom.innerText = fn.labels.get(this.node.attrs.id) || '';
     }
+    deselectNode() {
+        this.dom.classList.remove('footnote-marker-selected');
+    }
 }
 exports.InlineFootnoteView = InlineFootnoteView;
 exports.default = (0, creators_1.createNodeView)(InlineFootnoteView);

package/dist/es/lib/helpers.js

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { isInlineFootnoteNode, schema, } from '@manuscripts/transform';
+import { schema, } from '@manuscripts/transform';
 export const isNodeOfType = (...type) => (node) => {
     const [head, ...tail] = type;
     if (node.type === node.type.schema.nodes[head]) {
@@ -69,11 +69,6 @@ export const handleScrollToSelectedTarget = (view) => {
         behavior: 'smooth',
         block: blockAlignment,
     });
-    if (isInlineFootnoteNode(node)) {
-        const fn = target;
-        fn.classList.add('highlight-footnote-marker');
-        setTimeout(() => fn.classList.remove('highlight-footnote-marker'), 3000);
-    }
     return true;
 };
 export const findWordBoundaries = (state, position) => {

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.7.6';
+export const VERSION = '2.7.7';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/footnote.js

@@ -19,7 +19,7 @@ import { NodeSelection } from 'prosemirror-state';
 import { findParentNodeOfTypeClosestToPos } from 'prosemirror-utils';
 import { DeleteFootnoteDialog, } from '../components/views/DeleteFootnoteDialog';
 import { alertIcon, deleteIcon, scrollIcon } from '../icons';
-import { findFootnotesContainerNode, getFootnotesElementState, } from '../lib/footnotes';
+import { getFootnotesElementState } from '../lib/footnotes';
 import { isDeleted } from '../lib/track-changes-utils';
 import { BaseNodeView } from './base_node_view';
 import { createNodeView } from './creators';
@@ -109,7 +109,6 @@ export class FootnoteView extends BaseNodeView {
         super.updateContents();
         const id = this.node.attrs.id;
         const fn = getFootnotesElementState(this.view.state, id);
-        const pos = this.getPos();
         if (!fn) {
             return;
         }
@@ -122,11 +121,8 @@ export class FootnoteView extends BaseNodeView {
             marker.classList.add('footnote-marker');
             marker.innerText = fn.labels.get(id) || '';
         }
-        const container = findFootnotesContainerNode(this.view.state.doc, pos);
         let scrollBtn = null;
-        if (container.node.type !== schema.nodes.table_element) {
-            scrollBtn = this.createButton('scroll-icon', scrollIcon, this.handleMarkerClick);
-        }
+        scrollBtn = this.createButton('scroll-icon', scrollIcon, this.handleMarkerClick);
         const deleteBtn = this.createButton('delete-icon', deleteIcon, this.handleDeleteClick);
         this.dom.innerHTML = '';
         scrollBtn && this.dom.appendChild(scrollBtn);

package/dist/es/views/inline_footnote.js

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 import { ContextMenu } from '@manuscripts/style-guide';
-import { isTableElementNode, } from '@manuscripts/transform';
 import { NodeSelection, TextSelection } from 'prosemirror-state';
 import { FootnotesSelector, } from '../components/views/FootnotesSelector';
 import { createFootnote, findFootnotesContainerNode, getFootnotesElementState, } from '../lib/footnotes';
@@ -59,12 +58,7 @@ export class InlineFootnoteView extends BaseNodeView {
             if (isDeleted(this.node)) {
                 return;
             }
-            if (this.isTableFootnote) {
-                this.showFootnotesSelector();
-            }
-            else {
-                this.showContextMenu();
-            }
+            this.showContextMenu();
         };
         this.scrollToReferencedFootnote = () => {
             const state = this.view.state;
@@ -114,10 +108,9 @@ export class InlineFootnoteView extends BaseNodeView {
             this.dom.classList.add('footnote-marker');
             this.dom.addEventListener('click', this.handleClick);
             this.updateContents();
-            const container = findFootnotesContainerNode(this.view.state.doc, this.getPos());
-            this.isTableFootnote = isTableElementNode(container.node);
         };
         this.selectNode = () => {
+            this.dom.classList.add('footnote-marker-selected');
             if (!this.node.attrs.rids.length) {
                 this.showFootnotesSelector();
             }
@@ -189,5 +182,8 @@ export class InlineFootnoteView extends BaseNodeView {
         }
         this.dom.innerText = fn.labels.get(this.node.attrs.id) || '';
     }
+    deselectNode() {
+        this.dom.classList.remove('footnote-marker-selected');
+    }
 }
 export default createNodeView(InlineFootnoteView);

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.7.6";
+export declare const VERSION = "2.7.7";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -18,7 +18,6 @@ import { Trackable } from '../types';
 import { BaseNodeView } from './base_node_view';
 export declare class InlineFootnoteView extends BaseNodeView<Trackable<InlineFootnoteNode>> implements ManuscriptNodeView {
     protected popperContainer: HTMLDivElement;
-    isTableFootnote: boolean;
     showContextMenu: () => void;
     handleClick: () => void;
     scrollToReferencedFootnote: () => void;
@@ -26,6 +25,7 @@ export declare class InlineFootnoteView extends BaseNodeView<Trackable<InlineFoo
     updateContents(): void;
     initialise: () => void;
     selectNode: () => void;
+    deselectNode(): void;
     ignoreMutation: () => boolean;
     createDOM: () => HTMLSpanElement;
     destroy: () => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "2.7.6",
+  "version": "2.7.7",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",

package/styles/AdvancedEditor.css

@@ -559,7 +559,7 @@ span.comment-marker {
 
 .selected-suggestion:not(.block-container):not(.graphical-abstract):not(
     .keywords
-  ):not(figure):not(figure .equation) {
+  ):not(figure):not(figure .equation), .footnote-marker-selected {
   border-width: 2px 0 2px 0 !important;
   border-style: solid !important;
 }

package/styles/Editor.css

@@ -982,14 +982,15 @@
 }
 
 .ProseMirror .footnote-marker {
-  vertical-align: super;
+  margin: 0 5px;
   font-size: 75%;
-  margin-bottom: 10px;
   color: #0d79d0;
-  margin: 0 5px;
+  cursor: pointer;
   position: relative;
+  margin-bottom: 10px;
+  vertical-align: super;
   display: inline-block;
-  cursor: pointer;
+  border-color: transparent;
 }
 
 .ProseMirror .footnote .footnote-marker {
@@ -997,30 +998,6 @@
   cursor: default;
   margin-right: 2px;
 }
-.ProseMirror .block-container:not(.block-footnotes_element) .footnote-marker::before, .ProseMirror .block-container:not(.block-footnotes_element) .footnote-marker::after {
-  content: '';
-  opacity: 0;
-  z-index: -1;
-  height: 30px;
-  margin: 0 12px;
-  position: absolute;
-  background: #E2E2E2;
-  pointer-events: none;
-}
-.ProseMirror .block-container:not(.block-footnotes_element) .footnote-marker::before {
-  left: 0;
-}
-.ProseMirror .block-container:not(.block-footnotes_element) .footnote-marker::after {
-  right:-100px;
-}
-.ProseMirror .footnote-marker.highlight-footnote-marker::before, .ProseMirror .footnote-marker.highlight-footnote-marker::after {
-  opacity: 1 !important;
-  width: 45vw;
-  transition: opacity 0.3s ease-in-out;
-}
-.ProseMirror .block-container > .block:has(.highlight-footnote-marker.footnote-marker) {
-  overflow-x: hidden;
-}
 .ProseMirror .footnote {
   display: flex;
   align-items: center;
@@ -1051,6 +1028,11 @@
   background-color: #f2fbfc;
   border: 1px solid #bce7f6;
 }
+.ProseMirror .footnote-marker-selected:not(.selected-suggestion) {
+  text-decoration: underline;
+  background-color: #f2fbfc;
+  border-color:  #0d79d0;
+}
 .ProseMirror .table-footer p {
   margin-bottom: 0;
   margin-top: 0;