@manuscripts/body-editor 2.6.25 → 2.6.26

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

@@ -180,12 +180,12 @@ const DraggableTree = ({ tree, view, depth, can, }) => {
     dragRef(dropRef(ref));
     const dragClass = isDragging ? 'dragging' : '';
     const dropClass = isOver && dropSide ? `drop-${dropSide}` : '';
-    return (react_1.default.createElement(Outline_1.Outline, { ref: ref, className: `${dragClass} ${dropClass}` },
+    return (react_1.default.createElement(Outline_1.Outline, { ref: ref, className: `${dragClass} ${dropClass} ${isDeletedItem && 'deleted'}` },
         !isTop && node.type.name != 'manuscript' && (react_1.default.createElement(Outline_1.OutlineItem, { depth: depth, onContextMenu: handleContextMenu },
             items.length ? (react_1.default.createElement(Outline_1.OutlineItemArrow, { onClick: toggleOpen }, isOpen ? react_1.default.createElement(style_guide_1.TriangleExpandedIcon, null) : react_1.default.createElement(style_guide_1.TriangleCollapsedIcon, null))) : (react_1.default.createElement(Outline_1.OutlineItemNoArrow, null)),
             react_1.default.createElement(Outline_1.OutlineItemLink, { to: `#${node.attrs.id}` },
                 react_1.default.createElement(Outline_1.OutlineItemIcon, null, (0, node_type_icons_1.nodeTypeIcon)(node.type)),
-                react_1.default.createElement(Outline_1.OutlineItemLinkText, { className: `outline-text-${node.type.name} ${isDeletedItem && 'deleted'}` }, itemText(node))))),
+                react_1.default.createElement(Outline_1.OutlineItemLinkText, { className: `outline-text-${node.type.name}` }, itemText(node))))),
         items.length ? (react_1.default.createElement("div", { className: `subtree ${isOpen ? '' : 'collapsed'}` }, items.map((subtree, index) => (react_1.default.createElement(exports.DraggableTree, { key: subtree.node.attrs.id || 'subtree-' + index, tree: subtree, view: view, depth: !tree.parent ? depth : depth + 1, can: can }))))) : null));
 };
 exports.DraggableTree = DraggableTree;

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

@@ -95,10 +95,6 @@ exports.OutlineItemLinkText = styled_components_1.default.span `
   overflow-x: hidden;
   text-overflow: ellipsis;
   margin-left: ${(props) => props.theme.grid.unit * 2}px;
-
-  &.deleted {
-    text-decoration: line-through;
-  }
 `;
 exports.Outline = styled_components_1.default.div `
   font-size: ${(props) => props.theme.font.size.medium};

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

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

@@ -153,11 +153,11 @@ export const DraggableTree = ({ tree, view, depth, can, }) => {
     dragRef(dropRef(ref));
     const dragClass = isDragging ? 'dragging' : '';
     const dropClass = isOver && dropSide ? `drop-${dropSide}` : '';
-    return (React.createElement(Outline, { ref: ref, className: `${dragClass} ${dropClass}` },
+    return (React.createElement(Outline, { ref: ref, className: `${dragClass} ${dropClass} ${isDeletedItem && 'deleted'}` },
         !isTop && node.type.name != 'manuscript' && (React.createElement(OutlineItem, { depth: depth, onContextMenu: handleContextMenu },
             items.length ? (React.createElement(OutlineItemArrow, { onClick: toggleOpen }, isOpen ? React.createElement(TriangleExpandedIcon, null) : React.createElement(TriangleCollapsedIcon, null))) : (React.createElement(OutlineItemNoArrow, null)),
             React.createElement(OutlineItemLink, { to: `#${node.attrs.id}` },
                 React.createElement(OutlineItemIcon, null, nodeTypeIcon(node.type)),
-                React.createElement(OutlineItemLinkText, { className: `outline-text-${node.type.name} ${isDeletedItem && 'deleted'}` }, itemText(node))))),
+                React.createElement(OutlineItemLinkText, { className: `outline-text-${node.type.name}` }, itemText(node))))),
         items.length ? (React.createElement("div", { className: `subtree ${isOpen ? '' : 'collapsed'}` }, items.map((subtree, index) => (React.createElement(DraggableTree, { key: subtree.node.attrs.id || 'subtree-' + index, tree: subtree, view: view, depth: !tree.parent ? depth : depth + 1, can: can }))))) : null));
 };

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

