upgrade tiptap (#36)

Author: YousefED

package-lock.json

@@ -24,6 +24,7 @@
   },
   "overrides": {
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "prosemirror-view": "1.26.2"
   }
 }

package.json

@@ -27,37 +27,26 @@
     "lint": "eslint src --max-warnings 0"
   },
   "dependencies": {
-    "@tiptap/core": "2.0.0-beta.171",
-    "@tiptap/extension-bubble-menu": "2.0.0-beta.55",
-    "@tiptap/extension-code-block-lowlight": "2.0.0-beta.68",
-    "@tiptap/extension-collaboration": "2.0.0-beta.33",
-    "@tiptap/extension-collaboration-cursor": "2.0.0-beta.34",
-    "@tiptap/extension-floating-menu": "2.0.0-beta.50",
-    "@tiptap/extension-image": "2.0.0-beta.25",
-    "@tiptap/extension-link": "2.0.0-beta.36",
-    "@tiptap/extension-table": "2.0.0-beta.48",
-    "@tiptap/extension-table-cell": "2.0.0-beta.20",
-    "@tiptap/extension-table-header": "2.0.0-beta.22",
-    "@tiptap/extension-table-row": "2.0.0-beta.19",
-    "@tiptap/react": "2.0.0-beta.107",
-    "@tiptap/extension-blockquote": "^2.0.0-beta.26",
-    "@tiptap/extension-bold": "^2.0.0-beta.26",
-    "@tiptap/extension-code": "^2.0.0-beta.26",
-    "@tiptap/extension-dropcursor": "^2.0.0-beta.25",
-    "@tiptap/extension-gapcursor": "^2.0.0-beta.34",
-    "@tiptap/extension-hard-break": "^2.0.0-beta.30",
-    "@tiptap/extension-heading": "^2.0.0-beta.26",
-    "@tiptap/extension-history": "^2.0.0-beta.21",
-    "@tiptap/extension-horizontal-rule": "^2.0.0-beta.31",
-    "@tiptap/extension-italic": "^2.0.0-beta.26",
-    "@tiptap/extension-paragraph": "^2.0.0-beta.23",
-    "@tiptap/extension-strike": "^2.0.0-beta.27",
-    "@tiptap/extension-text": "^2.0.0-beta.15",
-    "@tiptap/extension-underline": "^2.0.0-beta.23",
-    "@tiptap/suggestion": "2.0.0-beta.90",
-    "prosemirror-view": "^1.27.0",
-    "prosemirror-state": "^1.4.1",
-    "prosemirror-model": "^1.18.1",
+    "@tiptap/core": "^2.0.0-beta.182",
+    "@tiptap/extension-collaboration": "^2.0.0-beta.38",
+    "@tiptap/extension-collaboration-cursor": "^2.0.0-beta.37",
+    "@tiptap/extension-link": "^2.0.0-beta.43",
+    "@tiptap/react": "^2.0.0-beta.114",
+    "@tiptap/extension-bold": "^2.0.0-beta.28",
+    "@tiptap/extension-code": "^2.0.0-beta.28",
+    "@tiptap/extension-dropcursor": "^2.0.0-beta.29",
+    "@tiptap/extension-gapcursor": "^2.0.0-beta.39",
+    "@tiptap/extension-hard-break": "^2.0.0-beta.33",
+    "@tiptap/extension-history": "^2.0.0-beta.26",
+    "@tiptap/extension-horizontal-rule": "^2.0.0-beta.36",
+    "@tiptap/extension-italic": "^2.0.0-beta.28",
+    "@tiptap/extension-paragraph": "^2.0.0-beta.26",
+    "@tiptap/extension-strike": "^2.0.0-beta.29",
+    "@tiptap/extension-text": "^2.0.0-beta.17",
+    "@tiptap/extension-underline": "^2.0.0-beta.25",
+    "prosemirror-model": "1.18.1",
+    "prosemirror-state": "1.4.1",
+    "prosemirror-view": "1.26.2",
     "lodash": "^4.17.21",
     "uuid": "^8.3.2",
     "react-icons": "^4.3.1",
@@ -67,9 +56,6 @@
     "@atlaskit/menu": "^1.3.0",
     "@atlaskit/dropdown-menu": "^11.1.2",
     "styled-components": "^5.3.3",
-    "react-popper": "^2.2.5",
-    "warning": "^4.0.3",
-    "react-fast-compare": "^3.2.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },

packages/core/package.json

@@ -112,7 +112,7 @@ export const PreviousBlockTypePlugin = () => {
     },
     props: {
       decorations(state) {
-        const pluginState = this.getState(state);
+        const pluginState = (this as Plugin).getState(state);
         if (!pluginState.needsUpdate) {
           return undefined;
         }

packages/core/src/extensions/Blocks/PreviousBlockTypePlugin.ts

@@ -187,15 +187,15 @@ export const createDraggableBlocksPlugin = () => {
         //   // event.dataTransfer!.;
         //   return false;
         // },
-        mouseleave(_view, _event) {
+        mouseleave(_view, _event: any) {
           if (!dropElement) {
             throw new Error("unexpected");
           }
           // TODO
           // dropElement.style.display = "none";
           return true;
         },
-        mousedown(_view, _event) {
+        mousedown(_view, _event: any) {
           if (!dropElement) {
             throw new Error("unexpected");
           }
@@ -204,7 +204,7 @@ export const createDraggableBlocksPlugin = () => {
           ReactDOM.render(<></>, dropElement);
           return false;
         },
-        mousemove(view, event) {
+        mousemove(view, event: any) {
           if (!dropElement) {
             throw new Error("unexpected");
           }

packages/core/src/extensions/DraggableBlocks/DraggableBlocksPlugin.tsx

@@ -177,7 +177,7 @@ export const createHyperlinkMenuPlugin = () => {
     props: {
       handleDOMEvents: {
         // update view when an <a> is hovered over
-        mouseover(view, event) {
+        mouseover(view, event: any) {
           const newHoveredLink =
             event.target instanceof HTMLAnchorElement &&
             event.target.nodeName === "A"

packages/core/src/extensions/Hyperlinks/HyperlinkMenuPlugin.tsx

@@ -208,7 +208,7 @@ const UniqueID = Extension.create({
           handleDOMEvents: {
             // only create new ids for dropped content while holding `alt`
             // or content is dragged from another editor
-            drop: (view, event) => {
+            drop: (view, event: any) => {
               var _a;
               if (
                 dragSourceElement !== view.dom.parentElement ||

packages/core/src/extensions/UniqueID/UniqueID.ts

@@ -300,7 +300,7 @@ export function createSuggestionPlugin<T extends SuggestionItem>({
 
     props: {
       handleKeyDown(view, event) {
-        const { active } = this.getState(view.state);
+        const { active } = (this as Plugin).getState(view.state);
 
         if (!active) {
           // activate the popup on 'char' keypress (e.g. '/')
@@ -324,7 +324,9 @@ export function createSuggestionPlugin<T extends SuggestionItem>({
 
       // Setup decorator on the currently active suggestion.
       decorations(state) {
-        const { active, range, decorationId, type } = this.getState(state);
+        const { active, range, decorationId, type } = (this as Plugin).getState(
+          state
+        );
 
         if (!active) {
           return null;