@uxf/wysiwyg 1.2.2 → 2.0.0-beta.2

package/ui/list-unordered-element.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListUnorderedElement = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ListUnorderedElement = (props) => {
+    return ((0, jsx_runtime_1.jsx)("ul", { ...props.attributes, className: props.className, children: props.children }));
+};
+exports.ListUnorderedElement = ListUnorderedElement;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC11bm9yZGVyZWQtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9saXN0LXVub3JkZXJlZC1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxvQkFBb0IsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUM5RCxPQUFPLENBQ0gsa0NBQVEsS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsWUFDL0MsS0FBSyxDQUFDLFFBQVEsR0FDZCxDQUNSLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLG9CQUFvQix3QkFNL0IifQ==

package/ui/paragraph-element.d.ts

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

package/ui/paragraph-element.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParagraphElement = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ParagraphElement = (props) => {
+    return ((0, jsx_runtime_1.jsx)("p", { ...props.attributes, className: props.className, children: props.children }));
+};
+exports.ParagraphElement = ParagraphElement;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvcGFyYWdyYXBoLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGdCQUFnQixHQUF1QixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQzFELE9BQU8sQ0FDSCxpQ0FBTyxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxZQUM5QyxLQUFLLENBQUMsUUFBUSxHQUNmLENBQ1AsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsZ0JBQWdCLG9CQU0zQiJ9

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

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { ToolbarIcon } from "../toolbar";
+interface ElementToolbarButtonProps {
+    id?: any;
+    pluginKey: string;
+    buttonText?: string;
+    icon?: ToolbarIcon;
+}
+export declare const ElementToolbarButton: FC<ElementToolbarButtonProps>;
+export {};

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ElementToolbarButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+const ElementToolbarButton = (props) => {
+    const editor = (0, hooks_1.useUxfPlateEditorState)(props.id);
+    const type = (0, utils_1.getPluginType)(editor, props.pluginKey);
+    const isActive = !!editor.selection && (0, utils_1.someNode)(editor, { match: { type: type } });
+    const onMouseDown = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        (0, utils_1.toggleNodeType)(editor, {
+            activeType: type,
+        });
+    };
+    const activeStyle = isActive ? { backgroundColor: "gray" } : undefined;
+    if (props.icon) {
+        return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, style: activeStyle, children: (0, jsx_runtime_1.jsx)(props.icon, {}) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, children: isActive ? (0, jsx_runtime_1.jsx)("strong", { children: props.buttonText }) : props.buttonText }));
+};
+exports.ElementToolbarButton = ElementToolbarButton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC10b29sYmFyLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS90b29sYmFyL2J1dHRvbnMvZWxlbWVudC10b29sYmFyLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUNBLDBDQUF3RDtBQUN4RCwwQ0FBeUU7QUFTbEUsTUFBTSxvQkFBb0IsR0FBa0MsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUN6RSxNQUFNLE1BQU0sR0FBRyxJQUFBLDhCQUFzQixFQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNoRCxNQUFNLElBQUksR0FBRyxJQUFBLHFCQUFhLEVBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNwRCxNQUFNLFFBQVEsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsSUFBSSxJQUFBLGdCQUFRLEVBQUMsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNuRixNQUFNLFdBQVcsR0FBRyxDQUFDLENBQWdDLEVBQUUsRUFBRTtRQUNyRCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXBCLElBQUEsc0JBQWMsRUFBQyxNQUFNLEVBQUU7WUFDbkIsVUFBVSxFQUFFLElBQUk7U0FDbkIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQyxDQUFDO0lBRUYsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBRXZFLElBQUksS0FBSyxDQUFDLElBQUksRUFBRTtRQUNaLE9BQU8sQ0FDSCxtQ0FBUSxJQUFJLEVBQUMsUUFBUSxFQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsWUFDOUQsdUJBQUMsS0FBSyxDQUFDLElBQUksS0FBRyxHQUNULENBQ1osQ0FBQztLQUNMO0lBRUQsT0FBTyxDQUNILG1DQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFFLFdBQVcsWUFDekMsUUFBUSxDQUFDLENBQUMsQ0FBQyw2Q0FBUyxLQUFLLENBQUMsVUFBVSxHQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQzdELENBQ1osQ0FBQztBQUNOLENBQUMsQ0FBQztBQTVCVyxRQUFBLG9CQUFvQix3QkE0Qi9CIn0=

package/ui/toolbar/buttons/icons.d.ts

@@ -0,0 +1,16 @@
+import { ToolbarIcon } from "../toolbar";
+export declare const H1Icon: ToolbarIcon;
+export declare const H2Icon: ToolbarIcon;
+export declare const H3Icon: ToolbarIcon;
+export declare const H4Icon: ToolbarIcon;
+export declare const H5Icon: ToolbarIcon;
+export declare const H6Icon: ToolbarIcon;
+export declare const BlockQuoteIcon: ToolbarIcon;
+export declare const BoldIcon: ToolbarIcon;
+export declare const ItalicIcon: ToolbarIcon;
+export declare const UnderlineIcon: ToolbarIcon;
+export declare const UlIcon: ToolbarIcon;
+export declare const OlIcon: ToolbarIcon;
+export declare const CodeIcon: ToolbarIcon;
+export declare const LinkIcon: ToolbarIcon;
+export declare const ImageIcon: ToolbarIcon;

