@uxf/wysiwyg 11.74.0 → 11.74.1

package/components.d.ts

@@ -0,0 +1,7 @@
+import * as wysiwygEditorStories from "./wysiwyg-editor.stories";
+export declare const components: {
+    readonly "wysiwyg-editor": {
+        readonly title: "WysiwygEditor";
+        readonly stories: typeof wysiwygEditorStories;
+    };
+};

package/components.js

@@ -0,0 +1,34 @@
+"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.components = void 0;
+// generated file
+const wysiwygEditorStories = __importStar(require("./wysiwyg-editor.stories"));
+exports.components = {
+    "wysiwyg-editor": {
+        title: "WysiwygEditor",
+        stories: wysiwygEditorStories
+    },
+};

package/config/icons-config.d.ts

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

package/config/icons-config.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
+exports.ICONS_VERSION = "1685639575157";
+exports.ICON_SPRITE = "/icons-generated/_icon-sprite.svg";

package/config/icons.d.ts

@@ -0,0 +1,183 @@
+export declare const ICONS: {
+    readonly "arrow-left": {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    readonly "arrow-right": {
+        readonly w: 448;
+        readonly h: 512;
+    };
+    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-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,51 @@
+"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 = {
+    "arrow-left": { w: 448, h: 512 },
+    "arrow-right": { w: 448, h: 512 },
+    "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-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 },
+};

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

@@ -0,0 +1,64 @@
+import { CSSProperties } from "react";
+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;
+    };
+};
+export declare const createBlockquotePluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").HotkeyPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
+    component: ElementUiComponent;
+};
+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;
+};
+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;
+};
+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;
+};
+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;
+};
+export declare const createListPluginWithUi: () => {
+    plugin: import("./types").UxfPlatePlugin<import("@udecode/plate-list").ListPlugin>;
+    components: {
+        ul: ElementUiComponent;
+        ol: ElementUiComponent;
+        li: ElementUiComponent;
+    };
+};
+export declare const createLinkPluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-link").LinkPlugin, import("./types").WysiwygContent, import("./types").UxfEditor>;
+    component: ElementUiComponent<import("./plugins/link/types").TLinkElement>;
+};
+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 createButtonPluginWithUi: () => {
+    plugin: import("@udecode/plate-core").PlatePlugin<import("@udecode/utils").AnyObject, import("./types").WysiwygContent, import("@udecode/plate-core").PlateEditor<import("./types").WysiwygContent>>;
+    component: ElementUiComponent<import("./types").UxfButtonElement>;
+};
+export interface CreateAllPluginsOptions {
+    image: UxfImagePluginOptions;
+    headings?: HeadingsPluginOptions;
+    highlightColor?: CSSProperties["color"];
+}
+export declare const createAllPluginsWithUi: (options: CreateAllPluginsOptions) => import("./types").UxfPlatePlugin[];

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

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAllPluginsWithUi = exports.createButtonPluginWithUi = exports.createVideoPluginWithUi = exports.createImagePluginWithUi = exports.createLinkPluginWithUi = exports.createListPluginWithUi = exports.createCodePluginWithUi = exports.createUnderlinePluginWithUi = exports.createItalicPluginWithUi = exports.createHighlightPluginWithUi = exports.createBoldPluginWithUi = exports.createBlockquotePluginWithUi = exports.createHeadingsPluginWithUi = void 0;
+const empty_array_1 = require("@uxf/core/constants/empty-array");
+const tw_colors_1 = require("@uxf/ui/tw-tokens/tw-colors");
+const create_plugins_with_ui_1 = require("./create-plugins-with-ui");
+const create_blockquote_plugin_1 = require("./plugins/blockquote/create-blockquote-plugin");
+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 create_headings_plugin_1 = require("./plugins/heading/create-headings-plugin");
+const createHighlightPlugin_1 = require("./plugins/highlight/createHighlightPlugin");
+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 blockquote_element_1 = require("./ui/blockquote-element");
+const bold_mark_1 = require("./ui/bold-mark");
+const button_2 = require("./ui/button");
+const code_mark_1 = require("./ui/code-mark");
+const heading_elements_1 = require("./ui/heading-elements");
+const highlight_mark_1 = require("./ui/highlight-mark");
+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 createHeadingsPluginWithUi = (options) => {
+    var _a;
+    const disabledLevels = (_a = options === null || options === void 0 ? void 0 : options.disabledLevels) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY;
+    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_blockquote_plugin_1.createBlockquotePlugin)(),
+    component: blockquote_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,
+});
+exports.createLinkPluginWithUi = createLinkPluginWithUi;
+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,
+});
+exports.createButtonPluginWithUi = createButtonPluginWithUi;
+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)(),
+    (0, exports.createLinkPluginWithUi)(),
+    (0, exports.createImagePluginWithUi)(options.image),
+    (0, exports.createVideoPluginWithUi)(),
+    (0, exports.createButtonPluginWithUi)(),
+    (0, exports.createHighlightPluginWithUi)(options.highlightColor),
+]);
+exports.createAllPluginsWithUi = createAllPluginsWithUi;

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,47 @@
+"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 /* TODO: fix this type mismatch */,
+    });
+};
+exports.createPluginsWithUi = createPluginsWithUi;

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,20 @@
+"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; } });

