@manuscripts/body-editor 2.7.7-LEAN-4218.0 → 2.7.7

package/dist/cjs/commands.js

@@ -15,8 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addColumns = exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertAbstract = exports.insertBackmatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.insertEmbed = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
-exports.autoComplete = void 0;
+exports.autoComplete = exports.addColumns = exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.createAndFillTableElement = exports.selectAllIsolating = exports.ignoreAtomBlockNodeForward = exports.isAtEndOfTextBlock = exports.ignoreMetaNodeBackspaceCommand = exports.ignoreAtomBlockNodeBackward = exports.isTextSelection = exports.isAtStartOfTextBlock = exports.insertTOCSection = exports.insertBibliographySection = exports.insertList = exports.insertKeywords = exports.insertAward = exports.insertAffiliation = exports.insertContributors = exports.insertAbstract = exports.insertBackmatterSection = exports.insertSection = exports.insertGraphicalAbstract = exports.insertBoxElement = exports.insertInlineFootnote = exports.insertFootnotesElement = exports.insertTableElementFooter = exports.insertInlineEquation = exports.insertCrossReference = exports.insertInlineCitation = exports.insertLink = exports.insertSectionLabel = exports.findPosBeforeFirstSubsection = exports.insertBreak = exports.deleteBlock = exports.insertBlock = exports.insertSupplement = exports.insertTable = exports.insertFigure = exports.insertGeneralTableFootnote = exports.insertInlineTableFootnote = exports.createBlock = exports.createSelection = exports.canInsert = exports.blockActive = exports.isNodeSelection = exports.markActive = exports.addToStart = void 0;
 const json_schema_1 = require("@manuscripts/json-schema");
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
@@ -151,11 +150,6 @@ const createBlock = (nodeType, position, state, dispatch, attrs) => {
                 state.schema.nodes.equation.create(),
             ]);
             break;
-        case state.schema.nodes.embed:
-            node = state.schema.nodes.embed.create(attrs, [
-                createAndFillFigcaptionElement(state),
-            ]);
-            break;
         default:
             node = nodeType.createAndFill(attrs);
     }
@@ -166,15 +160,6 @@ const createBlock = (nodeType, position, state, dispatch, attrs) => {
     }
 };
 exports.createBlock = createBlock;