package/ui/toolbar/buttons/icons.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageIcon = exports.LinkIcon = exports.CodeIcon = exports.OlIcon = exports.UlIcon = exports.UnderlineIcon = exports.ItalicIcon = exports.BoldIcon = exports.BlockQuoteIcon = exports.H6Icon = exports.H5Icon = exports.H4Icon = exports.H3Icon = exports.H2Icon = exports.H1Icon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DEFAULT_WIDTH = 20;
+const DEFAULT_HEIGHT = 20;
+const H1Icon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 576 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M560 416h-64V80c0-5.531-2.875-10.69-7.594-13.62a16.042 16.042 0 0 0-15.56-.688l-64 32c-7.906 3.97-11.11 13.56-7.156 21.47 3.969 7.875 13.55 11.12 21.47 7.156L464 105.9V416h-64c-8.844 0-16 7.156-16 16s7.156 16 16 16h160c8.844 0 16-7.156 16-16s-7.2-16-16-16zM304 64c-8.8 0-16 7.16-16 16v160H32V80c0-8.84-7.16-16-16-16S0 71.16 0 80v352c0 8.8 7.156 16 16 16s16-7.2 16-16V272h256v160c0 8.844 7.156 16 16 16s16-7.156 16-16V80c0-8.84-7.2-16-16-16z" }) }));
+exports.H1Icon = H1Icon;
+const H2Icon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 640 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M624 416H425.9l152.4-136.2c50.47-43.69 56.56-120.7 13.59-171.6-21.64-25.62-52.08-41.22-85.72-43.88-33.77-2.5-66.36 8-91.83 30.03l-27.52 23.89c-6.688 5.781-7.359 15.73-1.594 22.42 5.797 6.688 15.89 7.406 22.58 1.625l27.45-23.75c18.98-16.38 43.31-24.06 68.39-22.31 25.05 1.969 47.7 13.56 63.77 32.59 32.28 38.25 27.86 93.91-10.25 126.9l-183.9 164.3a16.042 16.042 0 0 0-4.297 17.66C371.4 443.9 377.4 448 384 448h240c8.844 0 16-7.156 16-16s-7.2-16-16-16zM304 64c-8.8 0-16 7.16-16 16v160H32V80c0-8.84-7.16-16-16-16S0 71.16 0 80v352c0 8.8 7.156 16 16 16s16-7.2 16-16V272h256v160c0 8.8 7.2 16 16 16s16-7.156 16-16V80c0-8.84-7.2-16-16-16z" }) }));
+exports.H2Icon = H2Icon;
+const H3Icon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 640 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M531.9 231.1h-62.84l146.5-139.5a16.016 16.016 0 0 0 3.812-17.52C616.9 67.97 611.1 64 604.5 64H384c-8.844 0-16 7.152-16 15.99s7.156 15.99 16 15.99h180.5L418 235.48a16.016 16.016 0 0 0-3.812 17.52 15.988 15.988 0 0 0 14.86 10.06h102.8C573.9 263.1 608 297.4 608 339.5s-34.13 76.33-76.06 76.33h-82.92c-22.64 0-42.67-14.49-49.83-36.04-2.781-8.37-11.84-12.93-20.23-10.12-8.391 2.78-12.92 11.84-10.14 20.24 11.53 34.64 43.75 57.9 80.2 57.9h82.92C591.5 447.8 640 399.2 640 339.5c0-59.8-48.5-108.4-108.1-108.4zM304 64.22c-8.844 0-16 7.152-16 15.99v159.9H32V80.21c0-8.839-7.156-15.99-16-15.99S0 71.37 0 80.21v351.8C0 440.8 7.156 448 16 448s16-7.2 16-16V272.1h256V432c0 8.8 7.2 16 16 16s16-7.152 16-15.99V80.21c0-8.84-7.2-15.99-16-15.99z" }) }));
+exports.H3Icon = H3Icon;
+const H4Icon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 640 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M624 64.22c-8.844 0-16 7.152-16 15.99v187.7H413.9l33.86-184.8c1.594-8.683-4.156-17.02-12.86-18.61-8.641-1.374-17.03 4.185-18.61 12.87l-37.33 203.7a16.018 16.018 0 0 0 3.438 13.12 15.992 15.992 0 0 0 12.3 5.747H608v132.1C608 440.8 615.2 448 624 448s16-7.152 16-15.99V80.21c0-8.84-7.2-15.99-16-15.99zM304 64c-8.8 0-16 7.15-16 15.99v159.9H32V79.99C32 71.15 24.84 64 16 64S0 71.15 0 79.99V431.8c0 8.839 7.156 15.99 16 15.99s16-7.19 16-15.99V271.9h256v159.9c0 8.839 7.156 15.99 16 15.99s16-7.152 16-15.99V79.99c0-8.84-7.2-15.99-16-15.99z" }) }));
+exports.H4Icon = H4Icon;
+const H5Icon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 640 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M32 240h256V80c0-8.84 7.2-16 16-16s16 7.16 16 16v352c0 8.8-7.2 16-16 16s-16-7.2-16-16V272H32v160c0 8.8-7.16 16-16 16-8.836 0-16-7.2-16-16V80c0-8.84 7.164-16 16-16 8.84 0 16 7.16 16 16v160zM576 64c8.8 0 16 7.16 16 16s-7.2 16-16 16H445.1l-25.6 128H528c61.9 0 112 50.1 112 112s-50.1 112-112 112h-71.6c-31 0-58.5-19.8-68.3-49.2l-3.3-9.7c-2.8-8.4 1.8-17.5 10.1-20.3 8.4-2.8 17.5 1.8 20.3 10.1l3.2 9.7c5.5 15.5 20.7 27.4 38 27.4H528c44.2 0 80-35.8 80-80s-35.8-80-80-80H400c-4.8 0-9.3-2.1-12.4-5.9-3-3.7-4.2-8.5-3.3-13.2l32-160.04C417.8 69.38 424.4 64 432 64h144z" }) }));
+exports.H5Icon = H5Icon;
+const H6Icon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 640 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M32 240h256V80c0-8.84 7.2-16 16-16s16 7.16 16 16v352c0 8.8-7.2 16-16 16s-16-7.2-16-16V272H32v160c0 8.8-7.16 16-16 16-8.836 0-16-7.2-16-16V80c0-8.84 7.164-16 16-16 8.84 0 16 7.16 16 16v160zM505.4 67.06c7.2 5.2 8.7 15.21 3.5 22.35l-56.1 77.19c13.6-4.3 27.3-6.6 43.2-6.6 79.5 0 144 64.5 144 144s-64.5 144-144 144-144-64.5-144-144c0-34.6 10.1-68.3 31.3-96.2l99.8-137.21c5.2-7.15 15.2-8.73 22.3-3.53zM608 304c0-61.9-50.1-112-112-112s-112 50.1-112 112 50.1 112 112 112 112-50.1 112-112z" }) }));
+exports.H6Icon = H6Icon;
+const BlockQuoteIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 576 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M480 288c-35.35 0-64 28.65-64 64s28.65 64 64 64c11.72 0 22.55-3.379 32-8.877V416c0 35.3-28.7 64-64 64-8.844 0-16 7.156-16 16s7.2 16 16 16c52.94 0 96-43.06 96-96v-64c0-35.3-28.7-64-64-64zm0 96c-17.64 0-32-14.36-32-32s14.36-32 32-32 32 14.36 32 32-14.4 32-32 32zM320 160c0-35.35-28.65-64-64-64-11.7 0-22.6 3.38-32 8.9V96c0-35.3 28.7-64 64-64 8.844 0 16-7.156 16-16s-7.2-16-16-16c-52.9 0-96 43.06-96 96v64c0 35.35 28.65 64 64 64s64-28.7 64-64zm-96 0c0-17.64 14.36-32 32-32s32 14.36 32 32-14.4 32-32 32-32-14.4-32-32zM96 96c-11.72 0-22.55 3.38-32 8.9V96c0-35.3 28.7-64 64-64 8.844 0 16-7.156 16-16s-7.2-16-16-16C75.06 0 32 43.06 32 96v64c0 35.35 28.65 64 64 64s64-28.65 64-64-28.7-64-64-64zm0 96c-17.64 0-32-14.4-32-32s14.36-32 32-32 32 14.36 32 32-14.4 32-32 32zm224 96c-35.35 0-64 28.65-64 64s28.65 64 64 64c11.72 0 22.55-3.379 32-8.877V416c0 35.3-28.7 64-64 64-8.844 0-16 7.156-16 16s7.2 16 16 16c52.94 0 96-43.06 96-96v-64c0-35.3-28.7-64-64-64zm0 96c-17.64 0-32-14.36-32-32s14.36-32 32-32 32 14.36 32 32-14.4 32-32 32z" }) }));
+exports.BlockQuoteIcon = BlockQuoteIcon;
+const BoldIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 384 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M314.7 251.7c32.1-21.6 53.3-58.2 53.3-99.7 0-66.16-53.8-120-120-120H16C7.156 32 0 39.16 0 48s7.156 16 16 16h16v384H16c-8.844 0-16 7.2-16 16s7.156 16 16 16h248c66.17 0 120-53.84 120-120 0-48-28.5-89.2-69.3-108.3zM64 64h184c48.53 0 88 39.47 88 88s-39.5 88-88 88H64V64zm200 384H64V272h200c48.53 0 88 39.47 88 88s-39.5 88-88 88z" }) }));
+exports.BoldIcon = BoldIcon;
+const ItalicIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 384 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M384 48c0 8.84-7.2 16-16 16h-83.27L132.1 448H208c8.844 0 16 7.156 16 16s-7.2 16-16 16H16c-8.844 0-16-7.2-16-16s7.156-16 16-16h83.27l152.6-384H176c-8.8 0-16-7.16-16-16s7.2-16 16-16h192c8.8 0 16 7.16 16 16z" }) }));
+exports.ItalicIcon = ItalicIcon;
+const UnderlineIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 448 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M16 32.01 64 32v218.4c0 85.15 64.14 159.6 149.1 165.3C306.3 421.8 384 347.9 384 256V32l48 .01c8.801 0 16-7.211 16-16.01 0-8.801-7.2-16-16-16L304 .01c-8.799 0-16 7.189-16 15.99 0 8.8 7.2 16 16 16h48v219.7c0 68.21-51.53 127.7-119.6 132.1C157.8 388.5 96 329.5 96 256V32h48c8.8 0 16-7.2 16-16 0-8.801-7.199-15.99-16-15.99L16 0C7.201 0 0 7.199 0 16c0 8.8 7.201 16.01 16 16.01zM432 480H16c-8.799 0-16 7.2-16 16s7.201 16 16 16h416c8.801 0 16-7.201 16-16 0-8.8-7.2-16-16-16z" }) }));
+exports.UnderlineIcon = UnderlineIcon;
+const UlIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M64 64c17.67 0 32 14.33 32 32 0 17.7-14.33 32-32 32s-32-14.3-32-32c0-17.67 14.33-32 32-32zm432 16c8.8 0 16 7.16 16 16 0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16 0-8.84 7.2-16 16-16h320zm0 160c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16h320zm0 160c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16h320zM64 288c-17.67 0-32-14.3-32-32s14.33-32 32-32 32 14.3 32 32-14.33 32-32 32zm0 96c17.67 0 32 14.3 32 32s-14.33 32-32 32-32-14.3-32-32 14.33-32 32-32z" }) }));
+exports.UlIcon = UlIcon;
+const OlIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 576 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M64 48.04c0-8.84 7.16-16 16-16h32c8.8 0 16 7.16 16 16V192h32c8.8 0 16 7.2 16 16 0 8.9-7.2 16-16 16H64c-8.84 0-16-7.1-16-16 0-8.8 7.16-16 16-16h32V64.04H80c-8.84 0-16-7.17-16-16zM224 96c0-8.84 7.2-16 16-16h288c8.8 0 16 7.16 16 16 0 8.8-7.2 16-16 16H240c-8.8 0-16-7.2-16-16zm0 160c0-8.8 7.2-16 16-16h288c8.8 0 16 7.2 16 16s-7.2 16-16 16H240c-8.8 0-16-7.2-16-16zm0 160c0-8.8 7.2-16 16-16h288c8.8 0 16 7.2 16 16s-7.2 16-16 16H240c-8.8 0-16-7.2-16-16zM75.31 339.3c-6.24 6.3-16.37 6.3-22.62 0-6.25-6.2-6.25-16.4 0-22.6l15.41-15.4c24.18-24.2 63.8-22.9 86.3 2.8 20 22 19.4 57.1-1.3 79.3L92.82 448H160c8.8 0 16 7.2 16 16s-7.2 16-16 16H56c-6.37 0-12.13-3.8-14.67-9.6-2.54-5.9-1.37-12.7 2.97-17.3l85.4-91.5c9.5-10.2 9.8-25.9.6-36.4-11.2-11.8-28.5-12.4-39.57-1.3l-15.42 15.4z" }) }));
+exports.OlIcon = OlIcon;
+const CodeIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 576 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M38.63 256 203.3 420.7c6.3 6.2 6.3 16.4 0 22.6-6.2 6.3-16.4 6.3-22.6 0L4.686 267.3c-6.248-6.2-6.248-16.4 0-22.6L180.7 68.69c6.2-6.25 16.4-6.25 22.6 0 6.3 6.25 6.3 16.38 0 22.62L38.63 256zM372.7 91.31c-6.3-6.24-6.3-16.37 0-22.62 6.2-6.25 16.4-6.25 22.6 0l176 176.01c6.3 6.2 6.3 16.4 0 22.6l-176 176c-6.2 6.3-16.4 6.3-22.6 0-6.3-6.2-6.3-16.4 0-22.6l164.7-165.6L372.7 91.31z" }) }));
+exports.CodeIcon = CodeIcon;
+const LinkIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 640 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M173 131.4c49.1-49.88 130.9-49.88 180.8 0 47.5 47.5 49.3 123.5 6.2 174.2l-5.3 6.1c-5.8 6.7-15.9 7.4-22.6 1.6-6.6-5.7-7.4-15.8-1.6-22.5l5.4-6.2c32.9-38 30.9-95-4.7-130.5-37.4-37.5-98.1-37.5-135.5 0L71.1 278.6c-37.49 37.5-37.49 98.3 0 135.8 37.5 37.5 98.3 37.5 135.8 0l22.6-22.6c6.2-6.3 16.4-6.3 22.6 0 6.3 6.2 6.3 16.3 0 22.6L229.5 437c-50 50-131.04 50-181.03 0-49.986-50-49.986-131.9 0-181L173 131.4zm293.1 249.2c-49.1 49.9-130 49.9-179.9 0-47.5-47.5-50.2-123.5-7.1-174.2l6.2-6.1c5.8-6.7 15.9-7.4 22.6-1.6 6.6 5.7 7.4 15.8 1.6 22.5l-5.4 6.2c-32.9 38-30.9 95 4.7 130.5 37.4 37.5 98.1 37.5 135.5 0l124.6-124.5c37.5-37.5 37.5-98.3 0-135.79-37.5-37.49-98.3-37.49-135.8 0l-22.6 22.59c-6.2 6.3-16.4 6.3-22.6 0-6.3-7.1-6.3-16.3 0-22.59l22.6-22.63c50-49.99 131-49.99 181 0 50 49.12 50 131.02 0 180.12L466.1 380.6z" }) }));
+exports.LinkIcon = LinkIcon;
+const ImageIcon = ({ width = DEFAULT_WIDTH, height = DEFAULT_HEIGHT }) => ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 512 512", width: width, height: height, children: (0, jsx_runtime_1.jsx)("path", { d: "M324.9 157.8c-11.38-17.38-39.89-17.31-51.23-.063L200.5 268.5l-16.4-22.6c-11.4-16.8-38.2-16-49.7 0l-64.52 89.16c-6.797 9.406-7.75 21.72-2.547 32C72.53 377.5 83.05 384 94.75 384h322.5c11.41 0 21.8-6.281 27.14-16.38a30.922 30.922 0 0 0-1.516-31.56L324.9 157.8zM95.8 352l62.39-87.38 29.91 41.34c3.1 4.24 8.3 7.24 13.3 6.64 5.25-.125 10.12-2.781 13.02-7.188l83.83-129.9L415 352H95.8zM447.1 32h-384C28.65 32-.01 60.65-.01 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96c.01-35.35-27.79-64-63.99-64zM480 416c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V96c0-17.64 14.36-32 32-32h384c17.64 0 32 14.36 32 32v320zM144 192c26.5 0 48-21.5 48-48s-21.5-48-48-48-48 21.5-48 48 21.5 48 48 48zm0-64c8.822 0 15.1 7.178 15.1 16s-6.3 16-15.1 16-16-7.2-16-16 7.2-16 16-16z" }) }));
+exports.ImageIcon = ImageIcon;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvdG9vbGJhci9idXR0b25zL2ljb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRUEsTUFBTSxhQUFhLEdBQUcsRUFBRSxDQUFDO0FBQ3pCLE1BQU0sY0FBYyxHQUFHLEVBQUUsQ0FBQztBQUNuQixNQUFNLE1BQU0sR0FBZ0IsQ0FBQyxFQUFFLEtBQUssR0FBRyxhQUFhLEVBQUUsTUFBTSxHQUFHLGNBQWMsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN2RixnQ0FBSyxPQUFPLEVBQUMsYUFBYSxFQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sWUFDbkQsaUNBQU0sQ0FBQyxFQUFDLDBiQUEwYixHQUFHLEdBQ25jLENBQ1QsQ0FBQztBQUpXLFFBQUEsTUFBTSxVQUlqQjtBQUVLLE1BQU0sTUFBTSxHQUFnQixDQUFDLEVBQUUsS0FBSyxHQUFHLGFBQWEsRUFBRSxNQUFNLEdBQUcsY0FBYyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3ZGLGdDQUFLLE9BQU8sRUFBQyxhQUFhLEVBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxZQUNuRCxpQ0FBTSxDQUFDLEVBQUMsd25CQUF3bkIsR0FBRyxHQUNqb0IsQ0FDVCxDQUFDO0FBSlcsUUFBQSxNQUFNLFVBSWpCO0FBQ0ssTUFBTSxNQUFNLEdBQWdCLENBQUMsRUFBRSxLQUFLLEdBQUcsYUFBYSxFQUFFLE1BQU0sR0FBRyxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDdkYsZ0NBQUssT0FBTyxFQUFDLGFBQWEsRUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLFlBQ25ELGlDQUFNLENBQUMsRUFBQyx3dEJBQXd0QixHQUFHLEdBQ2p1QixDQUNULENBQUM7QUFKVyxRQUFBLE1BQU0sVUFJakI7QUFDSyxNQUFNLE1BQU0sR0FBZ0IsQ0FBQyxF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

