@manuscripts/body-editor 3.7.7 → 3.7.8

package/dist/cjs/components/affiliations/AffiliationsModal.js

@@ -64,8 +64,8 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
     const [isOpen, setIsOpen] = (0, react_1.useState)(true);
     const [selection, setSelection] = (0, react_1.useState)(affiliation);
     const [showingDeleteDialog, setShowDeleteDialog] = (0, react_1.useState)(false);
-    const valuesRef = (0, react_1.useRef)();
-    const actionsRef = (0, react_1.useRef)();
+    const valuesRef = (0, react_1.useRef)(undefined);
+    const actionsRef = (0, react_1.useRef)(undefined);
     const [authors, dispatchAuthors] = (0, react_1.useReducer)(AuthorsModal_1.authorsReducer, $authors.sort(authors_1.authorComparator));
     const [affiliations, dispatchAffiliations] = (0, react_1.useReducer)(useManageAffiliations_1.affiliationsReducer, $affiliations);
     const [isDisableSave, setIsDisableSave] = (0, react_1.useState)(true);
@@ -97,7 +97,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
         const values = valuesRef.current;
         const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(values, (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = selection
-            ? affiliationAuthorMap.get(selection.id) ?? []
+            ? (affiliationAuthorMap.get(selection.id) ?? [])
             : [];
         const hasAuthorChanges = !(0, lodash_1.isEqual)(originalAuthors.sort(), selectedAuthorIds.sort());
         const hasChanges = hasAffiliationChanges || (selection && hasAuthorChanges);
@@ -120,7 +120,7 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
         const values = valuesRef.current;
         const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(values, (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = selection
-            ? affiliationAuthorMap.get(selection.id) ?? []
+            ? (affiliationAuthorMap.get(selection.id) ?? [])
             : [];
         const hasAuthorChanges = !(0, lodash_1.isEqual)(originalAuthors.sort(), selectedAuthorIds.sort());
         const hasChanges = hasAffiliationChanges || hasAuthorChanges;

package/dist/cjs/components/authors/AuthorsModal.js

@@ -87,8 +87,8 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
     const [isSwitchingAuthor, setIsSwitchingAuthor] = (0, react_1.useState)(false);
     const [isCreatingNewAuthor, setIsCreatingNewAuthor] = (0, react_1.useState)(false);
     const [showCreditDrawer, setShowCreditDrawer] = (0, react_1.useState)(false);
-    const valuesRef = (0, react_1.useRef)();
-    const actionsRef = (0, react_1.useRef)();
+    const valuesRef = (0, react_1.useRef)(undefined);
+    const actionsRef = (0, react_1.useRef)(undefined);
     const authorFormRef = (0, react_1.useRef)(null);
     const [authors, dispatchAuthors] = (0, react_1.useReducer)(exports.authorsReducer, $authors.sort(authors_1.authorComparator));
     (0, react_1.useEffect)(() => {

package/dist/cjs/components/awards/AwardModal.js

@@ -64,7 +64,7 @@ const normalizeData = (award) => ({
 });
 const AwardModal = ({ initialData, onSaveAward, onCancelAward, }) => {
     const [isOpen, setOpen] = (0, react_1.useState)(true);
-    const valuesRef = (0, react_1.useRef)();
+    const valuesRef = (0, react_1.useRef)(null);
     const handleSave = () => {
         const updatedValues = valuesRef.current;
         if (updatedValues) {

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

@@ -122,7 +122,7 @@ const DraggableTree = ({ tree, view, depth, can, }) => {
     const itemText = (node) => {
         const text = (0, transform_1.nodeTitle)(node);
         let sectionNumber = node.type.name === 'section' && sectionTitleState
-            ? sectionTitleState.get(node.attrs.id) ?? ''
+            ? (sectionTitleState.get(node.attrs.id) ?? '')
             : '';
         sectionNumber = sectionNumber ? `${sectionNumber}.` : '';
         if (text) {

package/dist/cjs/components/references/ReferencesModal.js

@@ -140,7 +140,7 @@ const normalize = (item) => ({
 });
 const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave, onDelete, }) => {
     const [confirm, setConfirm] = (0, react_1.useState)(false);
-    const valuesRef = (0, react_1.useRef)();
+    const valuesRef = (0, react_1.useRef)(undefined);
     const [selection, setSelection] = (0, react_1.useState)();
     const selectionRef = (0, react_1.useRef)(null);
     const isSelected = (item) => {
@@ -178,7 +178,7 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
             setStartIndex(Math.max(newLast - dropLimit, startIndex));
         }
     }, [triggers, items]);
-    const actionsRef = (0, react_1.useRef)();
+    const actionsRef = (0, react_1.useRef)(undefined);
     const reset = () => {
         actionsRef.current?.reset();
         setConfirm(false);

package/dist/cjs/lib/use-do-with-debounce.js

@@ -4,7 +4,7 @@ exports.useDoWithDebounce = void 0;
 const react_1 = require("react");
 const useDoWithDebounce = () => {
     const debounced = (0, react_1.useRef)(() => undefined);
-    const timeout = (0, react_1.useRef)();
+    const timeout = (0, react_1.useRef)(undefined);
     const doWithDebounce = (fn, interval = 1000, flush = false) => {
         debounced.current = fn;
         if (flush) {

package/dist/cjs/useEditor.js

@@ -26,7 +26,7 @@ const popper_1 = require("./lib/popper");
 const use_do_with_debounce_1 = require("./lib/use-do-with-debounce");
 const search_replace_1 = require("./plugins/search-replace");
 const useEditor = (externalProps) => {
-    const view = (0, react_1.useRef)();
+    const view = (0, react_1.useRef)(undefined);
     const props = { ...externalProps, popper: new popper_1.PopperManager() };
     const [state, setState] = (0, react_1.useState)(() => (0, ManuscriptsEditor_1.createEditorState)(props));
     const location = (0, react_router_dom_1.useLocation)();
@@ -79,6 +79,10 @@ const useEditor = (externalProps) => {
     }, []);
     const isViewingMode = props.isViewingMode;
     const onRender = (0, react_1.useCallback)((el) => {
+        if (view.current) {
+            view.current.destroy();
+            view.current = undefined;
+        }
         if (!el) {
             return;
         }

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

package/dist/es/components/affiliations/AffiliationsModal.js

@@ -25,8 +25,8 @@ export const AffiliationsModal = ({ authors: $authors, affiliations: $affiliatio
     const [isOpen, setIsOpen] = useState(true);
     const [selection, setSelection] = useState(affiliation);
     const [showingDeleteDialog, setShowDeleteDialog] = useState(false);
-    const valuesRef = useRef();
-    const actionsRef = useRef();
+    const valuesRef = useRef(undefined);
+    const actionsRef = useRef(undefined);
     const [authors, dispatchAuthors] = useReducer(authorsReducer, $authors.sort(authorComparator));
     const [affiliations, dispatchAffiliations] = useReducer(affiliationsReducer, $affiliations);
     const [isDisableSave, setIsDisableSave] = useState(true);
@@ -58,7 +58,7 @@ export const AffiliationsModal = ({ authors: $authors, affiliations: $affiliatio
         const values = valuesRef.current;
         const hasAffiliationChanges = selection && !isEqual(values, checkID(selection, 'affiliation'));
         const originalAuthors = selection
-            ? affiliationAuthorMap.get(selection.id) ?? []
+            ? (affiliationAuthorMap.get(selection.id) ?? [])
             : [];
         const hasAuthorChanges = !isEqual(originalAuthors.sort(), selectedAuthorIds.sort());
         const hasChanges = hasAffiliationChanges || (selection && hasAuthorChanges);
@@ -81,7 +81,7 @@ export const AffiliationsModal = ({ authors: $authors, affiliations: $affiliatio
         const values = valuesRef.current;
         const hasAffiliationChanges = selection && !isEqual(values, checkID(selection, 'affiliation'));
         const originalAuthors = selection
-            ? affiliationAuthorMap.get(selection.id) ?? []
+            ? (affiliationAuthorMap.get(selection.id) ?? [])
             : [];
         const hasAuthorChanges = !isEqual(originalAuthors.sort(), selectedAuthorIds.sort());
         const hasChanges = hasAffiliationChanges || hasAuthorChanges;

package/dist/es/components/authors/AuthorsModal.js

@@ -48,8 +48,8 @@ export const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, a
     const [isSwitchingAuthor, setIsSwitchingAuthor] = useState(false);
     const [isCreatingNewAuthor, setIsCreatingNewAuthor] = useState(false);
     const [showCreditDrawer, setShowCreditDrawer] = useState(false);
-    const valuesRef = useRef();
-    const actionsRef = useRef();
+    const valuesRef = useRef(undefined);
+    const actionsRef = useRef(undefined);
     const authorFormRef = useRef(null);
     const [authors, dispatchAuthors] = useReducer(authorsReducer, $authors.sort(authorComparator));
     useEffect(() => {

package/dist/es/components/awards/AwardModal.js

@@ -25,7 +25,7 @@ const normalizeData = (award) => ({
 });
 export const AwardModal = ({ initialData, onSaveAward, onCancelAward, }) => {
     const [isOpen, setOpen] = useState(true);
-    const valuesRef = useRef();
+    const valuesRef = useRef(null);
     const handleSave = () => {
         const updatedValues = valuesRef.current;
         if (updatedValues) {

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

@@ -85,7 +85,7 @@ export const DraggableTree = ({ tree, view, depth, can, }) => {
     const itemText = (node) => {
         const text = nodeTitle(node);
         let sectionNumber = node.type.name === 'section' && sectionTitleState
-            ? sectionTitleState.get(node.attrs.id) ?? ''
+            ? (sectionTitleState.get(node.attrs.id) ?? '')
             : '';
         sectionNumber = sectionNumber ? `${sectionNumber}.` : '';
         if (text) {

package/dist/es/components/references/ReferencesModal.js

@@ -101,7 +101,7 @@ const normalize = (item) => ({
 });
 export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave, onDelete, }) => {
     const [confirm, setConfirm] = useState(false);
-    const valuesRef = useRef();
+    const valuesRef = useRef(undefined);
     const [selection, setSelection] = useState();
     const selectionRef = useRef(null);
     const isSelected = (item) => {
@@ -139,7 +139,7 @@ export const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts,
             setStartIndex(Math.max(newLast - dropLimit, startIndex));
         }
     }, [triggers, items]);
-    const actionsRef = useRef();
+    const actionsRef = useRef(undefined);
     const reset = () => {
         actionsRef.current?.reset();
         setConfirm(false);

package/dist/es/lib/use-do-with-debounce.js

@@ -1,7 +1,7 @@
 import { useRef } from 'react';
 export const useDoWithDebounce = () => {
     const debounced = useRef(() => undefined);
-    const timeout = useRef();
+    const timeout = useRef(undefined);
     const doWithDebounce = (fn, interval = 1000, flush = false) => {
         debounced.current = fn;
         if (flush) {

package/dist/es/useEditor.js

@@ -23,7 +23,7 @@ import { PopperManager } from './lib/popper';
 import { useDoWithDebounce } from './lib/use-do-with-debounce';
 import { searchReplaceKey } from './plugins/search-replace';
 export const useEditor = (externalProps) => {
-    const view = useRef();
+    const view = useRef(undefined);
     const props = { ...externalProps, popper: new PopperManager() };
     const [state, setState] = useState(() => createEditorState(props));
     const location = useLocation();
@@ -76,6 +76,10 @@ export const useEditor = (externalProps) => {
     }, []);
     const isViewingMode = props.isViewingMode;
     const onRender = useCallback((el) => {
+        if (view.current) {
+            view.current.destroy();
+            view.current = undefined;
+        }
         if (!el) {
             return;
         }

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '3.7.7';
+export const VERSION = '3.7.8';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "3.7.7";
+export declare const VERSION = "3.7.8";
 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.7.7",
+  "version": "3.7.8",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -38,7 +38,7 @@
     "@citation-js/plugin-ris": "0.7.18",
     "@iarna/word-count": "1.1.2",
     "@manuscripts/json-schema": "2.2.12",
-    "@manuscripts/style-guide": "3.3.7",
+    "@manuscripts/style-guide": "3.3.8",
     "@manuscripts/track-changes-plugin": "2.2.1",
     "@manuscripts/transform": "4.3.11",
     "@popperjs/core": "2.11.8",
@@ -67,11 +67,11 @@
     "prosemirror-transform": "1.10.4",
     "prosemirror-utils": "1.2.2",
     "prosemirror-view": "1.40.0",
-    "react": "18.3.1",
+    "react": "19.2.0",
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
-    "react-dom": "18.3.1",
-    "react-is": "18.3.1",
+    "react-dom": "19.2.0",
+    "react-is": "19.2.0",
     "react-router-dom": "6.30.0",
     "react-select": "5.10.1",
     "styled-components": "5.3.11"
@@ -89,8 +89,8 @@
     "@types/jest": "30.0.0",
     "@types/lodash": "4.17.16",
     "@types/node": "20.17.46",
-    "@types/react": "18.3.21",
-    "@types/react-dom": "18.3.7",
+    "@types/react": "19.2.3",
+    "@types/react-dom": "19.2.3",
     "@types/react-router-dom": "5.3.3",
     "@types/styled-components": "5.1.34",
     "@types/uuid": "9.0.8",