@manuscripts/body-editor 3.19.1 → 3.19.2

package/dist/es/components/cross-ref-check-modal/CrossRefWarningModal.js

@@ -13,52 +13,111 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { ArrowUpIcon, AttentionRedIcon, ButtonGroup, IconButton, ModalContainer, PrimaryButton, RadioButton, StyledModal, TertiaryButton, WebLinkIcon, withFocusTrap, } from '@manuscripts/style-guide';
+import { schema } from '@manuscripts/transform';
 import React, { useState } from 'react';
-import { AttentionOrangeIcon, CloseButton, ModalContainer, ModalHeader, PrimaryButton, StyledModal, TertiaryButton, TextButton, } from '@manuscripts/style-guide';
-import { startCase } from 'lodash';
+import { getSurroundingText } from '../../lib/utils';
+import { nodeTypeIcon } from '../../node-type-icons';
 import styled from 'styled-components';
 export const CrossRefWarningModal = ({ onClose, xrefs, onConfirm, selectAndScrollTo }) => {
     const [isOpen, setIsOpen] = useState(true);
+    const [deleteOption, setDeleteOption] = useState('delete-without-ref');
     const handleClose = () => {
         setIsOpen(false);
         onClose();
     };
-    return (React.createElement(Modal, { isOpen: isOpen, onRequestClose: () => handleClose(), shouldCloseOnOverlayClick: false, hideOverlay: true },
-        React.createElement(Container, { "data-cy": "cross-reference-warning-modal" },
-            React.createElement(ModalHeader, null,
-                React.createElement(CloseButton, { onClick: () => handleClose(), "data-cy": "modal-close-button" })),
+    const [showRef, setShowRef] = useState(false);
+    const [isScrolling, setIsScrolling] = useState(false);
+    const handleSelectAndScrollTo = ($pos) => {
+        setIsScrolling(true);
+        selectAndScrollTo($pos);
+    };
+    const toggleReferenceList = () => setShowRef(!showRef);
+    const onChangeDeleteOption = (e) => {
+        const { value } = e.target;
+        setDeleteOption(value);
+    };
+    const references = xrefs.flatMap((xrefGroup) => xrefGroup.xrefs.map((xref) => [...xref]));
+    const elementLabel = xrefs.length === 1 ? xrefs[0].label : `${xrefs.length} elements`;
+    const locationWord = references.length === 1 ? 'location' : 'locations';
+    const pronoun = xrefs.length === 1 ? 'it' : 'them';
+    return (React.createElement(Modal, { isOpen: isOpen, "$isScrolling": isScrolling, onRequestClose: () => handleClose(), shouldCloseOnOverlayClick: false, hideOverlay: true },
+        React.createElement(Container, { "$isScrolling": isScrolling, "data-cy": "cross-reference-warning-modal" },
             React.createElement(Body, null,
                 React.createElement(Title, null,
-                    React.createElement(AttentionOrangeIcon, { width: 24, height: 22 }),
-                    " Delete referenced content?"),
-                React.createElement("p", null, "You are deleting content referenced elsewhere in the document:"),
-                React.createElement(ScrolableItems, null, xrefs.map((group, i) => (React.createElement(XrefGroupDisplay, { key: i, group: group, selectAndScrollTo: selectAndScrollTo })))),
-                React.createElement(Actions, null,
+                    React.createElement(AttentionRedIcon, { width: 24, height: 24 }),
+                    "Confirm Deletion"),
+                React.createElement("p", null,
+                    React.createElement("b", null, elementLabel),
+                    " ",
+                    xrefs.length === 1 ? 'is' : 'are',
+                    " actively referenced in",
+                    ' ',
+                    React.createElement("b", null,
+                        references.length,
+                        " ",
+                        locationWord),
+                    ' ',
+                    "in your document. Deleting ",
+                    pronoun,
+                    " will break the following cross-references:"),
+                React.createElement("div", null,
+                    React.createElement(ToggleHeader, null,
+                        React.createElement(SecondaryBoldHeading, null, showRef
+                            ? 'Hide locations'
+                            : `Show ${references.length} location`),
+                        React.createElement(ToggleButton, { onClick: toggleReferenceList }, showRef ? React.createElement(ArrowUpIcon, null) : React.createElement(ArrowDownIcon, null))),
+                    showRef && (React.createElement(ListWrapper, null, xrefs.length === 1 ? (React.createElement(XrefGroupDisplay, { label: xrefs[0].label, xrefs: xrefs[0].xrefs, selectAndScrollTo: handleSelectAndScrollTo })) : (React.createElement(XrefGroupsDisplay, { xrefsGroup: xrefs, selectAndScrollTo: handleSelectAndScrollTo }))))),
+                React.createElement(SelectorContainer, null,
+                    React.createElement(RadioButton, { name: 'delete-option', id: 'delete-without-ref-option', value: 'delete-without-ref', label: 'Delete but keep referenced text', checked: deleteOption === 'delete-without-ref', onChange: onChangeDeleteOption }),
+                    React.createElement(RadioButton, { name: 'delete-option', id: 'delete-with-ref-option', value: 'delete-with-ref', label: 'Delete & remove references', checked: deleteOption === 'delete-with-ref', onChange: onChangeDeleteOption })),
+                React.createElement(ButtonGroup, null,
                     React.createElement(TertiaryButton, { type: "button", onClick: () => handleClose() }, "Cancel"),
                     React.createElement(PrimaryButton, { "$danger": true, type: "button", onClick: () => {
-                            onConfirm();
+                            onConfirm(deleteOption);
                             setIsOpen(false);
-                        } }, "Delete & remove citation"))))));
+                        } }, "Delete"))))));
 };