package/ui/toolbar/buttons/image-toolbar-button.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { ToolbarIcon } from "../toolbar";
+interface ImageToolbarButtonProps {
+    id?: any;
+    buttonText?: string;
+    icon?: ToolbarIcon;
+}
+export declare const ImageToolbarButton: FC<ImageToolbarButtonProps>;
+export {};

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageToolbarButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const image_upload_dialog_1 = require("../../image/image-upload-dialog");
+const ImageToolbarButton = (props) => {
+    // const editor = useMyPlateEditorState(props.id);
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const onMouseDown = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsOpen(true);
+    };
+    const Dialog = (0, jsx_runtime_1.jsx)(image_upload_dialog_1.ImageUploadDialog, { editorId: props.id, isOpen: isOpen, onClose: () => setIsOpen(false) });
+    if (props.icon) {
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, children: (0, jsx_runtime_1.jsx)(props.icon, {}) }), Dialog] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, children: props.buttonText }), Dialog] }));
+};
+exports.ImageToolbarButton = ImageToolbarButton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtdG9vbGJhci1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvdG9vbGJhci9idXR0b25zL2ltYWdlLXRvb2xiYXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsaUNBQXdEO0FBQ3hELHlFQUFvRTtBQVM3RCxNQUFNLGtCQUFrQixHQUFnQyxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ3JFLGtEQUFrRDtJQUNsRCxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsQ0FBQztJQUU1QyxNQUFNLFdBQVcsR0FBc0IsQ0FBQyxDQUFDLEVBQUUsRUFBRTtRQUN6QyxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNwQixDQUFDLENBQUM7SUFDRixNQUFNLE1BQU0sR0FBRyx1QkFBQyx1Q0FBaUIsSUFBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEVBQUUsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEdBQUksQ0FBQztJQUUxRyxJQUFJLEtBQUssQ0FBQyxJQUFJLEVBQUU7UUFDWixPQUFPLENBQ0gsNkRBQ0ksbUNBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUUsV0FBVyxZQUMxQyx1QkFBQyxLQUFLLENBQUMsSUFBSSxLQUFHLEdBQ1QsRUFDUixNQUFNLElBQ1IsQ0FDTixDQUFDO0tBQ0w7SUFFRCxPQUFPLENBQ0gsNkRBQ0ksbUNBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUUsV0FBVyxZQUN6QyxLQUFLLENBQUMsVUFBVSxHQUNaLEVBQ1IsTUFBTSxJQUNSLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQTlCVyxRQUFBLGtCQUFrQixzQkE4QjdCIn0=

