@uxf/wysiwyg 1.2.2 → 2.0.0-beta.10

package/README.md

@@ -1,23 +1,62 @@
-# UXF Wysiwyg editor
 [![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)
 
-Use Node < 17
+# 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>
+```
+
+## Usage with all available plugins 
+```tsx
+const plugins = useMemo(
+    () =>
+        createUxfPlugins({
+            headings: { disabledLevels: [1] },
+            image: {
+                uploadImage: fileUpload,
+                getImageUrl: getOriginalFileUrl,
+            },
+        }),
+    [],
+);
 
-Package depends on @uxf/storage (PHP BE)
+<WysiwygEditor initialValue={initialValue} onChange={onChange} plugins={plugins} />
+```
 
-#Installation
+## 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(),
+        ]),
 
-### Web
-```bash
-yarn add @uxf/wysiywg-editor
-``` 
+    [],
+);
 
-### CMS
-```bash
-yarn add @uxf/wysiywg-editor
-# Install peer dependencies if not installed
-yarn add @material-ui/core @material-ui/icons @material-ui/lab
-``` 
+<WysiwygEditor initialValue={initialValue} onChange={onChange} plugins={onlySelectedPlugins} />
+```

package/config/icons-config.d.ts

@@ -0,0 +1,2 @@
+export declare const ICONS_VERSION = "1676648859915";
+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 = "1676648859915";
+exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMtY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9pY29ucy1jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQWEsUUFBQSxhQUFhLEdBQUcsZUFBZSxDQUFDO0FBQ2hDLFFBQUEsV0FBVyxHQUFHLG1DQUFtQyxDQUFDIn0=

package/config/icons.d.ts

@@ -0,0 +1,171 @@
+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 "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;
+    };
+};
+export type IconsSet = keyof typeof ICONS;

package/config/icons.js

@@ -0,0 +1,49 @@
+"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 },
+    "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 },
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uZmlnL2ljb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxxR0FBcUc7OztBQUV4RixRQUFBLEtBQUssR0FBRztJQUNqQixVQUFVLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDOUIsUUFBUSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzVCLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDM0IsTUFBTSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQzFCLE9BQU8sRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMzQixhQUFhLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDakMsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ2pDLGNBQWMsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUNsQyxjQUFjLEVBQUUsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUU7SUFDbEMsZUFBZSxFQUFFLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsR0FBRyxFQUFFO0lBQ25DLFdBQVcsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxFQUFFLEdBQUcsRUFBRTtJQUMvQixPQUFPLEVBQUUsRUFBRSxD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

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

@@ -0,0 +1,49 @@
+import { HeadingsPluginOptions } from "./plugins/heading/create-headings-plugin";
+import { UxfImagePluginOptions } from "./plugins/image/types";
+import { ElementUiComponent } from "./types";
+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 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;
+}) => import("./types").UxfPlatePlugin<import("@udecode/plate-core").AnyObject>[];

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

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAllPluginsWithUi = exports.createVideoPluginWithUi = exports.createImagePluginWithUi = exports.createListPluginWithUi = exports.createCodePluginWithUi = exports.createUnderlinePluginWithUi = exports.createItalicPluginWithUi = 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 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 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(),
+]);
+exports.createAllPluginsWithUi = createAllPluginsWithUi;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWFsbC1wbHVnaW5zLXdpdGgtdWkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvY3JlYXRlLWFsbC1wbHVnaW5zLXdpdGgtdWkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEscUVBQStEO0FBQy9ELCtGQUF5RjtBQUN6RixzRkFBaUY7QUFDakYsMkRBQTJEO0FBQzNELHFGQUFxSDtBQUNySCw2RUFBd0U7QUFFeEUsMEVBQXFFO0FBQ3JFLDBFQUFxRTtBQUNyRSwrRUFBMEU7QUFDMUUsK0VBQTBFO0FBQzFFLHFGQUFnRjtBQUNoRiw4RkFBeUY7QUFFekYsa0VBQTZEO0FBQzdELDhDQUEwQztBQUMxQyw4Q0FBMEM7QUFDMUMsNERBQXlHO0FBQ3pHLDREQUF3RDtBQUN4RCxrREFBOEM7QUFDOUMsb0RBQWdEO0FBQ2hELDhEQUF5RDtBQUN6RCxvRUFBK0Q7QUFDL0Qsd0VBQW1FO0FBQ25FLHdEQUFvRDtBQUNwRCw0REFBd0Q7QUFDeEQsNkNBQXNEO0FBQ3RELHdDQUE0QztBQUVyQyxNQUFNLDBCQUEwQixHQUFHLENBQUMsT0FBK0IsRUFBRSxFQUFFOztJQUMxRSxNQUFNLGNBQWMsR0FBRyxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxjQUFjLG1DQUFJLEVBQUUsQ0FBQztJQUNyRCxNQUFNLFVBQVUsR0FBRyxDQUFDLEtBQW1CLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsS0FBSyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUNoRyxNQUFNLFVBQVUsR0FBMEMsRUFBRSxDQUFDO0lBQzdELE1BQU0sYUFBYSxHQUFHLENBQUMsNEJBQVMsRUFBRSw0QkFBUyxFQUFFLDRCQUFTLEVBQUUsNEJBQVMsRUFBRSw0QkFBUyxFQUFFLDRCQUFTLENBQUMsQ0FBQztJQUV6RixLQUFLLElBQUksS0FBSyxHQUFHLENBQUMsRUFB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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