-const XrefGroupDisplay = ({ group, selectAndScrollTo }) => {
-    return (React.createElement("div", null,
-        React.createElement("h3", null, group.label),
-        React.createElement(ReferencesList, null, group.xrefs.map(([, pos], i) => {
-            return (React.createElement("li", { key: i },
-                React.createElement(TextButton, { onClick: () => selectAndScrollTo(pos) }, `${startCase(pos.parent.type.name)} - ${pos.parent.textContent}`)));
-        }))));
+const XrefGroupDisplay = ({ label, xrefs, selectAndScrollTo }) => {
+    return (React.createElement(ReferencesList, null, xrefs.map(([xrefNode, pos], i) => {
+        const { leftHandText, rightHandText } = getSurroundingText(pos, xrefNode);
+        const derivedLabel = xrefNode.attrs.label || label || '[cross-ref]';
+        return (React.createElement(ListItem, { key: i },
+            React.createElement(XRefTextContainer, null,
+                React.createElement(XRefAdjacentText, { "$direction": 'rtl' }, leftHandText),
+                React.createElement(XRefLabel, null, derivedLabel),
+                React.createElement(XRefAdjacentText, { "$direction": 'ltr' }, rightHandText)),
+            React.createElement(ScrollButton, { "$mini": true, onClick: () => selectAndScrollTo(pos) }, "Show")));
+    })));
+};
+const XrefGroupsDisplay = ({ xrefsGroup, selectAndScrollTo }) => {
+    return (React.createElement(ReferencesList, null, xrefsGroup.map(({ referenced, label, caption, xrefs }, i) => {
+        const icon = getReferencedIcon(referenced.type);
+        return (React.createElement("div", { key: i },
+            React.createElement(DarkSecondaryBoldHeading, null,
+                icon ? React.createElement(ItemIcon, null, icon) : null,
+                `${label}:`,
+                React.createElement(CaptionTitle, { "$direction": 'ltr' }, caption)),
+            React.createElement(XrefGroupDisplay, { label: label, xrefs: xrefs, selectAndScrollTo: selectAndScrollTo })));
+    })));
+};
+const getReferencedIcon = (type) => {
+    if (type === schema.nodes.supplement) {
+        return React.createElement(WebLinkIcon, { className: "file-icon" });
+    }
+    return nodeTypeIcon(schema.nodes[type.name]);
 };
 const Container = styled(ModalContainer) `
   position: absolute;
-  top: 1rem;
-  left: 50%;
-  right: 0;
-  max-height: calc(50vh - 2rem);
+  top: ${({ $isScrolling }) => ($isScrolling ? '1rem' : '30%')};
+  left: ${({ $isScrolling }) => $isScrolling ? 'calc(100% - 556px - 0rem)' : '50%'};
+  max-height: calc(60vh - 2rem);
   min-height: 280px;
-  transform: translate(-50%, 0);
-  max-width: 480px;
+  transform: ${({ $isScrolling }) => $isScrolling ? 'translate(0, 0)' : 'translate(-50%, 0)'};
+  max-width: 556px;
   transition:
     top 0.2s,
+    left 0.2s,
     transform 0.2s;
 `;
 const Modal = styled(StyledModal) `
@@ -86,6 +145,8 @@ const Modal = styled(StyledModal) `
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.2);
+    opacity: ${({ $isScrolling }) => ($isScrolling ? 0.15 : 1)};
+    transform: opacity 0.2s;
   }
   h3 {
     font-size: 16px;
@@ -95,11 +156,11 @@ const Modal = styled(StyledModal) `
     margin: 0.5em 0;
   }
 `;
-const Body = styled.div `
+const Body = withFocusTrap(styled.div `
   margin: 1.5rem;
   display: flex;
   flex-flow: column;
-`;
+`);
 const Title = styled.h2 `
   font-size: 18px;
   font-weight: 700;
@@ -108,35 +169,124 @@ const Title = styled.h2 `
   color: #353535;
   svg {
     vertical-align: text-top;
+    margin-right: 8px;
   }
 `;
-const ReferencesList = styled.ul `
-  padding: 8px;
-  margin-left: 0;
-  list-style: none;
+const ToggleHeader = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 6px 3px 6px 8px;
+  border-radius: 4px 4px 0 0;
+  border: 1px solid #e2e2e2;
   background: #f2f2f2;