package/index.d.ts

@@ -0,0 +1,6 @@
+export { createAllPluginsWithUi, createBlockquotePluginWithUi, createBoldPluginWithUi, createButtonPluginWithUi, createCodePluginWithUi, createHeadingsPluginWithUi, createHighlightPluginWithUi, createImagePluginWithUi, createItalicPluginWithUi, createLinkPluginWithUi, createListPluginWithUi, createUnderlinePluginWithUi, createVideoPluginWithUi, type CreateAllPluginsOptions, } from "./create-all-plugins-with-ui";
+export * from "./hooks";
+export * from "./types";
+export * from "./utils";
+export { WysiwygEditor } from "./wysiwyg-editor";
+export { createPluginsWithUi } from "./create-plugins-with-ui";

package/index.js

@@ -0,0 +1,38 @@
+"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 __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.createPluginsWithUi = exports.WysiwygEditor = exports.createVideoPluginWithUi = exports.createUnderlinePluginWithUi = exports.createListPluginWithUi = exports.createLinkPluginWithUi = exports.createItalicPluginWithUi = exports.createImagePluginWithUi = exports.createHighlightPluginWithUi = exports.createHeadingsPluginWithUi = exports.createCodePluginWithUi = exports.createButtonPluginWithUi = exports.createBoldPluginWithUi = exports.createBlockquotePluginWithUi = exports.createAllPluginsWithUi = void 0;
+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, "createBlockquotePluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createBlockquotePluginWithUi; } });
+Object.defineProperty(exports, "createBoldPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createBoldPluginWithUi; } });
+Object.defineProperty(exports, "createButtonPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createButtonPluginWithUi; } });
+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, "createHighlightPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createHighlightPluginWithUi; } });
+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, "createLinkPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createLinkPluginWithUi; } });
+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; } });
+Object.defineProperty(exports, "createVideoPluginWithUi", { enumerable: true, get: function () { return create_all_plugins_with_ui_1.createVideoPluginWithUi; } });
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./utils"), exports);
+var wysiwyg_editor_1 = require("./wysiwyg-editor");
+Object.defineProperty(exports, "WysiwygEditor", { enumerable: true, get: function () { return wysiwyg_editor_1.WysiwygEditor; } });
+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; } });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/wysiwyg",
-    "version": "11.74.0",
+    "version": "11.74.1",
     "description": "UXF Wysiwyg editor",
     "author": "Robin Dvorak <dvorak@uxf.cz>",
     "homepage": "https://gitlab.com/uxf-npm/wysiwyg",
@@ -26,8 +26,8 @@
         "@udecode/plate-select": "20.7.2",
         "@udecode/plate-trailing-block": "20.7.2",
         "@uxf/core": "11.72.3",
-        "@uxf/core-react": "11.74.0",
-        "@uxf/ui": "11.74.0",
+        "@uxf/core-react": "11.74.1",
+        "@uxf/ui": "11.74.1",
         "slate": "0.90.0",
         "slate-history": "0.86.0",
         "slate-hyperscript": "0.77.0",

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBlockquotePlugin = void 0;
+const plate_block_quote_1 = require("@udecode/plate-block-quote");
+const types_1 = require("./types");
+const createBlockquotePlugin = () => (0, plate_block_quote_1.createBlockquotePlugin)({
+    type: types_1.BLOCKQUOTE_PLUGIN_TYPE,
+});
+exports.createBlockquotePlugin = createBlockquotePlugin;

package/plugins/blockquote/types.d.ts

@@ -0,0 +1,2 @@
+export declare const BLOCKQUOTE_PLUGIN_KEY = "blockquote";
+export declare const BLOCKQUOTE_PLUGIN_TYPE = "blockquote";