@uxf/wysiwyg 11.74.0 → 11.74.2

package/plugins/image/transforms/remove-selected-image.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeSelectedImage = void 0;
+const utils_1 = require("../../../utils");
+const get_active_image_1 = require("./get-active-image");
+const removeSelectedImage = (editor) => {
+    const activeImage = (0, get_active_image_1.getActiveImage)(editor);
+    if (!activeImage) {
+        return false;
+    }
+    return (0, utils_1.removeElement)(editor, activeImage);
+};
+exports.removeSelectedImage = removeSelectedImage;

package/plugins/image/transforms/update-image.d.ts

@@ -0,0 +1,3 @@
+import { FileResponse } from "@uxf/core/types";
+import { UxfEditor } from "../../../types";
+export declare const updateImage: (editor: UxfEditor, file: FileResponse, alt?: string, caption?: string, source?: string, url?: string) => void;

package/plugins/image/transforms/update-image.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateImage = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const updateImage = (editor, file, alt, caption, source, url) => (0, plate_common_1.setNodes)(editor, {
+    file,
+    alt,
+    caption,
+    source,
+    url,
+});
+exports.updateImage = updateImage;

package/plugins/image/types.d.ts

@@ -0,0 +1,12 @@
+import { MediaPlugin } from "@udecode/plate-media";
+import { FileResponse } from "@uxf/core/types";
+export declare const IMAGE_PLUGIN_KEY = "img";
+export declare const IMAGE_PLUGIN_TYPE = "image";
+export type GetImageUrlHandler = (file: FileResponse) => string;
+export type ImageUploadHandler = (file: File) => Promise<FileResponse>;
+export interface UxfImagePluginOptions extends MediaPlugin {
+    uploadImage?: ImageUploadHandler;
+    getImageUrl?: GetImageUrlHandler;
+    disableUploadOnPasteImageUrl?: boolean;
+    disableUploadOnPasteImage?: boolean;
+}

package/plugins/image/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IMAGE_PLUGIN_TYPE = exports.IMAGE_PLUGIN_KEY = void 0;
+const plate_media_1 = require("@udecode/plate-media");
+exports.IMAGE_PLUGIN_KEY = plate_media_1.ELEMENT_IMAGE;
+exports.IMAGE_PLUGIN_TYPE = "image";

package/plugins/image/utils/is-image-url.d.ts

@@ -0,0 +1,2 @@
+export declare const getImageExtension: (url: string) => string;
+export declare const isImageUrl: (url: string) => boolean;

package/plugins/image/utils/is-image-url.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isImageUrl = exports.getImageExtension = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const imageExtensions = [
+    "ase",
+    "art",
+    "bmp",
+    "blp",
+    "cd5",
+    "cit",
+    "cpt",
+    "cr2",
+    "cut",
+    "dds",
+    "dib",
+    "djvu",
+    "egt",
+    "exif",
+    "gif",
+    "gpl",
+    "grf",
+    "icns",
+    "ico",
+    "iff",
+    "jng",
+    "jpeg",
+    "jpg",
+    "jfif",
+    "jp2",
+    "jps",
+    "lbm",
+    "max",
+    "miff",
+    "mng",
+    "msp",
+    "nitf",
+    "ota",
+    "pbm",
+    "pc1",
+    "pc2",
+    "pc3",
+    "pcf",
+    "pcx",
+    "pdn",
+    "pgm",
+    "PI1",
+    "PI2",
+    "PI3",
+    "pict",
+    "pct",
+    "pnm",
+    "pns",
+    "ppm",
+    "psb",
+    "psd",
+    "pdd",
+    "psp",
+    "px",
+    "pxm",
+    "pxr",
+    "qfx",
+    "raw",
+    "rle",
+    "sct",
+    "sgi",
+    "rgb",
+    "int",
+    "bw",
+    "tga",
+    "tiff",
+    "tif",
+    "vtf",
+    "xbm",
+    "xcf",
+    "xpm",
+    "3dv",
+    "amf",
+    "ai",
+    "awg",
+    "cgm",
+    "cdr",
+    "cmx",
+    "dxf",
+    "e2d",
+    "egt",
+    "eps",
+    "fs",
+    "gbr",
+    "odg",
+    "svg",
+    "stl",
+    "vrml",
+    "x3d",
+    "sxd",
+    "v2d",
+    "vnd",
+    "wmf",
+    "emf",
+    "art",
+    "xar",
+    "png",
+    "webp",
+    "jxr",
+    "hdp",
+    "wdp",
+    "cur",
+    "ecw",
+    "iff",
+    "lbm",
+    "liff",
+    "nrrd",
+    "pam",
+    "pcx",
+    "pgf",
+    "sgi",
+    "rgb",
+    "rgba",
+    "bw",
+    "int",
+    "inta",
+    "sid",
+    "ras",
+    "sun",
+    "tga",
+];
+const getImageExtension = (url) => new URL(url).pathname.split(".").pop();
+exports.getImageExtension = getImageExtension;
+const isImageUrl = (url) => {
+    if (!(0, plate_common_1.isUrl)(url)) {
+        return false;
+    }
+    return imageExtensions.includes((0, exports.getImageExtension)(url));
+};
+exports.isImageUrl = isImageUrl;

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,19 @@
+"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/image/with-paste-image-url.d.ts