package/ui/toolbar/buttons/link-toolbar-button.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+import { ToolbarIcon } from "../toolbar";
+interface LinkToolbarButtonProps {
+    id?: any;
+    buttonText?: string;
+    icon?: ToolbarIcon;
+}
+export declare const LinkToolbarButton: FC<LinkToolbarButtonProps>;
+export {};

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkToolbarButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../hooks");
+const is_link_selected_1 = require("../../../plugins/link/transforms/is-link-selected");
+const trigger_link_insert_or_edit_1 = require("../../../plugins/link/transforms/trigger-link-insert-or-edit");
+const utils_1 = require("../../../utils");
+const LinkToolbarButton = (props) => {
+    const editor = (0, hooks_1.useUxfPlateEditorState)(props.id);
+    const isLink = (0, is_link_selected_1.isLinkSelected)(editor);
+    const onMouseDown = (e) => {
+        var _a;
+        e.preventDefault();
+        e.stopPropagation();
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        (0, utils_1.focusEditor)(editor, (_a = editor.selection) !== null && _a !== void 0 ? _a : editor.prevSelection);
+        (0, trigger_link_insert_or_edit_1.triggerLinkInsertOrEdit)(editor, true);
+    };
+    const activeStyle = isLink ? { backgroundColor: "gray" } : undefined;
+    if (props.icon) {
+        return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, style: activeStyle, children: (0, jsx_runtime_1.jsx)(props.icon, {}) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, children: isLink ? (0, jsx_runtime_1.jsx)("strong", { children: props.buttonText }) : props.buttonText }));
+};
+exports.LinkToolbarButton = LinkToolbarButton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay10b29sYmFyLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS90b29sYmFyL2J1dHRvbnMvbGluay10b29sYmFyLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUNBLDBDQUF3RDtBQUN4RCx3RkFBbUY7QUFDbkYsOEdBQXVHO0FBQ3ZHLDBDQUE2QztBQVN0QyxNQUFNLGlCQUFpQixHQUErQixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ25FLE1BQU0sTUFBTSxHQUFHLElBQUEsOEJBQXNCLEVBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELE1BQU0sTUFBTSxHQUFHLElBQUEsaUNBQWMsRUFBQyxNQUFNLENBQUMsQ0FBQztJQUV0QyxNQUFNLFdBQVcsR0FBRyxDQUFDLENBQWdDLEVBQUUsRUFBRTs7UUFDckQsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25CLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUVwQixvRUFBb0U7UUFDcEUsSUFBQSxtQkFBVyxFQUFDLE1BQU0sRUFBRSxNQUFBLE1BQU0sQ0FBQyxTQUFTLG1DQUFJLE1BQU0sQ0FBQyxhQUFjLENBQUMsQ0FBQztRQUMvRCxJQUFBLHFEQUF1QixFQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztJQUMxQyxDQUFDLENBQUM7SUFFRixNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFFckUsSUFBSSxLQUFLLENBQUMsSUFBSSxFQUFFO1FBQ1osT0FBTyxDQUNILG1DQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxZQUM5RCx1QkFBQyxLQUFLLENBQUMsSUFBSSxLQUFHLEdBQ1QsQ0FDWixDQUFDO0tBQ0w7SUFFRCxPQUFPLENBQ0gsbUNBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUUsV0FBVyxZQUN6QyxNQUFNLENBQUMsQ0FBQyxDQUFDLDZDQUFTLEtBQUssQ0FBQyxVQUFVLEdBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FDM0QsQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNUJXLFFBQUEsaUJBQWlCLHFCQTRCNUIifQ==

