@manuscripts/body-editor 1.13.28 → 1.13.29

package/dist/cjs/lib/popper.js

@@ -71,7 +71,6 @@ class PopperManager {
     }
     destroy() {
         if (this.activePopper) {
-            console.log('destroying popper', this.activePopper, this.activePopper.state.elements.reference);
             this.removeContainerClass(this.activePopper.state.elements.reference);
             this.activePopper.destroy();
             this.activePopper.state.elements.popper.remove();

package/dist/cjs/useEditor.js

@@ -37,7 +37,7 @@ const useEditor = (externalProps) => {
     const view = (0, react_1.useRef)();
     const props = Object.assign(Object.assign({}, externalProps), { popper: new popper_1.PopperManager() });
     const [state, setState] = (0, react_1.useState)(() => (0, ManuscriptsEditor_1.createEditorState)(props));
-    const history = (0, react_router_dom_1.useHistory)();
+    const location = (0, react_router_dom_1.useLocation)();
     const { collabProvider } = props;
     if (collabProvider) {
         collabProvider.onNewSteps((newVersion, steps, clientIDs) => __awaiter(void 0, void 0, void 0, function* () {
@@ -112,16 +112,11 @@ const useEditor = (externalProps) => {
         });
     }, [state]);
     (0, react_1.useEffect)(() => {
-        const unlisten = history.listen(() => {
-            const nodeId = history.location.hash.substring(1);
-            if (nodeId) {
-                focusNodeWithId(nodeId);
-            }
-        });
-        return () => {
-            unlisten();
-        };
-    }, [history, focusNodeWithId]);
+        const nodeId = location.hash.substring(1);
+        if (nodeId) {
+            focusNodeWithId(nodeId);
+        }
+    }, [location]);
     return {
         state,
         onRender,

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

package/dist/es/lib/popper.js

@@ -68,7 +68,6 @@ export class PopperManager {
     }
     destroy() {
         if (this.activePopper) {
-            console.log('destroying popper', this.activePopper, this.activePopper.state.elements.reference);
             this.removeContainerClass(this.activePopper.state.elements.reference);
             this.activePopper.destroy();
             this.activePopper.state.elements.popper.remove();

package/dist/es/useEditor.js

@@ -26,7 +26,7 @@ import { trackChangesPluginKey, TrackChangesStatus, } from '@manuscripts/track-c
 import { getVersion, receiveTransaction, sendableSteps, } from 'prosemirror-collab';
 import { NodeSelection, } from 'prosemirror-state';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useHistory } from 'react-router-dom';
+import { useLocation } from 'react-router-dom';
 import { createEditorState, createEditorView, } from './configs/ManuscriptsEditor';
 import { PopperManager } from './lib/popper';
 import { useDoWithDebounce } from './lib/use-do-with-debounce';
@@ -34,7 +34,7 @@ export const useEditor = (externalProps) => {
     const view = useRef();
     const props = Object.assign(Object.assign({}, externalProps), { popper: new PopperManager() });
     const [state, setState] = useState(() => createEditorState(props));
-    const history = useHistory();
+    const location = useLocation();
     const { collabProvider } = props;
     if (collabProvider) {
         collabProvider.onNewSteps((newVersion, steps, clientIDs) => __awaiter(void 0, void 0, void 0, function* () {
@@ -109,16 +109,11 @@ export const useEditor = (externalProps) => {
         });
     }, [state]);
     useEffect(() => {
-        const unlisten = history.listen(() => {
-            const nodeId = history.location.hash.substring(1);
-            if (nodeId) {
-                focusNodeWithId(nodeId);
-            }
-        });
-        return () => {
-            unlisten();
-        };
-    }, [history, focusNodeWithId]);
+        const nodeId = location.hash.substring(1);
+        if (nodeId) {
+            focusNodeWithId(nodeId);
+        }
+    }, [location]);
     return {
         state,
         onRender,

package/dist/es/versions.js

@@ -1,2 +1,2 @@
-export const VERSION = '1.13.28';
+export const VERSION = '1.13.29';
 export const MATHJAX_VERSION = '3.2.2';

package/dist/types/components/outline/Outline.d.ts

@@ -13,14 +13,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Link } from 'react-router-dom';
+/// <reference types="react" />
 export declare const OutlineItemIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const OutlineItem: import("styled-components").StyledComponent<"div", any, {
     depth: number;
 }, never>;
 export declare const OutlineItemArrow: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const OutlineItemNoArrow: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const OutlineItemLink: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export declare const OutlineItemLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, any, {}, never>;
 export declare const OutlineItemLinkText: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Outline: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const OutlineItemPlaceholder: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -17,7 +17,6 @@ import 'prosemirror-view/style/prosemirror.css';
 import { Manuscript, UserProfile } from '@manuscripts/json-schema';
 import { Capabilities } from '@manuscripts/style-guide';
 import { ManuscriptNode } from '@manuscripts/transform';
-import { History } from 'history';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
 import { DefaultTheme } from 'styled-components';
@@ -42,7 +41,6 @@ export interface EditorProps {
     getFiles: () => FileAttachment[];
     fileManagement: FileManagement;
     popper: PopperManager;
-    history: History;
     getCapabilities: () => Capabilities;
     userID: string;
     debug: boolean;

package/dist/types/versions.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "1.13.28";
+export declare const VERSION = "1.13.29";
 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": "1.13.28",
+  "version": "1.13.29",
   "repository": "github:Atypon-OpenSource/manuscripts-body-editor",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -61,7 +61,7 @@
     "react-dnd-html5-backend": "^16.0.1",
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
-    "react-router-dom": "^5.3.4",
+    "react-router-dom": "^6.25.0",
     "react-select": "^5.7.3",
     "styled-components": "^5.2.0"
   },
@@ -77,7 +77,7 @@
     "@types/lodash": "^4.14.202",
     "@types/react": "^17.0.2",
     "@types/react-dom": "^17.0.2",
-    "@types/react-router-dom": "^5.1.6",
+    "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.4",
     "@types/uuid": "^9.0.0",
     "@typescript-eslint/eslint-plugin": "^5.47.0",