@uxf/wysiwyg 11.74.0 → 11.74.1

package/plugins/link/transforms/trigger-link-insert-or-edit.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.triggerLinkInsertOrEdit = void 0;
+const plate_link_1 = require("@udecode/plate-link");
+const triggerLinkInsertOrEdit = (editor, focused = false) => (0, plate_link_1.triggerFloatingLink)(editor, { focused });
+exports.triggerLinkInsertOrEdit = triggerLinkInsertOrEdit;

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeLink = void 0;
+const plate_link_1 = require("@udecode/plate-link");
+const utils_1 = require("../../../utils");
+const removeLink = (editor) => {
+    (0, plate_link_1.unwrapLink)(editor);
+    (0, utils_1.focusEditor)(editor);
+};
+exports.removeLink = removeLink;

package/plugins/link/types.d.ts

@@ -0,0 +1,5 @@
+import { UxfBlockElement } from "../../types";
+export interface TLinkElement extends UxfBlockElement {
+    url: string;
+    target: "_blank" | "_self";
+}

package/plugins/link/types.js

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

package/plugins/list/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const LIST_PLUGIN_KEY = "list";
+export declare const LIST_ORDERED_TYPE = "ol";
+export declare const LIST_UNORDERED_TYPE = "ul";
+export { ELEMENT_LI, ELEMENT_LIC, ELEMENT_OL, ELEMENT_UL, getListItemEntry, toggleList } from "@udecode/plate-list";

package/plugins/list/constants.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toggleList = exports.getListItemEntry = exports.ELEMENT_UL = exports.ELEMENT_OL = exports.ELEMENT_LIC = exports.ELEMENT_LI = exports.LIST_UNORDERED_TYPE = exports.LIST_ORDERED_TYPE = exports.LIST_PLUGIN_KEY = void 0;
+const plate_list_1 = require("@udecode/plate-list");
+exports.LIST_PLUGIN_KEY = "list";
+exports.LIST_ORDERED_TYPE = plate_list_1.ELEMENT_OL;
+exports.LIST_UNORDERED_TYPE = plate_list_1.ELEMENT_UL;
+var plate_list_2 = require("@udecode/plate-list");
+Object.defineProperty(exports, "ELEMENT_LI", { enumerable: true, get: function () { return plate_list_2.ELEMENT_LI; } });
+Object.defineProperty(exports, "ELEMENT_LIC", { enumerable: true, get: function () { return plate_list_2.ELEMENT_LIC; } });
+Object.defineProperty(exports, "ELEMENT_OL", { enumerable: true, get: function () { return plate_list_2.ELEMENT_OL; } });
+Object.defineProperty(exports, "ELEMENT_UL", { enumerable: true, get: function () { return plate_list_2.ELEMENT_UL; } });
+Object.defineProperty(exports, "getListItemEntry", { enumerable: true, get: function () { return plate_list_2.getListItemEntry; } });
+Object.defineProperty(exports, "toggleList", { enumerable: true, get: function () { return plate_list_2.toggleList; } });

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

@@ -0,0 +1,4 @@
+import { ListPlugin } from "@udecode/plate-list";
+import { UxfPlatePlugin } from "../../types";
+export { getListItemEntry, toggleList } from "@udecode/plate-list";
+export declare const createListPlugin: () => UxfPlatePlugin<ListPlugin>;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createListPlugin = exports.toggleList = exports.getListItemEntry = void 0;
+const plate_list_1 = require("@udecode/plate-list");
+const types_1 = require("../paragraph/types");
+var plate_list_2 = require("@udecode/plate-list");
+Object.defineProperty(exports, "getListItemEntry", { enumerable: true, get: function () { return plate_list_2.getListItemEntry; } });
+Object.defineProperty(exports, "toggleList", { enumerable: true, get: function () { return plate_list_2.toggleList; } });
+const createListPlugin = () => (0, plate_list_1.createListPlugin)({
+    inject: {
+        props: {
+            validTypes: [types_1.PARAGRAPH_PLUGIN_KEY],
+        },
+    },
+});
+exports.createListPlugin = createListPlugin;

package/plugins/mark-bold/create-bold-plugin.d.ts

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

package/plugins/mark-bold/create-bold-plugin.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createBoldPlugin = void 0;
+const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
+const createBoldPlugin = () => (0, plate_basic_marks_1.createBoldPlugin)();
+exports.createBoldPlugin = createBoldPlugin;

package/plugins/mark-bold/types.d.ts