+`;
+const ListWrapper = styled.div `
   border: 1px solid #e2e2e2;
-  border-radius: 3px;
-
-  ${TextButton} {
-    margin-left: 0;
-    text-decoration: underline;
-    &:hover {
-      text-decoration: none;
-    }
-    display: block;
-    max-width: 100%;
-    overflow: hidden;
-    color: #353535;
-    text-overflow: ellipsis;
+  border-top: none;
+  max-height: 21vh;
+  min-height: 100px;
+  overflow-y: auto;
+  padding: 12px;
+`;
+const ToggleButton = styled(IconButton) `
+  height: 24px;
+  &&:not([disabled]):focus-visible {
+    outline: 2px solid ${(props) => props.theme.colors.outline.focus};
+    outline-offset: 2px;
+  }
+  svg {
+    width: 12px;
+    height: 7px;
   }
 `;
-const Actions = styled.footer `
-  text-align: right;
-  padding-top: 1rem;
+const SecondaryHeading = styled.div `
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 24px;
+  color: #6e6e6e;
+  user-select: none;
 `;
-const ScrolableItems = styled.div `
-  max-height: 16vh;
-  min-height: 100px;
-  overflow-y: auto;
+const SecondaryBoldHeading = styled(SecondaryHeading) `
+  font-weight: 700;
+  color: #6e6e6e;
+`;
+const DarkSecondaryBoldHeading = styled(SecondaryBoldHeading) `
+  display: flex;
+  padding: 0 4px;
+  margin-bottom: 10px;
+  border-radius: 4px;
+  color: #353535;
+  background: #f2f2f2;
+`;
+const ItemIcon = styled.span `
+  display: flex;
+  padding-right: 8px;
+  svg {
+    align-self: center;
+  }
+`;
+const ReferencesList = styled.ul `
+  display: flex;
+  gap: 10px;
+  flex-direction: column;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+`;
+const ListItem = styled.li `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: solid 1px #e2e2e2;
+  &:last-child {
+    border-bottom: none;
+    padding: 0;
+  }
+`;
+const ScrollButton = styled(TertiaryButton) `
+  margin: 0;
+  padding: 4px;
+  font-size: 14px;
+  line-height: 24px;
+  text-decoration-line: underline;
+`;
+const XRefTextContainer = styled.div `
+  display: flex;
+  color: #6e6e6e;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+const XRefLabel = styled.span `
+  border-radius: 4px;
+  border: 1px solid #fe8f1f;
+  background: #fff9e5;
+  mix-blend-mode: darken;
+`;
+const XRefAdjacentText = styled.span `
+  display: block;
+  max-width: 150px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  direction: ${(props) => props.$direction};
+`;
+const CaptionTitle = styled(XRefAdjacentText) `
+  max-width: 120px;
+  margin-left: 4px;
+`;
+const SelectorContainer = styled.div `
+  display: flex;
+  gap: 24px;
+  padding: 8px 12px 4px 12px;
+  margin: 24px 0;
+  border-radius: 4px;
+  border: 1px solid #fe8f1f;
+  background: #fff9e5;
+`;
+const ArrowDownIcon = styled(ArrowUpIcon) `
+  transform: rotate(180deg);
 `;

package/dist/es/components/cross-ref-check-modal/openModal.js

@@ -15,14 +15,20 @@
  */
 import { getEditorProps } from '../../plugins/editor-props';
 import ReactSubView from '../../views/ReactSubView';
-import { CrossRefWarningModal } from './CrossRefWarningModal';
+import { CrossRefWarningModal, } from './CrossRefWarningModal';
 export const openCrossRefWarningModal = (view, xrefGroups, onConfirm, onClose, selectAndScrollTo) => {
     const { state } = view;
     const props = getEditorProps(state);
     const componentProps = {
         xrefs: xrefGroups,
-        onConfirm,
-        onClose,
+        onConfirm: (deleteOption) => {
+            dialog.unmount();
+            onConfirm(deleteOption);
+        },
+        onClose: () => {
+            dialog.unmount();
+            onClose();
+        },
         selectAndScrollTo,
     };
     const dialog = ReactSubView(props, CrossRefWarningModal, componentProps, state.doc, () => 0, view);

package/dist/es/lib/utils.js

@@ -15,7 +15,7 @@
  */
 import { isElementNodeType, isSectionNodeType, schema, } from '@manuscripts/transform';
 import { Fragment, } from 'prosemirror-model';
-import { findChildrenByType, findParentNode, findParentNodeOfTypeClosestToPos, } from 'prosemirror-utils';
+import { findChildren, findChildrenByType, findParentNode, findParentNodeOfTypeClosestToPos, } from 'prosemirror-utils';
 import { fieldConfigMap } from '../components/references/ReferenceForm/config';
 import { arrowDown } from '../icons';
 import { handleEnterKey } from './navigation-utils';
@@ -197,3 +197,13 @@ export const getLastTitleNode = (state) => {
     const titleNode = findChildrenByType(state.doc, state.schema.nodes.title)[0];
     return titleNode;
 };
+export const getSurroundingText = (pos, node) => {
+    const nodeContent = findChildren(pos.node(), (child) => child.attrs.id === node.attrs.id)[0];
+    const content = pos.node().content;
+    const MAX_LENGTH = 40;
+    const nodeStart = nodeContent.pos;
+    const nodeEnd = nodeContent.pos + node.nodeSize;
+    const leftHandText = content.textBetween(nodeStart > MAX_LENGTH ? nodeStart - MAX_LENGTH : 0, nodeStart);
+    const rightHandText = content.textBetween(nodeEnd, Math.min(nodeEnd + MAX_LENGTH, content.size));
+    return { leftHandText, rightHandText };
+};

package/dist/es/plugins/cross-references.js

@@ -14,14 +14,17 @@
  * limitations under the License.
  */
 import { schema, } from '@manuscripts/transform';
-import { trackChangesPluginKey } from '@manuscripts/track-changes-plugin';
+import { trackChangesPluginKey, TrackChangesAction, } from '@manuscripts/track-changes-plugin';
 import isEqual from 'lodash/isEqual';
 import { NodeSelection, Plugin } from 'prosemirror-state';
 import { Decoration, DecorationSet } from 'prosemirror-view';
 import { openCrossRefWarningModal } from '../components/cross-ref-check-modal/openModal';
 import { objectsKey } from './objects';
+export const DELETE_WITHOUT_REF = 'delete-without-ref';
+export const SELECTED_CROSS_REF_CLASS = 'selected-cross-reference';
 let modalActive = false;
 let modalElement = null;
+let scrollTargetEl = null;
 export default () => {
     let view = null;
     return new Plugin({
@@ -40,7 +43,10 @@ export default () => {
             if (!view ||
                 !tr.docChanged ||
                 tr.getMeta(trackChangesPluginKey) ||
-                tr.getMeta('addToHistory') === false) {
+                tr.getMeta(TrackChangesAction.refreshChanges) ||
+                tr.getMeta('addToHistory') === false ||
+                tr.getMeta('collab$') ||
+                tr.getMeta(DELETE_WITHOUT_REF)) {
                 return true;
             }
             if (modalActive) {
@@ -59,6 +65,9 @@ export default () => {
                     modalElement.remove();
                     modalElement = null;
                 }
+                if (scrollTargetEl) {
+                    scrollTargetEl.classList.remove(SELECTED_CROSS_REF_CLASS);
+                }
             };
             const deletedIds = new Set(xrefGroups.map((g) => g.referenced.attrs.id));
             const onClose = () => {
@@ -149,12 +158,13 @@ function createXrefGroups(targets, stateDoc, resultDoc) {
         const xrefs = xrefsByRid.get(id);
         if (xrefs?.length) {
             const label = targets.get(referenced.attrs.id)?.label || '';
-            xrefGroups.push({ referenced, label, xrefs });
+            const caption = targets.get(referenced.attrs.id)?.caption || '';
+            xrefGroups.push({ referenced, label, caption, xrefs });
         }
     }
     return xrefGroups;
 }
-const onConfirmCreator = (view, cleanup, deletedIds, tr) => () => {
+const onConfirmCreator = (view, cleanup, deletedIds, tr) => (deleteOption) => {
     cleanup();
     if (!view) {
         return;
@@ -168,18 +178,23 @@ const onConfirmCreator = (view, cleanup, deletedIds, tr) => () => {
         }
         newTr.step(step);
     }
-    const xrefPositions = [];
-    newTr.doc.descendants((node, pos) => {
-        if (node.type === schema.nodes.cross_reference) {
-            const rids = node.attrs.rids;
-            if (rids.some((rid) => deletedIds.has(rid))) {
-                xrefPositions.push({ from: pos, to: pos + node.nodeSize });
+    if (deleteOption === 'delete-with-ref') {
+        const xrefPositions = [];
+        newTr.doc.descendants((node, pos) => {
+            if (node.type === schema.nodes.cross_reference) {
+                const rids = node.attrs.rids;
+                if (rids.some((rid) => deletedIds.has(rid))) {
+                    xrefPositions.push({ from: pos, to: pos + node.nodeSize });
+                }
             }
+        });
+        for (let i = xrefPositions.length - 1; i >= 0; i--) {
+            const { from, to } = xrefPositions[i];
+            newTr.delete(from, to);
         }
-    });
-    for (let i = xrefPositions.length - 1; i >= 0; i--) {
-        const { from, to } = xrefPositions[i];
-        newTr.delete(from, to);
+    }
+    else {
+        newTr.setMeta(DELETE_WITHOUT_REF, true);
     }
     view.dispatch(newTr);
 };
@@ -189,7 +204,6 @@ const selectAndScrollToCreator = (view) => ($pos) => {
     }
     const selTr = view.state.tr;
     selTr.setSelection(NodeSelection.create(view.state.doc, $pos.pos));
-    view.focus();
     view.dispatch(selTr);
     let scrollable = view.dom.parentElement;
     while (scrollable != null &&
@@ -212,4 +226,12 @@ const selectAndScrollToCreator = (view) => ($pos) => {
         modalElement?.classList.remove('modal-bottom');
         scrollable.scrollTo({ top: scrollTo, behavior: 'smooth' });
     }
+    const dom = view.nodeDOM($pos.pos);
+    if (dom && dom instanceof HTMLElement) {
+        dom.classList.add(SELECTED_CROSS_REF_CLASS);
+        if (scrollTargetEl && scrollTargetEl !== dom) {
+            scrollTargetEl?.classList.remove(SELECTED_CROSS_REF_CLASS);
+        }
+        scrollTargetEl = dom;
+    }
 };

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.19.1';
+export const VERSION = '3.19.2';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/es/views/ReactSubView.js

@@ -20,6 +20,7 @@ import { createRoot } from 'react-dom/client';
 import { ThemeProvider } from 'styled-components';
 function createSubView(props, Component, componentProps, node, getPos, view, classNames = []) {
     const container = document.createElement('div');
+    container.unmount = () => root.unmount();
     const Wrapped = createView(props, Component, componentProps, node, getPos, view, classNames, container);
     const root = createRoot(container);
     root.render(React.createElement(Wrapped, null));

package/dist/es/views/cross_reference.js

@@ -50,10 +50,21 @@ export class CrossReferenceView extends BaseNodeView {
         const target = attrs.rids.length ? targets.get(attrs.rids[0]) : undefined;
         const isSupplement = target?.type === schema.nodes.supplement.name;
         const derivedLabel = isSupplement
-            ? target?.caption || target?.label || ''
-            : target?.label || '';
+            ? target?.caption || target?.label || '[cross-ref]'
+            : target?.label || '[cross-ref]';
         this.dom.textContent = attrs.label || derivedLabel;
         this.dom.addEventListener('click', this.handleClick);
+        if (this.isOrphaned()) {
+            this.dom.classList.add('orphaned-cross-reference');
+        }
+        else {
+            this.dom.classList.remove('orphaned-cross-reference');
+        }
+    }
+    isOrphaned() {
+        const targets = objectsKey.getState(this.view.state);
+        const rid = this.node.attrs.rids[0];
+        return !targets?.get(rid);
     }
 }
 export default createNodeView(CrossReferenceView);

package/dist/es/views/cross_reference_editable.js

@@ -111,9 +111,7 @@ export class CrossReferenceEditableView extends CrossReferenceView {
         this.showContextMenu = () => {
             this.props.popper.destroy();
             const can = this.props.getCapabilities();
-            const targets = objectsKey.getState(this.view.state);
-            const rid = this.node.attrs.rids[0];
-            const isOrphaned = !targets?.get(rid);
+            const isOrphaned = this.isOrphaned();
             const actions = [
                 {
                     label: 'Comment',
@@ -135,7 +133,6 @@ export class CrossReferenceEditableView extends CrossReferenceView {
                     label: 'Edit',
                     icon: 'Edit',
                     action: () => this.handleEdit(),
-                    disabled: isOrphaned,
                 });
             }
             this.contextMenu = ReactSubView(this.props, ContextMenu, { actions }, this.node, this.getPos, this.view, ['context-menu']);

package/dist/types/components/authors-affiliations/AuthorsAndAffiliationsModals.d.ts

@@ -26,4 +26,4 @@ export interface AuthorsAndAffiliationsModalsProps {
     addNewAffiliation?: boolean;
 }
 export declare const AuthorsAndAffiliationsModals: React.FC<AuthorsAndAffiliationsModalsProps>;
-export declare const openAuthorsAndAffiliationsModals: (pos: number, view: ManuscriptEditorView | EditorView | undefined, initialModal: "authors" | "affiliations") => HTMLDivElement | undefined;
+export declare const openAuthorsAndAffiliationsModals: (pos: number, view: ManuscriptEditorView | EditorView | undefined, initialModal: "authors" | "affiliations") => import("../../views/ReactSubView").SubViewContainer | undefined;

package/dist/types/components/cross-ref-check-modal/CrossRefWarningModal.d.ts

@@ -14,16 +14,18 @@
  * limitations under the License.
  */
 import { ManuscriptNode } from '@manuscripts/transform';
-import React from 'react';
 import { ResolvedPos } from 'prosemirror-model';
+import React from 'react';
 export type XrefGroup = {
     referenced: ManuscriptNode;
     label: string;
+    caption: string;
     xrefs: [ManuscriptNode, ResolvedPos][];
 };
+export type DeleteOption = 'delete-without-ref' | 'delete-with-ref';
 export declare const CrossRefWarningModal: React.FC<{
     onClose: () => void;
     xrefs: XrefGroup[];
-    onConfirm: () => void;
+    onConfirm: (deleteOption: DeleteOption) => void;
     selectAndScrollTo: ($pos: ResolvedPos) => void;
 }>;

package/dist/types/components/cross-ref-check-modal/openModal.d.ts

@@ -15,5 +15,5 @@
  */
 import { ManuscriptEditorView } from '@manuscripts/transform';
 import { ResolvedPos } from 'prosemirror-model';
-import { XrefGroup } from './CrossRefWarningModal';
-export declare const openCrossRefWarningModal: (view: ManuscriptEditorView, xrefGroups: XrefGroup[], onConfirm: () => void, onClose: () => void, selectAndScrollTo: ($pos: ResolvedPos) => void) => HTMLDivElement;
+import { DeleteOption, XrefGroup } from './CrossRefWarningModal';
+export declare const openCrossRefWarningModal: (view: ManuscriptEditorView, xrefGroups: XrefGroup[], onConfirm: (deleteOption: DeleteOption) => void, onClose: () => void, selectAndScrollTo: ($pos: ResolvedPos) => void) => HTMLDivElement;

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

@@ -43,3 +43,7 @@ export declare const getLastTitleNode: (state: ManuscriptEditorState) => {
     node: ProseMirrorNode;
     pos: number;
 };
+export declare const getSurroundingText: (pos: ResolvedPos, node: ManuscriptNode) => {
+    leftHandText: string;
+    rightHandText: string;
+};

package/dist/types/plugins/cross-references.d.ts

@@ -15,5 +15,7 @@
  */
 import { Plugin } from 'prosemirror-state';
 import { DecorationSet } from 'prosemirror-view';
+export declare const DELETE_WITHOUT_REF = "delete-without-ref";
+export declare const SELECTED_CROSS_REF_CLASS = "selected-cross-reference";
 declare const _default: () => Plugin<DecorationSet>;
 export default _default;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.19.1";
+export declare const VERSION = "3.19.2";
 export declare const MATHJAX_VERSION = "3.2.2";

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

@@ -17,6 +17,9 @@ import { ManuscriptEditorView, ManuscriptNode } from '@manuscripts/transform';
 import React from 'react';
 import { EditorProps } from '../configs/ManuscriptsEditor';
 import { Trackable } from '../types';
+export type SubViewContainer = HTMLDivElement & {
+    unmount: () => void;
+};
 export interface ReactViewComponentProps<NodeT extends ManuscriptNode> {
     nodeAttrs: NodeT['attrs'];
     setNodeAttrs: (nextAttrs: Partial<NodeT['attrs']>) => void;
@@ -25,8 +28,8 @@ export interface ReactViewComponentProps<NodeT extends ManuscriptNode> {
         getPos: () => number;
         node: ManuscriptNode | Trackable<ManuscriptNode>;
     };
-    container: HTMLDivElement;
+    container: SubViewContainer;
 }
-declare function createSubView<T extends Trackable<ManuscriptNode>>(props: EditorProps, Component: React.FC<any>, componentProps: object, node: T, getPos: () => number, view: ManuscriptEditorView, classNames?: string[]): HTMLDivElement;
+declare function createSubView<T extends Trackable<ManuscriptNode>>(props: EditorProps, Component: React.FC<any>, componentProps: object, node: T, getPos: () => number, view: ManuscriptEditorView, classNames?: string[]): SubViewContainer;
 export declare function createSubViewAsync<T extends Trackable<ManuscriptNode>>(props: EditorProps, Component: React.FC<any>, componentProps: object, node: T, getPos: () => number, view: ManuscriptEditorView, classNames?: string[]): Promise<HTMLDivElement>;
 export default createSubView;

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

@@ -22,6 +22,7 @@ export declare class CrossReferenceView extends BaseNodeView<Trackable<CrossRefe
     initialise: () => void;
     ignoreMutation: () => boolean;
     createDOM: () => void;
+    protected isOrphaned(): boolean;
 }
 declare const _default: (props: import("../configs/ManuscriptsEditor").EditorProps, dispatch?: import("..").Dispatch) => import("../types").NodeViewCreator<CrossReferenceView>;
 export default _default;

package/package.json

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