@uxf/wysiwyg 11.72.3 → 11.74.0

package/ui/toolbar/buttons/video-toolbar-button.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoToolbarButton = void 0;
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../../../hooks");
-const create_video_plugin_1 = require("../../../plugins/embedded/video/create-video-plugin");
-const context_1 = require("../../../translations/context");
-const insert_video_modal_content_1 = require("../../video/insert-video-modal-content");
-const modal_toolbar_button_1 = require("./modal-toolbar-button");
-const CLASS_NAME = "uxf-wysiwyg__toolbar-button";
-const VideoToolbarButton = (props) => {
-    var _a, _b;
-    const t = (0, context_1.useTranslation)();
-    const editor = (0, hooks_1.useUxfPlateEditorState)(props.plateId);
-    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { Modal: react_1.default.createElement(insert_video_modal_content_1.InsertVideoModalContent, { editor: editor }), className: `${CLASS_NAME} ${CLASS_NAME}-video ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, editor: editor, iconName: (_b = props.iconName) !== null && _b !== void 0 ? _b : "youtube", pluginKey: create_video_plugin_1.ELEMENT_VIDEO_EMBED, tooltipText: t("wysiwyg:plugins.video.tooltip") }));
-};
-exports.VideoToolbarButton = VideoToolbarButton;

package/ui/toolbar/toolbar.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-import { ToolbarProps } from "./types";
-export declare const Toolbar: FC<ToolbarProps>;

package/ui/toolbar/toolbar.js

@@ -1,77 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Toolbar = void 0;
-const button_group_1 = require("@uxf/ui/button-group");
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../../hooks");
-const types_1 = require("../../plugins/blockquote/types");
-const button_1 = require("../../plugins/button");
-const create_video_plugin_1 = require("../../plugins/embedded/video/create-video-plugin");
-const constants_1 = require("../../plugins/heading/constants");
-const types_2 = require("../../plugins/highlight/types");
-const types_3 = require("../../plugins/image/types");
-const constants_2 = require("../../plugins/link/constants");
-const constants_3 = require("../../plugins/list/constants");
-const types_4 = require("../../plugins/mark-bold/types");
-const types_5 = require("../../plugins/mark-code/types");
-const types_6 = require("../../plugins/mark-italic/types");
-const types_7 = require("../../plugins/mark-underline/types");
-const context_1 = require("../../translations/context");
-const utils_1 = require("../../utils");
-const button_toolbar_button_1 = require("./buttons/button-toolbar-button");
-const element_toolbar_button_1 = require("./buttons/element-toolbar-button");
-const image_toolbar_button_1 = require("./buttons/image-toolbar-button");
-const link_toolbar_button_1 = require("./buttons/link-toolbar-button");
-const list_toolbar_button_1 = require("./buttons/list-toolbar-button");
-const mark_toolbar_button_1 = require("./buttons/mark-toolbar-button");
-const undo_redo_button_group_1 = require("./buttons/undo-redo-button-group");
-const video_toolbar_button_1 = require("./buttons/video-toolbar-button");
-const CLASS_NAME = "uxf-wysiwyg__toolbar";
-const BUTTON_GROUP_CLASS_NAME = `${CLASS_NAME}-button-group`;
-const Toolbar = (props) => {
-    var _a;
-    // eslint-disable-next-line react/destructuring-assignment
-    const { customPluginsButtons, leftElement, plateId, rightElement, ...restProps } = props;
-    const editor = (0, hooks_1.useUxfPlateEditorState)(props.plateId);
-    const t = (0, context_1.useTranslation)();
-    return (react_1.default.createElement("div", { ...restProps, className: `${CLASS_NAME} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
-        leftElement,
-        react_1.default.createElement("div", { className: `${CLASS_NAME}-buttons` },
-            (0, utils_1.isSomeOfPluginsEnabled)(editor, constants_1.KEYS_HEADING) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-headings` },
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h1", plateId: plateId, pluginKey: constants_1.ELEMENT_H1, tooltipText: t("wysiwyg:plugins.h1.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h2", plateId: plateId, pluginKey: constants_1.ELEMENT_H2, tooltipText: t("wysiwyg:plugins.h2.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h3", plateId: plateId, pluginKey: constants_1.ELEMENT_H3, tooltipText: t("wysiwyg:plugins.h3.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h4", plateId: plateId, pluginKey: constants_1.ELEMENT_H4, tooltipText: t("wysiwyg:plugins.h4.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h5", plateId: plateId, pluginKey: constants_1.ELEMENT_H5, tooltipText: t("wysiwyg:plugins.h5.tooltip") }),
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "h6", plateId: plateId, pluginKey: constants_1.ELEMENT_H6, tooltipText: t("wysiwyg:plugins.h6.tooltip") }))),
-            (0, utils_1.isSomeOfPluginsEnabled)(editor, [
-                types_4.BOLD_PLUGIN_KEY,
-                types_6.ITALIC_PLUGIN_KEY,
-                types_7.UNDER_LINE_PLUGIN_KEY,
-                types_5.CODE_PLUGIN_KEY,
-                types_2.HIGHLIGHT_PLUGIN_KEY,
-            ]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-marks` },
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "bold", iconSize: 12, plateId: plateId, pluginKey: types_4.BOLD_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.bold.tooltip") }),
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "italic", iconSize: 12, plateId: plateId, pluginKey: types_6.ITALIC_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.italic.tooltip") }),
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "underline", iconSize: 14, plateId: plateId, pluginKey: types_7.UNDER_LINE_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.underline.tooltip") }),
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "code-simple", plateId: plateId, pluginKey: types_5.CODE_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.code.tooltip") }),
-                react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { iconName: "highlighter-line", iconSize: 19, plateId: plateId, pluginKey: types_2.HIGHLIGHT_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.highlight.tooltip") }))),
-            (0, utils_1.isSomeOfPluginsEnabled)(editor, [types_1.BLOCKQUOTE_PLUGIN_KEY]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-blocks` },
-                react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { iconName: "block-quote", plateId: plateId, pluginKey: types_1.BLOCKQUOTE_PLUGIN_KEY, tooltipText: t("wysiwyg:plugins.quote.tooltip") }))),
-            (0, utils_1.isSomeOfPluginsEnabled)(editor, [constants_3.LIST_UNORDERED_TYPE, constants_3.LIST_ORDERED_TYPE]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-lists` },
-                react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { iconName: "ul", plateId: plateId, pluginKey: constants_3.LIST_UNORDERED_TYPE, tooltipText: t("wysiwyg:plugins.ul.tooltip") }),
-                react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { iconName: "ol", plateId: plateId, pluginKey: constants_3.LIST_ORDERED_TYPE, tooltipText: t("wysiwyg:plugins.ol.tooltip") }))),
-            (0, utils_1.isSomeOfPluginsEnabled)(editor, [constants_2.ELEMENT_LINK, button_1.PLUGIN_BUTTON_KEY]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-clickables` },
-                react_1.default.createElement(link_toolbar_button_1.LinkToolbarButton, { plateId: plateId }),
-                react_1.default.createElement(button_toolbar_button_1.ButtonToolbarButton, { plateId: plateId }))),
-            (0, utils_1.isSomeOfPluginsEnabled)(editor, [types_3.IMAGE_PLUGIN_KEY, create_video_plugin_1.ELEMENT_VIDEO_EMBED]) && (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${BUTTON_GROUP_CLASS_NAME} ${BUTTON_GROUP_CLASS_NAME}-media` },
-                react_1.default.createElement(image_toolbar_button_1.ImageToolbarButton, { plateId: plateId }),
-                react_1.default.createElement(video_toolbar_button_1.VideoToolbarButton, { plateId: plateId }))),
-            customPluginsButtons,
-            react_1.default.createElement(undo_redo_button_group_1.UndoRedoButtonGroup, { plateId: plateId })),
-        rightElement));
-};
-exports.Toolbar = Toolbar;