@@ -0,0 +1,2 @@
+export declare const BOLD_PLUGIN_KEY = "bold";
+export declare const BOLD_PLUGIN_TYPE = "bold";

package/plugins/mark-bold/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BOLD_PLUGIN_TYPE = exports.BOLD_PLUGIN_KEY = void 0;
+const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
+exports.BOLD_PLUGIN_KEY = plate_basic_marks_1.MARK_BOLD;
+exports.BOLD_PLUGIN_TYPE = plate_basic_marks_1.MARK_BOLD;

package/plugins/mark-code/create-code-plugin.d.ts

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

package/plugins/mark-code/create-code-plugin.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCodePlugin = void 0;
+const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
+const createCodePlugin = () => (0, plate_basic_marks_1.createCodePlugin)();
+exports.createCodePlugin = createCodePlugin;

package/plugins/mark-code/types.d.ts

@@ -0,0 +1,2 @@
+export declare const CODE_PLUGIN_KEY = "code";
+export declare const CODE_PLUGIN_TYPE = "code";

package/plugins/mark-code/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CODE_PLUGIN_TYPE = exports.CODE_PLUGIN_KEY = void 0;
+const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
+exports.CODE_PLUGIN_KEY = plate_basic_marks_1.MARK_CODE;
+exports.CODE_PLUGIN_TYPE = plate_basic_marks_1.MARK_CODE;

package/plugins/mark-italic/create-italic-plugin.d.ts

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

package/plugins/mark-italic/create-italic-plugin.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createItalicPlugin = void 0;
+const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
+const createItalicPlugin = () => (0, plate_basic_marks_1.createItalicPlugin)();
+exports.createItalicPlugin = createItalicPlugin;

package/plugins/mark-italic/types.d.ts

@@ -0,0 +1,2 @@
+export declare const ITALIC_PLUGIN_KEY = "italic";
+export declare const ITALIC_PLUGIN_TYPE = "italic";

package/plugins/mark-italic/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ITALIC_PLUGIN_TYPE = exports.ITALIC_PLUGIN_KEY = void 0;
+const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
+exports.ITALIC_PLUGIN_KEY = plate_basic_marks_1.MARK_ITALIC;
+exports.ITALIC_PLUGIN_TYPE = plate_basic_marks_1.MARK_ITALIC;

package/plugins/mark-underline/create-underline-plugin.d.ts

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

package/plugins/mark-underline/create-underline-plugin.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createUnderlinePlugin = void 0;
+const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
+const createUnderlinePlugin = () => (0, plate_basic_marks_1.createUnderlinePlugin)();
+exports.createUnderlinePlugin = createUnderlinePlugin;

package/plugins/mark-underline/types.d.ts

@@ -0,0 +1,2 @@
+export declare const UNDER_LINE_PLUGIN_KEY = "underline";
+export declare const UNDER_LINE_PLUGIN_TYPE = "underline";

package/plugins/mark-underline/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UNDER_LINE_PLUGIN_TYPE = exports.UNDER_LINE_PLUGIN_KEY = void 0;
+const plate_basic_marks_1 = require("@udecode/plate-basic-marks");
+exports.UNDER_LINE_PLUGIN_KEY = plate_basic_marks_1.MARK_UNDERLINE;
+exports.UNDER_LINE_PLUGIN_TYPE = plate_basic_marks_1.MARK_UNDERLINE;

package/plugins/node-id/add-ids-to-nodes.d.ts

@@ -0,0 +1,2 @@
+import { WysiwygContent } from "../../types";
+export declare const addIdsToNodes: (nodes: any[]) => WysiwygContent;

package/plugins/node-id/add-ids-to-nodes.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addIdsToNodes = void 0;
+const addIdsToNodes = (nodes) => {
+    return nodes.map((node) => {
+        let id = node.id;
+        let children = node.children;
+        if (!id && !node.text) {
+            id = Math.random().toString(36).substring(2, 7);
+        }
+        if (node.children) {
+            children = (0, exports.addIdsToNodes)(node.children);
+        }
+        return {
+            type: node.type,
+            id: id,
+            ...node,
+            children,
+        };
+    });
+};
+exports.addIdsToNodes = addIdsToNodes;

package/plugins/node-id/create-node-id-plugin.d.ts

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