@@ -89,10 +89,6 @@ export const OutlineItemLinkText = styled.span `
   overflow-x: hidden;
   text-overflow: ellipsis;
   margin-left: ${(props) => props.theme.grid.unit * 2}px;
-
-  &.deleted {
-    text-decoration: line-through;
-  }
 `;
 export const Outline = styled.div `
   font-size: ${(props) => props.theme.font.size.medium};

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.6.25';
+export const VERSION = '2.6.26';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.6.25";
+export declare const VERSION = "2.6.26";
 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": "2.6.25",
+  "version": "2.6.26",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,7 +32,7 @@
     "@iarna/word-count": "^1.1.2",
     "@manuscripts/json-schema": "2.2.11",
     "@manuscripts/library": "1.3.11",
-    "@manuscripts/style-guide": "2.0.24",
+    "@manuscripts/style-guide": "2.0.25",
     "@manuscripts/track-changes-plugin": "1.8.4",
     "@manuscripts/transform": "3.0.22",
     "@popperjs/core": "^2.11.8",

package/styles/AdvancedEditor.css

@@ -419,11 +419,6 @@ span.comment-marker {
   border-color: #bce7f6;
 }
 
-.keywords .keyword.deleted,
-.keywords .keyword.deleted {
-  text-decoration: line-through;
-}
-
 .keywords .keyword .track-changes--control {
   top: 0;
 }
@@ -564,10 +559,17 @@ span.selected-suggestion,
   margin: 16px 0;
 }
 
-.ProseMirror .inserted,
-.ProseMirror [data-track-op='insert'][data-track-status='pending'] .block,
-.ProseMirror [data-track-op='node_split'][data-track-status='pending'] .block,
-.ProseMirror
+.tracking-visible .ProseMirror .inserted,
+.tracking-visible
+  .ProseMirror
+  [data-track-op='insert'][data-track-status='pending']
+  .block,
+.tracking-visible
+  .ProseMirror
+  [data-track-op='node_split'][data-track-status='pending']
+  .block,
+.tracking-visible
+  .ProseMirror
   [data-track-op='wrap_with_node'][data-track-status='pending']
   .block {
   background: var(--inserted-pending-bg-color);
@@ -582,23 +584,32 @@ span.selected-suggestion,
   color: var(--common-color) !important;
 }
 
-.ProseMirror .set_attrs,
-.ProseMirror [data-track-op='set_attrs'] {
+.tracking-visible .ProseMirror .set_attrs,
+.tracking-visible .ProseMirror [data-track-op='set_attrs'] {
   background: var(--inserted-pending-bg-color);
   text-decoration: none;
 }
 
 .ProseMirror .deleted::before,
-.ProseMirror .deleted {
+.ProseMirror .deleted,
+.ProseMirror p .equation.deleted {
+  display: none;
+}
+
+.tracking-visible .ProseMirror .deleted::before,
+.tracking-visible .ProseMirror .deleted,
+.tracking-visible .ProseMirror p .equation.deleted {
+  display: inline;
   background: var(--deleted-pending-bg-color);
   color: var(--deleted-color);
   text-decoration: line-through;
 }
-.equation.deleted {
-  position: relative;
+
+.tracking-visible .ProseMirror .equation.deleted {
+  display: flex;
 }
 
-.equation.deleted:after {
+.tracking-visible .equation.deleted:after {
   content: '';
   width: 100%;
   left: 0;
@@ -607,6 +618,20 @@ span.selected-suggestion,
   top: calc(50% + 1px);
 }
 
+.tracking-visible .ProseMirror .footnote.deleted::before,
+.tracking-visible .ProseMirror .footnote.deleted {
+  display: flex;
+}
+
+.tracking-visible .subtree .deleted {
+  display: inline;
+  text-decoration: line-through;
+}
+
+.subtree .deleted {
+  display: none;
+}
+
 .ProseMirror .inserted:has(.selected-suggestion),
 .ProseMirror .deleted:has(.selected-suggestion),
 .ProseMirror .selected-suggestion .highlight,
@@ -649,20 +674,35 @@ span.selected-suggestion,
   display: none;
 }
 
+.ProseMirror
+  .block-container[data-track-status='pending'][data-track-op='delete'] {
+  display: none;
+}
+.tracking-visible
+  .ProseMirror
+  .block-container[data-track-status='pending'][data-track-op='delete'] {
+  display: grid;
+}
+
 .contributor[data-track-status='pending'][data-track-op='delete'],
 .affiliation[data-track-status='pending'][data-track-op='delete'] {
-  text-decoration: line-through;
-  color: var(--deleted-color);
-  background-color: var(--deleted-pending-bg-color);
+  display: none;
 }
 
-.contributor[data-track-op='delete']:not([data-track-status='rejected']),
-.affiliation[data-track-op='delete']:not([data-track-status='rejected']) {
+.tracking-visible
+  .contributor[data-track-status='pending'][data-track-op='delete'],
+.tracking-visible
+  .affiliation[data-track-status='pending'][data-track-op='delete'] {
+  display: inline-flex;
   text-decoration: line-through;
+  color: var(--deleted-color);
+  background-color: var(--deleted-pending-bg-color);
 }
 
-.contributor[data-track-status='pending'][data-track-op='insert'],
-.affiliation[data-track-status='pending'][data-track-op='insert'] {
+.tracking-visible
+  .contributor[data-track-status='pending'][data-track-op='insert'],
+.tracking-visible
+  .affiliation[data-track-status='pending'][data-track-op='insert'] {
   background: var(--inserted-pending-bg-color);
   color: var(--inserted-pending-color);
   text-decoration: underline;

package/styles/Editor.css

@@ -182,10 +182,6 @@
   color: inherit;
 }
 
-.ProseMirror .cross-reference.deleted {
-  text-decoration: line-through;
-}
-
 .ProseMirror .bib-item.ProseMirror-selectednode,
 .ProseMirror .citation.ProseMirror-selectednode,
 .ProseMirror .cross-reference.ProseMirror-selectednode {