package/ui/toolbar/buttons/list-toolbar-button.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { LIST_ORDERED_TYPE, LIST_UNORDERED_TYPE } from "../../../plugins/list/constants";
+import { ToolbarIcon } from "../toolbar";
+interface ListToolbarButtonProps {
+    id?: any;
+    pluginKey: typeof LIST_UNORDERED_TYPE | typeof LIST_ORDERED_TYPE;
+    buttonText?: string;
+    icon?: ToolbarIcon;
+}
+export declare const ListToolbarButton: FC<ListToolbarButtonProps>;
+export {};

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListToolbarButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const plate_list_1 = require("@udecode/plate-list");
+const hooks_1 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+const ListToolbarButton = (props) => {
+    const editor = (0, hooks_1.useUxfPlateEditorState)(props.id);
+    const type = (0, utils_1.getPluginType)(editor, props.pluginKey);
+    const res = !!editor.selection && (0, plate_list_1.getListItemEntry)(editor);
+    const isActive = !!res && res.list[0].type === type;
+    const onMouseDown = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        (0, plate_list_1.toggleList)(editor, {
+            type,
+        });
+    };
+    const activeStyle = isActive ? { backgroundColor: "gray" } : undefined;
+    if (props.icon) {
+        return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, style: activeStyle, children: (0, jsx_runtime_1.jsx)(props.icon, {}) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, children: isActive ? (0, jsx_runtime_1.jsx)("strong", { children: props.buttonText }) : props.buttonText }));
+};
+exports.ListToolbarButton = ListToolbarButton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC10b29sYmFyLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS90b29sYmFyL2J1dHRvbnMvbGlzdC10b29sYmFyLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLG9EQUFtRTtBQUVuRSwwQ0FBd0Q7QUFFeEQsMENBQStDO0FBU3hDLE1BQU0saUJBQWlCLEdBQStCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkUsTUFBTSxNQUFNLEdBQUcsSUFBQSw4QkFBc0IsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxJQUFJLEdBQUcsSUFBQSxxQkFBYSxFQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDcEQsTUFBTSxHQUFHLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLElBQUksSUFBQSw2QkFBZ0IsRUFBQyxNQUFNLENBQUMsQ0FBQztJQUMzRCxNQUFNLFFBQVEsR0FBRyxDQUFDLENBQUMsR0FBRyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQztJQUVwRCxNQUFNLFdBQVcsR0FBRyxDQUFDLENBQWdDLEVBQUUsRUFBRTtRQUNyRCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLElBQUEsdUJBQVUsRUFBQyxNQUFNLEVBQUU7WUFDZixJQUFJO1NBQ1AsQ0FBQyxDQUFDO0lBQ1AsQ0FBQyxDQUFDO0lBRUYsTUFBTSxXQUFXLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLGVBQWUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBRXZFLElBQUksS0FBSyxDQUFDLElBQUksRUFBRTtRQUNaLE9BQU8sQ0FDSCxtQ0FBUSxJQUFJLEVBQUMsUUFBUSxFQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsWUFDOUQsdUJBQUMsS0FBSyxDQUFDLElBQUksS0FBRyxHQUNULENBQ1osQ0FBQztLQUNMO0lBRUQsT0FBTyxDQUNILG1DQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFFLFdBQVcsWUFDekMsUUFBUSxDQUFDLENBQUMsQ0FBQyw2Q0FBUyxLQUFLLENBQUMsVUFBVSxHQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQzdELENBQ1osQ0FBQztBQUNOLENBQUMsQ0FBQztBQTdCVyxRQUFBLGlCQUFpQixxQkE2QjVCIn0=

