@uxf/wysiwyg 11.129.0 → 11.130.0

package/utils.js

@@ -1,36 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.removeSelectedNode = exports.insertVoid = exports.removeElement = exports.getActiveElement = exports.getSelectedNode = exports.isSomeOfPluginsEnabled = exports.isPluginEnabled = exports.toggleMark = exports.isMarkActive = exports.isRangeInSingleText = exports.focusEditor = exports.toggleNodeType = exports.someNode = exports.getPluginType = exports.getPluginOptions = exports.getUxfEditor = void 0;
-const plate_break_1 = require("@udecode/plate-break");
-const plate_common_1 = require("@udecode/plate-common");
-const plate_core_1 = require("@udecode/plate-core");
-const slate_1 = require("@udecode/slate");
-const slate_react_1 = require("@udecode/slate-react");
 const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
 const types_1 = require("./plugins/paragraph/types");
-const getUxfEditor = (editor) => (0, slate_1.getTEditor)(editor);
+const getUxfEditor = (editor) => editor;
 exports.getUxfEditor = getUxfEditor;
-const getPluginOptions = (editor, pluginKey) => {
-    return (0, plate_core_1.getPluginOptions)(editor, pluginKey);
-};
+const getPluginOptions = (editor, pluginKey) => editor.getOptions({ key: pluginKey });
 exports.getPluginOptions = getPluginOptions;
-const getPluginType = (editor, key) => (0, plate_core_1.getPluginType)(editor, key);
+const getPluginType = (editor, key) => editor.getType(key);
 exports.getPluginType = getPluginType;
-const someNode = (editor, options) => (0, plate_common_1.someNode)(editor, options);
+const someNode = (editor, options) => editor.api.some(options);
 exports.someNode = someNode;
-const toggleNodeType = (editor, options, editorNodesOptions) => (0, plate_core_1.toggleNodeType)(editor, options, editorNodesOptions);
+const toggleNodeType = (editor, options, editorNodesOptions) => {
+    var _a;
+    return editor.tf.toggleBlock((_a = options.activeType) !== null && _a !== void 0 ? _a : types_1.PARAGRAPH_PLUGIN_TYPE, {
+        defaultType: options.inactiveType,
+        someOptions: editorNodesOptions,
+    });
+};
 exports.toggleNodeType = toggleNodeType;
-const focusEditor = (editor, target) => (0, plate_common_1.focusEditor)(editor, target);
+const focusEditor = (editor, target) => editor.tf.focus({ at: target });
 exports.focusEditor = focusEditor;
-const isRangeInSingleText = (editor) => editor.selection ? (0, plate_common_1.isRangeInSingleText)(editor.selection) : false;
+const isRangeInSingleText = (editor) => (editor.selection ? editor.api.isAt({ text: true }) : false);
 exports.isRangeInSingleText = isRangeInSingleText;
-const isMarkActive = (editor, type) => (0, plate_common_1.isMarkActive)(editor, type) && (0, exports.isRangeInSingleText)(editor);
+const isMarkActive = (editor, type) => Boolean(editor.api.mark(type)) && (0, exports.isRangeInSingleText)(editor);
 exports.isMarkActive = isMarkActive;
-const toggleMark = (editor, { key, clear }) => (0, plate_common_1.toggleMark)(editor, { key, clear });
+const toggleMark = (editor, { key, clear }) => editor.tf.toggleMark(key, { remove: clear });
 exports.toggleMark = toggleMark;
-const isPluginEnabled = (editor, pluginKey) => editor.plugins.findIndex((plugin) => plugin.key === pluginKey) !== -1;
+/**
+ * `editor.plugins` is a keyed record in Plate 53, not the array it was in Plate 20. Both helpers gate
+ * every toolbar button, so indexing it as an array here would hide the whole toolbar.
+ */
+const isPluginEnabled = (editor, pluginKey) => Boolean(editor.plugins[pluginKey]);
 exports.isPluginEnabled = isPluginEnabled;