@@ -0,0 +1,7 @@
+import { WithPlatePlugin } from "@udecode/plate-core";
+import { UxfEditor, WysiwygContent } from "../../types";
+import { UxfImagePluginOptions } from "./types";
+/**
+ * If inserted text is image url, upload image and insert it instead.
+ */
+export declare const withPasteImageUrl: (editor: UxfEditor, plugin: WithPlatePlugin<UxfImagePluginOptions, WysiwygContent, UxfEditor>) => UxfEditor;

package/plugins/image/with-paste-image-url.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withPasteImageUrl = void 0;
+const insert_image_1 = require("./transforms/insert-image");
+const is_image_url_1 = require("./utils/is-image-url");
+/**
+ * If inserted text is image url, upload image and insert it instead.
+ */
+const withPasteImageUrl = (editor, plugin) => {
+    const { insertData } = editor;
+    const { options: { uploadImage, getImageUrl }, } = plugin;
+    editor.insertData = async (dataTransfer) => {
+        const text = dataTransfer.getData("text/plain");
+        if ((0, is_image_url_1.isImageUrl)(text)) {
+            const imageResponse = await fetch(text, { mode: "cors" });
+            const blob = await imageResponse.blob();
+            const file = new File([blob], "image-from-wysiwyg." + (0, is_image_url_1.getImageExtension)(text), { type: blob.type });
+            if (!uploadImage) {
+                // eslint-disable-next-line no-console
+                console.log("Missing uploadImage function in image plugin options!");
+                return;
+            }
+            const fileResponse = await uploadImage(file);
+            if (!getImageUrl) {
+                // eslint-disable-next-line no-console
+                console.log("Missing getImageUrl function in image plugin options!");
+                return;
+            }
+            (0, insert_image_1.insertImage)(editor, fileResponse, "", "", "", getImageUrl(fileResponse));
+            return;
+        }
+        insertData(dataTransfer);
+    };
+    return editor;
+};
+exports.withPasteImageUrl = withPasteImageUrl;

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

@@ -0,0 +1,7 @@
+import { WithPlatePlugin } from "@udecode/plate-core";
+import { UxfEditor, WysiwygContent } from "../../types";
+import { UxfImagePluginOptions } from "./types";
+/**
+ * If image is pasted from clipboard, upload image and insert it.
+ */
+export declare const withPasteImage: (editor: UxfEditor, plugin: WithPlatePlugin<UxfImagePluginOptions, WysiwygContent, UxfEditor>) => UxfEditor;