package/ui/toolbar/types.d.ts

@@ -1,8 +0,0 @@
-import { PlateId } from "@udecode/plate-core";
-import { HTMLAttributes, ReactNode } from "react";
-export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
-    customPluginsButtons?: ReactNode;
-    leftElement?: ReactNode;
-    plateId: PlateId;
-    rightElement?: ReactNode;
-}

package/ui/toolbar/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/ui/underline-mark.d.ts

@@ -1,2 +0,0 @@
-import { LeafUiComponent } from "../types";
-export declare const UnderlineMark: LeafUiComponent;

package/ui/underline-mark.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UnderlineMark = void 0;
-const react_1 = __importDefault(require("react"));
-const CLASS_NAME = "uxf-wysiwyg__element";
-const UnderlineMark = (props) => {
-    var _a;
-    return (react_1.default.createElement("u", { ...props.attributes, className: `${CLASS_NAME} ${CLASS_NAME}-underline ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` }, props.children));
-};
-exports.UnderlineMark = UnderlineMark;

package/ui/utils.d.ts

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

package/ui/utils.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.closeModalWithFocus = void 0;
-const modal_service_1 = require("@uxf/ui/modal/modal-service");
-const utils_1 = require("../utils");
-const closeModalWithFocus = (editor) => {
-    var _a;
-    (0, modal_service_1.closeModal)();
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    const selection = (_a = editor.selection) !== null && _a !== void 0 ? _a : editor.prevSelection;
-    (0, utils_1.focusEditor)(editor, selection);
-};
-exports.closeModalWithFocus = closeModalWithFocus;

