@manuscripts/body-editor 3.13.19 → 3.15.0

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") => void;
+export declare const openAuthorsAndAffiliationsModals: (pos: number, view: ManuscriptEditorView | EditorView | undefined, initialModal: "authors" | "affiliations") => HTMLDivElement | undefined;

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

@@ -0,0 +1,29 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ManuscriptNode } from '@manuscripts/transform';
+import React from 'react';
+import { ResolvedPos } from 'prosemirror-model';
+export type XrefGroup = {
+    referenced: ManuscriptNode;
+    label: string;
+    xrefs: [ManuscriptNode, ResolvedPos][];
+};
+export declare const CrossRefWarningModal: React.FC<{
+    onClose: () => void;
+    xrefs: XrefGroup[];
+    onConfirm: () => void;
+    selectAndScrollTo: ($pos: ResolvedPos) => void;
+}>;

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

@@ -0,0 +1,19 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+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;

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

@@ -0,0 +1,2 @@
+import { ManuscriptEditorView } from '@manuscripts/transform';
+export declare const openDeleteSupplementDialog: (view: ManuscriptEditorView, pos: number) => void;

package/dist/types/icons.d.ts

@@ -24,3 +24,4 @@ export declare const leadingHalfLeftIcon: string;
 export declare const fileMainDocumentIcon: string;
 export declare const tickIcon: string;
 export declare const ORCIDIcon: string;
+export declare const webLinkIcon: string;

package/dist/types/index.d.ts

@@ -29,6 +29,8 @@ export * from './lib/capabilities';
 export * from './lib/navigation-utils';
 export * from './lib/comments';
 export * from './lib/files';
+export * from './lib/supplements';
+export { allowedHref } from './lib/url';
 export * from './lib/footnotes';
 export * from './lib/template';
 export * from './lib/doc';

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

@@ -1,4 +1,5 @@
 import { ManuscriptNode } from '@manuscripts/transform';
