@manuscripts/body-editor 2.7.43 → 2.7.44-LEAN-4312.2

package/dist/cjs/commands.js

@@ -16,7 +16,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addHeaderRow = exports.addRows = exports.addInlineComment = exports.addNodeComment = exports.isCommentingAllowed = 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 = exports.addColumns = void 0;
+exports.activateSearchReplace = exports.activateSearch = exports.autoComplete = exports.addColumns = 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");
@@ -34,6 +34,7 @@ const track_changes_utils_1 = require("./lib/track-changes-utils");
 const utils_1 = require("./lib/utils");
 const comments_2 = require("./plugins/comments");
 const editor_props_1 = require("./plugins/editor-props");
+const search_replace_1 = require("./plugins/search-replace");
 const autocompletion_1 = require("./plugins/section_title/autocompletion");
 const addToStart = (state, dispatch) => {
     const { selection } = state;
@@ -1160,3 +1161,21 @@ const autoComplete = (state, dispatch) => {
     return false;
 };
 exports.autoComplete = autoComplete;
+const activateSearch = (state, dispatch) => {
+    const pluginState = search_replace_1.searchReplaceKey.getState(state);
+    const tr = state.tr.setMeta(search_replace_1.searchReplaceKey, {
+        active: !(pluginState === null || pluginState === void 0 ? void 0 : pluginState.active),
+    });
+    dispatch && dispatch(tr);
+    return true;
+};
+exports.activateSearch = activateSearch;
+const activateSearchReplace = (state, dispatch) => {
+    const pluginState = search_replace_1.searchReplaceKey.getState(state);
+    const tr = state.tr.setMeta(search_replace_1.searchReplaceKey, {
+        activeAdvanced: !(pluginState === null || pluginState === void 0 ? void 0 : pluginState.activeAdvanced),
+    });
+    dispatch && dispatch(tr);
+    return true;
+};
+exports.activateSearchReplace = activateSearchReplace;

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

@@ -39,6 +39,7 @@ const objects_1 = __importDefault(require("../plugins/objects"));
 const paragraphs_1 = __importDefault(require("../plugins/paragraphs"));
 const persist_1 = __importDefault(require("../plugins/persist"));
 const placeholder_1 = __importDefault(require("../plugins/placeholder"));
+const search_replace_1 = __importDefault(require("../plugins/search-replace"));
 const section_title_1 = __importDefault(require("../plugins/section_title"));
 const section_category_1 = __importDefault(require("../plugins/section-category"));
 const sections_1 = __importDefault(require("../plugins/sections"));
@@ -77,6 +78,7 @@ exports.default = (props) => {
         (0, section_category_1.default)(props),
         (0, cross_references_1.default)(),
         (0, inspector_tabs_1.default)(),
+        (0, search_replace_1.default)(),
     ];
     if (props.collabProvider) {
         allPlugins.push((0, prosemirror_collab_1.collab)({ version: props.collabProvider.currentVersion }));

package/dist/cjs/index.js

@@ -29,7 +29,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.affiliationLabel = exports.authorLabel = exports.metadata = exports.bibliographyPluginKey = exports.footnotesPluginKey = exports.objectsPluginKey = exports.selectedSuggestionKey = exports.PopperManager = exports.CollabProvider = exports.LevelSelector = exports.OutlineItemIcon = exports.ManuscriptOutline = void 0;
+exports.affiliationLabel = exports.authorLabel = exports.metadata = exports.searchReplacePluginKey = exports.bibliographyPluginKey = exports.footnotesPluginKey = exports.objectsPluginKey = exports.selectedSuggestionKey = exports.PopperManager = exports.CollabProvider = exports.LevelSelector = exports.OutlineItemIcon = exports.ManuscriptOutline = void 0;
 __exportStar(require("./commands"), exports);
 var ManuscriptOutline_1 = require("./components/outline/ManuscriptOutline");
 Object.defineProperty(exports, "ManuscriptOutline", { enumerable: true, get: function () { return ManuscriptOutline_1.ManuscriptOutline; } });
@@ -63,6 +63,8 @@ var footnotes_1 = require("./plugins/footnotes");
 Object.defineProperty(exports, "footnotesPluginKey", { enumerable: true, get: function () { return footnotes_1.footnotesKey; } });
 var bibliography_1 = require("./plugins/bibliography");
 Object.defineProperty(exports, "bibliographyPluginKey", { enumerable: true, get: function () { return bibliography_1.bibliographyKey; } });
+var search_replace_1 = require("./plugins/search-replace");
+Object.defineProperty(exports, "searchReplacePluginKey", { enumerable: true, get: function () { return search_replace_1.searchReplaceKey; } });
 var references_1 = require("./lib/references");
 Object.defineProperty(exports, "metadata", { enumerable: true, get: function () { return references_1.metadata; } });
 var authors_1 = require("./lib/authors");

package/dist/cjs/keys/misc.js

@@ -53,5 +53,9 @@ const customKeymap = {
     'Mod-Alt-c': commands_1.insertInlineCitation,
     'Mod-Alt-r': commands_1.insertCrossReference,
     'Shift-Mod-Alt-e': commands_1.insertInlineEquation,
+    'Shift-Ctrl-h': commands_1.activateSearchReplace,
+    'Shift-Mod-h': commands_1.activateSearchReplace,
+    'Mod-f': commands_1.activateSearch,
+    'Ctrl-f': commands_1.activateSearch,
 };
 exports.default = customKeymap;

package/dist/cjs/menus.js

@@ -79,6 +79,20 @@ const getEditorMenus = (editor) => {
                 isEnabled: isCommandValid(hierarchy_1.deleteClosestParentElement),
                 run: doCommand(hierarchy_1.deleteClosestParentElement),
             },
+            {
+                role: 'separator',
+            },
+            {
+                id: 'find-replace',
+                role: 'find-replace',
+                label: 'Find and replace',
+                shortcut: {
+                    mac: 'CommandOrControl+Shift+H',
+                    pc: 'CommandOrControl+Shift+H',
+                },
+                isEnabled: isCommandValid(commands_1.activateSearchReplace),
+                run: doCommand(commands_1.activateSearchReplace),
+            },
         ],
     };
     const insert = {

package/dist/cjs/plugins/search-replace.js

@@ -0,0 +1,114 @@
+"use strict";
+/*!
+ * © 2024 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.searchReplaceKey = void 0;
+const prosemirror_state_1 = require("prosemirror-state");
+const prosemirror_view_1 = require("prosemirror-view");
+const track_changes_utils_1 = require("../lib/track-changes-utils");
+exports.searchReplaceKey = new prosemirror_state_1.PluginKey('findReplace');
+function removeDiacritics(str) {
+    return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
+function getMatches(doc, value, caseSensitive, ignoreDiacritics) {
+    if (!value) {
+        return [];
+    }
+    let normalised = caseSensitive ? value : value.toLocaleLowerCase();
+    if (ignoreDiacritics) {
+        normalised = removeDiacritics(normalised);
+    }
+    const matches = [];
+    doc.descendants((node, pos) => {
+        if ((0, track_changes_utils_1.isDeleted)(node) || (0, track_changes_utils_1.isDeletedText)(node)) {
+            return;
+        }
+        if (node.isText && node.text) {
+            let base = caseSensitive ? node.text : node.text.toLocaleLowerCase();
+            if (ignoreDiacritics) {
+                base = removeDiacritics(base);
+            }
+            let index = base.indexOf(normalised);
+            while (index !== -1) {
+                matches.push({
+                    from: pos + index,
+                    to: pos + index + normalised.length,
+                });
+                index = base.indexOf(normalised, index + normalised.length);
+            }
+        }
+    });
+    return matches;
+}
+function buildPluginState(state, oldData, newData, pointerChanged) {
+    const data = Object.assign(Object.assign({ value: '', replaceValue: '', active: false, activeAdvanced: false, currentMatch: -1, matches: [], caseSensitive: false, ignoreDiacritics: false }, oldData), newData);
+    if (pointerChanged) {
+        data.currentMatch = -1;
+    }
+    data.matches = getMatches(state.doc, data.value, data.caseSensitive, data.ignoreDiacritics);
+    return data;
+}
+exports.default = () => {
+    return new prosemirror_state_1.Plugin({
+        key: exports.searchReplaceKey,
+        state: {
+            init(config, instance) {
+                return buildPluginState(instance);
+            },
+            apply(tr, value, oldState, newState) {
+                const $old = exports.searchReplaceKey.getState(oldState);
+                if (!$old || tr.getMeta(exports.searchReplaceKey) || tr.getMeta('pointer')) {
+                    return buildPluginState(newState, $old, tr.getMeta(exports.searchReplaceKey), !!tr.getMeta('pointer'));
+                }
+                return $old;
+            },
+        },
+        props: {
+            decorations: (state) => {
+                const pluginState = exports.searchReplaceKey.getState(state);
+                if (!pluginState ||
+                    !pluginState.value ||
+                    (!pluginState.active && !pluginState.activeAdvanced)) {
+                    return prosemirror_view_1.DecorationSet.empty;
+                }
+                const decorations = [];
+                pluginState.matches.forEach(({ from, to }, i) => {
+                    let className = 'search-result';
+                    if (pluginState.currentMatch === i) {
+                        className = className + ' search-result-selected';
+                    }
+                    decorations.push(prosemirror_view_1.Decoration.inline(from, to, {
+                        class: className,
+                    }));
+                });
+                return prosemirror_view_1.DecorationSet.create(state.doc, decorations);
+            },
+        },
+        view() {
+            return {
+                update() {
+                    const element = document.querySelector('.search-result.search-result-selected');
+                    if (element) {
+                        const rect = element.getBoundingClientRect();
+                        if (rect.bottom > window.innerHeight || rect.top < 150) {
+                            element.scrollIntoView();
+                        }
+                    }
+                },
+            };
+        },
+    });
+};

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.43';
+exports.VERSION = '2.7.44-LEAN-4312.2';
 exports.MATHJAX_VERSION = '3.2.2';

package/dist/es/commands.js

@@ -30,6 +30,7 @@ import { isDeleted } from './lib/track-changes-utils';
 import { findParentNodeWithId, getChildOfType, getMatchingChild, } from './lib/utils';
 import { setCommentSelection } from './plugins/comments';
 import { getEditorProps } from './plugins/editor-props';
+import { searchReplaceKey } from './plugins/search-replace';
 import { checkForCompletion } from './plugins/section_title/autocompletion';
 export const addToStart = (state, dispatch) => {
     const { selection } = state;
@@ -1104,3 +1105,19 @@ export const autoComplete = (state, dispatch) => {
     }
     return false;
 };
+export const activateSearch = (state, dispatch) => {
+    const pluginState = searchReplaceKey.getState(state);
+    const tr = state.tr.setMeta(searchReplaceKey, {
+        active: !(pluginState === null || pluginState === void 0 ? void 0 : pluginState.active),
+    });
+    dispatch && dispatch(tr);
+    return true;
+};
+export const activateSearchReplace = (state, dispatch) => {
+    const pluginState = searchReplaceKey.getState(state);
+    const tr = state.tr.setMeta(searchReplaceKey, {
+        activeAdvanced: !(pluginState === null || pluginState === void 0 ? void 0 : pluginState.activeAdvanced),
+    });
+    dispatch && dispatch(tr);
+    return true;
+};

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

@@ -34,6 +34,7 @@ import objects from '../plugins/objects';
 import paragraphs from '../plugins/paragraphs';
 import persist from '../plugins/persist';
 import placeholder from '../plugins/placeholder';
+import search_replace from '../plugins/search-replace';
 import section_title from '../plugins/section_title';
 import section_category from '../plugins/section-category';
 import sections from '../plugins/sections';
@@ -72,6 +73,7 @@ export default (props) => {
         section_category(props),
         cross_references(),
         inspector_tabs(),
+        search_replace(),
     ];
     if (props.collabProvider) {
         allPlugins.push(collab({ version: props.collabProvider.currentVersion }));

package/dist/es/index.js

@@ -37,6 +37,7 @@ export * from './lib/math';
 export { objectsKey as objectsPluginKey } from './plugins/objects';
 export { footnotesKey as footnotesPluginKey } from './plugins/footnotes';
 export { bibliographyKey as bibliographyPluginKey } from './plugins/bibliography';
+export { searchReplaceKey as searchReplacePluginKey, } from './plugins/search-replace';
 export { metadata } from './lib/references';
 export { authorLabel, affiliationLabel, } from './lib/authors';
 export * from './plugins/inspector-tabs';

package/dist/es/keys/misc.js

@@ -18,7 +18,7 @@ import { chainCommands, createParagraphNear, exitCode, joinBackward, joinDown, j
 import { redo, undo } from 'prosemirror-history';
 import { undoInputRule } from 'prosemirror-inputrules';
 import { goToNextCell } from 'prosemirror-tables';
-import { addToStart, autoComplete, ignoreAtomBlockNodeBackward, ignoreAtomBlockNodeForward, ignoreMetaNodeBackspaceCommand, insertBlock, insertBreak, insertCrossReference, insertInlineCitation, insertInlineEquation, insertSection, selectAllIsolating, } from '../commands';
+import { activateSearch, activateSearchReplace, addToStart, autoComplete, ignoreAtomBlockNodeBackward, ignoreAtomBlockNodeForward, ignoreMetaNodeBackspaceCommand, insertBlock, insertBreak, insertCrossReference, insertInlineCitation, insertInlineEquation, insertSection, selectAllIsolating, } from '../commands';
 import { skipCommandTracking } from './list';
 const customKeymap = {
     Backspace: chainCommands(undoInputRule, ignoreAtomBlockNodeBackward, ignoreMetaNodeBackspaceCommand, skipCommandTracking(joinBackward)),
@@ -51,5 +51,9 @@ const customKeymap = {
     'Mod-Alt-c': insertInlineCitation,
     'Mod-Alt-r': insertCrossReference,
     'Shift-Mod-Alt-e': insertInlineEquation,
+    'Shift-Ctrl-h': activateSearchReplace,
+    'Shift-Mod-h': activateSearchReplace,
+    'Mod-f': activateSearch,
+    'Ctrl-f': activateSearch,
 };
 export default customKeymap;

package/dist/es/menus.js

@@ -16,7 +16,7 @@
 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 { activateSearchReplace, 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';
@@ -76,6 +76,20 @@ export const getEditorMenus = (editor) => {
                 isEnabled: isCommandValid(deleteClosestParentElement),
                 run: doCommand(deleteClosestParentElement),
             },
+            {
+                role: 'separator',
+            },
+            {
+                id: 'find-replace',
+                role: 'find-replace',
+                label: 'Find and replace',
+                shortcut: {
+                    mac: 'CommandOrControl+Shift+H',
+                    pc: 'CommandOrControl+Shift+H',
+                },
+                isEnabled: isCommandValid(activateSearchReplace),
+                run: doCommand(activateSearchReplace),
+            },
         ],
     };
     const insert = {

package/dist/es/plugins/search-replace.js

@@ -0,0 +1,111 @@
+/*!
+ * © 2024 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 { Plugin, PluginKey } from 'prosemirror-state';
+import { Decoration, DecorationSet } from 'prosemirror-view';
+import { isDeleted, isDeletedText } from '../lib/track-changes-utils';
+export const searchReplaceKey = new PluginKey('findReplace');
+function removeDiacritics(str) {
+    return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
+function getMatches(doc, value, caseSensitive, ignoreDiacritics) {
+    if (!value) {
+        return [];
+    }
+    let normalised = caseSensitive ? value : value.toLocaleLowerCase();
+    if (ignoreDiacritics) {
+        normalised = removeDiacritics(normalised);
+    }
+    const matches = [];
+    doc.descendants((node, pos) => {
+        if (isDeleted(node) || isDeletedText(node)) {
+            return;
+        }
+        if (node.isText && node.text) {
+            let base = caseSensitive ? node.text : node.text.toLocaleLowerCase();
+            if (ignoreDiacritics) {
+                base = removeDiacritics(base);
+            }
+            let index = base.indexOf(normalised);
+            while (index !== -1) {
+                matches.push({
+                    from: pos + index,
+                    to: pos + index + normalised.length,
+                });
+                index = base.indexOf(normalised, index + normalised.length);
+            }
+        }
+    });
+    return matches;
+}
+function buildPluginState(state, oldData, newData, pointerChanged) {
+    const data = Object.assign(Object.assign({ value: '', replaceValue: '', active: false, activeAdvanced: false, currentMatch: -1, matches: [], caseSensitive: false, ignoreDiacritics: false }, oldData), newData);
+    if (pointerChanged) {
+        data.currentMatch = -1;
+    }
+    data.matches = getMatches(state.doc, data.value, data.caseSensitive, data.ignoreDiacritics);
+    return data;
+}
+export default () => {
+    return new Plugin({
+        key: searchReplaceKey,
+        state: {
+            init(config, instance) {
+                return buildPluginState(instance);
+            },
+            apply(tr, value, oldState, newState) {
+                const $old = searchReplaceKey.getState(oldState);
+                if (!$old || tr.getMeta(searchReplaceKey) || tr.getMeta('pointer')) {
+                    return buildPluginState(newState, $old, tr.getMeta(searchReplaceKey), !!tr.getMeta('pointer'));
+                }
+                return $old;
+            },
+        },
+        props: {
+            decorations: (state) => {
+                const pluginState = searchReplaceKey.getState(state);
+                if (!pluginState ||
+                    !pluginState.value ||
+                    (!pluginState.active && !pluginState.activeAdvanced)) {
+                    return DecorationSet.empty;
+                }
+                const decorations = [];
+                pluginState.matches.forEach(({ from, to }, i) => {
+                    let className = 'search-result';
+                    if (pluginState.currentMatch === i) {
+                        className = className + ' search-result-selected';
+                    }
+                    decorations.push(Decoration.inline(from, to, {
+                        class: className,
+                    }));
+                });
+                return DecorationSet.create(state.doc, decorations);
+            },
+        },
+        view() {
+            return {
+                update() {
+                    const element = document.querySelector('.search-result.search-result-selected');
+                    if (element) {
+                        const rect = element.getBoundingClientRect();
+                        if (rect.bottom > window.innerHeight || rect.top < 150) {
+                            element.scrollIntoView();
+                        }
+                    }
+                },
+            };
+        },
+    });
+};

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '2.7.43';
+export const VERSION = '2.7.44-LEAN-4312.2';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/commands.d.ts

@@ -80,3 +80,5 @@ export declare const addRows: (direction: 'top' | 'bottom') => (state: EditorSta
 export declare const addHeaderRow: (direction: 'above' | 'below') => (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
 export declare const addColumns: (direction: 'right' | 'left') => (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
 export declare const autoComplete: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
+export declare const activateSearch: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;
+export declare const activateSearchReplace: (state: ManuscriptEditorState, dispatch?: Dispatch) => boolean;

package/dist/types/index.d.ts

@@ -38,6 +38,7 @@ export * from './lib/math';
 export { objectsKey as objectsPluginKey } from './plugins/objects';
 export { footnotesKey as footnotesPluginKey } from './plugins/footnotes';
 export { bibliographyKey as bibliographyPluginKey } from './plugins/bibliography';
+export { searchReplaceKey as searchReplacePluginKey, SearchReplacePluginState, } from './plugins/search-replace';
 export { metadata, BibliographyItemAttrs } from './lib/references';
 export { authorLabel, affiliationLabel, AffiliationAttrs, ContributorAttrs, } from './lib/authors';
 export * from './plugins/inspector-tabs';

package/dist/types/plugins/search-replace.d.ts

@@ -0,0 +1,32 @@
+/*!
+ * © 2024 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 { Plugin, PluginKey } from 'prosemirror-state';
+export type SearchReplacePluginState = {
+    value: string;
+    matches: Array<{
+        from: number;
+        to: number;
+    }>;
+    replaceValue: string;
+    active: boolean;
+    activeAdvanced: boolean;
+    currentMatch: number;
+    caseSensitive: boolean;
+    ignoreDiacritics: boolean;
+};
+export declare const searchReplaceKey: PluginKey<SearchReplacePluginState>;
+declare const _default: () => Plugin<SearchReplacePluginState>;
+export default _default;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "2.7.43";
+export declare const VERSION = "2.7.44-LEAN-4312.2";
 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.7.43",
+  "version": "2.7.44-LEAN-4312.2",
   "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.35",
+    "@manuscripts/style-guide": "2.0.35-LEAN-4312.0",
     "@manuscripts/track-changes-plugin": "1.9.4",
     "@manuscripts/transform": "3.0.40",
     "@popperjs/core": "^2.11.8",

package/styles/AdvancedEditor.css

@@ -54,7 +54,8 @@
   font-size: 13.5pt !important;
 }
 
-.ProseMirror div.backmatter:not(.empty-node)::before,  .ProseMirror div.abstracts:not(.empty-node)::after {
+.ProseMirror div.backmatter:not(.empty-node)::before,
+.ProseMirror div.abstracts:not(.empty-node)::after {
   content: '';
   border-bottom: 1px dashed #c9c9c9;
   display: block;
@@ -155,12 +156,13 @@
 .ProseMirror .figure-block .position-menu {
   position: absolute;
   top: 4px;
-  left: calc( 100% + 4px );
+  left: calc(100% - 96px);
   z-index: 2;
   cursor: pointer;
+  padding-left: 100px;
 }
 .ProseMirror .box-element .figure-block .position-menu {
-  left: calc( 100% + 20px );
+  left: calc(100% - 82px);
 }
 
 .ProseMirror .block-container.block-box_element {
@@ -268,7 +270,8 @@
   position: relative;
 }
 
-.comment-marker:has(+ .block-contributors), .comment-marker:has(+ .block-affiliations) {
+.comment-marker:has(+ .block-contributors),
+.comment-marker:has(+ .block-affiliations) {
   height: 0;
   top: 0;
   right: 60px;
@@ -302,7 +305,8 @@ figure.block > .comment-marker {
   left: 0;
 }
 
-section > .comment-marker, .body > .comment-marker {
+section > .comment-marker,
+.body > .comment-marker {
   top: 12px;
   float: right;
   left: -64px;
@@ -560,8 +564,8 @@ span.comment-marker {
 .ProseMirror {
   --inserted-pending-bg-color: #e6ffdb;
   --inserted-pending-color: #01872e;
-  --updated-pending-bg-color: #E6F7FC;
-  --updated-pending-color: #0284B0;
+  --updated-pending-bg-color: #e6f7fc;
+  --updated-pending-color: #0284b0;
   --accepted-bg-color: #e2e2e2;
   --deleted-color: #f35143;
   --deleted-pending-bg-color: #fff1f0;
@@ -591,7 +595,8 @@ span.comment-marker {
 
 .selected-suggestion:not(.block-container):not(.graphical-abstract):not(
     .keywords
-  ):not(figure):not(figure .equation), .footnote-marker-selected {
+  ):not(figure):not(figure .equation),
+.footnote-marker-selected {
   border-width: 2px 0 2px 0 !important;
   border-style: solid !important;
 }
@@ -675,7 +680,6 @@ span.comment-marker {
   top: calc(50% + 1px);
 }
 
-
 .selected-suggestion .equation.deleted:after,
 .selected-suggestion.equation.deleted:after {
   content: none;
@@ -714,15 +718,25 @@ figure .selected-suggestion {
 }
 
 /* Inserted Block */
-.tracking-visible .ProseMirror [data-track-op='insert'][data-track-status='pending'] .block,
-.tracking-visible .ProseMirror [data-track-op='wrap_with_node'][data-track-status='pending'] .block {
+.tracking-visible
+  .ProseMirror
+  [data-track-op='insert'][data-track-status='pending']
+  .block,
+.tracking-visible
+  .ProseMirror
+  [data-track-op='wrap_with_node'][data-track-status='pending']
+  .block {
   box-shadow: inset 3px 0 0 var(--inserted-pending-color);
 }
 
-.selected-suggestion[data-track-status='pending'][data-track-op='insert'] .block,
-.selected-suggestion[data-track-status='pending'][data-track-op='insert'] .block,
-.selected-suggestion[data-track-op='wrap_with_node'][data-track-status='pending'] .block {
-  box-shadow: inset 6px 0 0 var(--inserted-pending-color), inset 9px 0 0 var(--inserted-pending-bg-color) !important;
+.selected-suggestion[data-track-status='pending'][data-track-op='insert']
+  .block,
+.selected-suggestion[data-track-status='pending'][data-track-op='insert']
+  .block,
+.selected-suggestion[data-track-op='wrap_with_node'][data-track-status='pending']
+  .block {
+  box-shadow: inset 6px 0 0 var(--inserted-pending-color),
+    inset 9px 0 0 var(--inserted-pending-bg-color) !important;
   animation: fadeOutBackground 3s forwards;
   --fade-color: var(--inserted-pending-bg-color);
 }
@@ -738,13 +752,19 @@ figure .selected-suggestion {
   display: grid;
 }
 
-.tracking-visible .ProseMirror [data-track-status='pending'][data-track-op='delete'] .block {
+.tracking-visible
+  .ProseMirror
+  [data-track-status='pending'][data-track-op='delete']
+  .block {
   box-shadow: inset 3px 0 0 var(--deleted-color);
 }
 
-.selected-suggestion[data-track-status='pending'][data-track-op='delete'] .block,
-.selected-suggestion[data-track-status='pending'][data-track-op='delete'] .block {
-  box-shadow: inset 6px 0 0 var(--deleted-color), inset 9px 0 0 var(--deleted-pending-bg-color) !important;
+.selected-suggestion[data-track-status='pending'][data-track-op='delete']
+  .block,
+.selected-suggestion[data-track-status='pending'][data-track-op='delete']
+  .block {
+  box-shadow: inset 6px 0 0 var(--deleted-color),
+    inset 9px 0 0 var(--deleted-pending-bg-color) !important;
   animation: fadeOutBackground 3s forwards;
   --fade-color: var(--deleted-pending-bg-color);
 }
@@ -753,7 +773,10 @@ figure .selected-suggestion {
 .tracking-visible .ProseMirror [data-track-op='set_attrs'] .block,
 .tracking-visible .block:has(figure[data-track-op='set_attrs']),
 .tracking-visible figure.block:has(.equation.set_attrs),
-.tracking-visible .ProseMirror [data-track-op='node_split'][data-track-status='pending'] .block {
+.tracking-visible
+  .ProseMirror
+  [data-track-op='node_split'][data-track-status='pending']
+  .block {
   box-shadow: inset 3px 0 0 var(--updated-border-color);
 }
 
@@ -762,7 +785,8 @@ figure .selected-suggestion {
 .block:has(figure.selected-suggestion[data-track-op='set_attrs']),
 .selected-suggestion[data-track-op='node_split'] .block,
 figure.block:has(.equation.set_attrs.selected-suggestion) {
-  box-shadow: inset 6px 0 0 var(--updated-border-color), inset 9px 0 0 var(--updated-bg-color) !important;
+  box-shadow: inset 6px 0 0 var(--updated-border-color),
+    inset 9px 0 0 var(--updated-bg-color) !important;
   animation: fadeOutBackground 3s forwards;
   --fade-color: var(--updated-bg-color);
 }
@@ -820,8 +844,10 @@ figure.block:has(.equation.set_attrs.selected-suggestion) {
   text-decoration: underline;
 }
 
-.tracking-visible .contributor[data-track-status='pending'][data-track-op='set_attrs'],
-.tracking-visible .affiliation[data-track-status='pending'][data-track-op='set_attrs'] {
+.tracking-visible
+  .contributor[data-track-status='pending'][data-track-op='set_attrs'],
+.tracking-visible
+  .affiliation[data-track-status='pending'][data-track-op='set_attrs'] {
   background: var(--updated-bg-color);
   color: var(--common-color);
   border-color: var(--updated-border-color);
@@ -840,7 +866,7 @@ figure.block:has(.equation.set_attrs.selected-suggestion) {
   margin: 15px 0px;
 }
 .block-award {
-  position: relative
+  position: relative;
 }
 .block-awards.empty-node {
   display: none;
@@ -859,7 +885,8 @@ figure.block:has(.equation.set_attrs.selected-suggestion) {
 .contributors-list .separator {
   margin-right: 4px;
 }
-.block-contributors .tools-panel, .block-affiliations .tools-panel {
+.block-contributors .tools-panel,
+.block-affiliations .tools-panel {
   position: initial;
   display: flex;
   flex: 1;
@@ -1097,7 +1124,8 @@ th:hover > .table-context-menu-button,
   pointer-events: none;
 }
 
-.ProseMirror .block-contributors .action-gutter , .ProseMirror .block-affiliations .action-gutter{
+.ProseMirror .block-contributors .action-gutter,
+.ProseMirror .block-affiliations .action-gutter {
   right: 15px;
   pointer-events: none;
 }
@@ -1109,13 +1137,18 @@ th:hover > .table-context-menu-button,
   text-align: center;
   margin: 42px 52px;
 }
-.tracking-visible .ProseMirror .block-embed[data-track-status='pending'][data-track-op='delete'] .block > * {
-  opacity: 0.3
+.tracking-visible
+  .ProseMirror
+  .block-embed[data-track-status='pending'][data-track-op='delete']
+  .block
+  > * {
+  opacity: 0.3;
 }
 .ProseMirror .block-embed .tools-panel {
   position: relative;
 }
-.ProseMirror .block-embed .block-gutter, .block-embed .action-gutter {
+.ProseMirror .block-embed .block-gutter,
+.block-embed .action-gutter {
   display: none;
 }
 
@@ -1130,7 +1163,14 @@ th:hover > .table-context-menu-button,
   right: 7%;
   z-index: 10;
   border-radius: 4px;
-  border: 1px solid #C9C9C9;
-  background: #FFF;
-  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.30);
+  border: 1px solid #c9c9c9;
+  background: #fff;
+  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.3);
+}
+
+.search-result {
+  background-color: #e5eb3e;
+}
+.search-result.search-result-selected {
+  background-color: #ffbdf8;
 }

package/styles/Editor.css

@@ -232,10 +232,8 @@
 }
 
 .ProseMirror .figure-block > .listing {
-  /*grid-row: listing;*/
   grid-column-start: 1;
   grid-column-end: -1;
-  /*margin-top: 0;*/
   padding: 0;
   min-height: 0;
   overflow: visible;
@@ -243,7 +241,6 @@
 }
 
 .ProseMirror .figure-block > figcaption {
-  /*grid-row: caption;*/
   grid-column-start: 1;
   grid-column-end: -1;
   margin-top: 0;
@@ -712,8 +709,8 @@
     .action-gutter {
     pointer-events: visible;
     opacity: 1;
-    /* z-index: 2; */
 }
+
 .ProseMirror .block-box_element:hover > .block-gutter {
   opacity: 1;
   z-index: 2;
@@ -802,7 +799,6 @@
 .ProseMirror pre {
   cursor: pointer;
   display: block;
-  /*min-height: 34px;*/
   padding: 5px;
   width: auto;
   min-width: 200px;
@@ -890,7 +886,6 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  /*z-index: 2;*/
   cursor: pointer;
   background-size: contain;
   background-position: center center;