package/ui/toolbar/buttons/mark-toolbar-button.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { ToolbarIcon } from "../toolbar";
+interface LeafToolbarButtonProps {
+    id?: any;
+    pluginKey: string;
+    buttonText?: string;
+    icon?: ToolbarIcon;
+}
+export declare const MarkToolbarButton: FC<LeafToolbarButtonProps>;
+export {};

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

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkToolbarButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const hooks_1 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+const MarkToolbarButton = (props) => {
+    const editor = (0, hooks_1.useUxfPlateEditorState)(props.id);
+    const type = (0, utils_1.getPluginType)(editor, props.pluginKey);
+    const isActive = !!editor.selection && (0, utils_1.isMarkActive)(editor, type);
+    const onMouseDown = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        (0, utils_1.toggleMark)(editor, {
+            key: props.pluginKey,
+        });
+    };
+    const activeStyle = isActive ? { backgroundColor: "gray" } : undefined;
+    if (props.icon) {
+        return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, style: activeStyle, children: (0, jsx_runtime_1.jsx)(props.icon, {}) }));
+    }
+    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, children: isActive ? (0, jsx_runtime_1.jsx)("strong", { children: props.buttonText }) : props.buttonText }));
+};
+exports.MarkToolbarButton = MarkToolbarButton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyay10b29sYmFyLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS90b29sYmFyL2J1dHRvbnMvbWFyay10b29sYmFyLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUNBLDBDQUF3RDtBQUN4RCwwQ0FBeUU7QUFTbEUsTUFBTSxpQkFBaUIsR0FBK0IsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNuRSxNQUFNLE1BQU0sR0FBRyxJQUFBLDhCQUFzQixFQUFDLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNoRCxNQUFNLElBQUksR0FBRyxJQUFBLHFCQUFhLEVBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNwRCxNQUFNLFFBQVEsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDLFNBQVMsSUFBSSxJQUFBLG9CQUFZLEVBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2xFLE1BQU0sV0FBVyxHQUFHLENBQUMsQ0FBZ0MsRUFBRSxFQUFFO1FBQ3JELENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztRQUNuQixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFcEIsSUFBQSxrQkFBVSxFQUFDLE1BQU0sRUFBRTtZQUNmLEdBQUcsRUFBRSxLQUFLLENBQUMsU0FBUztTQUN2QixDQUFDLENBQUM7SUFDUCxDQUFDLENBQUM7SUFFRixNQUFNLFdBQVcsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFFdkUsSUFBSSxLQUFLLENBQUMsSUFBSSxFQUFFO1FBQ1osT0FBTyxDQUNILG1DQUFRLElBQUksRUFBQyxRQUFRLEVBQUMsV0FBVyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxZQUM5RCx1QkFBQyxLQUFLLENBQUMsSUFBSSxLQUFHLEdBQ1QsQ0FDWixDQUFDO0tBQ0w7SUFFRCxPQUFPLENBQ0gsbUNBQVEsSUFBSSxFQUFDLFFBQVEsRUFBQyxXQUFXLEVBQUUsV0FBVyxZQUN6QyxRQUFRLENBQUMsQ0FBQyxDQUFDLDZDQUFTLEtBQUssQ0FBQyxVQUFVLEdBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FDN0QsQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBNUJXLFFBQUEsaUJBQWlCLHFCQTRCNUIifQ==

package/ui/toolbar/toolbar.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLAttributes } from "react";
+interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    children?: any;
+}
+export interface ToolbarIconProps {
+    width?: number;
+    height?: number;
+}
+export type ToolbarIcon = FC<ToolbarIconProps>;
+export declare const Toolbar: FC<ToolbarProps>;
+export {};

package/ui/toolbar/toolbar.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Toolbar = (props) => {
+    return (0, jsx_runtime_1.jsx)("div", { "data-testid": "Toolbar", ...props });
+};
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS90b29sYmFyL3Rvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFhTyxNQUFNLE9BQU8sR0FBcUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUMvQyxPQUFPLCtDQUFpQixTQUFTLEtBQUssS0FBSyxHQUFJLENBQUM7QUFDcEQsQ0FBQyxDQUFDO0FBRlcsUUFBQSxPQUFPLFdBRWxCIn0=

package/ui/underline-mark.d.ts

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

package/ui/underline-mark.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnderlineMark = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const UnderlineMark = (props) => {
+    return ((0, jsx_runtime_1.jsx)("u", { ...props.attributes, className: props.className, children: props.children }));
+};
+exports.UnderlineMark = UnderlineMark;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLW1hcmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvdW5kZXJsaW5lLW1hcmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGFBQWEsR0FBb0IsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNwRCxPQUFPLENBQ0gsaUNBQU8sS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsWUFDOUMsS0FBSyxDQUFDLFFBQVEsR0FDZixDQUNQLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLGFBQWEsaUJBTXhCIn0=

package/utils.d.ts

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