package/plugins/image/with-paste-image.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withPasteImage = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const insert_image_1 = require("./transforms/insert-image");
+/**
+ * If image is pasted from clipboard, upload image and insert it.
+ */
+const withPasteImage = (editor, plugin) => {
+    const { options: { uploadImage, getImageUrl }, } = plugin;
+    const { insertData } = editor;
+    editor.insertData = async (dataTransfer) => {
+        const text = dataTransfer.getData("text/plain");
+        const { files, effectAllowed } = dataTransfer;
+        if (files.length > 0 && effectAllowed === "uninitialized") {
+            // effectAllowed prevents re-upload image on drag and drop
+            const injectedPlugins = (0, plate_core_1.getInjectedPlugins)(editor, plugin);
+            if (!(0, plate_core_1.pipeInsertDataQuery)(injectedPlugins, {
+                data: text,
+                dataTransfer,
+            })) {
+                return insertData(dataTransfer);
+            }
+            for (const file of Array.from(files)) {
+                const [mime] = file.type.split("/");
+                if (mime === "image") {
+                    if (!uploadImage) {
+                        // eslint-disable-next-line no-console
+                        console.log("Missing uploadImage function in image plugin options!");
+                        return;
+                    }
+                    // eslint-disable-next-line no-await-in-loop
+                    const uploadedFile = await uploadImage(file);
+                    if (!getImageUrl) {
+                        // eslint-disable-next-line no-console
+                        console.log("Missing getImageUrl function in image plugin options!");
+                        return;
+                    }
+                    (0, insert_image_1.insertImage)(editor, uploadedFile, undefined, undefined, undefined, getImageUrl(uploadedFile));
+                }
+            }
+        }
+        else {
+            insertData(dataTransfer);
+        }
+    };
+    return editor;
+};
+exports.withPasteImage = withPasteImage;

package/plugins/link/constants.d.ts

@@ -0,0 +1,2 @@
+export { ELEMENT_LINK } from "@udecode/plate-link";
+export declare const LINK_PLUGIN_TYPE = "link";

package/plugins/link/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LINK_PLUGIN_TYPE = exports.ELEMENT_LINK = void 0;
+var plate_link_1 = require("@udecode/plate-link");
+Object.defineProperty(exports, "ELEMENT_LINK", { enumerable: true, get: function () { return plate_link_1.ELEMENT_LINK; } });
+exports.LINK_PLUGIN_TYPE = "link";

package/plugins/link/create-link-plugin.d.ts

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

package/plugins/link/create-link-plugin.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLinkPlugin = void 0;
+const plate_link_1 = require("@udecode/plate-link");
+const floating_link_1 = require("../../ui/floating-link");
+const url_helper_1 = require("../../utils/url-helper");
+const constants_1 = require("./constants");
+const createLinkPlugin = () => (0, plate_link_1.createLinkPlugin)({
+    type: constants_1.LINK_PLUGIN_TYPE,
+    renderAfterEditable: floating_link_1.FloatingLink,
+    options: {
+        isUrl: url_helper_1.UrlHelper.isValid,
+    },
+});
+exports.createLinkPlugin = createLinkPlugin;

package/plugins/link/floating-link-wrapper.d.ts

@@ -0,0 +1,11 @@
+import { HTMLPropsAs } from "@udecode/plate-common";
+import { UseVirtualFloatingOptions } from "@udecode/plate-floating";
+export type FloatingLinkProps = HTMLPropsAs<"div"> & {
+    floatingOptions?: UseVirtualFloatingOptions;
+};
+export declare const FloatingLinkEditRoot: import("@udecode/plate-common").Component<FloatingLinkProps>;
+export declare const FloatingLinkInsertRoot: import("@udecode/plate-common").Component<FloatingLinkProps>;
+export declare const FloatingLinkWrapper: {
+    EditRoot: import("@udecode/plate-common").Component<FloatingLinkProps>;
+    InsertRoot: import("@udecode/plate-common").Component<FloatingLinkProps>;
+};

