@manuscripts/body-editor 1.7.23-LEAN-3321-2 → 1.7.24

package/dist/cjs/assets.js

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deleteIcon = exports.alertIcon = exports.editAttrsTrackingIcon = exports.commentIcon = exports.editIcon = void 0;
+exports.alertIcon = exports.editAttrsTrackingIcon = exports.commentIcon = exports.editIcon = void 0;
 exports.editIcon = `
   <svg
     width="14"
@@ -118,49 +118,3 @@ exports.alertIcon = `
     />
   </svg>
 `;
-exports.deleteIcon = `
-  <svg 
-    width="13" 
-    height="15" 
-    viewBox="0 0 13 15" 
-    fill="none" 
-    xmlns="http://www.w3.org/2000/svg"
-  >
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M2.00001 3C2 3.00135 2 3.00269 2 3.00404V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00404C11 3.00269 11 3.00135 11 3C11.5978 3.34581 12 3.99215 12 4.73244V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73244C1 3.99215 1.4022 3.34581 2.00001 3Z" 
-    fill="#C9C9C9"
-  />
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z" 
-    fill="#C9C9C9"
-  />
-  <rect 
-    y="2" 
-    width="13" 
-    height="3" 
-    rx="1.5" 
-    fill="#C9C9C9"
-  />
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z" 
-    fill="#C9C9C9"
-  />
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z" 
-    fill="#C9C9C9"
-  />
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z" 
-    fill="white"
-  />
-</svg>`;

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

@@ -20,6 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 require("prosemirror-gapcursor/style/gapcursor.css");
 require("prosemirror-tables/style/tables.css");
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const prosemirror_collab_1 = require("prosemirror-collab");
 const prosemirror_dropcursor_1 = require("prosemirror-dropcursor");
 const prosemirror_history_1 = require("prosemirror-history");
@@ -41,13 +42,18 @@ const tables_cursor_fix_1 = __importDefault(require("../plugins/tables-cursor-fi
 const toc_1 = __importDefault(require("../plugins/toc"));
 const rules_1 = __importDefault(require("../rules"));
 exports.default = (props) => {
-    const plugins = props.plugins || [];
     const allPlugins = [
         rules_1.default,
         ...keys_1.default,
         (0, prosemirror_dropcursor_1.dropCursor)(),
         (0, prosemirror_history_1.history)(),
-        ...plugins,
+        (0, track_changes_plugin_1.trackChangesPlugin)({
+            userID: props.userID,
+            debug: props.debug,
+            initialStatus: props.getCapabilities().editWithoutTracking
+                ? track_changes_plugin_1.TrackChangesStatus.disabled
+                : track_changes_plugin_1.TrackChangesStatus.enabled,
+        }),
         (0, tables_cursor_fix_1.default)(),
         (0, elements_1.default)(),
         (0, persist_1.default)(),
@@ -62,7 +68,7 @@ exports.default = (props) => {
         (0, prosemirror_tables_1.tableEditing)(),
         (0, highlight_1.default)(props),
         (0, selected_suggestion_ui_1.default)(props),
-        (0, footnotes_1.default)(props),
+        (0, footnotes_1.default)(),
     ];
     if (props.collabProvider) {
         allPlugins.push((0, prosemirror_collab_1.collab)({ version: props.collabProvider.currentVersion }));

package/dist/cjs/plugins/footnotes/index.js

@@ -14,9 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.uncitedFootnoteWidget = exports.buildPluginState = exports.footnotesKey = void 0;
 const transform_1 = require("@manuscripts/transform");
@@ -25,9 +22,7 @@ const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_utils_1 = require("prosemirror-utils");
 const prosemirror_view_1 = require("prosemirror-view");
 const assets_1 = require("../../assets");
-const DeleteFootnoteDialog_1 = require("../../components/views/DeleteFootnoteDialog");
 const utils_1 = require("../../lib/utils");
-const ReactSubView_1 = __importDefault(require("../../views/ReactSubView"));
 const placeholder_1 = require("../placeholder");
 const footnotes_utils_1 = require("./footnotes-utils");
 exports.footnotesKey = new prosemirror_state_1.PluginKey('footnotes');
@@ -73,32 +68,7 @@ const uncitedFootnoteWidget = () => () => {
     return element;
 };
 exports.uncitedFootnoteWidget = uncitedFootnoteWidget;
-const deleteFootnoteWidget = (node, pos, props, footnoteType) => (view) => {
-    const deleteBtn = document.createElement('span');
-    deleteBtn.className = 'delete-icon';
-    deleteBtn.innerHTML = assets_1.deleteIcon;
-    deleteBtn.addEventListener('click', () => {
-        const handleDelete = () => {
-            const tr = view.state.tr;
-            node.content.forEach((item) => {
-                if (item.type === transform_1.schema.nodes.paragraph) {
-                    tr.delete(pos, pos + item.nodeSize + 1);
-                }
-            });
-            if (!node.childCount) {
-                tr.delete(pos, pos + node.nodeSize);
-            }
-            view.dispatch(tr);
-        };
-        const componentProps = {
-            footnoteType: footnoteType,
-            handleDelete: handleDelete,
-        };
-        (0, ReactSubView_1.default)(Object.assign(Object.assign({}, props), { dispatch: view.dispatch }), DeleteFootnoteDialog_1.DeleteFootnoteDialog, componentProps, node, () => pos, view);
-    });
-    return deleteBtn;
-};
-exports.default = (props) => {
+exports.default = () => {
     return new prosemirror_state_1.Plugin({
         key: exports.footnotesKey,
         state: {
@@ -130,18 +100,13 @@ exports.default = (props) => {
         props: {
             decorations: (state) => {
                 const decorations = [];
-                const tableElementFooter = (0, prosemirror_utils_1.findParentNodeOfType)(transform_1.schema.nodes.table_element_footer)(state.selection);
-                if (tableElementFooter) {
+                const isInTableElementFooter = (0, prosemirror_utils_1.hasParentNodeOfType)(transform_1.schema.nodes.table_element_footer)(state.selection);
+                if (isInTableElementFooter) {
                     const parent = (0, utils_1.findParentNodeWithIdValue)(state.selection);
                     if (parent) {
                         decorations.push(prosemirror_view_1.Decoration.node(parent.pos, parent.pos + parent.node.nodeSize, {
                             class: 'footnote-selected',
                         }));
-                        if (parent.node.type === transform_1.schema.nodes.paragraph) {
-                            decorations.push(prosemirror_view_1.Decoration.widget(parent.pos + 1, deleteFootnoteWidget(tableElementFooter.node, tableElementFooter.pos, props, 'table general note'), {
-                                key: parent.node.attrs.id,
-                            }));
-                        }
                     }
                 }
                 const { labels } = exports.footnotesKey.getState(state);
@@ -167,10 +132,10 @@ exports.default = (props) => {
                         }
                     }
                     if (node.type === transform_1.schema.nodes.footnotes_element) {
-                        decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
-                            class: 'table-footnotes-element',
-                        }));
                         if ((parent === null || parent === void 0 ? void 0 : parent.type) === transform_1.schema.nodes.table_element_footer) {
+                            decorations.push(prosemirror_view_1.Decoration.node(pos, pos + node.nodeSize, {
+                                class: 'table-footnotes-element',
+                            }));
                             tableInlineFootnoteIds = (0, footnotes_utils_1.findTableInlineFootnoteIds)(state.doc.resolve(pos));
                         }
                         else {

package/dist/cjs/testing/default-editor-data.js

@@ -81,10 +81,8 @@ exports.defaultEditorProps = {
         locale: '',
     },
     getCitationProvider: () => undefined,
-    plugins: [],
     retrySync: () => Promise.resolve(),
     setComment: () => undefined,
     setSelectedComment: () => undefined,
     setEditorSelectedSuggestion: () => undefined,
-    environment: undefined,
 };

package/dist/cjs/useEditor.js

@@ -60,8 +60,7 @@ const useEditor = (props) => {
         view.current.updateState(nextState);
         const trackState = track_changes_plugin_1.trackChangesPluginKey.getState(view.current.state);
         if (collabProvider &&
-            trackState &&
-            trackState.status !== track_changes_plugin_1.TrackChangesStatus.viewSnapshots) {
+            (!trackState || trackState.status !== track_changes_plugin_1.TrackChangesStatus.viewSnapshots)) {
             const sendable = (0, prosemirror_collab_1.sendableSteps)(nextState);
             if (sendable) {
                 collabProvider.sendSteps(sendable.version, sendable.steps, sendable.clientID, !tr.isGeneric);

package/dist/es/assets.js

@@ -115,49 +115,3 @@ export const alertIcon = `
     />
   </svg>
 `;
-export const deleteIcon = `
-  <svg 
-    width="13" 
-    height="15" 
-    viewBox="0 0 13 15" 
-    fill="none" 
-    xmlns="http://www.w3.org/2000/svg"
-  >
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M2.00001 3C2 3.00135 2 3.00269 2 3.00404V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00404C11 3.00269 11 3.00135 11 3C11.5978 3.34581 12 3.99215 12 4.73244V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73244C1 3.99215 1.4022 3.34581 2.00001 3Z" 
-    fill="#C9C9C9"
-  />
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z" 
-    fill="#C9C9C9"
-  />
-  <rect 
-    y="2" 
-    width="13" 
-    height="3" 
-    rx="1.5" 
-    fill="#C9C9C9"
-  />
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z" 
-    fill="#C9C9C9"
-  />
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z" 
-    fill="#C9C9C9"
-  />
-  <path 
-    fill-rule="evenodd" 
-    clip-rule="evenodd" 
-    d="M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z" 
-    fill="white"
-  />
-</svg>`;

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

@@ -15,6 +15,7 @@
  */
 import 'prosemirror-gapcursor/style/gapcursor.css';
 import 'prosemirror-tables/style/tables.css';
+import { trackChangesPlugin, TrackChangesStatus, } from '@manuscripts/track-changes-plugin';
 import { collab } from 'prosemirror-collab';
 import { dropCursor } from 'prosemirror-dropcursor';
 import { history } from 'prosemirror-history';
@@ -36,13 +37,18 @@ import table_editing_fix from '../plugins/tables-cursor-fix';
 import toc from '../plugins/toc';
 import rules from '../rules';
 export default (props) => {
-    const plugins = props.plugins || [];
     const allPlugins = [
         rules,
         ...keys,
         dropCursor(),
         history(),
-        ...plugins,
+        trackChangesPlugin({
+            userID: props.userID,
+            debug: props.debug,
+            initialStatus: props.getCapabilities().editWithoutTracking
+                ? TrackChangesStatus.disabled
+                : TrackChangesStatus.enabled,
+        }),
         table_editing_fix(),
         elements(),
         persist(),
@@ -57,7 +63,7 @@ export default (props) => {
         tableEditing(),
         highlights(props),
         selected_suggestion_ui(props),
-        footnotes(props),
+        footnotes(),
     ];
     if (props.collabProvider) {
         allPlugins.push(collab({ version: props.collabProvider.currentVersion }));

package/dist/es/plugins/footnotes/index.js

@@ -16,12 +16,10 @@
 import { isFootnoteNode, isInlineFootnoteNode, schema, } from '@manuscripts/transform';
 import { isEqual } from 'lodash';
 import { NodeSelection, Plugin, PluginKey } from 'prosemirror-state';
-import { findParentNodeOfType } from 'prosemirror-utils';
+import { hasParentNodeOfType } from 'prosemirror-utils';
 import { Decoration, DecorationSet } from 'prosemirror-view';
-import { alertIcon, deleteIcon } from '../../assets';
-import { DeleteFootnoteDialog, } from '../../components/views/DeleteFootnoteDialog';
+import { alertIcon } from '../../assets';
 import { findParentNodeWithIdValue } from '../../lib/utils';
-import ReactSubView from '../../views/ReactSubView';
 import { placeholderWidget } from '../placeholder';
 import { findTableInlineFootnoteIds } from './footnotes-utils';
 export const footnotesKey = new PluginKey('footnotes');
@@ -65,32 +63,7 @@ export const uncitedFootnoteWidget = () => () => {
     element.innerHTML = alertIcon;
     return element;
 };
-const deleteFootnoteWidget = (node, pos, props, footnoteType) => (view) => {
-    const deleteBtn = document.createElement('span');
-    deleteBtn.className = 'delete-icon';
-    deleteBtn.innerHTML = deleteIcon;
-    deleteBtn.addEventListener('click', () => {
-        const handleDelete = () => {
-            const tr = view.state.tr;
-            node.content.forEach((item) => {
-                if (item.type === schema.nodes.paragraph) {
-                    tr.delete(pos, pos + item.nodeSize + 1);
-                }
-            });
-            if (!node.childCount) {
-                tr.delete(pos, pos + node.nodeSize);
-            }
-            view.dispatch(tr);
-        };
-        const componentProps = {
-            footnoteType: footnoteType,
-            handleDelete: handleDelete,
-        };
-        ReactSubView(Object.assign(Object.assign({}, props), { dispatch: view.dispatch }), DeleteFootnoteDialog, componentProps, node, () => pos, view);
-    });
-    return deleteBtn;
-};
-export default (props) => {
+export default () => {
     return new Plugin({
         key: footnotesKey,
         state: {
@@ -122,18 +95,13 @@ export default (props) => {
         props: {
             decorations: (state) => {
                 const decorations = [];
-                const tableElementFooter = findParentNodeOfType(schema.nodes.table_element_footer)(state.selection);
-                if (tableElementFooter) {
+                const isInTableElementFooter = hasParentNodeOfType(schema.nodes.table_element_footer)(state.selection);
+                if (isInTableElementFooter) {
                     const parent = findParentNodeWithIdValue(state.selection);
                     if (parent) {
                         decorations.push(Decoration.node(parent.pos, parent.pos + parent.node.nodeSize, {
                             class: 'footnote-selected',
                         }));
-                        if (parent.node.type === schema.nodes.paragraph) {
-                            decorations.push(Decoration.widget(parent.pos + 1, deleteFootnoteWidget(tableElementFooter.node, tableElementFooter.pos, props, 'table general note'), {
-                                key: parent.node.attrs.id,
-                            }));
-                        }
                     }
                 }
                 const { labels } = footnotesKey.getState(state);
@@ -159,10 +127,10 @@ export default (props) => {
                         }
                     }
                     if (node.type === schema.nodes.footnotes_element) {
-                        decorations.push(Decoration.node(pos, pos + node.nodeSize, {
-                            class: 'table-footnotes-element',
-                        }));
                         if ((parent === null || parent === void 0 ? void 0 : parent.type) === schema.nodes.table_element_footer) {
+                            decorations.push(Decoration.node(pos, pos + node.nodeSize, {
+                                class: 'table-footnotes-element',
+                            }));
                             tableInlineFootnoteIds = findTableInlineFootnoteIds(state.doc.resolve(pos));
                         }
                         else {

package/dist/es/testing/default-editor-data.js

@@ -75,10 +75,8 @@ export const defaultEditorProps = {
         locale: '',
     },
     getCitationProvider: () => undefined,
-    plugins: [],
     retrySync: () => Promise.resolve(),
     setComment: () => undefined,
     setSelectedComment: () => undefined,
     setEditorSelectedSuggestion: () => undefined,
-    environment: undefined,
 };

package/dist/es/useEditor.js

@@ -57,8 +57,7 @@ export const useEditor = (props) => {
         view.current.updateState(nextState);
         const trackState = trackChangesPluginKey.getState(view.current.state);
         if (collabProvider &&
-            trackState &&
-            trackState.status !== TrackChangesStatus.viewSnapshots) {
+            (!trackState || trackState.status !== TrackChangesStatus.viewSnapshots)) {
             const sendable = sendableSteps(nextState);
             if (sendable) {
                 collabProvider.sendSteps(sendable.version, sendable.steps, sendable.clientID, !tr.isGeneric);

package/dist/types/assets.d.ts

@@ -17,4 +17,3 @@ export declare const editIcon = "\n  <svg\n    width=\"14\"\n    height=\"14\"\n
 export declare const commentIcon = "\n<svg\n    width=\"20\"\n    height=\"15\"\n    viewBox=\"0 0 20 15\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M7.94841 4.18311C7.98238 3.9602 8 3.73191 8 3.49951C8 3.22073 7.97465 2.94787 7.92613 2.68311H13.5C14.8854 2.68311 16.25 3.6425 16.25 5.09977V9.02453L19.1086 12.9949C19.2731 13.2233 19.2958 13.5245 19.1675 13.775C19.0392 14.0255 18.7814 14.1831 18.5 14.1831H5.5C4.11463 14.1831 2.75 13.2237 2.75 11.7664V7.93729C2.9939 7.97821 3.24446 7.99951 3.5 7.99951C3.75553 7.99951 4.00609 7.97821 4.25 7.93729V11.7664C4.25 12.1508 4.67537 12.6831 5.5 12.6831H17.0358L14.8913 9.70467C14.7994 9.57703 14.75 9.42372 14.75 9.26644V5.09977C14.75 4.71538 14.3246 4.18311 13.5 4.18311H7.94841Z\"\n      fill=\"#FFBD26\"\n    />\n    <path\n      d=\"M11.5 6.99951H8.5\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M12 9.99951H7\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M3.5 1L3.5 6\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M6 3.5L1 3.5\"\n      stroke=\"#FFBD26\"\n      stroke-width=\"1.5\"\n      stroke-miterlimit=\"10\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n";
 export declare const editAttrsTrackingIcon = "\n <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M12 2L14 4L9 9L6 10L7 7L12 2Z\"\n      stroke=\"#353535\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n    <path\n      d=\"M13 10V11.5C13 12.328 12.328 13 11.5 13H4.5C3.672 13 3 12.328 3 11.5V4.5C3 3.672 3.672 3 4.5 3H6\"\n      stroke=\"#353535\"\n      stroke-width=\"1.5\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    />\n  </svg>\n";
 export declare const alertIcon = "\n  <svg\n    width=\"12\"\n    height=\"12\"\n    viewBox=\"0 0 12 12\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M6 12C2.68629 12 1.18852e-06 9.31371 1.47821e-06 6C1.7679e-06 2.68629 2.68629 1.39444e-07 6 4.29138e-07C9.31371 7.18831e-07 12 2.68629 12 6C12 9.31371 9.31371 12 6 12ZM6.74998 2.99996L6.75 6.37462C6.75 6.78819 6.41522 7.12243 6.00166 7.12334C5.58681 7.12426 5.25001 6.78821 5.25001 6.37335L5.25 3.00082C5.25 2.58629 5.58629 2.25037 6.00082 2.25083C6.4147 2.25128 6.74998 2.58607 6.74998 2.99996ZM6.75 8.99263C6.75 9.46884 6.47288 9.75 5.99853 9.75C5.52419 9.75 5.25 9.47179 5.25 8.99558C5.25 8.51937 5.52421 8.25 5.99855 8.25C6.47289 8.25 6.75 8.51642 6.75 8.99263Z\"\n      fill=\"#FE8F1F\"\n    />\n  </svg>\n";
-export declare const deleteIcon = "\n  <svg \n    width=\"13\" \n    height=\"15\" \n    viewBox=\"0 0 13 15\" \n    fill=\"none\" \n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M2.00001 3C2 3.00135 2 3.00269 2 3.00404V13.004C2 13.5563 2.44772 14.004 3 14.004H10C10.5523 14.004 11 13.5563 11 13.004V3.00404C11 3.00269 11 3.00135 11 3C11.5978 3.34581 12 3.99215 12 4.73244V13.004C12 14.1086 11.1046 15.004 10 15.004H3C1.89543 15.004 1 14.1086 1 13.004V4.73244C1 3.99215 1.4022 3.34581 2.00001 3Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M4.5 0C3.67157 0 3 0.671573 3 1.5V3.5C3 4.32843 3.67157 5 4.5 5H8.5C9.32843 5 10 4.32843 10 3.5V1.5C10 0.671573 9.32843 0 8.5 0H4.5ZM9 1.5C9 1.22386 8.77614 1 8.5 1H4.5C4.22386 1 4 1.22386 4 1.5C4 1.77614 4.22386 2 4.5 2H8.5C8.77614 2 9 1.77614 9 1.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <rect \n    y=\"2\" \n    width=\"13\" \n    height=\"3\" \n    rx=\"1.5\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M8 7.5C8 7.22386 8.22386 7 8.5 7C8.77614 7 9 7.22386 9 7.5V11.5C9 11.7761 8.77614 12 8.5 12C8.22386 12 8 11.7761 8 11.5V7.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M4 7.5C4 7.22386 4.22386 7 4.5 7C4.77614 7 5 7.22386 5 7.5V11.5C5 11.7761 4.77614 12 4.5 12C4.22386 12 4 11.7761 4 11.5V7.5Z\" \n    fill=\"#C9C9C9\"\n  />\n  <path \n    fill-rule=\"evenodd\" \n    clip-rule=\"evenodd\" \n    d=\"M11.5 3C11.7761 3 12 3.22386 12 3.5C12 3.77614 11.7761 4 11.5 4L1.5 4C1.22386 4 1 3.77614 1 3.5C1 3.22386 1.22386 3 1.5 3L11.5 3Z\" \n    fill=\"white\"\n  />\n</svg>";

package/dist/types/configs/ManuscriptsEditor.d.ts

@@ -18,7 +18,7 @@ import { CommentAnnotation, Manuscript, UserProfile } from '@manuscripts/json-sc
 import { Capabilities, FileAttachment, FileManagement } from '@manuscripts/style-guide';
 import { ManuscriptNode } from '@manuscripts/transform';
 import { History } from 'history';
-import { EditorState, Plugin } from 'prosemirror-state';
+import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { DefaultTheme } from 'styled-components';
 import { CollabProvider } from '../classes/collabProvider';
@@ -34,7 +34,6 @@ export interface EditorProps {
     };
     locale: string;
     theme: DefaultTheme;
-    plugins?: Plugin[];
     getCurrentUser: () => UserProfile;
     projectID: string;
     doc: ManuscriptNode;
@@ -44,12 +43,13 @@ export interface EditorProps {
     popper: PopperManager;
     history: History;
     getCapabilities: () => Capabilities;
+    userID: string;
+    debug: boolean;
     cslProps: CSLProps;
     setComment: (comment?: CommentAnnotation) => void;
     setSelectedComment: (id?: string) => void;
     setEditorSelectedSuggestion: (id?: string) => void;
     retrySync: (componentIDs: string[]) => Promise<void>;
-    environment?: string;
     collabProvider?: CollabProvider;
 }
 export declare const createEditorState: (props: EditorProps) => EditorState;

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

@@ -22,7 +22,7 @@ import { Plugin } from 'prosemirror-state';
 import { CollabProvider } from '../classes/collabProvider';
 import { PopperManager } from '../lib/popper';
 import { CSLProps } from './ManuscriptsEditor';
-export interface PluginProps {
+interface PluginProps {
     getManuscript: () => Manuscript;
     setComment: (comment?: CommentAnnotation) => void;
     setSelectedComment: (id?: string) => void;
@@ -32,6 +32,8 @@ export interface PluginProps {
     cslProps: CSLProps;
     popper: PopperManager;
     collabProvider?: CollabProvider;
+    userID: string;
+    debug: boolean;
 }
 declare const _default: (props: PluginProps) => any[];
 export default _default;

package/dist/types/plugins/footnotes/index.d.ts

@@ -15,7 +15,6 @@
  */
 import { InlineFootnoteNode, ManuscriptNode } from '@manuscripts/transform';
 import { Plugin, PluginKey } from 'prosemirror-state';
-import { PluginProps } from '../../configs/editor-plugins';
 interface PluginState {
     nodes: [InlineFootnoteNode, number][];
     labels: Map<string, string>;
@@ -23,5 +22,5 @@ interface PluginState {
 export declare const footnotesKey: PluginKey<PluginState>;
 export declare const buildPluginState: (doc: ManuscriptNode) => PluginState;
 export declare const uncitedFootnoteWidget: () => () => HTMLSpanElement;
-declare const _default: (props: PluginProps) => Plugin<PluginState>;
+declare const _default: () => Plugin<PluginState>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/body-editor",
   "description": "Prosemirror components for editing and viewing manuscripts",
-  "version": "1.7.23-LEAN-3321-2",
+  "version": "1.7.24",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -31,9 +31,9 @@
     "@manuscripts/assets": "^0.6.4",
     "@manuscripts/json-schema": "^2.2.6",
     "@manuscripts/library": "^1.3.5",
-    "@manuscripts/style-guide": "^1.8.0",
-    "@manuscripts/track-changes-plugin": "^1.7.7",
-    "@manuscripts/transform": "2.1.7-LEAN-3321",
+    "@manuscripts/style-guide": "1.8.1",
+    "@manuscripts/track-changes-plugin": "1.7.8",
+    "@manuscripts/transform": "^2.1.6",
     "astrocite-eutils": "^0.16.4",
     "axios": "^1.6.7",
     "mathjax-full": "^3.2.2",
@@ -109,6 +109,7 @@
     "uuid": "^9.0.0"
   },
   "resolutions": {
-    "@types/react": "^17.0.2"
+    "@types/react": "^17.0.2",
+    "prosemirror-tables": "^1.3.5"
   }
-}
+}

package/styles/Editor.css

@@ -954,21 +954,8 @@
 .ProseMirror .table-footnotes-element {
   counter-reset: table_footnote;
 }
-.table-footer .delete-icon {
-  display: none;
-  position: absolute;
-  right: -20px;
-  top: -13px;
-  cursor: pointer;
-  z-index: 1;
-}
-.table-footer .delete-icon:hover svg path {
-  fill: #353535;
-}
-.table-footer .table-footnotes-element .delete-icon  { /* remove this after implemnting LEAN-3143*/
-  display: none !important;
-}
-.ProseMirror .table-footer .table-footnotes-element > div:not(:has(.unctied-table-footnote)) p::before  {
+
+.ProseMirror .table-footnotes-element > div:not(:has(.unctied-table-footnote)) p::before  {
   counter-increment: table_footnote;
   content: counter(table_footnote);
   display: inline-block;
@@ -988,20 +975,9 @@
   background-color: #f2fbfc;
   padding: 4px;
 }
-
-.ProseMirror .table-footer .footnote-selected .delete-icon ,.ProseMirror .table-footer .footnote-selected .deleted.rejected .delete-icon {
-  display: block;
-}
-.ProseMirror table .deleted-footnote::before , .ProseMirror .table-footer .deleted-footnote::before{
-  content: '' !important;
-}
 .table-footer > div > p {
   padding-bottom: 10px;
 }
-.ProseMirror .table-footer .footnote-selected {
-  position: relative;
-}
-
 .ProseMirror .table-footnotes-element .footnote-selected {
   border: 1px solid #bce7f6;
 }
@@ -1052,4 +1028,4 @@
 }
 .highlight {
   background-color: #ffeebf !important;
-}
+}

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

@@ -1,46 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteFootnoteDialog = void 0;
-const style_guide_1 = require("@manuscripts/style-guide");
-const react_1 = __importStar(require("react"));
-const DeleteFootnoteDialog = ({ footnoteType, handleDelete, }) => {
-    const [isOpen, setOpen] = (0, react_1.useState)(true);
-    return (react_1.default.createElement(style_guide_1.Dialog, { isOpen: isOpen, actions: {
-            primary: {
-                action: () => setOpen(false),
-                title: 'Cancel',
-            },
-            secondary: {
-                action: () => {
-                    setOpen(false);
-                    handleDelete();
-                },
-                title: 'Delete',
-            },
-        }, category: style_guide_1.Category.confirmation, header: `Delete ${footnoteType}`, message: `This action will entirely remove the ${footnoteType}
-      ` }));
-};
-exports.DeleteFootnoteDialog = DeleteFootnoteDialog;

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

@@ -1,19 +0,0 @@
-import { Category, Dialog } from '@manuscripts/style-guide';
-import React, { useState } from 'react';
-export const DeleteFootnoteDialog = ({ footnoteType, handleDelete, }) => {
-    const [isOpen, setOpen] = useState(true);
-    return (React.createElement(Dialog, { isOpen: isOpen, actions: {
-            primary: {
-                action: () => setOpen(false),
-                title: 'Cancel',
-            },
-            secondary: {
-                action: () => {
-                    setOpen(false);
-                    handleDelete();
-                },
-                title: 'Delete',
-            },
-        }, category: Category.confirmation, header: `Delete ${footnoteType}`, message: `This action will entirely remove the ${footnoteType}
-      ` }));
-};

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface DeleteFootnoteDialogProps {
-    footnoteType: string;
-    handleDelete: () => void;
-}
-export declare const DeleteFootnoteDialog: React.FC<DeleteFootnoteDialogProps>;