package/utils.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toggleMark = exports.isMarkActive = exports.focusEditor = exports.toggleNodeType = exports.someNode = exports.getPluginType = exports.getPluginOptions = exports.getUxfEditor = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const getUxfEditor = (editor) => (0, plate_core_1.getTEditor)(editor);
+exports.getUxfEditor = getUxfEditor;
+const getPluginOptions = (editor, pluginKey) => {
+    return (0, plate_core_1.getPluginOptions)(editor, pluginKey);
+};
+exports.getPluginOptions = getPluginOptions;
+const getPluginType = (editor, key) => (0, plate_core_1.getPluginType)(editor, key);
+exports.getPluginType = getPluginType;
+const someNode = (editor, options) => (0, plate_core_1.someNode)(editor, options);
+exports.someNode = someNode;
+const toggleNodeType = (editor, options, editorNodesOptions) => (0, plate_core_1.toggleNodeType)(editor, options, editorNodesOptions);
+exports.toggleNodeType = toggleNodeType;
+const focusEditor = (editor, target) => (0, plate_core_1.focusEditor)(editor, target);
+exports.focusEditor = focusEditor;
+const isMarkActive = (editor, type) => (0, plate_core_1.isMarkActive)(editor, type);
+exports.isMarkActive = isMarkActive;
+const toggleMark = (editor, { key, clear }) => (0, plate_core_1.toggleMark)(editor, { key, clear });
+exports.toggleMark = toggleMark;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsb0RBWTZCO0FBTXRCLE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBaUIsRUFBRSxFQUFFLENBQUMsSUFBQSx1QkFBVSxFQUE0QixNQUFNLENBQUMsQ0FBQztBQUFwRixRQUFBLFlBQVksZ0JBQXdFO0FBQzFGLE1BQU0sZ0JBQWdCLEdBQUcsQ0FBb0IsTUFBaUIsRUFBRSxTQUFpQixFQUFLLEVBQUU7SUFDM0YsT0FBTyxJQUFBLDZCQUFxQixFQUErQixNQUFNLEVBQUUsU0FBUyxDQUFDLENBQUM7QUFDbEYsQ0FBQyxDQUFDO0FBRlcsUUFBQSxnQkFBZ0Isb0JBRTNCO0FBRUssTUFBTSxhQUFhLEdBQUcsQ0FBQyxNQUFpQixFQUFFLEdBQVcsRUFBRSxFQUFFLENBQUMsSUFBQSwwQkFBa0IsRUFBaUIsTUFBTSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBQXBHLFFBQUEsYUFBYSxpQkFBdUY7QUFDMUcsTUFBTSxRQUFRLEdBQUcsQ0FBQyxNQUFpQixFQUFFLE9BQXdDLEVBQUUsRUFBRSxDQUFDLElBQUEscUJBQWEsRUFBQyxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUM7QUFBM0csUUFBQSxRQUFRLFlBQW1HO0FBQ2pILE1BQU0sY0FBYyxHQUFHLENBQzFCLE1BQWlCLEVBQ2pCLE9BQThCLEVBQzlCLGtCQUFxRixFQUN2RixFQUFFLENBQUMsSUFBQSwyQkFBbUIsRUFBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLGtCQUFrQixDQUFDLENBQUM7QUFKakQsUUFBQSxjQUFjLGtCQUltQztBQUV2RCxNQUFNLFdBQVcsR0FBRyxDQUFDLE1BQWlCLEVBQUUsTUFBNkIsRUFBRSxFQUFFLENBQUMsSUFBQSx3QkFBZ0IsRUFBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFBckcsUUFBQSxXQUFXLGVBQTBGO0FBRTNHLE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBaUIsRUFBRSxJQUFZLEVBQUUsRUFBRSxDQUFDLElBQUEseUJBQWlCLEVBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0FBQXBGLFFBQUEsWUFBWSxnQkFBd0U7QUFDMUYsTUFBTSxVQUFVLEdBQUcsQ0FBQyxNQUFpQixFQUFFLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBcUMsRUFBRSxFQUFFLENBQy9GLElBQUEsdUJBQWUsRUFBQyxNQUFNLEVBQUUsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztBQUQvQixRQUFBLFVBQVUsY0FDcUIifQ==

package/Content/Renderer/Components/VideoComponent/VideoComponent.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-import { RenderVideoComponentProps, VideoWrapper as VideoWrapperComponent, VideoWrapperProps } from "../../types";
-export declare const VideoComponent: FC<RenderVideoComponentProps & {
-    wrapperProps?: VideoWrapperProps;
-    VideoWrapper?: VideoWrapperComponent;
-}>;

package/Content/Renderer/Components/VideoComponent/VideoComponent.js

@@ -1,43 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoComponent = void 0;
-var react_1 = __importDefault(require("react"));
-var lazy_1 = __importDefault(require("react-player/lazy"));
-var VideoPlayer = function (_a) {
-    var video = _a.video;
-    return (react_1.default.createElement(lazy_1.default, { style: {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            maxWidth: "100%",
-            maxHeight: "100%",
-        }, url: video.url, controls: true, width: "100%", height: "100%" }));
-};
-var VideoComponent = function (props) {
-    var video = props.video, wrapperProps = props.wrapperProps, VideoWrapper = props.VideoWrapper;
-    if (VideoWrapper) {
-        return (react_1.default.createElement(VideoWrapper, null,
-            react_1.default.createElement(VideoPlayer, { video: video })));
-    }
-    return (react_1.default.createElement("div", __assign({ style: {
-            position: "relative",
-            paddingTop: "56.25%" /* 720 / 1280 = 0.5625 */,
-        } }, wrapperProps),
-        react_1.default.createElement(VideoPlayer, { video: video })));
-};
-exports.VideoComponent = VideoComponent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9Db21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvQ29udGVudC9SZW5kZXJlci9Db21wb25lbnRzL1ZpZGVvQ29tcG9uZW50L1ZpZGVvQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUFrQztBQUNsQywyREFBNEM7QUFHNUMsSUFBTSxXQUFXLEdBQWtDLFVBQUMsRUFBUztRQUFQLEtBQUssV0FBQTtJQUFPLE9BQUEsQ0FDOUQsOEJBQUMsY0FBVyxJQUNSLEtBQUssRUFBRTtZQUNILFFBQVEsRUFBRSxVQUFVO1lBQ3BCLEdBQUcsRUFBRSxDQUFDO1lBQ04sSUFBSSxFQUFFLENBQUM7WUFDUCxRQUFRLEVBQUUsTUFBTTtZQUNoQixTQUFTLEVBQUUsTUFBTTtTQUNwQixFQUNELEdBQUcsRUFBRSxLQUFLLENBQUMsR0FBRyxFQUNkLFFBQVEsRUFBRSxJQUFJLEVBQ2QsS0FBSyxFQUFDLE1BQU0sRUFDWixNQUFNLEVBQUMsTUFBTSxHQUNmLENBQ0w7QUFkaUUsQ0FjakUsQ0FBQztBQUVLLElBQU0sY0FBYyxHQUt2QixVQUFBLEtBQUs7SUFDRyxJQUFBLEtBQUssR0FBaUMsS0FBSyxNQUF0QyxFQUFFLFlBQVksR0FBbUIsS0FBSyxhQUF4QixFQUFFLFlBQVksR0FBSyxLQUFLLGFBQVYsQ0FBVztJQUVwRCxJQUFJLFlBQVksRUFBRTtRQUNkLE9BQU8sQ0FDSCw4QkFBQyxZQUFZO1lBQ1QsOEJBQUMsV0FBVyxJQUFDLEtBQUssRUFBRSxLQUFLLEdBQUksQ0FDbEIsQ0FDbEIsQ0FBQztLQUNMO0lBRUQsT0FBTyxDQUNILGdEQUNJLEtBQUssRUFBRTtZQUNILFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFVBQVUsRUFBRSxRQUFRLENBQUMseUJBQXlCO1NBQ2pELElBQ0csWUFBWTtRQUVoQiw4QkFBQyxXQUFXLElBQUMsS0FBSyxFQUFFLEtBQUssR0FBSSxDQUMzQixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUEzQlcsUUFBQSxjQUFjLGtCQTJCekIifQ==