package/plugins/link/floating-link-wrapper.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FloatingLinkWrapper = exports.FloatingLinkInsertRoot = exports.FloatingLinkEditRoot = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const plate_link_1 = require("@udecode/plate-link");
+const tw_z_index_1 = require("@uxf/ui/tw-tokens/tw-z-index");
+exports.FloatingLinkEditRoot = (0, plate_common_1.createComponentAs)((props) => {
+    var _a;
+    const htmlProps = (0, plate_link_1.useFloatingLinkEdit)(props);
+    if (((_a = htmlProps.style) === null || _a === void 0 ? void 0 : _a.display) === "none") {
+        return null;
+    }
+    return (0, plate_common_1.createElementAs)("div", { ...htmlProps, style: { ...htmlProps.style, zIndex: tw_z_index_1.twZIndex.modal } });
+});
+exports.FloatingLinkInsertRoot = (0, plate_common_1.createComponentAs)((props) => {
+    var _a;
+    const htmlProps = (0, plate_link_1.useFloatingLinkInsert)(props);
+    if (((_a = htmlProps.style) === null || _a === void 0 ? void 0 : _a.display) === "none") {
+        return null;
+    }
+    return (0, plate_common_1.createElementAs)("div", { ...htmlProps, style: { ...htmlProps.style, zIndex: tw_z_index_1.twZIndex.modal } });
+});
+exports.FloatingLinkWrapper = {
+    EditRoot: exports.FloatingLinkEditRoot,
+    InsertRoot: exports.FloatingLinkInsertRoot,
+};

package/plugins/link/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useFloatingLinkSelectors } from "@udecode/plate-link";
+export { useLinkActions } from "./use-link-actions";
+export { useLinkCancelOnEscape } from "./use-link-cancel-on-escape";
+export { useLinkSubmitOnEnter } from "./use-link-submit-on-enter";

package/plugins/link/hooks/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLinkSubmitOnEnter = exports.useLinkCancelOnEscape = exports.useLinkActions = exports.useFloatingLinkSelectors = void 0;
+var plate_link_1 = require("@udecode/plate-link");
+Object.defineProperty(exports, "useFloatingLinkSelectors", { enumerable: true, get: function () { return plate_link_1.useFloatingLinkSelectors; } });
+var use_link_actions_1 = require("./use-link-actions");
+Object.defineProperty(exports, "useLinkActions", { enumerable: true, get: function () { return use_link_actions_1.useLinkActions; } });
+var use_link_cancel_on_escape_1 = require("./use-link-cancel-on-escape");
+Object.defineProperty(exports, "useLinkCancelOnEscape", { enumerable: true, get: function () { return use_link_cancel_on_escape_1.useLinkCancelOnEscape; } });
+var use_link_submit_on_enter_1 = require("./use-link-submit-on-enter");
+Object.defineProperty(exports, "useLinkSubmitOnEnter", { enumerable: true, get: function () { return use_link_submit_on_enter_1.useLinkSubmitOnEnter; } });

package/plugins/link/hooks/use-link-actions.d.ts

@@ -0,0 +1,12 @@
+export declare const useLinkActions: () => {
+    editor: unknown;
+    setUrl: (url: string) => void;
+    getUrl: string;
+    setText: (text: string) => void;
+    getText: string;
+    setTarget: (target: string | undefined) => void;
+    getTarget: string;
+    setAllValues: (url: string, text: string, target: string | undefined) => void;
+    getActiveLinkValue: () => import("@udecode/plate-link").TLinkElement | undefined;
+    isEditing: boolean;
+};