+import { NodeWeblink } from './supplements';
 export type FileAttachment = {
     id: string;
     name: string;
@@ -18,6 +19,7 @@ export type ElementFiles = {
 export type ManuscriptFiles = {
     figures: ElementFiles[];
     supplements: NodeFile[];
+    weblinks: NodeWeblink[];
     attachments: NodeFile[];
     linkedFiles: NodeFile[];
     others: FileAttachment[];

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

@@ -0,0 +1,30 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ManuscriptEditorView, ManuscriptNode, SupplementNode } from '@manuscripts/transform';
+export type NodeWeblink = {
+    node: SupplementNode;
+    pos: number;
+};
+export declare const getSupplementDisplayLabel: (node: SupplementNode, files: {
+    id: string;
+    name: string;
+}[]) => string;
+export declare const performDeleteSupplement: (view: ManuscriptEditorView, pos: number) => boolean;
+export declare const deleteSupplementAtPos: (doc: ManuscriptNode, from: number, to: number) => {
+    from: number;
+    to: number;
+    deleteWholeSection: boolean;
+};

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.13.19";
+export declare const VERSION = "3.15.0";
 export declare const MATHJAX_VERSION = "3.2.2";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "3.13.19",
+  "version": "3.15.0",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -41,7 +41,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.6.6",
+    "@manuscripts/style-guide": "3.7.0",
     "@manuscripts/track-changes-plugin": "2.4.0",
     "@manuscripts/transform": "4.4.6",
     "@popperjs/core": "2.11.8",

package/src/commands.ts

@@ -517,6 +517,48 @@ export const insertSupplement = (
   return true
 }
 
+export const insertSupplementWeblink = (
+  url: string,
+  title: string,
+  view: ManuscriptEditorView
+) => {
+  const supplement = schema.nodes.supplement.createAndFill(
+    {
+      id: generateNodeID(schema.nodes.supplement),
+      href: url
+    },
+    createAndFillCaption()
+  ) as SupplementNode
+
+  const tr = view.state.tr
+  const { pos } = upsertSupplementsSection(tr, supplement)
+  tr.setSelection(NodeSelection.create(tr.doc, pos))
+  view.focus()
+  view.dispatch(tr.scrollIntoView())
+
+  return true
+}
+
+export const updateSupplementWeblink = (
+  pos: number,
+  url: string,
+  title: string,
+  view: ManuscriptEditorView
+) => {
+  const node = view.state.doc.nodeAt(pos)
+  if (!node) {
+    return false
+  }
+  const tr = view.state.tr
+  tr.setNodeMarkup(pos, undefined, {
+    ...node.attrs,
+    href: url,
+    title: title,
+    })
+  view.dispatch(tr)
+  return true
+}
+
 export const insertAttachment = (
   file: FileAttachment,
   state: ManuscriptEditorState,

package/src/components/authors-affiliations/AuthorsAndAffiliationsModals.tsx

@@ -167,4 +167,6 @@ export const openAuthorsAndAffiliationsModals = (
   )
   view.focus()
   document.body.appendChild(dialog)
+  // @TODO refactor to allow cleaning it up
+  return dialog
 }

package/src/components/cross-ref-check-modal/CrossRefWarningModal.tsx

@@ -0,0 +1,223 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ManuscriptNode } from '@manuscripts/transform'
+import React, { useState } from 'react'
+
+import {
+  AttentionOrangeIcon,
+  CloseButton,
+  ModalContainer,
+  ModalHeader,
+  PrimaryButton,
+  StyledModal,
+  TertiaryButton,
+  TextButton,
+} from '@manuscripts/style-guide'
+import { ResolvedPos } from 'prosemirror-model'
+import { startCase } from 'lodash'
+import styled from 'styled-components'
+
+export type XrefGroup = {
+  referenced: ManuscriptNode
+  label: string
+  xrefs: [ManuscriptNode, ResolvedPos][]
+}
+
+export const CrossRefWarningModal: React.FC<{
+  onClose: () => void
+  xrefs: XrefGroup[]
+  onConfirm: () => void
+  selectAndScrollTo: ($pos: ResolvedPos) => void
+}> = ({ onClose, xrefs, onConfirm, selectAndScrollTo }) => {
+  const [isOpen, setIsOpen] = useState(true)
+  const handleClose = () => {
+    setIsOpen(false)
+    onClose()
+  }
+
+  return (
+    <Modal
+      isOpen={isOpen}
+      onRequestClose={() => handleClose()}
+      shouldCloseOnOverlayClick={false}
+      hideOverlay={true}
+    >
+      <Container data-cy="cross-reference-warning-modal">
+        <ModalHeader>
+          <CloseButton
+            onClick={() => handleClose()}
+            data-cy="modal-close-button"
+          />
+        </ModalHeader>
+        <Body>
+          <Title>
+            <AttentionOrangeIcon width={24} height={22} /> Delete referenced
+            content?
+          </Title>
+          <p>You are deleting content referenced elsewhere in the document:</p>
+          <ScrolableItems>
+            {xrefs.map((group, i) => (
+              <XrefGroupDisplay
+                key={i}
+                group={group}
+                selectAndScrollTo={selectAndScrollTo}
+              />
+            ))}
+          </ScrolableItems>
+          <Actions>
+            <TertiaryButton type="button" onClick={() => handleClose()}>
+              Cancel
+            </TertiaryButton>
+            <PrimaryButton
+              $danger={true}
+              type="button"
+              onClick={() => {
+                onConfirm()
+                setIsOpen(false)
+              }}
+            >
+              Delete & remove citation
+            </PrimaryButton>
+          </Actions>
+        </Body>
+      </Container>
+    </Modal>
+  )
+}
+
+const XrefGroupDisplay: React.FC<{
+  group: XrefGroup
+  selectAndScrollTo: ($pos: ResolvedPos) => void
+}> = ({ group, selectAndScrollTo }) => {
+  return (
+    <div>
+      <h3>{group.label}</h3>
+      <ReferencesList>
+        {group.xrefs.map(([, pos], i) => {
+          return (
+            <li key={i}>
+              <TextButton onClick={() => selectAndScrollTo(pos)}>
+                {`${startCase(pos.parent.type.name)} - ${pos.parent.textContent}`}
+              </TextButton>
+            </li>
+          )
+        })}
+      </ReferencesList>
+    </div>
+  )
+}
+
+const Container = styled(ModalContainer)`
+  position: absolute;
+  top: 1rem;
+  left: 50%;
+  right: 0;
+  max-height: calc(50vh - 2rem);
+  min-height: 280px;
+  transform: translate(-50%, 0);
+  max-width: 480px;
+  transition:
+    top 0.2s,
+    transform 0.2s;
+`
+
+// since we need to scroll inside the editor when this dialog is active, we can't use dialog.showModal()
+// so we recreate the appearance using classic position:fixed/after approach.
+// While showModal doesn't block scrolling - it doesn't allow to focus on the editor and that kills the scrollIntoView
+const Modal = styled(StyledModal)`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1100;
+  color: #6e6e6e;
+  margin: auto;
+
+  &.modal-bottom ${Container} {
+    top: calc(100% - 2rem);
+    transform: translate(-50%, -100%);
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    position: fixed;
+    z-index: -1;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.2);
+  }
+  h3 {
+    font-size: 16px;
+    margin: 0.5em 0;
+  }
+  p {
+    margin: 0.5em 0;
+  }
+`
+
+const Body = styled.div`
+  margin: 1.5rem;
+  display: flex;
+  flex-flow: column;
+`
+
+const Title = styled.h2`
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 1.5;
+  margin: 0;
+  color: #353535;
+  svg {
+    vertical-align: text-top;
+  }
+`
+
+const ReferencesList = styled.ul`
+  padding: 8px;
+  margin-left: 0;
+  list-style: none;
+  background: #f2f2f2;
+  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;
+  }
+`
+
+const Actions = styled.footer`
+  text-align: right;
+  padding-top: 1rem;
+`
+const ScrolableItems = styled.div`
+  max-height: 16vh;
+  min-height: 100px;
+  overflow-y: auto;
+`

package/src/components/cross-ref-check-modal/openModal.ts

@@ -0,0 +1,50 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ManuscriptEditorView } from '@manuscripts/transform'
+import { ResolvedPos } from 'prosemirror-model'
+
+import { getEditorProps } from '../../plugins/editor-props'
+import ReactSubView from '../../views/ReactSubView'
+import { CrossRefWarningModal, XrefGroup } from './CrossRefWarningModal'
+
+export const openCrossRefWarningModal = (
+  view: ManuscriptEditorView,
+  xrefGroups: XrefGroup[],
+  onConfirm: () => void,
+  onClose: () => void,
+  selectAndScrollTo: ($pos: ResolvedPos) => void
+): HTMLDivElement => {
+  const { state } = view
+  const props = getEditorProps(state)
+  const componentProps = {
+    xrefs: xrefGroups,
+    onConfirm,
+    onClose,
+    selectAndScrollTo,
+  }
+
+  const dialog = ReactSubView(
+    props,
+    CrossRefWarningModal,
+    componentProps,
+    state.doc,
+    () => 0,
+    view
+  )
+  document.body.appendChild(dialog)
+  return dialog
+}