-const isSomeOfPluginsEnabled = (editor, pluginKeys) => editor.plugins.some((plugin) => pluginKeys.includes(plugin.key));
+const isSomeOfPluginsEnabled = (editor, pluginKeys) => pluginKeys.some((pluginKey) => (0, exports.isPluginEnabled)(editor, pluginKey));
 exports.isSomeOfPluginsEnabled = isSomeOfPluginsEnabled;
 const getSelectedNode = (editor) => {
     var _a;
@@ -44,11 +47,11 @@ const getSelectedNode = (editor) => {
 exports.getSelectedNode = getSelectedNode;
 const getActiveElement = (editor, elementKey) => {
     var _a;
-    const entry = (0, slate_1.findNode)(editor, {
+    const entry = editor.api.node({
+        at: (_a = editor.selection) !== null && _a !== void 0 ? _a : undefined,
         match: {
             type: (0, exports.getPluginType)(editor, elementKey),
         },
-        at: (_a = editor.selection) !== null && _a !== void 0 ? _a : undefined,
     });
     if (!entry) {
         return;
@@ -59,8 +62,8 @@ const getActiveElement = (editor, elementKey) => {
 exports.getActiveElement = getActiveElement;
 const removeElement = (editor, node) => {
     var _a;
-    const path = (0, slate_react_1.findNodePath)(editor, node);
-    (0, slate_1.removeNodes)(editor, { at: path });
+    const path = editor.api.findPath(node);
+    editor.tf.removeNodes({ at: path });
     (0, exports.focusEditor)(editor, (_a = editor.selection) !== null && _a !== void 0 ? _a : undefined);
     return true;
 };
@@ -69,20 +72,20 @@ const insertVoid = (editor, node) => {
     var _a;
     const selectedNode = (0, exports.getSelectedNode)(editor);
     if (!selectedNode) {
-        (0, slate_1.insertNodes)(editor, node);
+        editor.tf.insertNodes(node);
     }
     else {
-        if (selectedNode.type !== types_1.PARAGRAPH_PLUGIN_TYPE || !(0, slate_1.isElementEmpty)(editor, selectedNode)) {
-            (0, plate_break_1.exitBreak)(editor, {});
+        if (selectedNode.type !== types_1.PARAGRAPH_PLUGIN_TYPE || !editor.api.isEmpty(selectedNode)) {
+            editor.tf.insertExitBreak();
         }
-        (0, slate_1.setNodes)(editor, node);
+        editor.tf.setNodes(node);
     }
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    (0, exports.focusEditor)(editor, (_a = editor.selection) !== null && _a !== void 0 ? _a : editor.prevSelection);
+    (0, exports.focusEditor)(editor, (_a = editor.selection) !== null && _a !== void 0 ? _a : editor.dom.prevSelection);
 };
 exports.insertVoid = insertVoid;
 const removeSelectedNode = (editor) => {
-    (0, slate_1.removeNodes)(editor);
+    editor.tf.removeNodes();
     (0, exports.focusEditor)(editor);
 };
 exports.removeSelectedNode = removeSelectedNode;

package/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/utils.test.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const platejs_1 = require("platejs");
+const create_paragraph_plugin_1 = require("./plugins/paragraph/create-paragraph-plugin");
+const utils_1 = require("./utils");
+function editor() {
+    return (0, platejs_1.createSlateEditor)({ plugins: [(0, create_paragraph_plugin_1.createParagraphPlugin)()] });
+}
+describe("plugin lookup helpers", () => {
+    it("resolves a plugin key to its stored node type", () => {
+        expect((0, utils_1.getPluginType)(editor(), "p")).toBe("paragraph");
+    });
+    it("reports a registered plugin as enabled", () => {
+        expect((0, utils_1.isPluginEnabled)(editor(), "p")).toBe(true);
+    });
+    it("reports an unregistered plugin as disabled", () => {
+        expect((0, utils_1.isPluginEnabled)(editor(), "image")).toBe(false);
+    });
+    it("matches when any one of several keys is registered", () => {
+        expect((0, utils_1.isSomeOfPluginsEnabled)(editor(), ["image", "p"])).toBe(true);
+        expect((0, utils_1.isSomeOfPluginsEnabled)(editor(), ["image", "video"])).toBe(false);
+    });
+});

package/wysiwyg-editor.d.ts

@@ -1,5 +1,5 @@
-import { TEditableProps } from "@udecode/plate-core";
 import { Noop } from "@uxf/core/types";
+import { PlateContentProps } from "platejs/react";
 import { FC, ForwardedRef, ReactNode } from "react";
 import { UxfPlatePlugin, WysiwygContent } from "./types";
 export interface WysiwygEditorHandle {
@@ -8,7 +8,7 @@ export interface WysiwygEditorHandle {
 export interface WysiwygEditorProps {
     className?: string;
     customPluginsToolbarButtons?: ReactNode;
-    editableProps?: TEditableProps<WysiwygContent>;
+    editableProps?: PlateContentProps;
     editorRef?: ForwardedRef<WysiwygEditorHandle>;
     id: string;
     initialValue: WysiwygContent | undefined;

package/wysiwyg-editor.js

@@ -35,13 +35,12 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WysiwygEditor = void 0;
-const plate_core_1 = require("@udecode/plate-core");
 const classes_1 = require("@uxf/core/constants/classes");
 const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
 const translations_1 = require("@uxf/core-react/translations");
 const loader_1 = require("@uxf/ui/loader");
-const react_1 = __importStar(require("react"));
-const slate_1 = require("slate");
+const react_1 = require("platejs/react");
+const react_2 = __importStar(require("react"));
 const hooks_1 = require("./hooks");
 const toolbar_1 = require("./ui/toolbar/toolbar");
 const utils_1 = require("./utils");
@@ -50,13 +49,12 @@ const CLASS_NAME = "uxf-wysiwyg";
  * Component that accesses the editor from Slate context and exposes focus method via ref
  * Must be rendered inside Plate component
  */
-const EditorRefHandler = (0, react_1.forwardRef)((props, ref) => {
+const EditorRefHandler = (0, react_2.forwardRef)((props, ref) => {
     const editor = (0, hooks_1.useUxfEditorRef)();
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    (0, react_2.useImperativeHandle)(ref, () => ({
         focus: () => {
             // Select the end of the document first
-            const end = slate_1.Editor.end(editor, []);
-            slate_1.Transforms.select(editor, end);
+            editor.tf.select(editor.api.end([]));
             // Then focus the editor
             (0, utils_1.focusEditor)(editor);
         },
@@ -67,27 +65,35 @@ EditorRefHandler.displayName = "EditorRefHandler";
 const Editor = (props) => {
     var _a, _b;
     const t = (0, translations_1.useUxfTranslation)();
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(toolbar_1.Toolbar, { customPluginsButtons: props.customPluginsToolbarButtons, leftElement: props.toolbarLeftElement, plateId: props.plateId, rightElement: props.toolbarRightElement }),
-        react_1.default.createElement("div", { className: `${CLASS_NAME}__content` },
-            react_1.default.createElement(plate_core_1.Plate, { editableProps: {
-                    autoFocus: false,
-                    placeholder: t("uxf-wysiwyg:common.placeholder"),
-                    readOnly: false,
-                    spellCheck: false,
-                    ...props.editableProps,
-                    className: `${CLASS_NAME}__editable ${(_b = (_a = props.editableProps) === null || _a === void 0 ? void 0 : _a.className) !== null && _b !== void 0 ? _b : ""}`,
-                }, id: props.plateId, normalizeInitialValue: true }, props.editorRef && react_1.default.createElement(EditorRefHandler, { ref: props.editorRef })))));
+    /**
+     * `<Plate>` renders no DOM of its own, so the toolbar moving inside it leaves the markup identical
+     * while letting it take the editor from context instead of by id.
+     */
+    const editor = (0, react_1.usePlateEditor)({
+        id: props.id,
+        plugins: props.plugins,
+        shouldNormalizeEditor: true,
+        value: props.initialValue,
+    }, [props.plugins]);
+    return (react_2.default.createElement(react_1.Plate, { editor: editor, onChange: ({ value }) => props.onChange(value) },
+        react_2.default.createElement(toolbar_1.Toolbar, { customPluginsButtons: props.customPluginsToolbarButtons, leftElement: props.toolbarLeftElement, plateId: props.id, rightElement: props.toolbarRightElement }),
+        react_2.default.createElement("div", { className: `${CLASS_NAME}__content` },
+            react_2.default.createElement(react_1.PlateContent, { autoFocus: false,
+                placeholder: t("uxf-wysiwyg:common.placeholder"),
+                readOnly: false,
+                spellCheck: false,
+                ...props.editableProps,
+                className: `${CLASS_NAME}__editable ${(_b = (_a = props.editableProps) === null || _a === void 0 ? void 0 : _a.className) !== null && _b !== void 0 ? _b : ""}` }),
+            props.editorRef && react_2.default.createElement(EditorRefHandler, { ref: props.editorRef }))));
 };
 const WysiwygEditor = (props) => {
     var _a, _b;
     const isMounted = (0, use_is_mounted_1.useIsMounted)();
     if (!isMounted) {
-        return (react_1.default.createElement("div", { className: `${CLASS_NAME} ${CLASS_NAME}--${classes_1.CLASSES.IS_LOADING} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
-            react_1.default.createElement(loader_1.Loader, { className: `${CLASS_NAME}__loader` })));
+        return (react_2.default.createElement("div", { className: `${CLASS_NAME} ${CLASS_NAME}--${classes_1.CLASSES.IS_LOADING} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
+            react_2.default.createElement(loader_1.Loader, { className: `${CLASS_NAME}__loader` })));
     }
-    return (react_1.default.createElement("div", { className: `${CLASS_NAME} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` },
-        react_1.default.createElement(plate_core_1.PlateProvider, { id: props.id, initialValue: props.initialValue, onChange: props.onChange, plugins: props.plugins },
-            react_1.default.createElement(Editor, { customPluginsToolbarButtons: props.customPluginsToolbarButtons, editableProps: props.editableProps, editorRef: props.editorRef, plateId: props.id, toolbarLeftElement: props.toolbarLeftElement, toolbarRightElement: props.toolbarRightElement }))));
+    return (react_2.default.createElement("div", { className: `${CLASS_NAME} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` },
+        react_2.default.createElement(Editor, { customPluginsToolbarButtons: props.customPluginsToolbarButtons, editableProps: props.editableProps, editorRef: props.editorRef, id: props.id, initialValue: props.initialValue, onChange: props.onChange, plugins: props.plugins, toolbarLeftElement: props.toolbarLeftElement, toolbarRightElement: props.toolbarRightElement })));
 };
 exports.WysiwygEditor = WysiwygEditor;

package/wysiwyg-editor.test.js

@@ -58,19 +58,124 @@ const UI_CONTEXT = {
     translationFn: (key) => key,
 };
 const INITIAL_VALUE = [{ type: "paragraph", children: [{ text: "hello" }] }];
-function renderEditor(editorRef) {
-    return (0, react_1.render)(react_2.default.createElement(context_1.UiContextProvider, { value: UI_CONTEXT },
+// Plate's post-mount normalisation writes to its jotai store, which notifies subscribers a microtask
+// later, outside render's act scope. Flushing it here settles the editor before the assertions.
+async function settle() {
+    await (0, react_1.act)(async () => undefined);
+}
+async function renderEditor(editorRef) {
+    const result = (0, react_1.render)(react_2.default.createElement(context_1.UiContextProvider, { value: UI_CONTEXT },
         react_2.default.createElement(wysiwyg_editor_1.WysiwygEditor, { editorRef: editorRef, id: "test-editor", initialValue: INITIAL_VALUE, onChange: () => undefined, plugins: (0, create_plugins_with_ui_1.createPluginsWithUi)([(0, create_all_plugins_with_ui_1.createBoldPluginWithUi)()]) })));
+    await settle();
+    return result;
+}
+const FILE = { extension: ".png", id: 1, name: "a.png", namespace: "wysiwyg", uuid: "u" };
+/** One node of every element type, so each plugin's component has something to render. */
+const EVERY_ELEMENT = [
+    { children: [{ text: "Nadpis" }], type: "h1" },
+    {
+        children: [
+            { bold: true, text: "tučně" },
+            { italic: true, text: "kurzíva" },
+            { text: "podtržené", underline: true },
+            { code: true, text: "kód" },
+            { highlight: true, text: "zvýrazněné" },
+        ],
+        type: "paragraph",
+    },
+    { children: [{ text: "citace" }], type: "blockquote" },
+    { children: [{ children: [{ children: [{ text: "položka" }], type: "lic" }], type: "li" }], type: "ul" },
+    { children: [{ children: [{ children: [{ text: "první" }], type: "lic" }], type: "li" }], type: "ol" },
+    {
+        children: [
+            { text: "" },
+            { children: [{ text: "odkaz" }], target: "_blank", type: "link", url: "https://uxf.cz" },
+            { text: "" },
+        ],
+        type: "paragraph",
+    },
+    { alt: "alt", children: [{ text: "" }], file: FILE, type: "image", url: "https://example.test/a.png" },
+    {
+        children: [{ text: "" }],
+        embeddedUrl: "https://www.youtube.com/embed/x",
+        metaData: null,
+        provider: "youtube",
+        type: "video",
+        url: "https://youtu.be/x",
+        videoId: "x",
+    },
+    { buttonText: "klik", buttonUrl: "https://uxf.cz", children: [{ text: "" }], type: "button" },
+];
+async function renderEditorWithAllPlugins() {
+    const result = (0, react_1.render)(react_2.default.createElement(context_1.UiContextProvider, { value: UI_CONTEXT },
+        react_2.default.createElement(wysiwyg_editor_1.WysiwygEditor, { id: "all-plugins-editor", initialValue: EVERY_ELEMENT, onChange: () => undefined, plugins: (0, create_all_plugins_with_ui_1.createAllPluginsWithUi)({
+                image: { getImageUrl: (file) => file.name, uploadImage: async () => FILE },
+            }) })));
+    await settle();
+    return result;
 }
+// Act warnings fail the test instead of scrolling past.
+let actWarnings = [];
+let consoleError;
+beforeEach(() => {
+    actWarnings = [];
+    consoleError = jest.spyOn(console, "error").mockImplementation((...args) => {
+        if (String(args.at(0)).includes("not wrapped in act")) {
+            actWarnings.push(String(args.at(0)));
+        }
+    });
+});
+afterEach(() => {
+    consoleError.mockRestore();
+    expect(actWarnings).toEqual([]);
+});
 describe("WysiwygEditor", () => {
-    it("renders without an editorRef", () => {
-        const { container } = renderEditor();
+    it("renders without an editorRef", async () => {
+        const { container } = await renderEditor();
         expect(container.querySelector(".uxf-wysiwyg__editable")).not.toBeNull();
     });
-    it("exposes focus() through editorRef", () => {
+    it("exposes focus() through editorRef", async () => {
         var _a;
         const editorRef = (0, react_2.createRef)();
-        renderEditor(editorRef);
+        await renderEditor(editorRef);
         expect(typeof ((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus)).toBe("function");
     });
+    // Catches a plugin whose component never got attached: it typechecks, the editor renders, and the
+    // node silently comes out as a bare div.
+    it.each([
+        ["uxf-wysiwyg__element-heading-h1"],
+        ["uxf-wysiwyg__element-blockquote"],
+        ["uxf-wysiwyg__element-list-unordered"],
+        ["uxf-wysiwyg__element-list-ordered"],
+        ["uxf-wysiwyg__element-list-item"],
+        ["uxf-wysiwyg__element-link"],
+        ["uxf-wysiwyg__element-image"],
+        ["uxf-wysiwyg__element-video"],
+        ["uxf-wysiwyg__element-button"],
+    ])("renders %s through its own component", async (className) => {
+        const { container } = await renderEditorWithAllPlugins();
+        expect(container.querySelector(`.${className}`)).not.toBeNull();
+    });
+    // The element tests above pass even when a mark component is broken, which is how the highlight
+    // regression got through: the <mark> rendered, it just never received its colour.
+    it.each([
+        ["uxf-wysiwyg__element-bold"],
+        ["uxf-wysiwyg__element-italic"],
+        ["uxf-wysiwyg__element-underline"],
+        ["uxf-wysiwyg__element-code"],
+        ["uxf-wysiwyg__element-highlight"],
+    ])("renders %s through its own component", async (className) => {
+        const { container } = await renderEditorWithAllPlugins();
+        expect(container.querySelector(`.${className}`)).not.toBeNull();
+    });
+    it("gives highlight its configured colour, not a stray DOM attribute", async () => {
+        const { container } = await renderEditorWithAllPlugins();
+        const mark = container.querySelector(".uxf-wysiwyg__element-highlight");
+        expect(mark === null || mark === void 0 ? void 0 : mark.style.getPropertyValue("--highlight-color")).toBe("#fde047");
+        expect(mark === null || mark === void 0 ? void 0 : mark.hasAttribute("color")).toBe(false);
+    });
+    it("renders the paragraph component, which the facade attaches itself", async () => {
+        const { container } = await renderEditorWithAllPlugins();
+        expect(container.querySelector(".uxf-wysiwyg__element-paragraph")).not.toBeNull();
+    });
 });

package/plugins/image/with-image.d.ts

@@ -1,7 +0,0 @@
-import { WithPlatePlugin } from "@udecode/plate-core";
-import { UxfEditor, WysiwygContent } from "../../types";
-import { UxfImagePluginOptions } from "./types";
-/**
- * @see withPasteImageUrl
- */
-export declare const withImage: (editor: UxfEditor, plugin: WithPlatePlugin<UxfImagePluginOptions, WysiwygContent, UxfEditor>) => UxfEditor;

package/plugins/image/with-image.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withImage = void 0;
-const with_paste_image_1 = require("./with-paste-image");
-const with_paste_image_url_1 = require("./with-paste-image-url");
-/**
- * @see withPasteImageUrl
- */
-const withImage = (editor, plugin) => {
-    const { options: { disableUploadOnPasteImage, disableUploadOnPasteImageUrl }, } = plugin;
-    if (!disableUploadOnPasteImage) {
-        editor = (0, with_paste_image_1.withPasteImage)(editor, plugin);
-    }
-    if (!disableUploadOnPasteImageUrl) {
-        editor = (0, with_paste_image_url_1.withPasteImageUrl)(editor, plugin);
-    }
-    return editor;
-};
-exports.withImage = withImage;

package/plugins/reset-node/create-reset-node.d.ts

@@ -1,3 +0,0 @@
-import { ResetNodePlugin } from "@udecode/plate-reset-node";
-import { UxfPlatePlugin } from "../../types";
-export declare const createResetNodePlugin: () => UxfPlatePlugin<ResetNodePlugin>;

package/plugins/reset-node/create-reset-node.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createResetNodePlugin = void 0;
-const plate_common_1 = require("@udecode/plate-common");
-const plate_reset_node_1 = require("@udecode/plate-reset-node");
-const types_1 = require("../blockquote/types");
-const types_2 = require("../paragraph/types");
-const resetBlockTypesCommonRule = {
-    types: [types_1.BLOCKQUOTE_PLUGIN_KEY],
-    defaultType: types_2.PARAGRAPH_PLUGIN_KEY,
-};
-const createResetNodePlugin = () => (0, plate_reset_node_1.createResetNodePlugin)({
-    options: {
-        rules: [
-            {
-                ...resetBlockTypesCommonRule,
-                hotkey: "Enter",
-                predicate: plate_common_1.isBlockAboveEmpty,
-            },
-            {
-                ...resetBlockTypesCommonRule,
-                hotkey: "Backspace",
-                predicate: plate_common_1.isSelectionAtBlockStart,
-            },
-        ],
-    },
-});
-exports.createResetNodePlugin = createResetNodePlugin;

package/plugins/select-on-backspace/create-select-on-backspace-plugin.d.ts

@@ -1,3 +0,0 @@
-import { SelectOnBackspacePlugin } from "@udecode/plate-select";
-import { UxfPlatePlugin } from "../../types";
-export declare const createSelectOnBackspacePlugin: () => UxfPlatePlugin<SelectOnBackspacePlugin>;

package/plugins/select-on-backspace/create-select-on-backspace-plugin.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSelectOnBackspacePlugin = void 0;
-const plate_media_1 = require("@udecode/plate-media");
-const plate_select_1 = require("@udecode/plate-select");
-const types_1 = require("../image/types");
-const createSelectOnBackspacePlugin = () => (0, plate_select_1.createSelectOnBackspacePlugin)({
-    options: {
-        query: {
-            allow: [types_1.IMAGE_PLUGIN_KEY, plate_media_1.ELEMENT_MEDIA_EMBED],
-        },
-    },
-});
-exports.createSelectOnBackspacePlugin = createSelectOnBackspacePlugin;

package/plugins/soft-break/create-soft-break-plugin.d.ts

@@ -1,3 +0,0 @@
-import { SoftBreakPlugin } from "@udecode/plate-break";
-import { UxfEditor, WysiwygContent } from "../../types";
-export declare const createSoftBreakPlugin: () => import("@udecode/plate-core").PlatePlugin<SoftBreakPlugin, WysiwygContent, UxfEditor>;

package/plugins/soft-break/create-soft-break-plugin.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSoftBreakPlugin = void 0;
-const plate_break_1 = require("@udecode/plate-break");
-const types_1 = require("../blockquote/types");
-const types_2 = require("../paragraph/types");
-const createSoftBreakPlugin = () => (0, plate_break_1.createSoftBreakPlugin)({
-    options: {
-        rules: [
-            {
-                hotkey: "shift+enter",
-            },
-            {
-                hotkey: "enter",
-                query: {
-                    allow: [types_2.PARAGRAPH_PLUGIN_KEY, types_1.BLOCKQUOTE_PLUGIN_KEY],
-                },
-            },
-        ],
-    },
-});
-exports.createSoftBreakPlugin = createSoftBreakPlugin;