package/plugins/link/hooks/use-link-actions.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLinkActions = void 0;
+const plate_link_1 = require("@udecode/plate-link");
+const hooks_1 = require("../../../hooks");
+const get_active_link_1 = require("../transforms/get-active-link");
+const use_link_cancel_on_escape_1 = require("./use-link-cancel-on-escape");
+const use_link_submit_on_enter_1 = require("./use-link-submit-on-enter");
+const useLinkActions = () => {
+    const editor = (0, hooks_1.useUxfEditorRef)();
+    (0, use_link_submit_on_enter_1.useLinkSubmitOnEnter)();
+    (0, use_link_cancel_on_escape_1.useLinkCancelOnEscape)();
+    const floatingLinkSelectors = (0, plate_link_1.useFloatingLinkSelectors)();
+    const setUrl = (url) => {
+        plate_link_1.floatingLinkActions.url(url);
+        plate_link_1.floatingLinkActions.isEditing(true);
+    };
+    const setText = (text) => {
+        plate_link_1.floatingLinkActions.text(text);
+        plate_link_1.floatingLinkActions.isEditing(true);
+    };
+    const setTarget = (target) => {
+        plate_link_1.floatingLinkActions.newTab(target === "_blank");
+        plate_link_1.floatingLinkActions.isEditing(true);
+    };
+    const setAllValues = (url, text, target) => {
+        setUrl(url);
+        setText(text);
+        setTarget(target);
+        plate_link_1.floatingLinkActions.isEditing(true);
+        // floatingLinkActions.show("edit", editor.id);
+    };
+    const getActiveLinkValue = () => (0, get_active_link_1.getActiveLink)(editor);
+    return {
+        editor: editor.current,
+        setUrl,
+        getUrl: floatingLinkSelectors.url(),
+        setText,
+        getText: floatingLinkSelectors.text(),
+        setTarget,
+        getTarget: floatingLinkSelectors.newTab() ? "_blank" : "_self",
+        setAllValues,
+        getActiveLinkValue,
+        // isLinkActive: linkActive,
+        isEditing: floatingLinkSelectors.isEditing(),
+    };
+};
+exports.useLinkActions = useLinkActions;

package/plugins/link/hooks/use-link-cancel-on-escape.d.ts

@@ -0,0 +1 @@
+export { useFloatingLinkEscape as useLinkCancelOnEscape } from "@udecode/plate-link";

package/plugins/link/hooks/use-link-cancel-on-escape.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLinkCancelOnEscape = void 0;
+var plate_link_1 = require("@udecode/plate-link");
+Object.defineProperty(exports, "useLinkCancelOnEscape", { enumerable: true, get: function () { return plate_link_1.useFloatingLinkEscape; } });

package/plugins/link/hooks/use-link-submit-on-enter.d.ts

@@ -0,0 +1 @@
+export declare const useLinkSubmitOnEnter: () => void;

package/plugins/link/hooks/use-link-submit-on-enter.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLinkSubmitOnEnter = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const plate_link_1 = require("@udecode/plate-link");
+const hooks_1 = require("../../../hooks");
+const submit_link_1 = require("../transforms/submit-link");
+const useLinkSubmitOnEnter = () => {
+    const editor = (0, hooks_1.useUxfEditorRef)();
+    const open = (0, plate_link_1.useFloatingLinkSelectors)().isEditing();
+    (0, plate_core_1.useHotkeys)("*", (e) => {
+        if (e.key !== "Enter") {
+            return;
+        }
+        if ((0, submit_link_1.submitLink)(editor)) {
+            e.preventDefault();
+        }
+    }, {
+        enabled: open,
+        enableOnFormTags: ["INPUT"],
+    }, []);
+};
+exports.useLinkSubmitOnEnter = useLinkSubmitOnEnter;

package/plugins/link/transforms/get-active-link.d.ts

@@ -0,0 +1,3 @@
+import { TLinkElement } from "@udecode/plate-link";
+import { UxfEditor } from "../../../types";
+export declare const getActiveLink: (editor: UxfEditor) => TLinkElement | undefined;

package/plugins/link/transforms/get-active-link.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getActiveLink = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const plate_link_1 = require("@udecode/plate-link");
+const slate_1 = require("@udecode/slate");
+const getActiveLink = (editor) => {
+    const entry = (0, slate_1.findNode)(editor, {
+        match: { type: (0, plate_core_1.getPluginType)(editor, plate_link_1.ELEMENT_LINK) },
+    });
+    if (!entry) {
+        return;
+    }
+    const [link] = entry;
+    return link;
+};
+exports.getActiveLink = getActiveLink;