package/plugins/node-id/create-node-id-plugin.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createNodeIdPlugin = void 0;
+const plate_node_id_1 = require("@udecode/plate-node-id");
+const createNodeIdPlugin = () => (0, plate_node_id_1.createNodeIdPlugin)();
+exports.createNodeIdPlugin = createNodeIdPlugin;

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createParagraphPlugin = void 0;
+const plate_paragraph_1 = require("@udecode/plate-paragraph");
+const types_1 = require("./types");
+const createParagraphPlugin = () => (0, plate_paragraph_1.createParagraphPlugin)({
+    type: types_1.PARAGRAPH_PLUGIN_TYPE,
+});
+exports.createParagraphPlugin = createParagraphPlugin;

package/plugins/paragraph/types.d.ts

@@ -0,0 +1,2 @@
+export declare const PARAGRAPH_PLUGIN_KEY = "p";
+export declare const PARAGRAPH_PLUGIN_TYPE = "paragraph";

package/plugins/paragraph/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PARAGRAPH_PLUGIN_TYPE = exports.PARAGRAPH_PLUGIN_KEY = void 0;
+const plate_paragraph_1 = require("@udecode/plate-paragraph");
+exports.PARAGRAPH_PLUGIN_KEY = plate_paragraph_1.ELEMENT_PARAGRAPH;
+exports.PARAGRAPH_PLUGIN_TYPE = "paragraph";

package/plugins/reset-node/create-reset-node.d.ts

@@ -0,0 +1,3 @@
+import { ResetNodePlugin } from "@udecode/plate-reset-node";
+import { UxfPlatePlugin } from "../../types";
+export declare const createResetNodePlugin: () => UxfPlatePlugin<ResetNodePlugin>;

package/plugins/reset-node/create-reset-node.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createResetNodePlugin = void 0;
+const plate_common_1 = require("@udecode/plate-common");
+const plate_reset_node_1 = require("@udecode/plate-reset-node");
+const types_1 = require("../blockquote/types");
+const types_2 = require("../paragraph/types");
+const resetBlockTypesCommonRule = {
+    types: [types_1.BLOCKQUOTE_PLUGIN_KEY],
+    defaultType: types_2.PARAGRAPH_PLUGIN_KEY,
+};
+const createResetNodePlugin = () => (0, plate_reset_node_1.createResetNodePlugin)({
+    options: {
+        rules: [
+            {
+                ...resetBlockTypesCommonRule,
+                hotkey: "Enter",
+                predicate: plate_common_1.isBlockAboveEmpty,
+            },
+            {
+                ...resetBlockTypesCommonRule,
+                hotkey: "Backspace",
+                predicate: plate_common_1.isSelectionAtBlockStart,
+            },
+        ],
+    },
+});
+exports.createResetNodePlugin = createResetNodePlugin;

package/plugins/select-on-backspace/create-select-on-backspace-plugin.d.ts

@@ -0,0 +1,3 @@
+import { SelectOnBackspacePlugin } from "@udecode/plate-select";
+import { UxfPlatePlugin } from "../../types";
+export declare const createSelectOnBackspacePlugin: () => UxfPlatePlugin<SelectOnBackspacePlugin>;

package/plugins/select-on-backspace/create-select-on-backspace-plugin.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSelectOnBackspacePlugin = void 0;
+const plate_media_1 = require("@udecode/plate-media");
+const plate_select_1 = require("@udecode/plate-select");
+const types_1 = require("../image/types");
+const createSelectOnBackspacePlugin = () => (0, plate_select_1.createSelectOnBackspacePlugin)({
+    options: {
+        query: {
+            allow: [types_1.IMAGE_PLUGIN_KEY, plate_media_1.ELEMENT_MEDIA_EMBED],
+        },
+    },
+});
+exports.createSelectOnBackspacePlugin = createSelectOnBackspacePlugin;

package/plugins/soft-break/create-soft-break-plugin.d.ts

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

package/plugins/soft-break/create-soft-break-plugin.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSoftBreakPlugin = void 0;
+const plate_break_1 = require("@udecode/plate-break");
+const types_1 = require("../blockquote/types");
+const types_2 = require("../paragraph/types");
+const createSoftBreakPlugin = () => (0, plate_break_1.createSoftBreakPlugin)({
+    options: {
+        rules: [
+            {
+                hotkey: "shift+enter",
+            },
+            {
+                hotkey: "enter",
+                query: {
+                    allow: [types_2.PARAGRAPH_PLUGIN_KEY, types_1.BLOCKQUOTE_PLUGIN_KEY],
+                },
+            },
+        ],
+    },
+});
+exports.createSoftBreakPlugin = createSoftBreakPlugin;