package/ui/video/insert-video-modal-content.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-import { UxfEditor, UxfVideoElement } from "../../types";
-interface InsertVideoModalContentProps {
-    editor: UxfEditor;
-    editedVideo?: UxfVideoElement;
-}
-export declare const InsertVideoModalContent: FC<InsertVideoModalContentProps>;
-export {};

package/ui/video/insert-video-modal-content.js

@@ -1,76 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InsertVideoModalContent = void 0;
-const text_input_1 = require("@uxf/ui/text-input");
-const react_1 = __importStar(require("react"));
-const utils_1 = require("../../plugins/embedded/utils");
-const insert_video_1 = require("../../plugins/embedded/video/insert-video");
-const update_video_1 = require("../../plugins/embedded/video/update-video");
-const context_1 = require("../../translations/context");
-const modal_buttons_1 = require("../components/modal/modal-buttons");
-const modal_content_1 = require("../components/modal/modal-content");
-const utils_2 = require("../utils");
-const CLASS_NAME = "uxf-wysiwyg__insert-modal-video";
-// eslint-disable-next-line react/destructuring-assignment
-const InsertVideoModalContent = ({ editor, editedVideo }) => {
-    var _a;
-    const t = (0, context_1.useTranslation)();
-    const [url, setUrl] = (0, react_1.useState)((_a = editedVideo === null || editedVideo === void 0 ? void 0 : editedVideo.url) !== null && _a !== void 0 ? _a : "");
-    const [embedUrl, setEmbedUrl] = (0, react_1.useState)(editedVideo
-        ? { id: editedVideo.videoId, provider: editedVideo.provider, url: editedVideo.embeddedUrl }
-        : undefined);
-    const [error, setError] = (0, react_1.useState)();
-    const onSubmit = (0, react_1.useCallback)((event) => {
-        event.preventDefault();
-        setEmbedUrl((0, utils_1.parseVideoUrl)(url));
-        if (!((embedUrl === null || embedUrl === void 0 ? void 0 : embedUrl.url) && embedUrl.provider && embedUrl.id)) {
-            setError("Neplatná URL adresa.");
-            return;
-        }
-        if (editedVideo) {
-            (0, update_video_1.updateVideo)(editor, url, embedUrl.url, embedUrl.provider, embedUrl.id);
-        }
-        else {
-            (0, insert_video_1.insertVideo)(editor, url, embedUrl.url, embedUrl.provider, embedUrl.id);
-        }
-        (0, utils_2.closeModalWithFocus)(editor);
-    }, [editedVideo, editor, embedUrl, url]);
-    const onChange = (0, react_1.useCallback)((v) => {
-        setUrl(v);
-        setError(undefined);
-        setEmbedUrl((0, utils_1.parseVideoUrl)(v));
-    }, []);
-    const title = editedVideo ? t("wysiwyg:plugins.video.button-edit") : t("wysiwyg:plugins.video.button-insert");
-    return (react_1.default.createElement(modal_content_1.ModalContent, { title: title },
-        react_1.default.createElement("form", { className: `${CLASS_NAME}__form`, id: "insert-video-form", onSubmit: onSubmit },
-            react_1.default.createElement("div", { className: `${CLASS_NAME}__form-inputs` },
-                react_1.default.createElement(text_input_1.TextInput, { helperText: error, isInvalid: Boolean(error), label: t("wysiwyg:plugins.video.url-address.label"), name: "url-address", onChange: onChange, placeholder: t("wysiwyg:plugins.video.url-address.placeholder"), type: "text", value: url })),
-            (embedUrl === null || embedUrl === void 0 ? void 0 : embedUrl.url) && (react_1.default.createElement("div", { className: `${CLASS_NAME}__iframe-wrapper` },
-                react_1.default.createElement("iframe", { className: `${CLASS_NAME}__iframe`, height: "100%", src: embedUrl.url, title: t("wysiwyg:plugins.video.iframe-title"), width: "100%" }))),
-            react_1.default.createElement(modal_buttons_1.ModalButtons, { className: `${CLASS_NAME}__form-buttons`, editor: editor, submitText: title }),
-            react_1.default.createElement("button", { hidden: true, type: "submit" }))));
-};
-exports.InsertVideoModalContent = InsertVideoModalContent;

