@uxf/wysiwyg 2.0.0-beta.2 → 2.0.0-beta.21

package/README.md

@@ -1,8 +1,62 @@
-## Wysiwyg Mvp
-`yarn add @udecode/plate`
-### required peer deps
-```bash
-yarn install slate slate-react slate-history slate-hyperscript react react-dom react-dnd react-dnd-html5-backend styled-components @styled-icons/material
+[![npm](https://img.shields.io/npm/v/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![size](https://img.shields.io/bundlephobia/min/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![quality](https://img.shields.io/npms-io/quality-score/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![license](https://img.shields.io/npm/l/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+
+# UXF Wysiwyg editor
+
+## @uxf/ui configuration
+- wrap your app with `UiContextProvider`
+- add `<Modal ref={getModalRef()} />` to make modals work
+
+```tsx
+<UiContextProvider value={getProviderConfig()}>
+    <App />
+    <Modal ref={getModalRef()} />
+</UiContextProvider>
 ```
 
-soft break & exit break: @udecode/plate-break
+## Usage with all available plugins 
+```tsx
+const plugins = useMemo(
+    () =>
+        createUxfPlugins({
+            headings: { disabledLevels: [1] },
+            image: {
+                uploadImage: fileUpload,
+                getImageUrl: getOriginalFileUrl,
+            },
+        }),
+    [],
+);
+
+<WysiwygEditor initialValue={initialValue} onChange={onChange} plugins={plugins} />
+```
+
+## Usage with specific plugins
+```tsx
+const onlySelectedPlugins = useMemo(
+    () =>
+        createPluginsWithUi([
+            createHeadingsPluginWithUi({
+                disabledLevels: [1],
+            }),
+            createImagePluginWithUi({
+                uploadImage: fileUpload,
+                getImageUrl: getOriginalFileUrl,
+            }),
+            createBlockQuotePluginWithUi(),
+            createBoldPluginWithUi(),
+            createItalicPluginWithUi(),
+            createUnderlinePluginWithUi(),
+            createCodePluginWithUi(),
+            createListPluginWithUi(),
+            createLinkPluginWithUi(),
+            createVideoPluginWithUi(),
+        ]),
+
+    [],
+);
+
+<WysiwygEditor initialValue={initialValue} onChange={onChange} plugins={onlySelectedPlugins} />
+```

package/config/icons-config.d.ts

@@ -0,0 +1,2 @@
+export declare const ICONS_VERSION = "1681909549492";
+export declare const ICON_SPRITE = "/icons-generated/_icon-sprite.svg";

package/config/icons-config.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
+exports.ICONS_VERSION = "1681909549492";
+exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=

package/config/icons.d.ts

@@ -0,0 +1,183 @@
+export declare const ICONS: {
+    readonly calendar: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly camera: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly caretDown: {
+        readonly w: 320;
+        readonly h: 512;
+    };
+    readonly clock: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly bars: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly check: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly chevronDown: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly chevronLeft: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly chevronsLeft: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly chevronRight: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly chevronsRight: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly chevronUp: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly cloud: {
+        readonly w: 640;
+        readonly h: 512;
+    };
+    readonly copy: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly "ellipsis-vertical": {
+        readonly w: 128;
+        readonly h: 512;
+    };
+    readonly file: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly imageFile: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly videoFile: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly user: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly xmarkLarge: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly h1: {
+        readonly w: 576;
+        readonly h: 512;
+    };
+    readonly h2: {
+        readonly w: 640;
+        readonly h: 512;
+    };
+    readonly h3: {
+        readonly w: 640;
+        readonly h: 512;
+    };
+    readonly h4: {
+        readonly w: 640;
+        readonly h: 512;
+    };
+    readonly h5: {
+        readonly w: 640;
+        readonly h: 512;
+    };
+    readonly h6: {
+        readonly w: 640;
+        readonly h: 512;
+    };
+    readonly bold: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly italic: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly underline: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly ol: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly ul: {
+        readonly w: 576;
+        readonly h: 512;
+    };
+    readonly "code-simple": {
+        readonly w: 576;
+        readonly h: 512;
+    };
+    readonly link: {
+        readonly w: 640;
+        readonly h: 512;
+    };
+    readonly image: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly youtube: {
+        readonly w: 576;
+        readonly h: 512;
+    };
+    readonly "block-quote": {
+        readonly w: 576;
+        readonly h: 512;
+    };
+    readonly "arrow-left": {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly "arrow-right": {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly "arrow-turn-down-left": {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly "arrow-turn-down-right": {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly "rectangle-wide": {
+        readonly w: 640;
+        readonly h: 512;
+    };
+    readonly edit: {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly delete: {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly "open-link-in-new-tab": {
+        readonly w: 512;
+        readonly h: 512;
+    };
+    readonly "highlighter-line": {
+        readonly w: 576;
+        readonly h: 512;
+    };
+};
+export type IconsSet = keyof typeof ICONS;

package/config/icons.js

@@ -0,0 +1,52 @@
+"use strict";
+// this file is generated automatically, do not change anything manually in the contents of this file
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICONS = void 0;
+exports.ICONS = {
+    "calendar": { w: 448, h: 512 },
+    "camera": { w: 512, h: 512 },
+    "caretDown": { w: 320, h: 512 },
+    "clock": { w: 512, h: 512 },
+    "bars": { w: 448, h: 512 },
+    "check": { w: 512, h: 512 },
+    "chevronDown": { w: 512, h: 512 },
+    "chevronLeft": { w: 384, h: 512 },
+    "chevronsLeft": { w: 512, h: 512 },
+    "chevronRight": { w: 384, h: 512 },
+    "chevronsRight": { w: 512, h: 512 },
+    "chevronUp": { w: 512, h: 512 },
+    "cloud": { w: 640, h: 512 },
+    "copy": { w: 512, h: 512 },
+    "ellipsis-vertical": { w: 128, h: 512 },
+    "file": { w: 384, h: 512 },
+    "imageFile": { w: 384, h: 512 },
+    "videoFile": { w: 384, h: 512 },
+    "user": { w: 448, h: 512 },
+    "xmarkLarge": { w: 448, h: 512 },
+    "h1": { w: 576, h: 512 },
+    "h2": { w: 640, h: 512 },
+    "h3": { w: 640, h: 512 },
+    "h4": { w: 640, h: 512 },
+    "h5": { w: 640, h: 512 },
+    "h6": { w: 640, h: 512 },
+    "bold": { w: 384, h: 512 },
+    "italic": { w: 384, h: 512 },
+    "underline": { w: 448, h: 512 },
+    "ol": { w: 512, h: 512 },
+    "ul": { w: 576, h: 512 },
+    "code-simple": { w: 576, h: 512 },
+    "link": { w: 640, h: 512 },
+    "image": { w: 512, h: 512 },
+    "youtube": { w: 576, h: 512 },
+    "block-quote": { w: 576, h: 512 },
+    "arrow-left": { w: 448, h: 512 },
+    "arrow-right": { w: 448, h: 512 },
+    "arrow-turn-down-left": { w: 512, h: 512 },
+    "arrow-turn-down-right": { w: 512, h: 512 },
+    "rectangle-wide": { w: 640, h: 512 },
+    "edit": { w: 512, h: 512 },
+    "delete": { w: 448, h: 512 },
+    "open-link-in-new-tab": { w: 512, h: 512 },
+    "highlighter-line": { w: 576, h: 512 },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxD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

package/create-all-plugins-with-ui.d.ts

@@ -0,0 +1,55 @@
+import { HeadingsPluginOptions } from "./plugins/heading/create-headings-plugin";
+import { UxfImagePluginOptions } from "./plugins/image/types";
+import { ElementUiComponent } from "./types";
+import { CSSProperties } from "react";
+export declare const createHeadingsPluginWithUi: (options?: HeadingsPluginOptions) => {
+    plugin: import("@udecode/plate-core").PlatePlugin<HeadingsPluginOptions, import("./types").WysiwygContent, import("@udecode/plate-core").PlateEditor<import("./types").WysiwygContent>>;
+    components: {
+        [key: string]: ElementUiComponent<import("./types").UxfBlockElement>;
+    };
+};
+export declare const createBlockQuotePluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").HotkeyPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
+    component: ElementUiComponent<import("./types").UxfBlockElement>;
+};
+export declare const createBoldPluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").ToggleMarkPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
+    component: import("./types").LeafUiComponent<import("./types").RichText>;
+};
+export declare const createHighlightPluginWithUi: (color?: CSSProperties["color"]) => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("./plugins/highlight/types").HighlightPluginOptions, import("./types").WysiwygContent, import("@udecode/plate-core").PlateEditor<import("./types").WysiwygContent>>;
+    component: import("react").FC<import("./plugins/highlight/types").HighlightLeafElementProps>;
+};
+export declare const createItalicPluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").ToggleMarkPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
+    component: ElementUiComponent<import("./types").UxfBlockElement>;
+};
+export declare const createUnderlinePluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").ToggleMarkPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
+    component: import("./types").LeafUiComponent<import("./types").RichText>;
+};
+export declare const createCodePluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").ToggleMarkPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
+    component: import("./types").LeafUiComponent<import("./types").RichText>;
+};
+export declare const createListPluginWithUi: () => {
+    plugin: import("./types").UxfPlatePlugin<import("@udecode/plate-list").ListPlugin>;
+    components: {
+        ul: ElementUiComponent<import("./types").UxfBlockElement>;
+        ol: ElementUiComponent<import("./types").UxfBlockElement>;
+        li: ElementUiComponent<import("./types").UxfBlockElement>;
+    };
+};
+export declare const createImagePluginWithUi: (options: UxfImagePluginOptions) => {
+    plugin: import("@udecode/plate-core").PlatePlugin<UxfImagePluginOptions, import("./types").WysiwygContent, import("@udecode/plate-core").PlateEditor<import("./types").WysiwygContent>>;
+    component: ElementUiComponent<import("./types").UxfImageElement>;
+};
+export declare const createVideoPluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-media").MediaPlugin, import("./types").WysiwygContent, import("@udecode/plate-core").PlateEditor<import("./types").WysiwygContent>>;
+    component: ElementUiComponent<import("./types").UxfVideoElement>;
+};
+export declare const createAllPluginsWithUi: (options: {
+    image: UxfImagePluginOptions;
+    headings?: HeadingsPluginOptions;
+    highlightColor?: CSSProperties["color"];
+}) => import("./types").UxfPlatePlugin<import("@udecode/utils").AnyObject>[];

package/create-all-plugins-with-ui.js

@@ -0,0 +1,125 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAllPluginsWithUi = exports.createVideoPluginWithUi = exports.createImagePluginWithUi = exports.createListPluginWithUi = exports.createCodePluginWithUi = exports.createUnderlinePluginWithUi = exports.createItalicPluginWithUi = exports.createHighlightPluginWithUi = exports.createBoldPluginWithUi = exports.createBlockQuotePluginWithUi = exports.createHeadingsPluginWithUi = void 0;
+const create_plugins_with_ui_1 = require("./create-plugins-with-ui");
+const create_block_quote_plugin_1 = require("./plugins/block-quote/create-block-quote-plugin");
+const create_video_plugin_1 = require("./plugins/embedded/video/create-video-plugin");
+const constants_1 = require("./plugins/heading/constants");
+const create_headings_plugin_1 = require("./plugins/heading/create-headings-plugin");
+const create_image_plugin_1 = require("./plugins/image/create-image-plugin");
+const create_link_plugin_1 = require("./plugins/link/create-link-plugin");
+const create_list_plugin_1 = require("./plugins/list/create-list-plugin");
+const create_bold_plugin_1 = require("./plugins/mark-bold/create-bold-plugin");
+const create_code_plugin_1 = require("./plugins/mark-code/create-code-plugin");
+const create_italic_plugin_1 = require("./plugins/mark-italic/create-italic-plugin");
+const create_underline_plugin_1 = require("./plugins/mark-underline/create-underline-plugin");
+const block_quote_element_1 = require("./ui/block-quote-element");
+const bold_mark_1 = require("./ui/bold-mark");
+const code_mark_1 = require("./ui/code-mark");
+const heading_elements_1 = require("./ui/heading-elements");
+const image_element_1 = require("./ui/image/image-element");
+const italic_mark_1 = require("./ui/italic-mark");
+const link_element_1 = require("./ui/link-element");
+const list_item_element_1 = require("./ui/list-item-element");
+const list_ordered_element_1 = require("./ui/list-ordered-element");
+const list_unordered_element_1 = require("./ui/list-unordered-element");
+const underline_mark_1 = require("./ui/underline-mark");
+const video_element_1 = require("./ui/video/video-element");
+const button_1 = require("./plugins/button");
+const button_2 = require("./ui/button");
+const createHighlightPlugin_1 = require("./plugins/highlight/createHighlightPlugin");
+const highlight_mark_1 = require("./ui/highlight-mark");
+const tw_colors_1 = require("@uxf/ui/tw-tokens/tw-colors");
+const createHeadingsPluginWithUi = (options) => {
+    var _a;
+    const disabledLevels = (_a = options === null || options === void 0 ? void 0 : options.disabledLevels) !== null && _a !== void 0 ? _a : [];
+    const isDisabled = (level) => disabledLevels.findIndex((e) => e === level) !== -1;
+    const components = {};
+    const elementsByKey = [heading_elements_1.H1Element, heading_elements_1.H2Element, heading_elements_1.H3Element, heading_elements_1.H4Element, heading_elements_1.H5Element, heading_elements_1.H6Element];
+    for (let level = 1; level <= 6; level++) {
+        if (isDisabled(level)) {
+            continue;
+        }
+        components[constants_1.KEYS_HEADING[level - 1]] = elementsByKey[level - 1];
+    }
+    return {
+        plugin: (0, create_headings_plugin_1.createHeadingsPlugin)({ options }),
+        components,
+    };
+};
+exports.createHeadingsPluginWithUi = createHeadingsPluginWithUi;
+const createBlockQuotePluginWithUi = () => ({
+    plugin: (0, create_block_quote_plugin_1.createBlockquotePlugin)(),
+    component: block_quote_element_1.BlockQuoteElement,
+});
+exports.createBlockQuotePluginWithUi = createBlockQuotePluginWithUi;
+const createBoldPluginWithUi = () => ({
+    plugin: (0, create_bold_plugin_1.createBoldPlugin)(),
+    component: bold_mark_1.BoldMark,
+});
+exports.createBoldPluginWithUi = createBoldPluginWithUi;
+const createHighlightPluginWithUi = (color = tw_colors_1.twColors.yellow["300"]) => ({
+    plugin: (0, createHighlightPlugin_1.createHighlightPlugin)(color),
+    component: highlight_mark_1.HighlightMark,
+});
+exports.createHighlightPluginWithUi = createHighlightPluginWithUi;
+const createItalicPluginWithUi = () => ({
+    plugin: (0, create_italic_plugin_1.createItalicPlugin)(),
+    component: italic_mark_1.ItalicMark,
+});
+exports.createItalicPluginWithUi = createItalicPluginWithUi;
+const createUnderlinePluginWithUi = () => ({
+    plugin: (0, create_underline_plugin_1.createUnderlinePlugin)(),
+    component: underline_mark_1.UnderlineMark,
+});
+exports.createUnderlinePluginWithUi = createUnderlinePluginWithUi;
+const createCodePluginWithUi = () => ({
+    plugin: (0, create_code_plugin_1.createCodePlugin)(),
+    component: code_mark_1.CodeMark,
+});
+exports.createCodePluginWithUi = createCodePluginWithUi;
+const createListPluginWithUi = () => ({
+    plugin: (0, create_list_plugin_1.createListPlugin)(),
+    components: {
+        ul: list_unordered_element_1.ListUnorderedElement,
+        ol: list_ordered_element_1.ListOrderedElement,
+        li: list_item_element_1.ListItemElement,
+    },
+});
+exports.createListPluginWithUi = createListPluginWithUi;
+const createLinkPluginWithUi = () => ({
+    plugin: (0, create_link_plugin_1.createLinkPlugin)(),
+    component: link_element_1.LinkElement,
+});
+const createImagePluginWithUi = (options) => ({
+    plugin: (0, create_image_plugin_1.createImagePlugin)({
+        options,
+    }),
+    component: image_element_1.ImageElement,
+});
+exports.createImagePluginWithUi = createImagePluginWithUi;
+const createVideoPluginWithUi = () => ({
+    plugin: (0, create_video_plugin_1.createVideoPlugin)(),
+    component: video_element_1.VideoElement,
+});
+exports.createVideoPluginWithUi = createVideoPluginWithUi;
+const createButtonPluginWithUi = () => ({
+    plugin: (0, button_1.createButtonPlugin)(),
+    component: button_2.ButtonElement,
+});
+const createAllPluginsWithUi = (options) => (0, create_plugins_with_ui_1.createPluginsWithUi)([
+    (0, exports.createHeadingsPluginWithUi)(options.headings),
+    (0, exports.createBlockQuotePluginWithUi)(),
+    (0, exports.createBoldPluginWithUi)(),
+    (0, exports.createItalicPluginWithUi)(),
+    (0, exports.createUnderlinePluginWithUi)(),
+    (0, exports.createCodePluginWithUi)(),
+    (0, exports.createListPluginWithUi)(),
+    createLinkPluginWithUi(),
+    (0, exports.createImagePluginWithUi)(options.image),
+    (0, exports.createVideoPluginWithUi)(),
+    createButtonPluginWithUi(),
+    (0, exports.createHighlightPluginWithUi)(options.highlightColor),
+]);
+exports.createAllPluginsWithUi = createAllPluginsWithUi;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWFsbC1wbHVnaW5zLXdpdGgtdWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvY3JlYXRlLWFsbC1wbHVnaW5zLXdpdGgtdWkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEscUVBQStEO0FBQy9ELCtGQUF5RjtBQUN6RixzRkFBaUY7QUFDakYsMkRBQTJEO0FBQzNELHFGQUFxSDtBQUNySCw2RUFBd0U7QUFFeEUsMEVBQXFFO0FBQ3JFLDBFQUFxRTtBQUNyRSwrRUFBMEU7QUFDMUUsK0VBQTBFO0FBQzFFLHFGQUFnRjtBQUNoRiw4RkFBeUY7QUFFekYsa0VBQTZEO0FBQzdELDhDQUEwQztBQUMxQyw4Q0FBMEM7QUFDMUMsNERBQXlHO0FBQ3pHLDREQUF3RDtBQUN4RCxrREFBOEM7QUFDOUMsb0RBQWdEO0FBQ2hELDhEQUF5RDtBQUN6RCxvRUFBK0Q7QUFDL0Qsd0VBQW1FO0FBQ25FLHdEQUFvRDtBQUNwRCw0REFBd0Q7QUFDeEQsNkNBQXNEO0FBQ3RELHdDQUE0QztBQUM1QyxxRkFBa0Y7QUFDbEYsd0RBQW9EO0FBRXBELDJEQUF1RDtBQUVoRCxNQUFNLDBCQUEwQixHQUFHLENBQUMsT0FBK0IsRUFBRSxFQUFFOztJQUMxRSxNQUFNLGNBQWMsR0FBRyxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxjQUFjLG1DQUFJLEVBQUUsQ0FBQztJQUNyRCxNQUFNLFVBQVUsR0FBRyxDQUFDLEtBQW1CLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNoRyxNQUFNLFVBQVUsR0FBMEMsRUFBRSxDQUFDO0lBQzdELE1BQU0sYUFBYSxHQUFHLENBQUMsNEJBQVMsRUFBRSw0QkFBUyxFQUFFLDRCQUFTLEVBQUUsNEJBQVMsRUFBRSw0QkFBUyxFQUFFLDRCQUFTLENBQUMs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

package/create-plugins-with-ui.d.ts

@@ -0,0 +1,4 @@
+import { MyOverrideByKey, UxfPlatePlugin, WysiwygPlugin, WysiwygRecursivePlugin } from "./types";
+export declare const createPluginsWithUi: (wysiwygPlugins: Array<WysiwygPlugin<any> | WysiwygRecursivePlugin<string>>, options?: {
+    overrideByKey?: MyOverrideByKey;
+}) => UxfPlatePlugin[];

package/create-plugins-with-ui.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPluginsWithUi = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const create_exit_break_plugin_1 = require("./plugins/exit-break/create-exit-break-plugin");
+const create_node_id_plugin_1 = require("./plugins/node-id/create-node-id-plugin");
+const create_paragraph_plugin_1 = require("./plugins/paragraph/create-paragraph-plugin");
+const types_1 = require("./plugins/paragraph/types");
+const create_reset_node_1 = require("./plugins/reset-node/create-reset-node");
+const create_select_on_backspace_plugin_1 = require("./plugins/select-on-backspace/create-select-on-backspace-plugin");
+const create_soft_break_plugin_1 = require("./plugins/soft-break/create-soft-break-plugin");
+const create_trailing_block_plugin_1 = require("./plugins/trailing-block/create-trailing-block-plugin");
+const paragraph_element_1 = require("./ui/paragraph-element");
+function isRecursivePlugin(plugin) {
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+    return plugin.components !== undefined;
+}
+const createPluginsWithUi = (wysiwygPlugins, options) => {
+    const plugins = wysiwygPlugins.map((p) => p.plugin);
+    const pluginComponents = {
+        [types_1.PARAGRAPH_PLUGIN_KEY]: paragraph_element_1.ParagraphElement,
+    };
+    wysiwygPlugins.forEach((p) => {
+        if (isRecursivePlugin(p)) {
+            Object.keys(p.components).forEach((componentKey) => {
+                pluginComponents[componentKey] = p.components[componentKey];
+            });
+        }
+        else {
+            pluginComponents[p.plugin.key] = p.component;
+        }
+    });
+    return (0, plate_core_1.createPlugins)([
+        (0, create_paragraph_plugin_1.createParagraphPlugin)(),
+        (0, create_exit_break_plugin_1.createExitBreakPlugin)(),
+        (0, create_reset_node_1.createResetNodePlugin)(),
+        (0, create_soft_break_plugin_1.createSoftBreakPlugin)(),
+        (0, create_node_id_plugin_1.createNodeIdPlugin)(),
+        (0, create_select_on_backspace_plugin_1.createSelectOnBackspacePlugin)(),
+        (0, create_trailing_block_plugin_1.createTrailingBlockPlugin)(),
+        ...plugins,
+    ], {
+        ...options,
+        components: pluginComponents,
+    });
+};
+exports.createPluginsWithUi = createPluginsWithUi;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLXBsdWdpbnMtd2l0aC11aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9jcmVhdGUtcGx1Z2lucy13aXRoLXVpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG9EQUFvRDtBQUNwRCw0RkFBc0Y7QUFDdEYsbUZBQTZFO0FBQzdFLHlGQUFvRjtBQUNwRixxREFBaUU7QUFDakUsOEVBQStFO0FBQy9FLHVIQUFnSDtBQUNoSCw0RkFBc0Y7QUFDdEYsd0dBQWtHO0FBV2xHLDhEQUEwRDtBQUUxRCxTQUFTLGlCQUFpQixDQUN0QixNQUFzRDtJQUV0RCx1RUFBdUU7SUFDdkUsT0FBUSxNQUF5QyxDQUFDLFVBQVUsS0FBSyxTQUFTLENBQUM7QUFDL0UsQ0FBQztBQUVNLE1BQU0sbUJBQW1CLEdBQUcsQ0FDL0IsY0FBMEUsRUFDMUUsT0FFQyxFQUNlLEVBQUU7SUFDbEIsTUFBTSxPQUFPLEdBQUcsY0FBYyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXBELE1BQU0sZ0JBQWdCLEdBQTREO1FBQzlFLENBQUMsNEJBQW9CLENBQUMsRUFBRSxvQ0FBZ0I7S0FDM0MsQ0FBQztJQUVGLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtRQUN6QixJQUFJLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQ3RCLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLFlBQVksRUFBRSxFQUFFO2dCQUMvQyxnQkFBZ0IsQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUFDLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQ2hFLENBQUMsQ0FBQyxDQUFDO1NBQ047YUFBTTtZQUNILGdCQUFnQixDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLFNBQVMsQ0FBQztTQUNoRDtJQUNMLENBQUMsQ0FBQyxDQUFDO0lBRUgsT0FBTyxJQUFBLDBCQUFhLEVBQ2hCO1FBQ0ksSUFBQSwrQ0FBcUIsR0FBRTtRQUN2QixJQUFBLGdEQUFxQixHQUFFO1FBQ3ZCLElBQUEseUNBQXFCLEdBQUU7UUFDdkIsSUFBQSxnREFBcUIsR0FBRTtRQUN2QixJQUFBLDBDQUFrQixHQUFFO1FBQ3BCLElBQUEsaUVBQTZCLEdBQUU7UUFDL0IsSUFBQSx3REFBeUIsR0FBRTtRQUMzQixHQUFHLE9BQU87S0FDYixFQUNEO1FBQ0ksR0FBRyxPQUFPO1FBQ1YsVUFBVSxFQUFFLGdCQUFnQjtLQUMvQixDQUNKLENBQUM7QUFDTixDQUFDLENBQUM7QUF0Q1csUUFBQSxtQkFBbUIsdUJBc0M5QiJ9