package/plugins/trailing-block/create-trailing-block-plugin.d.ts

@@ -0,0 +1,3 @@
+import { TrailingBlockPlugin } from "@udecode/plate-trailing-block";
+import { UxfPlatePlugin } from "../../types";
+export declare const createTrailingBlockPlugin: () => UxfPlatePlugin<TrailingBlockPlugin>;

package/plugins/trailing-block/create-trailing-block-plugin.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTrailingBlockPlugin = void 0;
+const plate_trailing_block_1 = require("@udecode/plate-trailing-block");
+const createTrailingBlockPlugin = () => (0, plate_trailing_block_1.createTrailingBlockPlugin)();
+exports.createTrailingBlockPlugin = createTrailingBlockPlugin;

package/serializers/serialize-to-plaintext.d.ts

@@ -0,0 +1,2 @@
+import { WysiwygContent } from "../types";
+export declare const serializeToPlaintext: (nodes: WysiwygContent, keepIndentation?: boolean) => string;

package/serializers/serialize-to-plaintext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.serializeToPlaintext = void 0;
+const slate_1 = require("slate");
+const serializeToPlaintext = (nodes, keepIndentation = true) => {
+    return nodes.map((n) => slate_1.Node.string(n)).join(keepIndentation ? "\n" : " ");
+};
+exports.serializeToPlaintext = serializeToPlaintext;

package/types.d.ts

@@ -0,0 +1,118 @@
+import { OverrideByKey, PlateEditor, PlateId, PlatePlugin, PlatePluginComponent, RenderAfterEditable as PlateRenderAfterEditable, PlateRenderElementProps, PlateRenderLeafProps, PluginOptions } from "@udecode/plate-core";
+import { TElement, TText } from "@udecode/slate";
+import { FileResponse } from "@uxf/core/types";
+import { FC } from "react";
+export type EmptyText = {
+    text: "";
+};
+export interface RichText extends TText {
+    id?: PlateId;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    code?: boolean;
+    highlight?: boolean;
+}
+export interface UxfBlockElement extends TElement {
+    id?: PlateId;
+}
+export interface UxfLinkElement extends UxfBlockElement {
+    type: "link";
+    url: string;
+    target: "_blank" | "_self";
+}
+export type UxfInlineDescendant = RichText | UxfLinkElement;
+export type UxfInlineChildren = UxfInlineDescendant[];
+export interface UxfParagraphElement extends UxfBlockElement {
+    type: "paragraph";
+    children: UxfInlineChildren;
+}
+export interface UxfBlockQuoteElement extends UxfBlockElement {
+    type: "blockquote";
+    children: UxfInlineChildren;
+}
+export interface UxfImageElement extends UxfBlockElement {
+    type: "image";
+    children: [EmptyText];
+    file: FileResponse;
+    source?: string;
+    caption?: string;
+    alt?: string;
+    url?: string;
+}
+export interface UxfHeadingElement extends UxfBlockElement {
+    type: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+}
+export interface LicElement extends UxfBlockElement {
+    type: "lic";
+}
+export interface LiElement extends UxfBlockElement {
+    type: "li";
+    children: LicElement[];
+}
+export interface UxfUnorderedListElement extends UxfBlockElement {
+    type: "ul";
+    children: LiElement[];
+}
+export interface UxfOrderedListElement extends UxfBlockElement {
+    type: "ol";
+    children: LiElement[];
+}
+export type UxfVideoMetaData = {
+    title: string;
+    description: string;
+    authorName: string;
+    authorUrl: string;
+    width: number;
+    height: number;
+    duration: number;
+    uploadDate: string;
+    thumbnail: {
+        width: number;
+        height: number;
+        url: string;
+    };
+};
+export interface UxfVideoElement extends UxfBlockElement {
+    type: "video";
+    url: string;
+    embeddedUrl: string;
+    provider: string;
+    videoId: string;
+    children: [EmptyText];
+    metaData?: Partial<UxfVideoMetaData> | null;
+}
+export interface UxfButtonElement extends UxfBlockElement {
+    type: "button";
+    buttonUrl: string;
+    buttonText: string;
+    children: [EmptyText];
+}
+export type WysiwygRootBlock = UxfParagraphElement | UxfBlockQuoteElement | UxfImageElement | UxfHeadingElement | UxfLinkElement | UxfUnorderedListElement | UxfOrderedListElement | UxfVideoElement | UxfButtonElement;
+export type UiComponents = Record<string, PlatePluginComponent>;
+export type WysiwygContent = WysiwygRootBlock[];
+export type RenderElementProps<E extends TElement = UxfBlockElement> = PlateRenderElementProps<WysiwygContent, E>;
+export type ElementUiComponent<E extends TElement = UxfBlockElement> = FC<RenderElementProps<E>>;
+export type RenderLeafProps<L extends TText = RichText> = PlateRenderLeafProps<WysiwygContent, L>;
+export type LeafUiComponent<L extends TText = RichText> = FC<RenderLeafProps<L>>;
+export type RenderAfterEditable = PlateRenderAfterEditable<WysiwygContent>;
+export type UxfEditor = PlateEditor<WysiwygContent> & {
+    isDragging?: boolean;
+};
+export type UxfPlatePlugin<P = PluginOptions> = PlatePlugin<P, WysiwygContent, UxfEditor>;
+export interface WysiwygPlugin<E extends UxfBlockElement = UxfBlockElement> {
+    plugin: UxfPlatePlugin;
+    component: ElementUiComponent<E> | LeafUiComponent;
+}
+/**
+ * This is used when recursive plugin feature is used
+ * @see https://plate.udecode.io/docs/plugins#plugins
+ * E.g. Headings plugin
+ */
+export interface WysiwygRecursivePlugin<C extends string, E extends UxfBlockElement = UxfBlockElement> {
+    plugin: UxfPlatePlugin;
+    components: {
+        [key in C]: ElementUiComponent<E> | LeafUiComponent;
+    };
+}
+export type MyOverrideByKey = OverrideByKey<WysiwygContent, UxfEditor>;

