Use @udecode/plate-common as peer dependency, replace imports to use …

…plate-common package
prezly · Nov 20, 2024 · 8fa7b82 · 8fa7b82
1 parent 8ea8c42
commit 8fa7b82
Show file tree

Hide file tree

Showing 23 changed files with 28 additions and 70 deletions.
diff --git a/package.json b/package.json
@@ -39,53 +39,6 @@
     "dependencies": {
         "@types/react": "^18.3.0",
         "@types/react-dom": "^18.3.0",
-        "@udecode/plate-ai": "40.0.0",
-        "@udecode/plate-alignment": "^40.0.0",
-        "@udecode/plate-autoformat": "^40.0.0",
-        "@udecode/plate-basic-elements": "^40.0.0",
-        "@udecode/plate-basic-marks": "^40.0.0",
-        "@udecode/plate-block-quote": "^40.0.0",
-        "@udecode/plate-break": "^40.0.0",
-        "@udecode/plate-callout": "^40.0.0",
-        "@udecode/plate-caption": "^40.0.0",
-        "@udecode/plate-code-block": "^40.0.0",
-        "@udecode/plate-combobox": "^40.0.0",
-        "@udecode/plate-comments": "^40.0.0",
-        "@udecode/plate-common": "^40.0.0",
-        "@udecode/plate-cursor": "^40.0.0",
-        "@udecode/plate-date": "^40.0.0",
-        "@udecode/plate-dnd": "40.0.0",
-        "@udecode/plate-docx": "40.0.0",
-        "@udecode/plate-emoji": "^40.0.0",
-        "@udecode/plate-excalidraw": "^40.0.0",
-        "@udecode/plate-floating": "^40.0.0",
-        "@udecode/plate-font": "^40.0.0",
-        "@udecode/plate-heading": "^40.0.0",
-        "@udecode/plate-highlight": "^40.0.0",
-        "@udecode/plate-horizontal-rule": "^40.0.0",
-        "@udecode/plate-indent": "^40.0.0",
-        "@udecode/plate-indent-list": "^40.0.0",
-        "@udecode/plate-juice": "^40.0.0",
-        "@udecode/plate-kbd": "^40.0.0",
-        "@udecode/plate-layout": "^40.0.0",
-        "@udecode/plate-line-height": "^40.0.0",
-        "@udecode/plate-link": "^40.0.0",
-        "@udecode/plate-markdown": "^40.0.0",
-        "@udecode/plate-math": "^40.0.0",
-        "@udecode/plate-media": "40.0.0",
-        "@udecode/plate-mention": "40.0.0",
-        "@udecode/plate-node-id": "^40.0.0",
-        "@udecode/plate-reset-node": "^40.0.0",
-        "@udecode/plate-resizable": "^40.0.0",
-        "@udecode/plate-select": "^40.0.0",
-        "@udecode/plate-selection": "^40.0.0",
-        "@udecode/plate-slash-command": "^40.0.0",
-        "@udecode/plate-tabbable": "^40.0.0",
-        "@udecode/plate-table": "^40.0.0",
-        "@udecode/plate-toggle": "^40.0.0",
-        "@udecode/plate-trailing-block": "^40.0.0",
-        "@udecode/slate": "^39.2.1",
-        "@udecode/slate-react": "^40.0.0",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "slate": "^0.110.2",

diff --git a/packages/slate-commons/src/commands/blur.ts b/packages/slate-commons/src/commands/blur.ts
@@ -1,5 +1,5 @@
 import type { SlateEditor } from '@udecode/plate-common';
-import { deselectEditor } from '@udecode/slate-react';
+import { deselectEditor } from '@udecode/plate-common/react';
 
 export function blur(editor: SlateEditor): void {
     deselectEditor(editor);

diff --git a/packages/slate-commons/src/commands/focus.ts b/packages/slate-commons/src/commands/focus.ts
@@ -1,5 +1,5 @@
 import type { SlateEditor } from '@udecode/plate-common';
-import { focusEditor } from '@udecode/slate-react';
+import { focusEditor } from '@udecode/plate-common/react';
 
 import { moveCursorToEndOfDocument } from './moveCursorToEndOfDocument';
 

diff --git a/packages/slate-commons/src/commands/isCursorOnEdgeOfContainer.ts b/packages/slate-commons/src/commands/isCursorOnEdgeOfContainer.ts
@@ -1,5 +1,5 @@
 import type { SlateEditor } from '@udecode/plate-common';
-import { toDOMRange } from '@udecode/slate-react';
+import { toDOMRange } from '@udecode/plate-common/react';
 import type { Range, Point } from 'slate';
 
 export type ContainerEdge = 'top' | 'bottom';

diff --git a/packages/slate-commons/src/commands/isVoid.ts b/packages/slate-commons/src/commands/isVoid.ts
@@ -1,5 +1,4 @@
-import type { SlateEditor } from '@udecode/plate-common';
-import { isElement } from '@udecode/slate';
+import { isElement, type SlateEditor } from '@udecode/plate-common';
 import type { Node } from 'slate';
 
 export function isVoid(editor: SlateEditor, node: Node): boolean {

diff --git a/packages/slate-commons/src/commands/toDomNode.ts b/packages/slate-commons/src/commands/toDomNode.ts
@@ -1,5 +1,5 @@
 import type { SlateEditor } from '@udecode/plate-common';
-import { toDOMNode } from '@udecode/slate-react';
+import { toDOMNode } from '@udecode/plate-common/react';
 import type { Node } from 'slate';
 
 export function toDomNode(editor: SlateEditor, node: Node): HTMLElement | null {

diff --git a/packages/slate-commons/src/commands/toDomRange.ts b/packages/slate-commons/src/commands/toDomRange.ts
@@ -1,5 +1,5 @@
 import type { SlateEditor } from '@udecode/plate-common';
-import { toDOMRange } from '@udecode/slate-react';
+import { toDOMRange } from '@udecode/plate-common/react';
 import type { Range } from 'slate';
 
 export function toDomRange(editor: SlateEditor, range: Range): globalThis.Range | null {

diff --git a/packages/slate-commons/src/lib/useSavedSelection.ts b/packages/slate-commons/src/lib/useSavedSelection.ts
@@ -1,5 +1,5 @@
 import type { SlateEditor } from '@udecode/plate-common';
-import { focusEditor } from '@udecode/slate-react';
+import { focusEditor } from '@udecode/plate-common/react';
 import { useState } from 'react';
 
 import { saveSelection } from '../commands';

diff --git a/packages/slate-editor/package.json b/packages/slate-editor/package.json
@@ -58,7 +58,7 @@
         "@prezly/events": "^2.0.3",
         "@prezly/linear-partition": "^1.0.3",
         "@prezly/progress-promise": "^2.0.1",
-        "@prezly/sdk": "^22.1.0",
+        "@prezly/sdk": "^23.0.0",
         "@prezly/slate-commons": "workspace:*",
         "@prezly/slate-lists": "workspace:*",
         "@prezly/slate-tables": "workspace:*",
@@ -91,6 +91,7 @@
         "validator": "^13.11.0"
     },
     "peerDependencies": {
+        "@udecode/plate-common": "^40.0.0",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "slate": "^0.110.2",

diff --git a/packages/slate-editor/src/extensions/autoformat/transforms/autoformatMark.ts b/packages/slate-editor/src/extensions/autoformat/transforms/autoformatMark.ts
@@ -1,6 +1,10 @@
 import { castArray } from '@technically/lodash';
-import { removeMark, type SlateEditor } from '@udecode/plate-common';
-import { getEditorString, HistoryEditor } from '@udecode/slate';
+import {
+    getEditorString,
+    HistoryEditor,
+    removeMark,
+    type SlateEditor,
+} from '@udecode/plate-common';
 import type { Point, Range } from 'slate';
 
 import type { AutoformatMarkRule } from '../types';

diff --git a/packages/slate-editor/src/extensions/hotkeys/onKeyDown/onEscBlurEditor.ts b/packages/slate-editor/src/extensions/hotkeys/onKeyDown/onEscBlurEditor.ts
@@ -1,5 +1,5 @@
 import type { SlateEditor } from '@udecode/plate-common';
-import { blurEditor } from '@udecode/slate-react';
+import { blurEditor } from '@udecode/plate-common/react';
 import { isHotkey } from 'is-hotkey';
 import type { KeyboardEvent } from 'react';
 

diff --git a/packages/slate-editor/src/extensions/image/withImages.ts b/packages/slate-editor/src/extensions/image/withImages.ts
@@ -1,7 +1,7 @@
 import { EditorCommands } from '@prezly/slate-commons';
 import { isImageNode } from '@prezly/slate-types';
 import type { SlateEditor } from '@udecode/plate-common';
-import { toDOMRange } from '@udecode/slate-react';
+import { toDOMRange } from '@udecode/plate-common/react';
 import { Range } from 'slate';
 
 import { convertToHtml, encodeSlateFragment } from '#lib';

diff --git a/packages/slate-editor/src/modules/editor/lib/createOnCut.ts b/packages/slate-editor/src/modules/editor/lib/createOnCut.ts
@@ -1,13 +1,12 @@
 import { EditorCommands } from '@prezly/slate-commons';
 import type { SlateEditor } from '@udecode/plate-common';
-import { setFragmentData } from '@udecode/slate-react';
 import { Range } from 'slate';
 
 export function createOnCut(editor: SlateEditor) {
     return function (event: React.ClipboardEvent<HTMLDivElement>): void {
         event.preventDefault();
 
-        setFragmentData(editor, event.clipboardData);
+        editor.setFragmentData(event.clipboardData);
 
         const { selection } = editor;
 

diff --git a/packages/slate-editor/src/modules/rich-formatting-menu/lib/convertLink.ts b/packages/slate-editor/src/modules/rich-formatting-menu/lib/convertLink.ts
@@ -1,7 +1,6 @@
 import { EditorCommands } from '@prezly/slate-commons';
 import type { LinkNode } from '@prezly/slate-types';
-import type { SlateEditor } from '@udecode/plate-common';
-import { getNode } from '@udecode/slate';
+import { getNode, type SlateEditor } from '@udecode/plate-common';
 import { Node, Path } from 'slate';
 
 import { createPlaceholder, PlaceholderNode, PlaceholdersManager } from '#extensions/placeholders';

diff --git a/packages/slate-lists/package.json b/packages/slate-lists/package.json
@@ -42,6 +42,7 @@
         "clean:build": "rimraf build/ *.tsbuildinfo"
     },
     "peerDependencies": {
+        "@udecode/plate-common": "^40.0.0",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "slate": "^0.110.2",

diff --git a/packages/slate-tables/package.json b/packages/slate-tables/package.json
@@ -42,6 +42,7 @@
         "clean:build": "rimraf build/ *.tsbuildinfo"
     },
     "peerDependencies": {
+        "@udecode/plate-common": "^40.0.0",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "slate": "^0.110.2",

diff --git a/packages/slate-tables/src/commands/insertColumn.ts b/packages/slate-tables/src/commands/insertColumn.ts
@@ -1,4 +1,4 @@
-import { focusEditor } from '@udecode/slate-react';
+import { focusEditor } from '@udecode/plate-common/react';
 import { type Location, Path } from 'slate';
 
 import { Traverse } from '../core';

diff --git a/packages/slate-tables/src/commands/insertRow.ts b/packages/slate-tables/src/commands/insertRow.ts
@@ -1,4 +1,4 @@
-import { focusEditor } from '@udecode/slate-react';
+import { focusEditor } from '@udecode/plate-common/react';
 import { type Location, Path, Node } from 'slate';
 
 import { Traverse } from '../core';

diff --git a/packages/slate-tables/src/commands/insertTable.ts b/packages/slate-tables/src/commands/insertTable.ts
@@ -1,4 +1,4 @@
-import { focusEditor } from '@udecode/slate-react';
+import { focusEditor } from '@udecode/plate-common/react';
 import { type Location } from 'slate';
 
 import { TableNode } from '../nodes';

diff --git a/packages/slate-tables/src/commands/removeColumn.ts b/packages/slate-tables/src/commands/removeColumn.ts
@@ -1,4 +1,4 @@
-import { focusEditor } from '@udecode/slate-react';
+import { focusEditor } from '@udecode/plate-common/react';
 import { type Location } from 'slate';
 
 import { Traverse } from '../core';

diff --git a/packages/slate-tables/src/commands/removeRow.ts b/packages/slate-tables/src/commands/removeRow.ts
@@ -1,4 +1,4 @@
-import { focusEditor } from '@udecode/slate-react';
+import { focusEditor } from '@udecode/plate-common/react';
 import { type Location } from 'slate';
 
 import { Traverse } from '../core';

diff --git a/packages/slate-tables/src/commands/removeTable.ts b/packages/slate-tables/src/commands/removeTable.ts
@@ -1,4 +1,4 @@
-import { focusEditor } from '@udecode/slate-react';
+import { focusEditor } from '@udecode/plate-common/react';
 import { type Location } from 'slate';
 
 import { Traverse } from '../core';

diff --git a/packages/slate-types/package.json b/packages/slate-types/package.json
@@ -41,6 +41,7 @@
         "clean:build": "rimraf build/ *.tsbuildinfo"
     },
     "peerDependencies": {
+        "@udecode/plate-common": "^40.0.0",
         "slate": "^0.110.2"
     },
     "dependencies": {