package/ui/video/video-element.d.ts

@@ -1,2 +0,0 @@
-import { ElementUiComponent, UxfVideoElement } from "../../types";
-export declare const VideoElement: ElementUiComponent<UxfVideoElement>;

package/ui/video/video-element.js

@@ -1,55 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoElement = void 0;
-const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
-const modal_service_1 = require("@uxf/ui/modal/modal-service");
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const get_active_video_1 = require("../../plugins/embedded/video/get-active-video");
-const context_1 = require("../../translations/context");
-const utils_1 = require("../../utils");
-const element_with_action_buttons_1 = require("../components/element/element-with-action-buttons");
-const insert_video_modal_content_1 = require("./insert-video-modal-content");
-const CLASS_NAME = "uxf-wysiwyg__element";
-const VideoElement = (props) => {
-    var _a;
-    const t = (0, context_1.useTranslation)();
-    const selected = (0, hooks_1.useSelected)();
-    const onEdit = (0, react_1.useCallback)(() => {
-        (0, modal_service_1.openModal)({
-            children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "lg" },
-                react_1.default.createElement(insert_video_modal_content_1.InsertVideoModalContent, { editedVideo: (0, get_active_video_1.getActiveVideo)(props.editor), editor: props.editor }))),
-        });
-    }, [props.editor]);
-    const onDelete = (0, react_1.useCallback)(() => {
-        (0, utils_1.removeSelectedNode)(props.editor);
-    }, [props.editor]);
-    return (react_1.default.createElement("div", { ...props.attributes, className: `${CLASS_NAME} ${CLASS_NAME}-video ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
-        react_1.default.createElement(element_with_action_buttons_1.ElementWithActionButtons, { className: `${CLASS_NAME}-video__action-buttons`, isSelected: selected, onDelete: onDelete, onEdit: onEdit },
-            react_1.default.createElement("iframe", { className: `${CLASS_NAME}-video__iframe`, src: props.element.embeddedUrl, tabIndex: -1, title: t("wysiwyg:plugins.video.iframe-title") })),
-        props.children));
-};
-exports.VideoElement = VideoElement;

package/utils/url-helper.d.ts

@@ -1,7 +0,0 @@
-declare function hasProtocol(value: string): RegExpMatchArray | null;
-declare function isValid(value: string): boolean;
-export declare const UrlHelper: {
-    hasProtocol: typeof hasProtocol;
-    isValid: typeof isValid;
-};
-export {};

package/utils/url-helper.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UrlHelper = void 0;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-function hasProtocol(value) {
-    return value.match(new RegExp("^(https?://)|(tel:)|(mailto:)(#)(.*)"));
-}
-const URL_PATTERN = new RegExp("(^(https?:\\/\\/)?([\\da-z.-]+)\\.([a-z.]{2,6})([\\/\\w .-]*)(.*)$)|(^tel:\\+?[0-9\\-() ]+$)|(^mailto:[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$)|(^#.*$)");
-function isValid(value) {
-    return (0, is_not_nil_1.isNotNil)(value.match(URL_PATTERN));
-}
-exports.UrlHelper = {
-    hasProtocol,
-    isValid,
-};

package/utils/url-helper.test.d.ts

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

package/utils/url-helper.test.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const url_helper_1 = require("./url-helper");
-describe("UrlHelper", () => {
-    describe("hasProtocol", () => {
-        it("should return true for valid URLs with http or https protocols", () => {
-            expect(url_helper_1.UrlHelper.hasProtocol("https://example.com")).not.toBeNull();
-            expect(url_helper_1.UrlHelper.hasProtocol("http://example.com")).not.toBeNull();
-        });
-        it("should return true for tel protocol", () => {
-            expect(url_helper_1.UrlHelper.hasProtocol("tel:+1234567890")).not.toBeNull();
-        });
-        it("should return true for mailto protocol", () => {
-            expect(url_helper_1.UrlHelper.hasProtocol("mailto:test@example.com")).toBeNull();
-        });
-        it("should return false for invalid URLs", () => {
-            expect(url_helper_1.UrlHelper.hasProtocol("example.com")).toBeNull();
-            expect(url_helper_1.UrlHelper.hasProtocol("ftp://example.com")).toBeNull();
-            expect(url_helper_1.UrlHelper.hasProtocol("")).toBeNull();
-        });
-    });
-    describe("isValid", () => {
-        it("should return true for valid URLs", () => {
-            expect(url_helper_1.UrlHelper.isValid("https://example.com")).toBe(true);
-            expect(url_helper_1.UrlHelper.isValid("http://example.com")).toBe(true);
-            expect(url_helper_1.UrlHelper.isValid("example.com")).toBe(true);
-            expect(url_helper_1.UrlHelper.isValid("tel:+1234567890")).toBe(true);
-            expect(url_helper_1.UrlHelper.isValid("mailto:test@example.com")).toBe(true);
-            expect(url_helper_1.UrlHelper.isValid("#section")).toBe(true);
-        });
-        it("should return false for invalid URLs", () => {
-            expect(url_helper_1.UrlHelper.isValid("ftp://example.com")).toBe(false);
-            expect(url_helper_1.UrlHelper.isValid("mailto:invalid-email")).toBe(false);
-            expect(url_helper_1.UrlHelper.isValid("")).toBe(false);
-        });
-    });
-});

package/utils.d.ts

@@ -1,30 +0,0 @@
-import { ToggleNodeTypeOptions } from "@udecode/plate-core";
-import { FindNodeOptions, GetNodeEntriesOptions } from "@udecode/slate";
-import { ToggleMarkOptions } from "@udecode/slate-utils";
-import { Location } from "slate";
-import { UxfBlockElement, UxfEditor, WysiwygContent } from "./types";
-export declare const getUxfEditor: (editor: UxfEditor) => import("@udecode/plate-common").Modify<UxfEditor, {
-    operations: import("@udecode/plate-common").TOperation<import("@udecode/plate-common").EElementOrText<WysiwygContent>>[];
-    isInline: (element: import("@udecode/plate-common").TElement | import("./types").LicElement | import("./types").LiElement | import("./types").WysiwygRootBlock) => boolean;
-    isVoid: (element: import("@udecode/plate-common").TElement | import("./types").LicElement | import("./types").LiElement | import("./types").WysiwygRootBlock) => boolean;
-    normalizeNode: (entry: import("@udecode/plate-common").TNodeEntry<import("@udecode/plate-common").ENode<WysiwygContent>>) => void;
-    apply: (operation: import("@udecode/plate-common").TOperation<import("@udecode/plate-common").EElementOrText<WysiwygContent>>) => void;
-    getFragment: () => import("@udecode/plate-common").EElementOrText<WysiwygContent>[];
-    insertFragment: (fragment: import("@udecode/plate-common").EElementOrText<WysiwygContent>[]) => void;
-    insertNode: (node: import("@udecode/plate-common").EElementOrText<WysiwygContent> | import("@udecode/plate-common").EElementOrText<WysiwygContent>[]) => void;
-}>;
-export declare const getPluginOptions: <P = import("@udecode/plate-common").AnyObject>(editor: UxfEditor, pluginKey: string) => P;
-export declare const getPluginType: (editor: UxfEditor, key: string) => string;
-export declare const someNode: (editor: UxfEditor, options: FindNodeOptions<WysiwygContent>) => boolean;
-export declare const toggleNodeType: (editor: UxfEditor, options: ToggleNodeTypeOptions, editorNodesOptions?: Omit<GetNodeEntriesOptions<WysiwygContent>, "match"> | undefined) => void;
-export declare const focusEditor: (editor: UxfEditor, target?: Location | undefined) => void;
-export declare const isRangeInSingleText: (editor: UxfEditor) => boolean;
-export declare const isMarkActive: (editor: UxfEditor, type: string) => boolean;
-export declare const toggleMark: (editor: UxfEditor, { key, clear }: ToggleMarkOptions) => void;
-export declare const isPluginEnabled: (editor: UxfEditor, pluginKey: string) => boolean;
-export declare const isSomeOfPluginsEnabled: (editor: UxfEditor, pluginKeys: string[]) => boolean;
-export declare const getSelectedNode: (editor: UxfEditor) => UxfBlockElement | null;
-export declare const getActiveElement: <E extends UxfBlockElement = UxfBlockElement>(editor: UxfEditor, elementKey: string) => E | undefined;
-export declare const removeElement: (editor: UxfEditor, node: UxfBlockElement) => boolean;
-export declare const insertVoid: (editor: UxfEditor, node: UxfBlockElement) => void;
-export declare const removeSelectedNode: (editor: UxfEditor) => void;

package/utils.js

@@ -1,88 +0,0 @@
-"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);
-exports.getUxfEditor = getUxfEditor;
-const getPluginOptions = (editor, pluginKey) => {
-    return (0, plate_core_1.getPluginOptions)(editor, pluginKey);
-};
-exports.getPluginOptions = getPluginOptions;
-const getPluginType = (editor, key) => (0, plate_core_1.getPluginType)(editor, key);
-exports.getPluginType = getPluginType;
-const someNode = (editor, options) => (0, plate_common_1.someNode)(editor, options);
-exports.someNode = someNode;
-const toggleNodeType = (editor, options, editorNodesOptions) => (0, plate_core_1.toggleNodeType)(editor, options, editorNodesOptions);
-exports.toggleNodeType = toggleNodeType;
-const focusEditor = (editor, target) => (0, plate_common_1.focusEditor)(editor, target);
-exports.focusEditor = focusEditor;
-const isRangeInSingleText = (editor) => editor.selection ? (0, plate_common_1.isRangeInSingleText)(editor.selection) : false;
-exports.isRangeInSingleText = isRangeInSingleText;
-const isMarkActive = (editor, type) => (0, plate_common_1.isMarkActive)(editor, type) && (0, exports.isRangeInSingleText)(editor);
-exports.isMarkActive = isMarkActive;
-const toggleMark = (editor, { key, clear }) => (0, plate_common_1.toggleMark)(editor, { key, clear });
-exports.toggleMark = toggleMark;
-const isPluginEnabled = (editor, pluginKey) => editor.plugins.findIndex((plugin) => plugin.key === pluginKey) !== -1;
-exports.isPluginEnabled = isPluginEnabled;
-const isSomeOfPluginsEnabled = (editor, pluginKeys) => editor.plugins.some((plugin) => pluginKeys.includes(plugin.key));
-exports.isSomeOfPluginsEnabled = isSomeOfPluginsEnabled;
-const getSelectedNode = (editor) => {
-    var _a;
-    const selection = editor.selection;
-    const firstAnchorPath = selection === null || selection === void 0 ? void 0 : selection.anchor.path.at(0);
-    if ((0, is_not_nil_1.isNotNil)(firstAnchorPath)) {
-        return (_a = editor.children.at(firstAnchorPath)) !== null && _a !== void 0 ? _a : null;
-    }
-    return null;
-};
-exports.getSelectedNode = getSelectedNode;
-const getActiveElement = (editor, elementKey) => {
-    var _a;
-    const entry = (0, slate_1.findNode)(editor, {
-        match: {
-            type: (0, exports.getPluginType)(editor, elementKey),
-        },
-        at: (_a = editor.selection) !== null && _a !== void 0 ? _a : undefined,
-    });
-    if (!entry) {
-        return;
-    }
-    const [element] = entry;
-    return element;
-};
-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 });
-    (0, exports.focusEditor)(editor, (_a = editor.selection) !== null && _a !== void 0 ? _a : undefined);
-    return true;
-};
-exports.removeElement = removeElement;
-const insertVoid = (editor, node) => {
-    var _a;
-    const selectedNode = (0, exports.getSelectedNode)(editor);
-    if (!selectedNode) {
-        (0, slate_1.insertNodes)(editor, node);
-    }
-    else {
-        if (selectedNode.type !== types_1.PARAGRAPH_PLUGIN_TYPE || !(0, slate_1.isElementEmpty)(editor, selectedNode)) {
-            (0, plate_break_1.exitBreak)(editor, {});
-        }
-        (0, slate_1.setNodes)(editor, 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);
-};
-exports.insertVoid = insertVoid;
-const removeSelectedNode = (editor) => {
-    (0, slate_1.removeNodes)(editor);
-    (0, exports.focusEditor)(editor);
-};
-exports.removeSelectedNode = removeSelectedNode;

package/wysiwyg-editor.d.ts

@@ -1,17 +0,0 @@
-import { TEditableProps } from "@udecode/plate-core";
-import { FC, ReactNode } from "react";
-import { TranslationFunction } from "./translations/translations";
-import { UxfPlatePlugin, WysiwygContent } from "./types";
-export interface WysiwygEditorProps {
-    className?: string;
-    customPluginsToolbarButtons?: ReactNode;
-    editableProps?: TEditableProps<WysiwygContent>;
-    id: string;
-    initialValue: WysiwygContent | undefined;
-    onChange: (value: WysiwygContent) => void;
-    plugins: UxfPlatePlugin[];
-    t?: TranslationFunction;
-    toolbarLeftElement?: ReactNode;
-    toolbarRightElement?: ReactNode;
-}
-export declare const WysiwygEditor: FC<WysiwygEditorProps>;

package/wysiwyg-editor.js

@@ -1,44 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WysiwygEditor = void 0;
-const plate_core_1 = require("@udecode/plate-core");
-const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
-const classes_1 = require("@uxf/core/constants/classes");
-const loader_1 = require("@uxf/ui/loader");
-const react_1 = __importDefault(require("react"));
-const context_1 = require("./translations/context");
-const translations_1 = require("./translations/translations");
-const toolbar_1 = require("./ui/toolbar/toolbar");
-const CLASS_NAME = "uxf-wysiwyg";
-const Editor = (props) => {
-    var _a, _b;
-    const t = (0, context_1.useTranslation)();
-    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("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 }))));
-};
-const WysiwygEditor = (props) => {
-    var _a, _b, _c;
-    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_1.default.createElement("div", { className: `${CLASS_NAME} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}` },
-        react_1.default.createElement(context_1.TranslationContextProvider, { value: (_c = props.t) !== null && _c !== void 0 ? _c : translations_1.defaultTranslationFunction },
-            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, plateId: props.id, toolbarLeftElement: props.toolbarLeftElement, toolbarRightElement: props.toolbarRightElement })))));
-};
-exports.WysiwygEditor = WysiwygEditor;

package/wysiwyg-editor.stories.d.ts

@@ -1,5 +0,0 @@
-import { WysiwygContent } from "@uxf/wysiwyg";
-import React from "react";
-export declare const initialValue: WysiwygContent;
-export declare function Playground(): React.JSX.Element;
-export declare function SelectedPlugins(): React.JSX.Element;