package/hooks.d.ts

@@ -0,0 +1,9 @@
+import { UxfEditor, WysiwygContent } from "./types";
+export declare const useUxfPlateEditorRef: (id?: any) => UxfEditor;
+export declare const useUxfEditorRef: () => UxfEditor;
+export declare const useUxfEditorState: () => UxfEditor;
+export declare const useUxfPlateEditorState: (id?: any) => UxfEditor;
+export declare const useUxfPlateSelectors: (id?: any) => import("@udecode/plate-core").GetRecord<import("@udecode/plate-core").PlateStoreState<WysiwygContent, UxfEditor>>;
+export declare const useUxfPlateActions: (id?: any) => import("@udecode/plate-core").SetRecord<import("@udecode/plate-core").PlateStoreState<WysiwygContent, UxfEditor>>;
+export declare const useUxfPlateStates: (id?: any) => import("@udecode/plate-core").UseRecord<import("@udecode/plate-core").PlateStoreState<WysiwygContent, UxfEditor>>;
+export { useSelected } from "slate-react";

package/hooks.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelected = exports.useUxfPlateStates = exports.useUxfPlateActions = exports.useUxfPlateSelectors = exports.useUxfPlateEditorState = exports.useUxfEditorState = exports.useUxfEditorRef = exports.useUxfPlateEditorRef = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const useUxfPlateEditorRef = (id) => (0, plate_core_1.usePlateEditorRef)(id);
+exports.useUxfPlateEditorRef = useUxfPlateEditorRef;
+const useUxfEditorRef = () => (0, plate_core_1.useEditorRef)();
+exports.useUxfEditorRef = useUxfEditorRef;
+const useUxfEditorState = () => (0, plate_core_1.useEditorState)();
+exports.useUxfEditorState = useUxfEditorState;
+const useUxfPlateEditorState = (id) => (0, plate_core_1.usePlateEditorState)((0, plate_core_1.useEventPlateId)(id));
+exports.useUxfPlateEditorState = useUxfPlateEditorState;
+const useUxfPlateSelectors = (id) => (0, plate_core_1.usePlateSelectors)(id);
+exports.useUxfPlateSelectors = useUxfPlateSelectors;
+const useUxfPlateActions = (id) => (0, plate_core_1.usePlateActions)(id);
+exports.useUxfPlateActions = useUxfPlateActions;
+const useUxfPlateStates = (id) => (0, plate_core_1.usePlateStates)(id);
+exports.useUxfPlateStates = useUxfPlateStates;
+var slate_react_1 = require("slate-react");
+Object.defineProperty(exports, "useSelected", { enumerable: true, get: function () { return slate_react_1.useSelected; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaG9va3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaG9va3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsb0RBVTZCO0FBR3RCLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxFQUFZLEVBQUUsRUFBRSxDQUFDLElBQUEsOEJBQWlCLEVBQTRCLEVBQUUsQ0FBQyxDQUFDO0FBQTFGLFFBQUEsb0JBQW9CLHdCQUFzRTtBQUNoRyxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFBLHlCQUFZLEdBQTZCLENBQUM7QUFBbEUsUUFBQSxlQUFlLG1CQUFtRDtBQUN4RSxNQUFNLGlCQUFpQixHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUEsMkJBQWMsR0FBNkIsQ0FBQztBQUF0RSxRQUFBLGlCQUFpQixxQkFBcUQ7QUFDNUUsTUFBTSxzQkFBc0IsR0FBRyxDQUFDLEVBQVksRUFBRSxFQUFFLENBQ25ELElBQUEsZ0NBQW1CLEVBQTRCLElBQUEsNEJBQWUsRUFBQyxFQUFFLENBQUMsQ0FBQyxDQUFDO0FBRDNELFFBQUEsc0JBQXNCLDBCQUNxQztBQUNqRSxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFBWSxFQUFFLEVBQUUsQ0FBQyxJQUFBLDhCQUFpQixFQUE0QixFQUFFLENBQUMsQ0FBQztBQUExRixRQUFBLG9CQUFvQix3QkFBc0U7QUFDaEcsTUFBTSxrQkFBa0IsR0FBRyxDQUFDLEVBQVksRUFBRSxFQUFFLENBQUMsSUFBQSw0QkFBZSxFQUE0QixFQUFFLENBQUMsQ0FBQztBQUF0RixRQUFBLGtCQUFrQixzQkFBb0U7QUFDNUYsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLEVBQVksRUFBRSxFQUFFLENBQUMsSUFBQSwyQkFBYyxFQUE0QixFQUFFLENBQUMsQ0FBQztBQUFwRixRQUFBLGlCQUFpQixxQkFBbUU7QUFFakcsMkNBQTBDO0FBQWpDLDBHQUFBLFdBQVcsT0FBQSJ9

package/index.d.ts

@@ -1,7 +1,6 @@
-export { WysiwygEditor } from "./Editor";
-export { ContentRenderer } from "./Content";
-export { convertToPlainText } from "./Converter";
-export * from "./Content/Renderer/typeGuards";
+export { WysiwygEditor } from "./wysiwyg-editor";
 export * from "./types";
-export { useSlate as useUxfEditor } from "slate-react";
-export { useFocused, useSelected, ReactEditor, RenderElementProps } from "slate-react";
+export * from "./utils";
+export * from "./hooks";
+export { createAllPluginsWithUi, createVideoPluginWithUi, createBoldPluginWithUi, createCodePluginWithUi, createHeadingsPluginWithUi, createBlockQuotePluginWithUi, createImagePluginWithUi, createItalicPluginWithUi, createListPluginWithUi, createUnderlinePluginWithUi, } from "./create-all-plugins-with-ui";
+export { createPluginsWithUi } from "./create-plugins-with-ui";

package/index.js

@@ -14,19 +14,23 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactEditor = exports.useSelected = exports.useFocused = exports.useUxfEditor = exports.convertToPlainText = exports.ContentRenderer = exports.WysiwygEditor = void 0;
-var Editor_1 = require("./Editor");
-Object.defineProperty(exports, "WysiwygEditor", { enumerable: true, get: function () { return Editor_1.WysiwygEditor; } });
-var Content_1 = require("./Content");
-Object.defineProperty(exports, "ContentRenderer", { enumerable: true, get: function () { return Content_1.ContentRenderer; } });
-var Converter_1 = require("./Converter");
-Object.defineProperty(exports, "convertToPlainText", { enumerable: true, get: function () { return Converter_1.convertToPlainText; } });
-__exportStar(require("./Content/Renderer/typeGuards"), exports);
+exports.createPluginsWithUi = exports.createUnderlinePluginWithUi = exports.createListPluginWithUi = exports.createItalicPluginWithUi = exports.createImagePluginWithUi = exports.createBlockQuotePluginWithUi = exports.createHeadingsPluginWithUi = exports.createCodePluginWithUi = exports.createBoldPluginWithUi = exports.createVideoPluginWithUi = exports.createAllPluginsWithUi = exports.WysiwygEditor = void 0;
+var wysiwyg_editor_1 = require("./wysiwyg-editor");
+Object.defineProperty(exports, "WysiwygEditor", { enumerable: true, get: function () { return wysiwyg_editor_1.WysiwygEditor; } });
 __exportStar(require("./types"), exports);
-var slate_react_1 = require("slate-react");
-Object.defineProperty(exports, "useUxfEditor", { enumerable: true, get: function () { return slate_react_1.useSlate; } });
-var slate_react_2 = require("slate-react");
-Object.defineProperty(exports, "useFocused", { enumerable: true, get: function () { return slate_react_2.useFocused; } });
-Object.defineProperty(exports, "useSelected", { enumerable: true, get: function () { return slate_react_2.useSelected; } });
-Object.defineProperty(exports, "ReactEditor", { enumerable: true, get: function () { return slate_react_2.ReactEditor; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtQ0FBeUM7QUFBaEMsdUdBQUEsYUFBYSxPQUFBO0FBQ3RCLHFDQUE0QztBQUFuQywwR0FBQSxlQUFlLE9BQUE7QUFDeEIseUNBQWlEO0FBQXhDLCtHQUFBLGtCQUFrQixPQUFBO0FBQzNCLGdFQUE4QztBQUM5QywwQ0FBd0I7QUFDeEIsMkNBQXVEO0FBQTlDLDJHQUFBLFFBQVEsT0FBZ0I7QUFDakMsMkNBQXVGO0FBQTlFLHlHQUFBLFVBQVUsT0FBQTtBQUFFLDBHQUFBLFdBQVcsT0FBQTtBQUFFLDBHQUFBLFdBQVcsT0FBQSJ9
+__exportStar(require("./utils"), exports);
+__exportStar(require("./hooks"), exports);
+var create_all_plugins_with_ui_1 = require("./create-all-plugins-with-ui");
+Object.defineProperty(exports, "createAllPluginsWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createAllPluginsWithUi; } });
+Object.defineProperty(exports, "createVideoPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createVideoPluginWithUi; } });
+Object.defineProperty(exports, "createBoldPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createBoldPluginWithUi; } });
+Object.defineProperty(exports, "createCodePluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createCodePluginWithUi; } });
+Object.defineProperty(exports, "createHeadingsPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createHeadingsPluginWithUi; } });
+Object.defineProperty(exports, "createBlockQuotePluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createBlockQuotePluginWithUi; } });
+Object.defineProperty(exports, "createImagePluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createImagePluginWithUi; } });
+Object.defineProperty(exports, "createItalicPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createItalicPluginWithUi; } });
+Object.defineProperty(exports, "createListPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createListPluginWithUi; } });
+Object.defineProperty(exports, "createUnderlinePluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createUnderlinePluginWithUi; } });
+var create_plugins_with_ui_1 = require("./create-plugins-with-ui");
+Object.defineProperty(exports, "createPluginsWithUi", { enumerable: true, get: function () { return create_plugins_with_ui_1.createPluginsWithUi; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtREFBaUQ7QUFBeEMsK0dBQUEsYUFBYSxPQUFBO0FBQ3RCLDBDQUF3QjtBQUN4QiwwQ0FBd0I7QUFDeEIsMENBQXdCO0FBQ3hCLDJFQVdzQztBQVZsQyxvSUFBQSxzQkFBc0IsT0FBQTtBQUN0QixxSUFBQSx1QkFBdUIsT0FBQTtBQUN2QixvSUFBQSxzQkFBc0IsT0FBQTtBQUN0QixvSUFBQSxzQkFBc0IsT0FBQTtBQUN0Qix3SUFBQSwwQkFBMEIsT0FBQTtBQUMxQiwwSUFBQSw0QkFBNEIsT0FBQTtBQUM1QixxSUFBQSx1QkFBdUIsT0FBQTtBQUN2QixzSUFBQSx3QkFBd0IsT0FBQTtBQUN4QixvSUFBQSxzQkFBc0IsT0FBQTtBQUN0Qix5SUFBQSwyQkFBMkIsT0FBQTtBQUcvQixtRUFBK0Q7QUFBdEQsNkhBQUEsbUJBQW1CLE9BQUEifQ==