package/types.js

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

package/ui/blockquote-element.d.ts

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

package/ui/blockquote-element.js

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

package/ui/bold-mark.d.ts

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

package/ui/bold-mark.js

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

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

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

package/ui/button/button-element.js

@@ -0,0 +1,54 @@
+"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.ButtonElement = void 0;
+const button_1 = require("@uxf/ui/button");
+const dialog_panel_1 = require("@uxf/ui/dialog/dialog-panel");
+const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../../hooks");
+const button_2 = require("../../plugins/button");
+const remove_selected_button_1 = require("../../plugins/button/transforms/remove-selected-button");
+const element_with_action_buttons_1 = require("../components/element/element-with-action-buttons");
+const insert_button_modal_content_1 = require("./insert-button-modal-content");
+const CLASS_NAME = "uxf-wysiwyg__element";
+const ButtonElement = (props) => {
+    var _a;
+    const selected = (0, hooks_1.useSelected)();
+    const onEdit = (0, react_1.useCallback)(() => {
+        (0, modal_service_1.openModal)({
+            children: (react_1.default.createElement(dialog_panel_1.DialogPanel, { width: "lg" },
+                react_1.default.createElement(insert_button_modal_content_1.InsertButtonModalContent, { buttonToEdit: (0, button_2.getActiveButton)(props.editor), editor: props.editor }))),
+        });
+    }, [props.editor]);
+    const onRemove = (0, react_1.useCallback)(() => {
+        (0, remove_selected_button_1.removeSelectedButton)(props.editor);
+    }, [props.editor]);
+    return (react_1.default.createElement("div", { ...props.attributes, className: `${CLASS_NAME} ${CLASS_NAME}-button ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
+        react_1.default.createElement(element_with_action_buttons_1.ElementWithActionButtons, { className: `${CLASS_NAME}-button__action-buttons`, isSelected: selected, onDelete: onRemove, onEdit: onEdit, padding: selected },
+            react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}-button__action-button`, href: props.element.buttonUrl, isDisabled: true, variant: "secondary" }, props.element.buttonText)),
+        props.children));
+};
+exports.ButtonElement = ButtonElement;

package/ui/button/index.d.ts

@@ -0,0 +1 @@
+export { ButtonElement } from "./button-element";

package/ui/button/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonElement = void 0;
+var button_element_1 = require("./button-element");
+Object.defineProperty(exports, "ButtonElement", { enumerable: true, get: function () { return button_element_1.ButtonElement; } });

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { UxfButtonElement, UxfEditor } from "../../types";
+interface InsertButtonModalContentProps {
+    editor: UxfEditor;
+    buttonToEdit?: UxfButtonElement;
+}
+export declare const InsertButtonModalContent: FC<InsertButtonModalContentProps>;
+export {};