@uxf/wysiwyg 0.3.8 → 0.4.0

package/Editor/Plugin/Toolbar/Toolbar.d.ts

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

package/Editor/Plugin/Toolbar/Toolbar.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Toolbar = void 0;
+var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
+var react_1 = __importDefault(require("react"));
+var slate_react_1 = require("slate-react");
+var styles_1 = require("./styles");
+var Toolbar = function (_a) {
+    var plugins = _a.plugins;
+    var classes = (0, styles_1.toolbarStyles)();
+    var editor = (0, slate_react_1.useSlate)();
+    return (react_1.default.createElement("div", { className: classes.grouped },
+        react_1.default.createElement(Paper_1.default, { elevation: 0, className: classes.paper }, plugins.map(function (Plugin, index) {
+            if ("buttonDivider" in Plugin) {
+                return react_1.default.createElement(Plugin.buttonDivider, { key: "divider-".concat(index) });
+            }
+            if (typeof Plugin.toolbarButton === "undefined") {
+                return null;
+            }
+            if ("imageUploadHandler" in Plugin && "imageNamespace" in Plugin) {
+                return (react_1.default.createElement(Plugin.toolbarButton, { key: Plugin.type + index, editor: editor, imageNamespace: Plugin.imageNamespace, imageUploadHandler: Plugin.imageUploadHandler }));
+            }
+            return react_1.default.createElement(Plugin.toolbarButton, { key: Plugin.type + index, editor: editor });
+        }))));
+};
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9FZGl0b3IvUGx1Z2luL1Rvb2xiYXIvVG9vbGJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsa0VBQTRDO0FBQzVDLGdEQUEwQjtBQUMxQiwyQ0FBdUM7QUFFdkMsbUNBQXlDO0FBRWxDLElBQU0sT0FBTyxHQUFxQixVQUFDLEVBQVc7UUFBVCxPQUFPLGFBQUE7SUFDL0MsSUFBTSxPQUFPLEdBQUcsSUFBQSxzQkFBYSxHQUFFLENBQUM7SUFDaEMsSUFBTSxNQUFNLEdBQUcsSUFBQSxzQkFBUSxHQUFFLENBQUM7SUFFMUIsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBRSxPQUFPLENBQUMsT0FBTztRQUMzQiw4QkFBQyxlQUFLLElBQUMsU0FBUyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDLEtBQUssSUFDeEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLE1BQU0sRUFBRSxLQUFLO1lBQ3ZCLElBQUksZUFBZSxJQUFJLE1BQU0sRUFBRTtnQkFDM0IsT0FBTyw4QkFBQyxNQUFNLENBQUMsYUFBYSxJQUFDLEdBQUcsRUFBRSxrQkFBVyxLQUFLLENBQUUsR0FBSSxDQUFDO2FBQzVEO1lBRUQsSUFBSSxPQUFPLE1BQU0sQ0FBQyxhQUFhLEtBQUssV0FBVyxFQUFFO2dCQUM3QyxPQUFPLElBQUksQ0FBQzthQUNmO1lBRUQsSUFBSSxvQkFBb0IsSUFBSSxNQUFNLElBQUksZ0JBQWdCLElBQUksTUFBTSxFQUFFO2dCQUM5RCxPQUFPLENBQ0gsOEJBQUMsTUFBTSxDQUFDLGFBQWEsSUFDakIsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEdBQUcsS0FBSyxFQUN4QixNQUFNLEVBQUUsTUFBTSxFQUNkLGNBQWMsRUFBRSxNQUFNLENBQUMsY0FBYyxFQUNyQyxrQkFBa0IsRUFBRSxNQUFNLENBQUMsa0JBQWtCLEdBQy9DLENBQ0wsQ0FBQzthQUNMO1lBRUQsT0FBTyw4QkFBQyxNQUFNLENBQUMsYUFBYSxJQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxHQUFHLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxHQUFJLENBQUM7UUFDOUUsQ0FBQyxDQUFDLENBQ0UsQ0FDTixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFoQ1csUUFBQSxPQUFPLFdBZ0NsQiJ9

package/Editor/Plugin/Toolbar/index.d.ts

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

package/Editor/Plugin/Toolbar/index.js

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

package/Editor/Plugin/Toolbar/styles.d.ts

@@ -0,0 +1 @@
+export declare const toolbarStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"paper" | "grouped">;