package/Content/Renderer/Components/VideoComponent/index.d.ts

@@ -1 +0,0 @@
-export { VideoComponent } from "./VideoComponent";

package/Content/Renderer/Components/VideoComponent/index.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoComponent = void 0;
-var VideoComponent_1 = require("./VideoComponent");
-Object.defineProperty(exports, "VideoComponent", { enumerable: true, get: function () { return VideoComponent_1.VideoComponent; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvQ29udGVudC9SZW5kZXJlci9Db21wb25lbnRzL1ZpZGVvQ29tcG9uZW50L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1EQUFrRDtBQUF6QyxnSEFBQSxjQUFjLE9BQUEifQ==

package/Content/Renderer/ContentRenderer.d.ts

@@ -1,3 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { ContentRendererProps, RenderComponent } from "./types";
-export declare const ContentRenderer: <OwnButtonProps extends Record<string, any> | undefined = undefined, CustomRenderers extends Record<string, RenderComponent> | undefined = undefined>(props: React.PropsWithChildren<ContentRendererProps<OwnButtonProps, CustomRenderers>>) => JSX.Element | null;

package/Content/Renderer/ContentRenderer.js

@@ -1,44 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentRenderer = void 0;
-var react_1 = __importStar(require("react"));
-var renderElement_1 = require("./renderElement");
-var renderLeaf_1 = require("./renderLeaf");
-var typeGuards_1 = require("./typeGuards");
-var ContentRenderer = function (props) {
-    var data = props.data, components = props.components, defaultComponentProps = props.defaultComponentProps;
-    if (!data) {
-        return null;
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null, data.map(function (item, index) {
-        if ((0, typeGuards_1.isLeaf)(item)) {
-            return (react_1.default.createElement(react_1.default.Fragment, { key: index }, (0, renderLeaf_1.renderLeaf)(item, components, defaultComponentProps)));
-        }
-        return react_1.default.createElement(react_1.Fragment, { key: index }, (0, renderElement_1.renderElement)(item, components, defaultComponentProps));
-    })));
-};
-exports.ContentRenderer = ContentRenderer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGVudFJlbmRlcmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL0NvbnRlbnQvUmVuZGVyZXIvQ29udGVudFJlbmRlcmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUEyRDtBQUMzRCxpREFBZ0Q7QUFDaEQsMkNBQTBDO0FBQzFDLDJDQUFzQztBQUcvQixJQUFNLGVBQWUsR0FBRyxVQUkzQixLQUErRTtJQUV2RSxJQUFBLElBQUksR0FBd0MsS0FBSyxLQUE3QyxFQUFFLFVBQVUsR0FBNEIsS0FBSyxXQUFqQyxFQUFFLHFCQUFxQixHQUFLLEtBQUssc0JBQVYsQ0FBVztJQUMxRCxJQUFJLENBQUMsSUFBSSxFQUFFO1FBQ1AsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCw4REFDSyxJQUFJLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxFQUFFLEtBQUs7UUFDbEIsSUFBSSxJQUFBLG1CQUFNLEVBQUMsSUFBSSxDQUFDLEVBQUU7WUFDZCxPQUFPLENBQ0gsOEJBQUMsZUFBSyxDQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsS0FBSyxJQUNyQixJQUFBLHVCQUFVLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxDQUN2QyxDQUNwQixDQUFDO1NBQ0w7UUFFRCxPQUFPLDhCQUFDLGdCQUFRLElBQUMsR0FBRyxFQUFFLEtBQUssSUFBRyxJQUFBLDZCQUFhLEVBQUMsSUFBSSxFQUFFLFVBQVUsRUFBRSxxQkFBcUIsQ0FBQyxDQUFZLENBQUM7SUFDckcsQ0FBQyxDQUFDLENBQ0gsQ0FDTixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBMUJXLFFBQUEsZUFBZSxtQkEwQjFCIn0=

package/Content/Renderer/index.d.ts

@@ -1,3 +0,0 @@
-export { renderElement } from "./renderElement";
-export { renderLeaf } from "./renderLeaf";
-export * from "./typeGuards";

package/Content/Renderer/index.js

@@ -1,23 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __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.renderLeaf = exports.renderElement = void 0;
-var renderElement_1 = require("./renderElement");
-Object.defineProperty(exports, "renderElement", { enumerable: true, get: function () { return renderElement_1.renderElement; } });
-var renderLeaf_1 = require("./renderLeaf");
-Object.defineProperty(exports, "renderLeaf", { enumerable: true, get: function () { return renderLeaf_1.renderLeaf; } });
-__exportStar(require("./typeGuards"), exports);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvQ29udGVudC9SZW5kZXJlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlEQUFnRDtBQUF2Qyw4R0FBQSxhQUFhLE9BQUE7QUFDdEIsMkNBQTBDO0FBQWpDLHdHQUFBLFVBQVUsT0FBQTtBQUNuQiwrQ0FBNkIifQ==

package/Content/Renderer/renderElement.d.ts

@@ -1,4 +0,0 @@
-import { ReactNode } from "react";
-import { SupportedBlockElements } from "../../types";
-import { DefaultComponentProps, RenderComponent, RenderComponents } from "./types";
-export declare const renderElement: <OwnButtonProps extends Record<string, any> | undefined = undefined, CustomRenderers extends Record<string, RenderComponent> | undefined = undefined>(element: SupportedBlockElements, components?: RenderComponents<OwnButtonProps, CustomRenderers> | undefined, defaultComponentProps?: DefaultComponentProps<OwnButtonProps> | undefined) => ReactNode;