-const insertEmbed = (state, dispatch, attrs) => {
-    const position = findBlockInsertPosition(state);
-    if (position === null) {
-        return false;
-    }
-    (0, exports.createBlock)(transform_1.schema.nodes.embed, position, state, dispatch, attrs);
-    return true;
-};
-exports.insertEmbed = insertEmbed;
 const insertInlineTableFootnote = (state, dispatch) => {
     const $pos = state.selection.$to;
     const table = (0, prosemirror_utils_1.findParentNodeOfTypeClosestToPos)($pos, transform_1.schema.nodes.table);

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

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

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

@@ -41,7 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkForm = exports.Open = exports.FieldHeading = void 0;
+exports.LinkForm = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -66,7 +66,7 @@ const ActionGroup = styled_components_1.default.span `
 const Field = styled_components_1.default.div `
   margin-bottom: ${(props) => props.theme.grid.unit * 4}px;
 `;
-exports.FieldHeading = styled_components_1.default.div `
+const FieldHeading = styled_components_1.default.div `
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -78,7 +78,7 @@ const Label = styled_components_1.default.label `
   color: ${(props) => props.theme.colors.text.tertiary};
   font-size: ${(props) => props.theme.font.size.normal};
 `;
-exports.Open = styled_components_1.default.a `
+const Open = styled_components_1.default.a `
   display: inline-block;
   margin-left: ${(props) => props.theme.grid.unit * 2}px;
   text-transform: uppercase;
@@ -101,16 +101,16 @@ const LinkForm = ({ onCancel, onRemove, onSave, value, }) => {
     }, [href, text, title, onSave]);
     return (react_1.default.createElement(Form, { onSubmit: handleSubmit },
         react_1.default.createElement(Field, null,
-            react_1.default.createElement(exports.FieldHeading, null,
+            react_1.default.createElement(FieldHeading, null,
                 react_1.default.createElement(Label, null, "URL"),
-                href && (0, url_1.allowedHref)(href) && (react_1.default.createElement(exports.Open, { href: href, target: '_blank', rel: 'noopener' }))),
+                href && (0, url_1.allowedHref)(href) && (react_1.default.createElement(Open, { href: href, target: '_blank', rel: 'noopener' }))),
             react_1.default.createElement(style_guide_1.TextField, { type: 'url', name: 'href', value: href, autoComplete: 'off', autoFocus: true, required: true, onChange: (e) => setHref(e.target.value) })),
         react_1.default.createElement(Field, null,
-            react_1.default.createElement(exports.FieldHeading, null,
+            react_1.default.createElement(FieldHeading, null,
                 react_1.default.createElement(Label, null, "Text")),
             react_1.default.createElement(style_guide_1.TextField, { type: 'text', name: 'text', value: text, autoComplete: 'off', required: true, onChange: (e) => setText(e.target.value) })),
         react_1.default.createElement(Field, null,
-            react_1.default.createElement(exports.FieldHeading, null,
+            react_1.default.createElement(FieldHeading, null,
                 react_1.default.createElement(Label, null, "Title (optional)")),
             react_1.default.createElement(style_guide_1.TextField, { type: 'text', name: 'title', value: title, autoComplete: 'off', required: false, onChange: (e) => setTitle(e.target.value) })),
         react_1.default.createElement(Actions, null,

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

@@ -28,7 +28,6 @@ const box_element_1 = __importDefault(require("../views/box_element"));
 const citation_editable_1 = __importDefault(require("../views/citation_editable"));
 const contributors_1 = __importDefault(require("../views/contributors"));
 const cross_reference_editable_1 = __importDefault(require("../views/cross_reference_editable"));
-const embed_1 = __importDefault(require("../views/embed"));
 const empty_1 = __importDefault(require("../views/empty"));
 const equation_editable_1 = __importDefault(require("../views/equation_editable"));
 const equation_element_editable_1 = __importDefault(require("../views/equation_element_editable"));
@@ -65,7 +64,6 @@ exports.default = (props, dispatch) => {
         cross_reference: (0, cross_reference_editable_1.default)(props, dispatch),
         contributors: (0, contributors_1.default)(props, dispatch),
         affiliations: (0, affiliations_1.default)(props, dispatch),
-        embed: (0, embed_1.default)(props),
         equation: (0, equation_editable_1.default)(props),
         equation_element: (0, equation_element_editable_1.default)(props),
         figure: (0, figure_editable_1.default)(props, dispatch),

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/menus.js

@@ -20,7 +20,6 @@ const transform_1 = require("@manuscripts/transform");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const prosemirror_history_1 = require("prosemirror-history");
 const commands_1 = require("./commands");
-const InsertEmbedDialog_1 = require("./components/toolbar/InsertEmbedDialog");
 const InsertTableDialog_1 = require("./components/toolbar/InsertTableDialog");
 const ListMenuItem_1 = require("./components/toolbar/ListMenuItem");
 const hierarchy_1 = require("./lib/hierarchy");
@@ -212,13 +211,6 @@ const getEditorMenus = (editor) => {
             {
                 role: 'separator',
             },
-            {
-                id: 'insert-embed-media',
-                label: 'Embedded Media',
-                isActive: (0, commands_1.blockActive)(transform_1.schema.nodes.embed)(state),
-                isEnabled: isCommandValid((0, commands_1.canInsert)(transform_1.schema.nodes.embed)),
-                run: () => (0, InsertEmbedDialog_1.openEmbedDialog)(editor.view),
-            },
             {
                 id: 'insert-link',
                 label: 'Link',

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

@@ -28,7 +28,6 @@ const icons = new Map([
     [nodes.bibliography_section, style_guide_1.OutlineSectionIcon],
     [nodes.blockquote_element, style_guide_1.OutlineBlockQuoteIcon],
     [nodes.equation_element, style_guide_1.OutlineEquationIcon],
-    [nodes.embed, style_guide_1.OutlineEmbedIcon],
     [nodes.figure_element, style_guide_1.OutlineFigureIcon],
     [nodes.paragraph, style_guide_1.OutlineParagraphIcon],
     [nodes.pullquote_element, style_guide_1.OutlinePullQuoteIcon],

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.7-LEAN-4218.0';
+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/commands.js

@@ -141,11 +141,6 @@ export const createBlock = (nodeType, position, state, dispatch, attrs) => {
                 state.schema.nodes.equation.create(),
             ]);
             break;
-        case state.schema.nodes.embed:
-            node = state.schema.nodes.embed.create(attrs, [
-                createAndFillFigcaptionElement(state),
-            ]);
-            break;
         default:
             node = nodeType.createAndFill(attrs);
     }
@@ -155,14 +150,6 @@ export const createBlock = (nodeType, position, state, dispatch, attrs) => {
         dispatch(tr.setSelection(selection).scrollIntoView());
     }
 };
-export const insertEmbed = (state, dispatch, attrs) => {
-    const position = findBlockInsertPosition(state);
-    if (position === null) {
-        return false;
-    }
-    createBlock(schema.nodes.embed, position, state, dispatch, attrs);
-    return true;
-};
 export const insertInlineTableFootnote = (state, dispatch) => {
     const $pos = state.selection.$to;
     const table = findParentNodeOfTypeClosestToPos($pos, schema.nodes.table);

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

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

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

@@ -37,7 +37,7 @@ const ActionGroup = styled.span `
 const Field = styled.div `
   margin-bottom: ${(props) => props.theme.grid.unit * 4}px;
 `;
-export const FieldHeading = styled.div `
+const FieldHeading = styled.div `
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -49,7 +49,7 @@ const Label = styled.label `
   color: ${(props) => props.theme.colors.text.tertiary};
   font-size: ${(props) => props.theme.font.size.normal};
 `;
-export const Open = styled.a `
+const Open = styled.a `
   display: inline-block;
   margin-left: ${(props) => props.theme.grid.unit * 2}px;
   text-transform: uppercase;

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

@@ -23,7 +23,6 @@ import boxElement from '../views/box_element';
 import citation from '../views/citation_editable';
 import contributors from '../views/contributors';
 import crossReference from '../views/cross_reference_editable';
-import embed from '../views/embed';
 import empty from '../views/empty';
 import equation from '../views/equation_editable';
 import equationElement from '../views/equation_element_editable';
@@ -60,7 +59,6 @@ export default (props, dispatch) => {
         cross_reference: crossReference(props, dispatch),
         contributors: contributors(props, dispatch),
         affiliations: affiliations(props, dispatch),
-        embed: embed(props),
         equation: equation(props),
         equation_element: equationElement(props),
         figure: figure(props, dispatch),

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/menus.js

@@ -17,7 +17,6 @@ import { getGroupCateogries, schema, } from '@manuscripts/transform';
 import { toggleMark } from 'prosemirror-commands';
 import { redo, undo } from 'prosemirror-history';
 import { addInlineComment, blockActive, canInsert, insertAbstract, insertAffiliation, insertAward, insertBackmatterSection, insertBlock, insertBoxElement, insertContributors, insertCrossReference, insertGraphicalAbstract, insertInlineCitation, insertInlineEquation, insertInlineFootnote, insertKeywords, insertLink, insertList, insertSection, markActive, } from './commands';
-import { openEmbedDialog } from './components/toolbar/InsertEmbedDialog';
 import { openInsertTableDialog } from './components/toolbar/InsertTableDialog';
 import { ListMenuItem } from './components/toolbar/ListMenuItem';
 import { deleteClosestParentElement, findClosestParentElementNodeName, } from './lib/hierarchy';
@@ -209,13 +208,6 @@ export const getEditorMenus = (editor) => {
             {
                 role: 'separator',
             },
-            {
-                id: 'insert-embed-media',
-                label: 'Embedded Media',
-                isActive: blockActive(schema.nodes.embed)(state),
-                isEnabled: isCommandValid(canInsert(schema.nodes.embed)),
-                run: () => openEmbedDialog(editor.view),
-            },
             {
                 id: 'insert-link',
                 label: 'Link',

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

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { OutlineBlockQuoteIcon, OutlineEquationIcon, OutlineEmbedIcon, OutlineFigureIcon, OutlineManuscriptIcon, OutlineOrderedListIcon, OutlineParagraphIcon, OutlinePullQuoteIcon, OutlineSectionIcon, OutlineTableIcon, OutlineUnorderedListIcon, } from '@manuscripts/style-guide';
+import { OutlineBlockQuoteIcon, 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;
@@ -22,7 +22,6 @@ const icons = new Map([
     [nodes.bibliography_section, OutlineSectionIcon],
     [nodes.blockquote_element, OutlineBlockQuoteIcon],
     [nodes.equation_element, OutlineEquationIcon],
-    [nodes.embed, OutlineEmbedIcon],
     [nodes.figure_element, OutlineFigureIcon],
     [nodes.paragraph, OutlineParagraphIcon],
     [nodes.pullquote_element, OutlinePullQuoteIcon],

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.7.7-LEAN-4218.0';
+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/commands.d.ts

@@ -27,7 +27,6 @@ export declare const blockActive: (type: ManuscriptNodeType) => (state: Manuscri
 export declare const canInsert: (type: ManuscriptNodeType) => (state: ManuscriptEditorState) => boolean;
 export declare const createSelection: (nodeType: ManuscriptNodeType, position: number, doc: ManuscriptNode) => Selection;
 export declare const createBlock: (nodeType: ManuscriptNodeType, position: number, state: ManuscriptEditorState, dispatch?: Dispatch, attrs?: Attrs) => void;
-export declare const insertEmbed: (state: ManuscriptEditorState, dispatch?: Dispatch, attrs?: Attrs) => boolean;
 export declare const insertInlineTableFootnote: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
 export declare const insertGeneralTableFootnote: (element: [ManuscriptNode, number], state: ManuscriptEditorState, dispatch?: Dispatch) => boolean | undefined;
 export declare const insertFigure: (file: FileAttachment, state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;

package/dist/types/components/views/LinkForm.d.ts

@@ -14,8 +14,6 @@
  * limitations under the License.
  */
 import React from 'react';
-export declare const FieldHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Open: import("styled-components").StyledComponent<"a", any, {}, never>;
 export interface LinkValue {
     text: string;
     href: string;

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

@@ -49,7 +49,6 @@ declare const _default: (props: EditorProps, dispatch: Dispatch) => {
     cross_reference: import("../types").NodeViewCreator<import("../views/cross_reference_editable").CrossReferenceEditableView>;
     contributors: import("../types").NodeViewCreator<import("../views/contributors").ContributorsView>;
     affiliations: import("../types").NodeViewCreator<import("../views/affiliations").AffiliationsView>;
-    embed: import("../types").NodeViewCreator<import("../views/embed").EmbedMediaView>;
     equation: import("../types").NodeViewCreator<import("../views/equation_editable").EquationEditableView>;
     equation_element: import("../types").NodeViewCreator<{
         gutterButtons(): HTMLElement[];

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.7.7-LEAN-4218.0";
+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.7-LEAN-4218.0",
+  "version": "2.7.7",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,9 +32,9 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.11",
     "@manuscripts/library": "1.3.11",
-    "@manuscripts/style-guide": "2.0.30-LEAN-4218.1",
+    "@manuscripts/style-guide": "2.0.29",
     "@manuscripts/track-changes-plugin": "1.9.1",
-    "@manuscripts/transform": "3.0.36-LEAN-4218.0",
+    "@manuscripts/transform": "3.0.35",
     "@popperjs/core": "^2.11.8",
     "astrocite-eutils": "^0.16.4",
     "codemirror": "^5.58.1",
@@ -43,7 +43,6 @@
     "grapheme-splitter": "^1.0.4",
     "history": "^4.10.1",
     "mathjax": "3.2.2",
-    "oembed-providers": "^1.0.20241022",
     "prosemirror-collab": "^1.3.1",
     "prosemirror-commands": "^1.5.0",
     "prosemirror-dropcursor": "^1.6.1",

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;
 }
@@ -1074,25 +1074,4 @@ th:hover > .table-context-menu-button,
 .ProseMirror .block-contributors .action-gutter {
   right: 15px;
   pointer-events: none;
-}
-
-.ProseMirror .block-embed {
-  grid-template-columns: none;
-}
-
-.ProseMirror .block-embed .block {
-  text-align: center;
-  margin: 0 52px;
-}
-
-.tracking-visible .ProseMirror .block-embed[data-track-status='pending'][data-track-op='delete'] .block > * {
-  opacity: 0.5
-}
-
-.ProseMirror .block-embed .tools-panel {
-  position: relative;
-}
-
-.ProseMirror .block-embed .block-gutter, .block-embed .action-gutter {
-  display: none;
-}
+}

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;