package/src/components/views/DeleteSupplementDialog.tsx

@@ -0,0 +1,88 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import {
+  Category,
+  Dialog,
+} from '@manuscripts/style-guide'
+import { ManuscriptEditorView, SupplementNode } from '@manuscripts/transform'
+import React, { useState } from 'react'
+
+import {
+  getSupplementDisplayLabel,
+  performDeleteSupplement,
+} from '../../lib/supplements'
+import { getEditorProps } from '../../plugins/editor-props'
+import ReactSubView from '../../views/ReactSubView'
+
+const DeleteSupplementDialog: React.FC<{
+  label: string
+  onDelete: () => void
+}> = ({ label, onDelete }) => {
+  const [isOpen, setOpen] = useState(true)
+
+  return (
+    <Dialog
+      isOpen={isOpen}
+      category={Category.confirmation}
+      header='Delete supplement'
+      message='Are you sure you want to delete &ldquo;{label}&rdquo;?'
+      actions={{
+        primary: {
+          action: () => {
+            onDelete()
+            setOpen(false)
+          },
+          title: 'Delete',
+        },
+        secondary: {
+          action: () => setOpen(false),
+          title: 'Cancel',
+        },
+      }}
+    />
+  )
+}
+
+export const openDeleteSupplementDialog = (
+  view: ManuscriptEditorView,
+  pos: number
+) => {
+  const node = view.state.doc.nodeAt(pos)
+  if (!node || node.type.name !== 'supplement') {
+    return
+  }
+
+  const { state } = view
+  const props = getEditorProps(state)
+  const label = getSupplementDisplayLabel(
+    node as SupplementNode,
+    props.getFiles()
+  )
+
+  const dialog = ReactSubView(
+    props,
+    DeleteSupplementDialog,
+    {
+      label,
+      onDelete: () => performDeleteSupplement(view, pos),
+    },
+    state.doc,
+    () => 0,
+    view
+  )
+
+  document.body.appendChild(dialog)
+}