package/plugins/link/transforms/insert-link.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const insertLink: (editor: UxfEditor, url: string, text: string, target: "_blank" | "_self") => boolean;

package/plugins/link/transforms/insert-link.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertLink = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const plate_core_1 = require("@udecode/plate-core");
+const plate_link_1 = require("@udecode/plate-link");
+const insertLink = (editor, url, text, target) => {
+    if (!editor.selection) {
+        return false;
+    }
+    const { isUrl, forceSubmit } = (0, plate_core_1.getPluginOptions)(editor, plate_link_1.ELEMENT_LINK);
+    const isValid = (isUrl === null || isUrl === void 0 ? void 0 : isUrl(url)) || forceSubmit;
+    if (!isValid) {
+        return false;
+    }
+    (0, plate_link_1.upsertLink)(editor, {
+        url,
+        text,
+        target,
+        skipValidation: true,
+    });
+    setTimeout(() => {
+        (0, plate_common_1.focusEditor)(editor, editor.selection || undefined);
+    }, 0);
+    return true;
+};
+exports.insertLink = insertLink;

package/plugins/link/transforms/is-link-selected.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const isLinkSelected: (editor: UxfEditor) => boolean;

package/plugins/link/transforms/is-link-selected.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLinkSelected = void 0;
+const utils_1 = require("../../../utils");
+const constants_1 = require("../constants");
+const isLinkSelected = (editor) => {
+    if (!editor.selection) {
+        return false;
+    }
+    return ((0, utils_1.isRangeInSingleText)(editor) &&
+        (0, utils_1.someNode)(editor, {
+            match: { type: (0, utils_1.getPluginType)(editor, constants_1.LINK_PLUGIN_TYPE) },
+        }));
+};
+exports.isLinkSelected = isLinkSelected;

package/plugins/link/transforms/submit-link.d.ts

@@ -0,0 +1,8 @@
+import { PlateEditor } from "@udecode/plate-core";
+import { Value } from "@udecode/slate";
+/**
+ * Insert transforms if url is valid from store
+ * Text is url if empty.
+ * Focus editor.
+ */
+export declare const submitLink: <V extends Value>(editor: PlateEditor<V>) => true | undefined;

package/plugins/link/transforms/submit-link.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.submitLink = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const plate_core_1 = require("@udecode/plate-core");
+const plate_link_1 = require("@udecode/plate-link");
+/**
+ * Insert transforms if url is valid from store
+ * Text is url if empty.
+ * Focus editor.
+ */
+const submitLink = (editor) => {
+    if (!editor.selection) {
+        return;
+    }
+    const { isUrl, forceSubmit } = (0, plate_core_1.getPluginOptions)(editor, plate_link_1.ELEMENT_LINK);
+    const url = plate_link_1.floatingLinkSelectors.url();
+    const isValid = (isUrl === null || isUrl === void 0 ? void 0 : isUrl(url)) || forceSubmit;
+    if (!isValid) {
+        return;
+    }
+    const text = plate_link_1.floatingLinkSelectors.text();
+    const target = plate_link_1.floatingLinkSelectors.newTab() ? "_blank" : "_self";
+    (0, plate_link_1.upsertLink)(editor, {
+        url,
+        text,
+        target,
+        skipValidation: true,
+    });
+    plate_link_1.floatingLinkActions.reset();
+    setTimeout(() => {
+        (0, plate_common_1.focusEditor)(editor, editor.selection || undefined);
+    }, 0);
+    return true;
+};
+exports.submitLink = submitLink;

package/plugins/link/transforms/trigger-link-insert-or-edit.d.ts

@@ -0,0 +1,2 @@
+import { UxfEditor } from "../../../types";
+export declare const triggerLinkInsertOrEdit: (editor: UxfEditor, focused?: boolean) => void;