package/Editor/Plugin/Toolbar/styles.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toolbarStyles = void 0;
+var createStyles_1 = __importDefault(require("@material-ui/core/styles/createStyles"));
+var makeStyles_1 = __importDefault(require("@material-ui/core/styles/makeStyles"));
+exports.toolbarStyles = (0, makeStyles_1.default)(function (theme) {
+    return (0, createStyles_1.default)({
+        paper: {
+            display: "flex",
+            alignItems: "center",
+            border: "1px solid ".concat(theme.palette.divider),
+            borderRadius: theme.spacing(0.5, 0.5, 0, 0),
+            flexWrap: "wrap",
+            margin: theme.spacing(1, -2),
+        },
+        grouped: {
+            margin: theme.spacing(0.5),
+            border: "none !important",
+            padding: theme.spacing(0, 1),
+            "&:not(:first-child)": {
+                borderRadius: theme.shape.borderRadius,
+            },
+            "&:first-child": {
+                borderRadius: theme.shape.borderRadius,
+            },
+            position: "sticky",
+            top: 0,
+            zIndex: 1000,
+        },
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9QbHVnaW4vVG9vbGJhci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsdUZBQWlFO0FBRWpFLG1GQUE2RDtBQUVoRCxRQUFBLGFBQWEsR0FBRyxJQUFBLG9CQUFVLEVBQUMsVUFBQyxLQUFZO0lBQ2pELE9BQUEsSUFBQSxzQkFBWSxFQUFDO1FBQ1QsS0FBSyxFQUFFO1lBQ0gsT0FBTyxFQUFFLE1BQU07WUFDZixVQUFVLEVBQUUsUUFBUTtZQUNwQixNQUFNLEVBQUUsb0JBQWEsS0FBSyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUU7WUFDNUMsWUFBWSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQzNDLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUMvQjtRQUNELE9BQU8sRUFBRTtZQUNMLE1BQU0sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQztZQUMxQixNQUFNLEVBQUUsaUJBQWlCO1lBQ3pCLE9BQU8sRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDNUIscUJBQXFCLEVBQUU7Z0JBQ25CLFlBQVksRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLFlBQVk7YUFDekM7WUFDRCxlQUFlLEVBQUU7Z0JBQ2IsWUFBWSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsWUFBWTthQUN6QztZQUNELFFBQVEsRUFBRSxRQUFRO1lBQ2xCLEdBQUcsRUFBRSxDQUFDO1lBQ04sTUFBTSxFQUFFLElBQUk7U0FDZjtLQUNKLENBQUM7QUF2QkYsQ0F1QkUsQ0FDTCxDQUFDIn0=

package/Editor/Plugin/UnderlinePlugin/UnderlineButton.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { ToolbarButtonProps } from "../../../types";
+export declare const UnderlineButton: FC<ToolbarButtonProps>;

package/Editor/Plugin/UnderlinePlugin/UnderlineButton.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnderlineButton = void 0;
+var FormatUnderlined_1 = __importDefault(require("@material-ui/icons/FormatUnderlined"));
+var react_1 = __importDefault(require("react"));
+var LeafTypeButton_1 = require("../LeafTypeButton");
+var UnderlineButton = function (_a) {
+    var editor = _a.editor;
+    return (react_1.default.createElement(LeafTypeButton_1.LeafTypeButton, { editor: editor, label: react_1.default.createElement(FormatUnderlined_1.default, null), name: "underline", title: "Podtr\u017Een\u00ED" }));
+};
+exports.UnderlineButton = UnderlineButton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVW5kZXJsaW5lQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9QbHVnaW4vVW5kZXJsaW5lUGx1Z2luL1VuZGVybGluZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEseUZBQXVFO0FBQ3ZFLGdEQUFrQztBQUVsQyxvREFBbUQ7QUFFNUMsSUFBTSxlQUFlLEdBQTJCLFVBQUMsRUFBVTtRQUFSLE1BQU0sWUFBQTtJQUFPLE9BQUEsQ0FDbkUsOEJBQUMsK0JBQWMsSUFBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSw4QkFBQywwQkFBb0IsT0FBRyxFQUFFLElBQUksRUFBQyxXQUFXLEVBQUMsS0FBSyxFQUFDLHFCQUFXLEdBQUcsQ0FDekc7QUFGc0UsQ0FFdEUsQ0FBQztBQUZXLFFBQUEsZUFBZSxtQkFFMUIifQ==

package/Editor/Plugin/UnderlinePlugin/UnderlineEditorRenderer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+import { EditorLeafRendererProps } from "../../../types";
+export declare const UnderlineEditorRenderer: FC<EditorLeafRendererProps>;

package/Editor/Plugin/UnderlinePlugin/UnderlineEditorRenderer.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnderlineEditorRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var UnderlineEditorRenderer = function (_a) {
+    var children = _a.children, leaf = _a.leaf;
+    if (leaf.underline) {
+        return react_1.default.createElement("u", null, children);
+    }
+    return children;
+};
+exports.UnderlineEditorRenderer = UnderlineEditorRenderer;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVW5kZXJsaW5lRWRpdG9yUmVuZGVyZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvRWRpdG9yL1BsdWdpbi9VbmRlcmxpbmVQbHVnaW4vVW5kZXJsaW5lRWRpdG9yUmVuZGVyZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUFrQztBQUczQixJQUFNLHVCQUF1QixHQUFnQyxVQUFDLEVBQWtCO1FBQWhCLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQTtJQUNqRixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7UUFDaEIsT0FBTyx5Q0FBSSxRQUFRLENBQUssQ0FBQztLQUM1QjtJQUVELE9BQU8sUUFBUSxDQUFDO0FBQ3BCLENBQUMsQ0FBQztBQU5XLFFBQUEsdUJBQXVCLDJCQU1sQyJ9

package/Editor/Plugin/UnderlinePlugin/UnderlinePlugin.d.ts

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

package/Editor/Plugin/UnderlinePlugin/UnderlinePlugin.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnderlinePlugin = void 0;
+var UnderlineButton_1 = require("./UnderlineButton");
+var UnderlineEditorRenderer_1 = require("./UnderlineEditorRenderer");
+exports.UnderlinePlugin = {
+    toolbarButton: UnderlineButton_1.UnderlineButton,
+    editorLeafRenderer: UnderlineEditorRenderer_1.UnderlineEditorRenderer,
+    type: "underline",
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVW5kZXJsaW5lUGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9QbHVnaW4vVW5kZXJsaW5lUGx1Z2luL1VuZGVybGluZVBsdWdpbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EscURBQW9EO0FBQ3BELHFFQUFvRTtBQUV2RCxRQUFBLGVBQWUsR0FBcUI7SUFDN0MsYUFBYSxFQUFFLGlDQUFlO0lBQzlCLGtCQUFrQixFQUFFLGlEQUF1QjtJQUMzQyxJQUFJLEVBQUUsV0FBVztDQUNwQixDQUFDIn0=

package/Editor/Plugin/UnderlinePlugin/index.d.ts

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

package/Editor/Plugin/UnderlinePlugin/index.js

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

package/Editor/{Toolbar/Dialog → Plugin/VideoPlugin}/InsertVideoDialog.d.ts

@@ -1,12 +1,9 @@
 import React from "react";
-import { Range } from "slate";
-import { ReactEditor } from "slate-react";
-import { EditorVideoElement } from "../../../types";
+import { EditorVideoElement, UXFEditor } from "../../../types";
 export interface InsertVideoDialogProps {
     open: boolean;
     onClose: () => void;
-    editor: ReactEditor;
+    editor: UXFEditor;
     activeVideo: EditorVideoElement | null;
-    selection: Range | null;
 }
 export declare const InsertVideoDialog: React.NamedExoticComponent<InsertVideoDialogProps>;

package/Editor/{Toolbar/Dialog → Plugin/VideoPlugin}/InsertVideoDialog.js

@@ -54,7 +54,7 @@ var lazy_1 = __importDefault(require("react-player/lazy"));
 var Renderer_1 = require("../../Renderer");
 var InsertVideoDialogComponent = function (_a) {
     var _b;
-    var open = _a.open, onClose = _a.onClose, editor = _a.editor, activeVideo = _a.activeVideo, selection = _a.selection;
+    var open = _a.open, onClose = _a.onClose, editor = _a.editor, activeVideo = _a.activeVideo;
     var _c = __read((0, react_1.useState)((_b = activeVideo === null || activeVideo === void 0 ? void 0 : activeVideo.url) !== null && _b !== void 0 ? _b : ""), 2), url = _c[0], setUrl = _c[1];
     var resetState = (0, react_1.useCallback)(function () {
         setUrl("");
@@ -66,8 +66,7 @@ var InsertVideoDialogComponent = function (_a) {
     }, [onClose, resetState]);
     // OK button
     var okButtonHandler = function () {
-        editor.selection = selection;
-        (0, Renderer_1.insertVideo)(editor, url, selection);
+        (0, Renderer_1.insertVideo)(editor, url, editor.selection);
         resetState();
         onClose();
     };
@@ -82,4 +81,4 @@ var InsertVideoDialogComponent = function (_a) {
             react_1.default.createElement(Button_1.default, { onClick: okButtonHandler, color: "primary", variant: "contained", disabled: !playableVideo }, "Vlo\u017Eit video"))));
 };
 exports.InsertVideoDialog = (0, react_1.memo)(InsertVideoDialogComponent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5zZXJ0VmlkZW9EaWFsb2cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvRWRpdG9yL1Rvb2xiYXIvRGlhbG9nL0luc2VydFZpZGVvRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxvRUFBOEM7QUFDOUMsb0VBQThDO0FBQzlDLGtGQUE0RDtBQUM1RCxrRkFBNEQ7QUFDNUQsOEVBQXdEO0FBQ3hELDBFQUFvRDtBQUNwRCw2Q0FBd0U7QUFDeEUsMkRBQTRDO0FBSTVDLDJDQUE2QztBQVU3QyxJQUFNLDBCQUEwQixHQUErQixVQUFDLEVBQWlEOztRQUEvQyxJQUFJLFVBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ3JHLElBQUEsS0FBQSxPQUFnQixJQUFBLGdCQUFRLEVBQVMsTUFBQSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsR0FBRyxtQ0FBSSxFQUFFLENBQUMsSUFBQSxFQUF2RCxHQUFHLFFBQUEsRUFBRSxNQUFNLFFBQTRDLENBQUM7SUFFL0QsSUFBTSxVQUFVLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQzNCLE1BQU0sQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNmLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLGdCQUFnQjtJQUNoQixJQUFNLFlBQVksR0FBRyxJQUFBLG1CQUFXLEVBQUM7UUFDN0IsVUFBVSxFQUFFLENBQUM7UUFDYixPQUFPLEVBQUUsQ0FBQztJQUNkLENBQUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDO0lBRTFCLFlBQVk7SUFDWixJQUFNLGVBQWUsR0FBRztRQUNwQixNQUFNLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUM3QixJQUFBLHNCQUFXLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUNwQyxVQUFVLEVBQUUsQ0FBQztRQUNiLE9BQU8sRUFBRSxDQUFDO0lBQ2QsQ0FBQyxDQUFDO0lBRUYsSUFBTSxhQUFhLEdBQUcsSUFBQSxlQUFPLEVBQUMsY0FBTSxPQUFBLEdBQUcsSUFBSSxjQUFXLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUEvQixDQUErQixFQUFFLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztJQUU1RSxPQUFPLENBQ0gsOEJBQUMsZ0JBQU0sSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxZQUFZLHFCQUFrQixxQkFBcUIsRUFBQyxTQUFTO1FBQ3RGLDhCQUFDLHFCQUFXLElBQUMsRUFBRSxFQUFDLDJCQUEyQix3QkFBMkI7UUFDdEUsOEJBQUMsdUJBQWE7WUFDViw4QkFBQyxtQkFBUyxJQUNOLE1BQU0sRUFBQyxPQUFPLEVBQ2QsRUFBRSxFQUFDLEtBQUssRUFDUixLQUFLLEVBQUMsV0FBVyxFQUNqQixJQUFJLEVBQUMsTUFBTSxFQUNYLFNBQVMsUUFDVCxLQUFLLEVBQUUsR0FBRyxFQUNWLFFBQVEsUUFDUixRQUFRLEVBQUUsVUFBQSxDQUFDLElBQUksT0FBQSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsRUFBdEIsQ0FBc0IsR0FDdkM7WUFDRCxhQUFhLElBQUksOEJBQUMsY0FBVyxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFDLE1BQU0sRUFBQyxRQUFRLEVBQUUsSUFBSSxHQUFJLENBQzVEO1FBRWhCLDhCQUFDLHVCQUFhO1lBQ1YsOEJBQUMsZ0JBQU0sSUFBQyxPQUFPLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBQyxXQUFXLGtCQUV2QztZQUNULDhCQUFDLGdCQUFNLElBQUMsT0FBTyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQUMsU0FBUyxFQUFDLE9BQU8sRUFBQyxXQUFXLEVBQUMsUUFBUSxFQUFFLENBQUMsYUFBYSx3QkFFckYsQ0FDRyxDQUNYLENBQ1osQ0FBQztBQUNOLENBQUMsQ0FBQztBQUVXLFFBQUEsaUJBQWlCLEdBQUcsSUFBQSxZQUFJLEVBQUMsMEJBQTBCLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5zZXJ0VmlkZW9EaWFsb2cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvRWRpdG9yL1BsdWdpbi9WaWRlb1BsdWdpbi9JbnNlcnRWaWRlb0RpYWxvZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsb0VBQThDO0FBQzlDLG9FQUE4QztBQUM5QyxrRkFBNEQ7QUFDNUQsa0ZBQTREO0FBQzVELDhFQUF3RDtBQUN4RCwwRUFBb0Q7QUFDcEQsNkNBQXdFO0FBQ3hFLDJEQUE0QztBQUU1QywyQ0FBNkM7QUFTN0MsSUFBTSwwQkFBMEIsR0FBK0IsVUFBQyxFQUFzQzs7UUFBcEMsSUFBSSxVQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsV0FBVyxpQkFBQTtJQUMxRixJQUFBLEtBQUEsT0FBZ0IsSUFBQSxnQkFBUSxFQUFTLE1BQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLEdBQUcsbUNBQUksRUFBRSxDQUFDLElBQUEsRUFBdkQsR0FBRyxRQUFBLEVBQUUsTUFBTSxRQUE0QyxDQUFDO0lBRS9ELElBQU0sVUFBVSxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUMzQixNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDZixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxnQkFBZ0I7SUFDaEIsSUFBTSxZQUFZLEdBQUcsSUFBQSxtQkFBVyxFQUFDO1FBQzdCLFVBQVUsRUFBRSxDQUFDO1FBQ2IsT0FBTyxFQUFFLENBQUM7SUFDZCxDQUFDLEVBQUUsQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUUxQixZQUFZO0lBQ1osSUFBTSxlQUFlLEdBQUc7UUFDcEIsSUFBQSxzQkFBVyxFQUFDLE1BQU0sRUFBRSxHQUFHLEVBQUUsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQzNDLFVBQVUsRUFBRSxDQUFDO1FBQ2IsT0FBTyxFQUFFLENBQUM7SUFDZCxDQUFDLENBQUM7SUFFRixJQUFNLGFBQWEsR0FBRyxJQUFBLGVBQU8sRUFBQyxjQUFNLE9BQUEsR0FBRyxJQUFJLGNBQVcsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLEVBQS9CLENBQStCLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO0lBRTVFLE9BQU8sQ0FDSCw4QkFBQyxnQkFBTSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLFlBQVkscUJBQWtCLHFCQUFxQixFQUFDLFNBQVM7UUFDdEYsOEJBQUMscUJBQVcsSUFBQyxFQUFFLEVBQUMsMkJBQTJCLHdCQUEyQjtRQUN0RSw4QkFBQyx1QkFBYTtZQUNWLDhCQUFDLG1CQUFTLElBQ04sTUFBTSxFQUFDLE9BQU8sRUFDZCxFQUFFLEVBQUMsS0FBSyxFQUNSLEtBQUssRUFBQyxXQUFXLEVBQ2pCLElBQUksRUFBQyxNQUFNLEVBQ1gsU0FBUyxRQUNULEtBQUssRUFBRSxHQUFHLEVBQ1YsUUFBUSxRQUNSLFFBQVEsRUFBRSxVQUFBLENBQUMsSUFBSSxPQUFBLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUF0QixDQUFzQixHQUN2QztZQUNELGFBQWEsSUFBSSw4QkFBQyxjQUFXLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUMsTUFBTSxFQUFDLFFBQVEsRUFBRSxJQUFJLEdBQUksQ0FDNUQ7UUFFaEIsOEJBQUMsdUJBQWE7WUFDViw4QkFBQyxnQkFBTSxJQUFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFDLFdBQVcsa0JBRXZDO1lBQ1QsOEJBQUMsZ0JBQU0sSUFBQyxPQUFPLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBQyxTQUFTLEVBQUMsT0FBTyxFQUFDLFdBQVcsRUFBQyxRQUFRLEVBQUUsQ0FBQyxhQUFhLHdCQUVyRixDQUNHLENBQ1gsQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRVcsUUFBQSxpQkFBaUIsR0FBRyxJQUFBLFlBQUksRUFBQywwQkFBMEIsQ0FBQyxDQUFDIn0=

package/Editor/Plugin/VideoPlugin/VideoEditorElement.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RenderElementProps } from "slate-react";
+export declare const VideoEditorElement: ({ attributes, element }: Omit<RenderElementProps, "children">) => JSX.Element;

package/Editor/{Renderer/VideoElement/VideoElement.js → Plugin/VideoPlugin/VideoEditorElement.js}

@@ -14,12 +14,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoElement = void 0;
+exports.VideoEditorElement = void 0;
 var react_1 = __importDefault(require("react"));
 var lazy_1 = __importDefault(require("react-player/lazy"));
 var slate_react_1 = require("slate-react");
 var styles_1 = require("./styles");
-var VideoElement = function (_a) {
+var VideoEditorElement = function (_a) {
     var attributes = _a.attributes, element = _a.element;
     var selected = (0, slate_react_1.useSelected)();
     var focused = (0, slate_react_1.useFocused)();
@@ -27,5 +27,5 @@ var VideoElement = function (_a) {
     return (react_1.default.createElement("div", __assign({}, attributes, { className: classes.wrapper }),
         react_1.default.createElement(lazy_1.default, { className: classes.player, url: typeof element.url === "string" ? element.url : "", controls: true, width: "100%", height: "100%" })));
 };
-exports.VideoElement = VideoElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9FbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9SZW5kZXJlci9WaWRlb0VsZW1lbnQvVmlkZW9FbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQiwyREFBNEM7QUFDNUMsMkNBQTBFO0FBQzFFLG1DQUEwQztBQUVuQyxJQUFNLFlBQVksR0FBRyxVQUFDLEVBQTZEO1FBQTNELFVBQVUsZ0JBQUEsRUFBRSxPQUFPLGFBQUE7SUFDOUMsSUFBTSxRQUFRLEdBQUcsSUFBQSx5QkFBVyxHQUFFLENBQUM7SUFDL0IsSUFBTSxPQUFPLEdBQUcsSUFBQSx3QkFBVSxHQUFFLENBQUM7SUFDN0IsSUFBTSxPQUFPLEdBQUcsSUFBQSx1QkFBYyxFQUFDLEVBQUUsUUFBUSxVQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsQ0FBQyxDQUFDO0lBQ3RELE9BQU8sQ0FDSCxrREFBUyxVQUFVLElBQUUsU0FBUyxFQUFFLE9BQU8sQ0FBQyxPQUFPO1FBQzNDLDhCQUFDLGNBQVcsSUFDUixTQUFTLEVBQUUsT0FBTyxDQUFDLE1BQU0sRUFDekIsR0FBRyxFQUFFLE9BQU8sT0FBTyxDQUFDLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFDdkQsUUFBUSxFQUFFLElBQUksRUFDZCxLQUFLLEVBQUMsTUFBTSxFQUNaLE1BQU0sRUFBQyxNQUFNLEdBQ2YsQ0FDQSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLFlBQVksZ0JBZXZCIn0=
+exports.VideoEditorElement = VideoEditorElement;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9FZGl0b3JFbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9QbHVnaW4vVmlkZW9QbHVnaW4vVmlkZW9FZGl0b3JFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGdEQUEwQjtBQUMxQiwyREFBNEM7QUFDNUMsMkNBQTBFO0FBQzFFLG1DQUEwQztBQUVuQyxJQUFNLGtCQUFrQixHQUFHLFVBQUMsRUFBNkQ7UUFBM0QsVUFBVSxnQkFBQSxFQUFFLE9BQU8sYUFBQTtJQUNwRCxJQUFNLFFBQVEsR0FBRyxJQUFBLHlCQUFXLEdBQUUsQ0FBQztJQUMvQixJQUFNLE9BQU8sR0FBRyxJQUFBLHdCQUFVLEdBQUUsQ0FBQztJQUM3QixJQUFNLE9BQU8sR0FBRyxJQUFBLHVCQUFjLEVBQUMsRUFBRSxRQUFRLFVBQUEsRUFBRSxPQUFPLFNBQUEsRUFBRSxDQUFDLENBQUM7SUFDdEQsT0FBTyxDQUNILGtEQUFTLFVBQVUsSUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDLE9BQU87UUFDM0MsOEJBQUMsY0FBVyxJQUNSLFNBQVMsRUFBRSxPQUFPLENBQUMsTUFBTSxFQUN6QixHQUFHLEVBQUUsT0FBTyxPQUFPLENBQUMsR0FBRyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUN2RCxRQUFRLEVBQUUsSUFBSSxFQUNkLEtBQUssRUFBQyxNQUFNLEVBQ1osTUFBTSxFQUFDLE1BQU0sR0FDZixDQUNBLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWZXLFFBQUEsa0JBQWtCLHNCQWU3QiJ9

package/Editor/Plugin/VideoPlugin/VideoElementButton.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ToolbarButtonProps } from "../../../types";
+export declare const VideoElementButton: React.NamedExoticComponent<ToolbarButtonProps>;

package/Editor/Plugin/VideoPlugin/VideoElementButton.js

@@ -0,0 +1,69 @@
+"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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoElementButton = void 0;
+var OndemandVideo_1 = __importDefault(require("@material-ui/icons/OndemandVideo"));
+var ToggleButton_1 = __importDefault(require("@material-ui/lab/ToggleButton"));
+var react_1 = __importStar(require("react"));
+var Renderer_1 = require("../../Renderer");
+var toggleButtonStyles_1 = require("../toggleButtonStyles");
+var InsertVideoDialog_1 = require("./InsertVideoDialog");
+var VideoButtonComponent = function (_a) {
+    var editor = _a.editor;
+    var classes = (0, toggleButtonStyles_1.toggleButtonStyles)();
+    var _b = __read((0, react_1.useState)(false), 2), dialogOpen = _b[0], setDialogOpen = _b[1];
+    var _c = __read((0, react_1.useState)(null), 2), activeVideo = _c[0], setActiveVideo = _c[1];
+    var closeDialog = (0, react_1.useCallback)(function () { return setDialogOpen(false); }, []);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ToggleButton_1.default, { key: "video-button", className: classes.button, size: "small", value: "video", "aria-label": "video", selected: (0, Renderer_1.isVideoActive)(editor), title: "Video", onClick: function (e) {
+                e.preventDefault();
+                e.persist();
+                setActiveVideo((0, Renderer_1.getActiveVideo)(editor));
+                setDialogOpen(true);
+            } },
+            react_1.default.createElement(OndemandVideo_1.default, null)),
+        react_1.default.createElement(InsertVideoDialog_1.InsertVideoDialog, { open: dialogOpen, onClose: closeDialog, editor: editor, activeVideo: activeVideo })));
+};
+exports.VideoElementButton = (0, react_1.memo)(VideoButtonComponent);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9FbGVtZW50QnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9QbHVnaW4vVmlkZW9QbHVnaW4vVmlkZW9FbGVtZW50QnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtRkFBeUQ7QUFDekQsK0VBQXlEO0FBQ3pELDZDQUErRDtBQUUvRCwyQ0FBK0Q7QUFDL0QsNERBQTJEO0FBQzNELHlEQUF3RDtBQUV4RCxJQUFNLG9CQUFvQixHQUEyQixVQUFDLEVBQVU7UUFBUixNQUFNLFlBQUE7SUFDMUQsSUFBTSxPQUFPLEdBQUcsSUFBQSx1Q0FBa0IsR0FBRSxDQUFDO0lBQy9CLElBQUEsS0FBQSxPQUE4QixJQUFBLGdCQUFRLEVBQVUsS0FBSyxDQUFDLElBQUEsRUFBckQsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUE0QixDQUFDO0lBQ3ZELElBQUEsS0FBQSxPQUFnQyxJQUFBLGdCQUFRLEVBQTRCLElBQUksQ0FBQyxJQUFBLEVBQXhFLFdBQVcsUUFBQSxFQUFFLGNBQWMsUUFBNkMsQ0FBQztJQUVoRixJQUFNLFdBQVcsR0FBRyxJQUFBLG1CQUFXLEVBQUMsY0FBTSxPQUFBLGFBQWEsQ0FBQyxLQUFLLENBQUMsRUFBcEIsQ0FBb0IsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVoRSxPQUFPLENBQ0g7UUFDSSw4QkFBQyxzQkFBWSxJQUNULEdBQUcsRUFBQyxjQUFjLEVBQ2xCLFNBQVMsRUFBRSxPQUFPLENBQUMsTUFBTSxFQUN6QixJQUFJLEVBQUMsT0FBTyxFQUNaLEtBQUssRUFBQyxPQUFPLGdCQUNGLE9BQU8sRUFDbEIsUUFBUSxFQUFFLElBQUEsd0JBQWEsRUFBQyxNQUFNLENBQUMsRUFDL0IsS0FBSyxFQUFDLE9BQU8sRUFDYixPQUFPLEVBQUUsVUFBQSxDQUFDO2dCQUNOLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztnQkFDbkIsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO2dCQUNaLGNBQWMsQ0FBQyxJQUFBLHlCQUFjLEVBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztnQkFDdkMsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDO1lBQ3hCLENBQUM7WUFFRCw4QkFBQyx1QkFBUyxPQUFHLENBQ0Y7UUFDZiw4QkFBQyxxQ0FBaUIsSUFBQyxJQUFJLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsV0FBVyxHQUFJLENBQ3hHLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQUVXLFFBQUEsa0JBQWtCLEdBQUcsSUFBQSxZQUFJLEVBQUMsb0JBQW9CLENBQUMsQ0FBQyJ9

package/Editor/Plugin/VideoPlugin/VideoPlugin.d.ts

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

package/Editor/Plugin/VideoPlugin/VideoPlugin.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoPlugin = void 0;
+var VideoEditorElement_1 = require("./VideoEditorElement");
+var VideoElementButton_1 = require("./VideoElementButton");
+exports.VideoPlugin = {
+    toolbarButton: VideoElementButton_1.VideoElementButton,
+    editorElementRenderer: VideoEditorElement_1.VideoEditorElement,
+    type: "video",
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlkZW9QbHVnaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvRWRpdG9yL1BsdWdpbi9WaWRlb1BsdWdpbi9WaWRlb1BsdWdpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSwyREFBMEQ7QUFDMUQsMkRBQTBEO0FBRTdDLFFBQUEsV0FBVyxHQUF3QjtJQUM1QyxhQUFhLEVBQUUsdUNBQWtCO0lBQ2pDLHFCQUFxQixFQUFFLHVDQUFrQjtJQUN6QyxJQUFJLEVBQUUsT0FBTztDQUNoQixDQUFDIn0=

package/Editor/Plugin/VideoPlugin/index.d.ts

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

package/Editor/Plugin/VideoPlugin/index.js

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

package/Editor/{Renderer/VideoElement → Plugin/VideoPlugin}/styles.d.ts

@@ -2,5 +2,5 @@ interface VideoStyleProps {
     focused: boolean;
     selected: boolean;
 }
-export declare const useVideoStyles: (props: VideoStyleProps) => import("@material-ui/styles").ClassNameMap<"player" | "wrapper">;
+export declare const useVideoStyles: (props: VideoStyleProps) => import("@material-ui/styles").ClassNameMap<"wrapper" | "player">;
 export {};

package/Editor/{Renderer/VideoElement → Plugin/VideoPlugin}/styles.js

@@ -26,4 +26,4 @@ exports.useVideoStyles = (0, makeStyles_1.default)(function (theme) {
         },
     });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9SZW5kZXJlci9WaWRlb0VsZW1lbnQvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUNBLHVGQUFpRTtBQUNqRSxtRkFBNkQ7QUFPaEQsUUFBQSxjQUFjLEdBQUcsSUFBQSxvQkFBVSxFQUErQyxVQUFBLEtBQUs7SUFDeEYsT0FBQSxJQUFBLHNCQUFZLEVBQUM7UUFDVCxNQUFNLEVBQUU7WUFDSixRQUFRLEVBQUUsVUFBVTtZQUNwQixHQUFHLEVBQUUsQ0FBQztZQUNOLElBQUksRUFBRSxDQUFDO1lBQ1AsUUFBUSxFQUFFLE1BQU07WUFDaEIsU0FBUyxFQUFFLE1BQU07WUFDakIsU0FBUyxFQUFFLFVBQUMsRUFBcUI7b0JBQW5CLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQTtnQkFDM0IsT0FBQSxRQUFRLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxvQkFBYSxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUF6RSxDQUF5RTtTQUNoRjtRQUNELE9BQU8sRUFBRTtZQUNMLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFVBQVUsRUFBRSxRQUFRLENBQUMseUJBQXlCO1lBQzlDLFlBQVksRUFBRSxDQUFDO1NBQ2xCO0tBQ0osQ0FBQztBQWZGLENBZUUsQ0FDTCxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9QbHVnaW4vVmlkZW9QbHVnaW4vc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLHVGQUFpRTtBQUVqRSxtRkFBNkQ7QUFPaEQsUUFBQSxjQUFjLEdBQUcsSUFBQSxvQkFBVSxFQUErQyxVQUFBLEtBQUs7SUFDeEYsT0FBQSxJQUFBLHNCQUFZLEVBQUM7UUFDVCxNQUFNLEVBQUU7WUFDSixRQUFRLEVBQUUsVUFBVTtZQUNwQixHQUFHLEVBQUUsQ0FBQztZQUNOLElBQUksRUFBRSxDQUFDO1lBQ1AsUUFBUSxFQUFFLE1BQU07WUFDaEIsU0FBUyxFQUFFLE1BQU07WUFDakIsU0FBUyxFQUFFLFVBQUMsRUFBcUI7b0JBQW5CLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQTtnQkFDM0IsT0FBQSxRQUFRLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxvQkFBYSxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUUsQ0FBQyxDQUFDLENBQUMsTUFBTTtZQUF6RSxDQUF5RTtTQUNoRjtRQUNELE9BQU8sRUFBRTtZQUNMLFFBQVEsRUFBRSxVQUFVO1lBQ3BCLFVBQVUsRUFBRSxRQUFRLENBQUMseUJBQXlCO1lBQzlDLFlBQVksRUFBRSxDQUFDO1NBQ2xCO0tBQ0osQ0FBQztBQWZGLENBZUUsQ0FDTCxDQUFDIn0=

package/Editor/Plugin/index.d.ts

@@ -0,0 +1,16 @@
+export { BlockQuotePlugin } from "./BlockQuotePlugin";
+export { BoldPlugin } from "./BoldPlugin";
+export { ButtonPlugin } from "./ButtonPlugin";
+export { CodePlugin } from "./CodePlugin";
+export { Divider } from "./Divider";
+export { HeadingPlugins } from "./HeadingPlugin";
+export { ImagePlugin } from "./ImagePlugin";
+export { ItalicPlugin } from "./ItalicPlugin";
+export { LinkPlugin } from "./LinkPlugin";
+export { ListBulletedPlugin } from "./ListBulletedPlugin";
+export { ListItemPlugin } from "./ListItemPlugin";
+export { ListNumberedPlugin } from "./ListNumberedPlugin";
+export { ParagraphPlugin } from "./ParagraphPlugin";
+export { Toolbar } from "./Toolbar";
+export { UnderlinePlugin } from "./UnderlinePlugin";
+export { VideoPlugin } from "./VideoPlugin";

package/Editor/Plugin/index.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoPlugin = exports.UnderlinePlugin = exports.Toolbar = exports.ParagraphPlugin = exports.ListNumberedPlugin = exports.ListItemPlugin = exports.ListBulletedPlugin = exports.LinkPlugin = exports.ItalicPlugin = exports.ImagePlugin = exports.HeadingPlugins = exports.Divider = exports.CodePlugin = exports.ButtonPlugin = exports.BoldPlugin = exports.BlockQuotePlugin = void 0;
+var BlockQuotePlugin_1 = require("./BlockQuotePlugin");
+Object.defineProperty(exports, "BlockQuotePlugin", { enumerable: true, get: function () { return BlockQuotePlugin_1.BlockQuotePlugin; } });
+var BoldPlugin_1 = require("./BoldPlugin");
+Object.defineProperty(exports, "BoldPlugin", { enumerable: true, get: function () { return BoldPlugin_1.BoldPlugin; } });
+var ButtonPlugin_1 = require("./ButtonPlugin");
+Object.defineProperty(exports, "ButtonPlugin", { enumerable: true, get: function () { return ButtonPlugin_1.ButtonPlugin; } });
+var CodePlugin_1 = require("./CodePlugin");
+Object.defineProperty(exports, "CodePlugin", { enumerable: true, get: function () { return CodePlugin_1.CodePlugin; } });
+var Divider_1 = require("./Divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
+var HeadingPlugin_1 = require("./HeadingPlugin");
+Object.defineProperty(exports, "HeadingPlugins", { enumerable: true, get: function () { return HeadingPlugin_1.HeadingPlugins; } });
+var ImagePlugin_1 = require("./ImagePlugin");
+Object.defineProperty(exports, "ImagePlugin", { enumerable: true, get: function () { return ImagePlugin_1.ImagePlugin; } });
+var ItalicPlugin_1 = require("./ItalicPlugin");
+Object.defineProperty(exports, "ItalicPlugin", { enumerable: true, get: function () { return ItalicPlugin_1.ItalicPlugin; } });
+var LinkPlugin_1 = require("./LinkPlugin");
+Object.defineProperty(exports, "LinkPlugin", { enumerable: true, get: function () { return LinkPlugin_1.LinkPlugin; } });
+var ListBulletedPlugin_1 = require("./ListBulletedPlugin");
+Object.defineProperty(exports, "ListBulletedPlugin", { enumerable: true, get: function () { return ListBulletedPlugin_1.ListBulletedPlugin; } });
+var ListItemPlugin_1 = require("./ListItemPlugin");
+Object.defineProperty(exports, "ListItemPlugin", { enumerable: true, get: function () { return ListItemPlugin_1.ListItemPlugin; } });
+var ListNumberedPlugin_1 = require("./ListNumberedPlugin");
+Object.defineProperty(exports, "ListNumberedPlugin", { enumerable: true, get: function () { return ListNumberedPlugin_1.ListNumberedPlugin; } });
+var ParagraphPlugin_1 = require("./ParagraphPlugin");
+Object.defineProperty(exports, "ParagraphPlugin", { enumerable: true, get: function () { return ParagraphPlugin_1.ParagraphPlugin; } });
+var Toolbar_1 = require("./Toolbar");
+Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return Toolbar_1.Toolbar; } });
+var UnderlinePlugin_1 = require("./UnderlinePlugin");
+Object.defineProperty(exports, "UnderlinePlugin", { enumerable: true, get: function () { return UnderlinePlugin_1.UnderlinePlugin; } });
+var VideoPlugin_1 = require("./VideoPlugin");
+Object.defineProperty(exports, "VideoPlugin", { enumerable: true, get: function () { return VideoPlugin_1.VideoPlugin; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvRWRpdG9yL1BsdWdpbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx1REFBc0Q7QUFBN0Msb0hBQUEsZ0JBQWdCLE9BQUE7QUFDekIsMkNBQTBDO0FBQWpDLHdHQUFBLFVBQVUsT0FBQTtBQUNuQiwrQ0FBOEM7QUFBckMsNEdBQUEsWUFBWSxPQUFBO0FBQ3JCLDJDQUEwQztBQUFqQyx3R0FBQSxVQUFVLE9BQUE7QUFDbkIscUNBQW9DO0FBQTNCLGtHQUFBLE9BQU8sT0FBQTtBQUNoQixpREFBaUQ7QUFBeEMsK0dBQUEsY0FBYyxPQUFBO0FBQ3ZCLDZDQUE0QztBQUFuQywwR0FBQSxXQUFXLE9BQUE7QUFDcEIsK0NBQThDO0FBQXJDLDRHQUFBLFlBQVksT0FBQTtBQUNyQiwyQ0FBMEM7QUFBakMsd0dBQUEsVUFBVSxPQUFBO0FBQ25CLDJEQUEwRDtBQUFqRCx3SEFBQSxrQkFBa0IsT0FBQTtBQUMzQixtREFBa0Q7QUFBekMsZ0hBQUEsY0FBYyxPQUFBO0FBQ3ZCLDJEQUEwRDtBQUFqRCx3SEFBQSxrQkFBa0IsT0FBQTtBQUMzQixxREFBb0Q7QUFBM0Msa0hBQUEsZUFBZSxPQUFBO0FBQ3hCLHFDQUFvQztBQUEzQixrR0FBQSxPQUFPLE9BQUE7QUFDaEIscURBQW9EO0FBQTNDLGtIQUFBLGVBQWUsT0FBQTtBQUN4Qiw2Q0FBNEM7QUFBbkMsMEdBQUEsV0FBVyxPQUFBIn0=

package/Editor/Plugin/toggleButtonStyles.d.ts

@@ -0,0 +1 @@
+export declare const toggleButtonStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"button">;

package/Editor/{Toolbar/Button/styles.js → Plugin/toggleButtonStyles.js}

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.styles = void 0;
+exports.toggleButtonStyles = void 0;
 var createStyles_1 = __importDefault(require("@material-ui/core/styles/createStyles"));
 var makeStyles_1 = __importDefault(require("@material-ui/core/styles/makeStyles"));
-exports.styles = (0, makeStyles_1.default)(function (theme) {
+exports.toggleButtonStyles = (0, makeStyles_1.default)(function (theme) {
     return (0, createStyles_1.default)({
         button: {
             margin: theme.spacing(0.5),
@@ -21,4 +21,4 @@ exports.styles = (0, makeStyles_1.default)(function (theme) {
         },
     });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL0VkaXRvci9Ub29sYmFyL0J1dHRvbi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQ0EsdUZBQWlFO0FBQ2pFLG1GQUE2RDtBQUVoRCxRQUFBLE1BQU0sR0FBRyxJQUFBLG9CQUFVLEVBQUMsVUFBQyxLQUFZO0lBQzFDLE9BQUEsSUFBQSxzQkFBWSxFQUFDO1FBQ1QsTUFBTSxFQUFFO1lBQ0osTUFBTSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDO1lBQzFCLE1BQU0sRUFBRSxpQkFBaUI7WUFDekIsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUM1QixxQkFBcUIsRUFBRTtnQkFDbkIsWUFBWSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsWUFBWTthQUN6QztZQUNELGVBQWUsRUFBRTtnQkFDYixZQUFZLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxZQUFZO2FBQ3pDO1NBQ0o7S0FDSixDQUFDO0FBWkYsQ0FZRSxDQUNMLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlQnV0dG9uU3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL0VkaXRvci9QbHVnaW4vdG9nZ2xlQnV0dG9uU3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLHVGQUFpRTtBQUVqRSxtRkFBNkQ7QUFFaEQsUUFBQSxrQkFBa0IsR0FBRyxJQUFBLG9CQUFVLEVBQUMsVUFBQyxLQUFZO0lBQ3RELE9BQUEsSUFBQSxzQkFBWSxFQUFDO1FBQ1QsTUFBTSxFQUFFO1lBQ0osTUFBTSxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDO1lBQzFCLE1BQU0sRUFBRSxpQkFBaUI7WUFDekIsT0FBTyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUM1QixxQkFBcUIsRUFBRTtnQkFDbkIsWUFBWSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsWUFBWTthQUN6QztZQUNELGVBQWUsRUFBRTtnQkFDYixZQUFZLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxZQUFZO2FBQ3pDO1NBQ0o7S0FDSixDQUFDO0FBWkYsQ0FZRSxDQUNMLENBQUMifQ==

package/Editor/Renderer/Element.d.ts

@@ -1,7 +1,6 @@
 import { ReactElement } from "react";
 import { RenderElementProps } from "slate-react";
-import { ImageUrlClient } from "../../types";
+import { EditorElementPlugins } from "../../types";
 export declare const Element: (props: RenderElementProps & {
-    imageUrlClient: ImageUrlClient;
-    imageNamespace: string;
+    plugins: EditorElementPlugins[];
 }) => ReactElement;

package/Editor/Renderer/Element.js

@@ -15,50 +15,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Element = void 0;
-var Typography_1 = __importDefault(require("@material-ui/core/Typography/Typography"));
 var react_1 = __importDefault(require("react"));
-var ImageElement_1 = require("./ImageElement");
-var VideoElement_1 = require("./VideoElement");
-var ButtonElement_1 = require("./ButtonElement");
 var Element = function (props) {
-    var attributes = props.attributes, children = props.children, element = props.element, imageNamespace = props.imageNamespace, imageUrlClient = props.imageUrlClient;
-    switch (element.type) {
-        case "paragraph":
-            return (react_1.default.createElement(Typography_1.default, __assign({ variant: "body1" }, attributes, { style: { marginBottom: "1em" } }), children));
-        // Headlines
-        case "h1":
-            return react_1.default.createElement("h1", __assign({}, attributes), children);
-        case "h2":
-            return react_1.default.createElement("h2", __assign({}, attributes), children);
-        case "h3":
-            return react_1.default.createElement("h3", __assign({}, attributes), children);
-        case "h4":
-            return react_1.default.createElement("h4", __assign({}, attributes), children);
-        case "h5":
-            return react_1.default.createElement("h5", __assign({}, attributes), children);
-        case "h6":
-            return react_1.default.createElement("h6", __assign({}, attributes), children);
-        // Lists
-        case "bulleted-list":
-            return react_1.default.createElement("ul", __assign({}, attributes), children);
-        case "list-item":
-            return react_1.default.createElement("li", __assign({}, attributes), children);
-        case "numbered-list":
-            return react_1.default.createElement("ol", __assign({}, attributes), children);
-        // Quote
-        case "block-quote":
-            return react_1.default.createElement("blockquote", __assign({}, attributes), children);
-        case "link":
-            return (react_1.default.createElement("a", __assign({}, attributes, { href: typeof element.url === "string" ? element.url : undefined, target: typeof element.target === "string" ? element.target : undefined }), children));
-        case "image":
-            return react_1.default.createElement(ImageElement_1.ImageElement, __assign({}, props, { imageUrlClient: imageUrlClient, imageNamespace: imageNamespace }));
-        case "video":
-            return react_1.default.createElement(VideoElement_1.VideoElement, __assign({}, props));
-        case "button":
-            return react_1.default.createElement(ButtonElement_1.ButtonElement, __assign({}, props));
-        default:
-            return react_1.default.createElement("span", __assign({}, attributes), children);
+    var attributes = props.attributes, children = props.children, element = props.element, plugins = props.plugins;
+    var pluginTypes = plugins.map(function (plugin) { return plugin.type; });
+    if (!pluginTypes.find(function (type) { return type === element.type; })) {
+        return react_1.default.createElement("span", __assign({}, attributes), children);
     }
+    return (react_1.default.createElement(react_1.default.Fragment, null, plugins.map(function (plugin, index) {
+        if (plugin.type === element.type && !("imageUrlClient" in plugin && "imageNamespace" in plugin)) {
+            return (react_1.default.createElement(plugin.editorElementRenderer, { key: "element-plugin-".concat(index), attributes: attributes, element: element }, children));
+        }
+        if (plugin.type === element.type && "imageUrlClient" in plugin && "imageNamespace" in plugin) {
+            return (react_1.default.createElement(plugin.editorElementRenderer, { key: "element-plugin-".concat(index), attributes: attributes, element: element, imageNamespace: plugin.imageNamespace, imageUrlClient: plugin.imageUrlClient }, children));
+        }
+        return null;
+    })));
 };
 exports.Element = Element;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9FZGl0b3IvUmVuZGVyZXIvRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSx1RkFBaUU7QUFDakUsZ0RBQTRDO0FBRzVDLCtDQUE4QztBQUM5QywrQ0FBOEM7QUFDOUMsaURBQWdEO0FBRXpDLElBQU0sT0FBTyxHQUFHLFVBQ25CLEtBQXNGO0lBRTlFLElBQUEsVUFBVSxHQUF3RCxLQUFLLFdBQTdELEVBQUUsUUFBUSxHQUE4QyxLQUFLLFNBQW5ELEVBQUUsT0FBTyxHQUFxQyxLQUFLLFFBQTFDLEVBQUUsY0FBYyxHQUFxQixLQUFLLGVBQTFCLEVBQUUsY0FBYyxHQUFLLEtBQUssZUFBVixDQUFXO0lBRWhGLFFBQVEsT0FBTyxDQUFDLElBQWtDLEVBQUU7UUFDaEQsS0FBSyxXQUFXO1lBQ1osT0FBTyxDQUNILDhCQUFDLG9CQUFVLGFBQUMsT0FBTyxFQUFDLE9BQU8sSUFBSyxVQUFVLElBQUUsS0FBSyxFQUFFLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxLQUNyRSxRQUFRLENBQ0EsQ0FDaEIsQ0FBQztRQUNOLFlBQVk7UUFDWixLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxLQUFLLElBQUk7WUFDTCxPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxRQUFRO1FBQ1IsS0FBSyxlQUFlO1lBQ2hCLE9BQU8saURBQVEsVUFBVSxHQUFHLFFBQVEsQ0FBTSxDQUFDO1FBQy9DLEtBQUssV0FBVztZQUNaLE9BQU8saURBQVEsVUFBVSxHQUFHLFFBQVEsQ0FBTSxDQUFDO1FBQy9DLEtBQUssZUFBZTtZQUNoQixPQUFPLGlEQUFRLFVBQVUsR0FBRyxRQUFRLENBQU0sQ0FBQztRQUMvQyxRQUFRO1FBQ1IsS0FBSyxhQUFhO1lBQ2QsT0FBTyx5REFBZ0IsVUFBVSxHQUFHLFFBQVEsQ0FBYyxDQUFDO1FBQy9ELEtBQUssTUFBTTtZQUNQLE9BQU8sQ0FDSCxnREFDUSxVQUFVLElBQ2QsSUFBSSxFQUFFLE9BQU8sT0FBTyxDQUFDLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDL0QsTUFBTSxFQUFFLE9BQU8sT0FBTyxDQUFDLE1BQU0sS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsS0FFdEUsUUFBUSxDQUNULENBQ1AsQ0FBQztRQUNOLEtBQUssT0FBTztZQUNSLE9BQU8sOEJBQUMsMkJBQVksZUFBSyxLQUFLLElBQUUsY0FBYyxFQUFFLGNBQWMsRUFBRSxjQUFjLEVBQUUsY0FBYyxJQUFJLENBQUM7UUFDdkcsS0FBSyxPQUFPO1lBQ1IsT0FBTyw4QkFBQywyQkFBWSxlQUFLLEtBQUssRUFBSSxDQUFDO1FBQ3ZDLEtBQUssUUFBUTtZQUNULE9BQU8sOEJBQUMsNkJBQWEsZUFBSyxLQUFLLEVBQUksQ0FBQztRQUN4QztZQUNJLE9BQU8sbURBQVUsVUFBVSxHQUFHLFFBQVEsQ0FBUSxDQUFDO0tBQ3REO0FBQ0wsQ0FBQyxDQUFDO0FBdERXLFFBQUEsT0FBTyxXQXNEbEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9FZGl0b3IvUmVuZGVyZXIvRWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBNEM7QUFJckMsSUFBTSxPQUFPLEdBQUcsVUFDbkIsS0FFQztJQUVPLElBQUEsVUFBVSxHQUFpQyxLQUFLLFdBQXRDLEVBQUUsUUFBUSxHQUF1QixLQUFLLFNBQTVCLEVBQUUsT0FBTyxHQUFjLEtBQUssUUFBbkIsRUFBRSxPQUFPLEdBQUssS0FBSyxRQUFWLENBQVc7SUFDekQsSUFBTSxXQUFXLEdBQUcsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLE1BQU0sSUFBSSxPQUFBLE1BQU0sQ0FBQyxJQUFJLEVBQVgsQ0FBVyxDQUFDLENBQUM7SUFFdkQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBQSxJQUFJLElBQUksT0FBQSxJQUFJLEtBQUssT0FBTyxDQUFDLElBQUksRUFBckIsQ0FBcUIsQ0FBQyxFQUFFO1FBQ2xELE9BQU8sbURBQVUsVUFBVSxHQUFHLFFBQVEsQ0FBUSxDQUFDO0tBQ2xEO0lBRUQsT0FBTyxDQUNILDhEQUNLLE9BQU8sQ0FBQyxHQUFHLENBQUMsVUFBQyxNQUFNLEVBQUUsS0FBSztRQUN2QixJQUFJLE1BQU0sQ0FBQyxJQUFJLEtBQUssT0FBTyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsZ0JBQWdCLElBQUksTUFBTSxJQUFJLGdCQUFnQixJQUFJLE1BQU0sQ0FBQyxFQUFFO1lBQzdGLE9BQU8sQ0FDSCw4QkFBQyxNQUFNLENBQUMscUJBQXFCLElBQ3pCLEdBQUcsRUFBRSx5QkFBa0IsS0FBSyxDQUFFLEVBQzlCLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLE9BQU8sRUFBRSxPQUFPLElBRWYsUUFBUSxDQUNrQixDQUNsQyxDQUFDO1NBQ0w7UUFFRCxJQUFJLE1BQU0sQ0FBQyxJQUFJLEtBQUssT0FBTyxDQUFDLElBQUksSUFBSSxnQkFBZ0IsSUFBSSxNQUFNLElBQUksZ0JBQWdCLElBQUksTUFBTSxFQUFFO1lBQzFGLE9BQU8sQ0FDSCw4QkFBQyxNQUFNLENBQUMscUJBQXFCLElBQ3pCLEdBQUcsRUFBRSx5QkFBa0IsS0FBSyxDQUFFLEVBQzlCLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLGNBQWMsRUFBRSxNQUFNLENBQUMsY0FBYyxFQUNyQyxjQUFjLEVBQUUsTUFBTSxDQUFDLGNBQWMsSUFFcEMsUUFBUSxDQUNrQixDQUNsQyxDQUFDO1NBQ0w7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNoQixDQUFDLENBQUMsQ0FDSCxDQUNOLENBQUM7QUFDTixDQUFDLENBQUM7QUE3Q1csUUFBQSxPQUFPLFdBNkNsQiJ9

package/Editor/Renderer/Leaf.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
-import { RenderLeafProps } from "../../types";
-export declare const Leaf: ({ attributes, children, leaf }: RenderLeafProps) => JSX.Element;
+import { EditorLeafPlugin, EditorLeafRendererProps } from "../../types";
+export declare const Leaf: ({ attributes, children, leaf, plugins, text, }: EditorLeafRendererProps & {
+    plugins: EditorLeafPlugin[];
+}) => JSX.Element;

package/Editor/Renderer/Leaf.js

@@ -17,20 +17,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Leaf = void 0;
 var react_1 = __importDefault(require("react"));
 var Leaf = function (_a) {
-    var attributes = _a.attributes, children = _a.children, leaf = _a.leaf;
-    if (leaf.bold) {
-        children = react_1.default.createElement("strong", null, children);
-    }
-    if (leaf.code) {
-        children = react_1.default.createElement("code", null, children);
-    }
-    if (leaf.italic) {
-        children = react_1.default.createElement("em", null, children);
-    }
-    if (leaf.underline) {
-        children = react_1.default.createElement("u", null, children);
-    }
+    var attributes = _a.attributes, children = _a.children, leaf = _a.leaf, plugins = _a.plugins, text = _a.text;
+    plugins.map(function (plugin, index) {
+        children = (react_1.default.createElement(plugin.editorLeafRenderer, { key: "leaf-plugin-".concat(index), leaf: leaf, attributes: attributes, text: text }, children));
+    });
     return react_1.default.createElement("span", __assign({}, attributes), children);
 };
 exports.Leaf = Leaf;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGVhZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9FZGl0b3IvUmVuZGVyZXIvTGVhZi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUErQztRQUE3QyxVQUFVLGdCQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsSUFBSSxVQUFBO0lBQzdDLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtRQUNYLFFBQVEsR0FBRyw4Q0FBUyxRQUFRLENBQVUsQ0FBQztLQUMxQztJQUVELElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtRQUNYLFFBQVEsR0FBRyw0Q0FBTyxRQUFRLENBQVEsQ0FBQztLQUN0QztJQUVELElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtRQUNiLFFBQVEsR0FBRywwQ0FBSyxRQUFRLENBQU0sQ0FBQztLQUNsQztJQUVELElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtRQUNoQixRQUFRLEdBQUcseUNBQUksUUFBUSxDQUFLLENBQUM7S0FDaEM7SUFFRCxPQUFPLG1EQUFVLFVBQVUsR0FBRyxRQUFRLENBQVEsQ0FBQztBQUNuRCxDQUFDLENBQUM7QUFsQlcsUUFBQSxJQUFJLFFBa0JmIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGVhZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9FZGl0b3IvUmVuZGVyZXIvTGVhZi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQU11QztRQUx4RCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osT0FBTyxhQUFBLEVBQ1AsSUFBSSxVQUFBO0lBRUosT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFDLE1BQU0sRUFBRSxLQUFLO1FBQ3RCLFFBQVEsR0FBRyxDQUNQLDhCQUFDLE1BQU0sQ0FBQyxrQkFBa0IsSUFBQyxHQUFHLEVBQUUsc0JBQWUsS0FBSyxDQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxJQUFJLElBQ2pHLFFBQVEsQ0FDZSxDQUMvQixDQUFDO0lBQ04sQ0FBQyxDQUFDLENBQUM7SUFFSCxPQUFPLG1EQUFVLFVBQVUsR0FBRyxRQUFRLENBQVEsQ0FBQztBQUNuRCxDQUFDLENBQUM7QUFoQlcsUUFBQSxJQUFJLFFBZ0JmIn0=

package/Editor/Renderer/utils.d.ts

@@ -6,6 +6,8 @@ export declare const isElementActive: (editor: Editor, format: SupportedBlockEle
 export declare const toggleElement: (editor: Editor, format: SupportedBlockElementTypes) => void;
 export declare const isLinkActive: (editor: Editor) => boolean;
 export declare const getActiveLink: (editor: Editor) => EditorLinkElement | null;
+export declare const unwrapLink: (editor: Editor) => void;
+export declare const wrapLink: (editor: Editor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
 export declare const insertLink: (editor: Editor, url: string, text?: string | undefined, target?: "_blank" | "_self" | undefined) => void;
 export declare const removeLink: (editor: Editor) => void;
 export declare const createEmptyParagraph: () => import("../../types").SupportedBlockElements;