package/src/icons.ts

@@ -40,6 +40,7 @@ import {
   SectionCategoryIcon,
   TickIcon,
   TranslateIcon,
+  WebLinkIcon,
 } from '@manuscripts/style-guide'
 import React, { createElement } from 'react'
 import { renderToStaticMarkup } from 'react-dom/server'
@@ -72,3 +73,4 @@ export const leadingHalfLeftIcon = renderIcon(LeadingHalfLeftIcon)
 export const fileMainDocumentIcon = renderIcon(FileMainDocumentIcon)
 export const tickIcon = renderIcon(TickIcon)
 export const ORCIDIcon = renderIcon(ORCID)
+export const webLinkIcon = renderIcon(WebLinkIcon)

package/src/index.ts

@@ -33,6 +33,8 @@ export * from './lib/capabilities'
 export * from './lib/navigation-utils'
 export * from './lib/comments'
 export * from './lib/files'
+export * from './lib/supplements'
+export { allowedHref } from './lib/url'
 export * from './lib/footnotes'
 export * from './lib/template'
 export * from './lib/doc'

package/src/lib/files.ts

@@ -13,11 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ManuscriptNode, schema } from '@manuscripts/transform'
+import { ManuscriptNode, schema, SupplementNode } from '@manuscripts/transform'
 import { findChildrenByType } from 'prosemirror-utils'
 
 import { isHidden } from './track-changes-utils'
 
+import { NodeWeblink } from './supplements'
+import { allowedHref } from './url'
+
 export type FileAttachment = {
   id: string
   name: string
@@ -40,6 +43,7 @@ export type ElementFiles = {
 export type ManuscriptFiles = {
   figures: ElementFiles[]
   supplements: NodeFile[]
+  weblinks: NodeWeblink[]
   attachments: NodeFile[]
   linkedFiles: NodeFile[]
   others: FileAttachment[]
@@ -95,6 +99,7 @@ export const groupFiles = (
   const fileMap = new Map(files.map((f) => [f.id, f]))
   const figures: ElementFiles[] = []
   const supplements: NodeFile[] = []
+  const weblinks: NodeWeblink[] = []
   const linkedFiles: NodeFile[] = []
   const attachments: NodeFile[] = []
 
@@ -161,11 +166,19 @@ export const groupFiles = (
       }
     }
     if (node.type === schema.nodes.supplement) {
-      supplements.push({
-        node,
-        pos,
-        file: getFile(node.attrs.href),
-      })
+      const href = node.attrs.href as string
+      if (allowedHref(href)) {
+        weblinks.push({
+          node: node as SupplementNode,
+          pos,
+        })
+      } else {
+        supplements.push({
+          node,
+          pos,
+          file: getFile(href),
+        })
+      }
     }
     if (node.type === schema.nodes.attachment) {
       attachments.push({
@@ -179,6 +192,7 @@ export const groupFiles = (
   return {
     figures,
     supplements,
+    weblinks,
     attachments,
     linkedFiles,
     others: [...fileMap.values()],