@uxf/wysiwyg 2.0.0-beta.8 → 10.0.0-beta.8

package/ui/list-unordered-element.js

@@ -1,9 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListUnorderedElement = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const ListUnorderedElement = (props) => {
-    return ((0, jsx_runtime_1.jsx)("ul", { ...props.attributes, className: props.className + " list-disc pl-4", children: props.children }));
+    return (react_1.default.createElement("ul", { ...props.attributes, className: props.className + " list-disc pl-4" }, props.children));
 };
 exports.ListUnorderedElement = ListUnorderedElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC11bm9yZGVyZWQtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9saXN0LXVub3JkZXJlZC1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxvQkFBb0IsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUM5RCxPQUFPLENBQ0gsa0NBQVEsS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsWUFDbkUsS0FBSyxDQUFDLFFBQVEsR0FDZCxDQUNSLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLG9CQUFvQix3QkFNL0IifQ==

package/ui/paragraph-element.js

@@ -1,9 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ParagraphElement = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const ParagraphElement = (props) => {
-    return ((0, jsx_runtime_1.jsx)("p", { ...props.attributes, className: props.className, children: props.children }));
+    return (react_1.default.createElement("p", { ...props.attributes, className: props.className }, props.children));
 };
 exports.ParagraphElement = ParagraphElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvcGFyYWdyYXBoLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGdCQUFnQixHQUF1QixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQzFELE9BQU8sQ0FDSCxpQ0FBTyxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxZQUM5QyxLQUFLLENBQUMsUUFBUSxHQUNmLENBQ1AsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsZ0JBQWdCLG9CQU0zQiJ9

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { IconsSet } from "../../../config/icons";
+interface ButtonToolbarButtonProps {
+    id?: any;
+    iconName?: IconsSet;
+}
+export declare const ButtonToolbarButton: FC<ButtonToolbarButtonProps>;
+export {};

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonToolbarButton = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../../hooks");
+const insert_button_modal_content_1 = require("../../button/insert-button-modal-content");
+const modal_toolbar_button_1 = require("./modal-toolbar-button");
+const button_1 = require("../../../plugins/button");
+// eslint-disable-next-line react/destructuring-assignment
+const ButtonToolbarButton = ({ id, iconName = "rectangle-wide" }) => {
+    const editor = (0, hooks_1.useUxfPlateEditorState)(id);
+    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { iconName: iconName, Modal: react_1.default.createElement(insert_button_modal_content_1.InsertButtonModalContent, { editor: editor }), editor: editor, pluginKey: button_1.PLUGIN_BUTTON_KEY, tooltipText: "Vlo\u017Eit tla\u010D\u00EDtko" }));
+};
+exports.ButtonToolbarButton = ButtonToolbarButton;

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

@@ -1,9 +1,10 @@
 import { FC } from "react";
-import { ToolbarIcon } from "../types";
+import { IconsSet } from "../../../config/icons";
 interface ElementToolbarButtonProps {
     id?: any;
     pluginKey: string;
-    Icon: ToolbarIcon;
+    icon: IconsSet;
+    tooltipText: string;
 }
 export declare const ElementToolbarButton: FC<ElementToolbarButtonProps>;
 export {};

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

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ElementToolbarButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
 const utils_1 = require("../../../utils");
 const toolbar_button_1 = require("./toolbar-button");
@@ -9,17 +12,11 @@ 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.isRangeInSingleText)(editor) && (0, utils_1.someNode)(editor, { match: { type: type } });
-    const onMouseDown = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
+    const onMouseDown = () => {
         (0, utils_1.toggleNodeType)(editor, {
             activeType: type,
         });
     };
-    if (!(0, utils_1.isPluginEnabled)(editor, props.pluginKey)) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: isActive, children: (0, jsx_runtime_1.jsx)(props.Icon, {}) }));
+    return (react_1.default.createElement(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: isActive, editor: editor, pluginKey: props.pluginKey, iconName: props.icon, tooltipText: props.tooltipText }));
 };
 exports.ElementToolbarButton = ElementToolbarButton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxlbWVudC10b29sYmFyLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS90b29sYmFyL2J1dHRvbnMvZWxlbWVudC10b29sYmFyLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUNBLDBDQUF3RDtBQUN4RCwwQ0FBK0c7QUFFL0cscURBQWlEO0FBTzFDLE1BQU0sb0JBQW9CLEdBQWtDLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDekUsTUFBTSxNQUFNLEdBQUcsSUFBQSw4QkFBc0IsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxJQUFJLEdBQUcsSUFBQSxxQkFBYSxFQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDcEQsTUFBTSxRQUFRLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLElBQUksSUFBQSwyQkFBbUIsRUFBQyxNQUFNLENBQUMsSUFBSSxJQUFBLGdCQUFRLEVBQUMsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxFQUFFLENBQUMsQ0FBQztJQUNsSCxNQUFNLFdBQVcsR0FBRyxDQUFDLENBQWdDLEVBQUUsRUFBRTtRQUNyRCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXBCLElBQUEsc0JBQWMsRUFBQyxNQUFNLEVBQUU7WUFDbkIsVUFBVSxFQUFFLElBQUk7U0FDbkIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQyxDQUFDO0lBRUYsSUFBSSxDQUFDLElBQUEsdUJBQWUsRUFBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1FBQzNDLE9BQU8sSUFBSSxDQUFDO0tBQ2Y7SUFFRCxPQUFPLENBQ0gsdUJBQUMsOEJBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxRQUFRLFlBQ3ZELHVCQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUcsR0FDRixDQUNuQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBdEJXLFFBQUEsb0JBQW9CLHdCQXNCL0IifQ==

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

@@ -1,8 +1,8 @@
 import { FC } from "react";
-import { ToolbarIcon } from "../types";
+import { IconsSet } from "../../../config/icons";
 interface ImageToolbarButtonProps {
     id?: any;
-    Icon?: ToolbarIcon;
+    iconName?: IconsSet;
 }
 export declare const ImageToolbarButton: FC<ImageToolbarButtonProps>;
 export {};

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

@@ -1,28 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageToolbarButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
 const types_1 = require("../../../plugins/image/types");
-const utils_1 = require("../../../utils");
 const insert_image_modal_content_1 = require("../../image/insert-image-modal-content");
-const icons_1 = require("./icons");
-const toolbar_button_1 = require("./toolbar-button");
-const ImageToolbarButton = ({ id, Icon = icons_1.ImageIcon }) => {
+const modal_toolbar_button_1 = require("./modal-toolbar-button");
+// eslint-disable-next-line react/destructuring-assignment
+const ImageToolbarButton = ({ id, iconName = "image" }) => {
     const editor = (0, hooks_1.useUxfPlateEditorRef)(id);
-    const onMouseDown = (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        (0, modal_service_1.openModal)({
-            children: (0, jsx_runtime_1.jsx)(insert_image_modal_content_1.InsertImageModalContent, { editor: editor }),
-            width: "lg",
-        });
-    };
-    if (!(0, utils_1.isPluginEnabled)(editor, types_1.IMAGE_PLUGIN_KEY)) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: false, children: (0, jsx_runtime_1.jsx)(Icon, {}) }));
+    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { iconName: iconName, Modal: react_1.default.createElement(insert_image_modal_content_1.InsertImageModalContent, { editor: editor }), editor: editor, pluginKey: types_1.IMAGE_PLUGIN_KEY, tooltipText: "Vlo\u017Eit obr\u00E1zek" }));
 };
 exports.ImageToolbarButton = ImageToolbarButton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtdG9vbGJhci1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvdG9vbGJhci9idXR0b25zL2ltYWdlLXRvb2xiYXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsK0RBQXdEO0FBRXhELDBDQUFzRDtBQUN0RCx3REFBZ0U7QUFDaEUsMENBQWlEO0FBQ2pELHVGQUFpRjtBQUVqRixtQ0FBb0M7QUFDcEMscURBQWlEO0FBTzFDLE1BQU0sa0JBQWtCLEdBQWdDLENBQUMsRUFBRSxFQUFFLEVBQUUsSUFBSSxHQUFHLGlCQUFTLEVBQUUsRUFBRSxFQUFFO0lBQ3hGLE1BQU0sTUFBTSxHQUFHLElBQUEsNEJBQW9CLEVBQUMsRUFBRSxDQUFDLENBQUM7SUFFeEMsTUFBTSxXQUFXLEdBQXNCLENBQUMsQ0FBQyxFQUFFLEVBQUU7UUFDekMsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25CLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUNwQixJQUFBLHlCQUFTLEVBQUM7WUFDTixRQUFRLEVBQUUsdUJBQUMsb0RBQXVCLElBQUMsTUFBTSxFQUFFLE1BQU0sR0FBSTtZQUNyRCxLQUFLLEVBQUUsSUFBSTtTQUNkLENBQUMsQ0FBQztJQUNQLENBQUMsQ0FBQztJQUVGLElBQUksQ0FBQyxJQUFBLHVCQUFlLEVBQUMsTUFBTSxFQUFFLHdCQUFnQixDQUFDLEVBQUU7UUFDNUMsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1QkFBQyw4QkFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLEtBQUssWUFDcEQsdUJBQUMsSUFBSSxLQUFHLEdBQ0ksQ0FDbkIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXJCVyxRQUFBLGtCQUFrQixzQkFxQjdCIn0=

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

@@ -1,8 +1,8 @@
 import { FC } from "react";
-import { ToolbarIcon } from "../types";
+import { IconsSet } from "../../../config/icons";
 interface LinkToolbarButtonProps {
     id?: any;
-    Icon: ToolbarIcon;
+    iconName?: IconsSet;
 }
 export declare const LinkToolbarButton: FC<LinkToolbarButtonProps>;
 export {};

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

@@ -1,28 +1,26 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkToolbarButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
-const constants_1 = require("../../../plugins/link/constants");
 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 toolbar_button_1 = require("./toolbar-button");
-const LinkToolbarButton = (props) => {
-    const editor = (0, hooks_1.useUxfPlateEditorState)(props.id);
+const constants_1 = require("../../../plugins/link/constants");
+// eslint-disable-next-line react/destructuring-assignment
+const LinkToolbarButton = ({ id, iconName = "link" }) => {
+    const editor = (0, hooks_1.useUxfPlateEditorState)(id);
     const isLink = (0, is_link_selected_1.isLinkSelected)(editor);
-    const onMouseDown = (e) => {
+    const onMouseDown = () => {
         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);
     };
-    if (!(0, utils_1.isPluginEnabled)(editor, constants_1.LINK_PLUGIN_TYPE)) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: isLink, children: (0, jsx_runtime_1.jsx)(props.Icon, {}) }));
+    return (react_1.default.createElement(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: isLink, editor: editor, pluginKey: constants_1.ELEMENT_LINK, iconName: iconName, tooltipText: "Vlo\u017Eit odkaz" }));
 };
 exports.LinkToolbarButton = LinkToolbarButton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay10b29sYmFyLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS90b29sYmFyL2J1dHRvbnMvbGluay10b29sYmFyLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUNBLDBDQUF3RDtBQUN4RCwrREFBbUU7QUFDbkUsd0ZBQW1GO0FBQ25GLDhHQUF1RztBQUN2RywwQ0FBOEQ7QUFFOUQscURBQWlEO0FBTzFDLE1BQU0saUJBQWlCLEdBQStCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkUsTUFBTSxNQUFNLEdBQUcsSUFBQSw4QkFBc0IsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxNQUFNLEdBQUcsSUFBQSxpQ0FBYyxFQUFDLE1BQU0sQ0FBQyxDQUFDO0lBRXRDLE1BQU0sV0FBVyxHQUFHLENBQUMsQ0FBZ0MsRUFBRSxFQUFFOztRQUNyRCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXBCLG9FQUFvRTtRQUNwRSxJQUFBLG1CQUFXLEVBQUMsTUFBTSxFQUFFLE1BQUEsTUFBTSxDQUFDLFNBQVMsbUNBQUksTUFBTSxDQUFDLGFBQWMsQ0FBQyxDQUFDO1FBQy9ELElBQUEscURBQXVCLEVBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQzFDLENBQUMsQ0FBQztJQUVGLElBQUksQ0FBQyxJQUFBLHVCQUFlLEVBQUMsTUFBTSxFQUFFLDRCQUFnQixDQUFDLEVBQUU7UUFDNUMsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sQ0FDSCx1QkFBQyw4QkFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFDckQsdUJBQUMsS0FBSyxDQUFDLElBQUksS0FBRyxHQUNGLENBQ25CLENBQUM7QUFDTixDQUFDLENBQUM7QUF0QlcsUUFBQSxpQkFBaUIscUJBc0I1QiJ9

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

@@ -1,10 +1,10 @@
 import { FC } from "react";
 import { LIST_ORDERED_TYPE, LIST_UNORDERED_TYPE } from "../../../plugins/list/constants";
-import { ToolbarIcon } from "../types";
+import { IconsSet } from "../../../config/icons";
 interface ListToolbarButtonProps {
     id?: any;
     pluginKey: typeof LIST_UNORDERED_TYPE | typeof LIST_ORDERED_TYPE;
-    Icon: ToolbarIcon;
+    iconName: IconsSet;
 }
 export declare const ListToolbarButton: FC<ListToolbarButtonProps>;
 export {};

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

@@ -1,8 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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 react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
 const utils_1 = require("../../../utils");
 const toolbar_button_1 = require("./toolbar-button");
@@ -11,17 +14,11 @@ const ListToolbarButton = (props) => {
     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();
+    const onMouseDown = () => {
         (0, plate_list_1.toggleList)(editor, {
             type,
         });
     };
-    if (!(0, utils_1.isPluginEnabled)(editor, props.pluginKey)) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: isActive, children: (0, jsx_runtime_1.jsx)(props.Icon, {}) }));
+    return (react_1.default.createElement(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: isActive, editor: editor, pluginKey: props.pluginKey, iconName: props.iconName, tooltipText: `Vložit ${props.pluginKey === "ul" ? "odrážkový" : "číslovaný"} seznam` }));
 };
 exports.ListToolbarButton = ListToolbarButton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC10b29sYmFyLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS90b29sYmFyL2J1dHRvbnMvbGlzdC10b29sYmFyLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLG9EQUFtRTtBQUVuRSwwQ0FBd0Q7QUFFeEQsMENBQWdFO0FBRWhFLHFEQUFpRDtBQU8xQyxNQUFNLGlCQUFpQixHQUErQixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ25FLE1BQU0sTUFBTSxHQUFHLElBQUEsOEJBQXNCLEVBQUMsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2hELE1BQU0sSUFBSSxHQUFHLElBQUEscUJBQWEsRUFBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3BELE1BQU0sR0FBRyxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxJQUFJLElBQUEsNkJBQWdCLEVBQUMsTUFBTSxDQUFDLENBQUM7SUFDM0QsTUFBTSxRQUFRLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxJQUFJLENBQUM7SUFFcEQsTUFBTSxXQUFXLEdBQUcsQ0FBQyxDQUFnQyxFQUFFLEVBQUU7UUFDckQsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25CLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUNwQixJQUFBLHVCQUFVLEVBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSTtTQUNQLENBQUMsQ0FBQztJQUNQLENBQUMsQ0FBQztJQUVGLElBQUksQ0FBQyxJQUFBLHVCQUFlLEVBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxTQUFTLENBQUMsRUFBRTtRQUMzQyxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVCQUFDLDhCQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsUUFBUSxZQUN2RCx1QkFBQyxLQUFLLENBQUMsSUFBSSxLQUFHLEdBQ0YsQ0FDbkIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXZCVyxRQUFBLGlCQUFpQixxQkF1QjVCIn0=

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

@@ -1,9 +1,11 @@
 import { FC } from "react";
-import { ToolbarIcon } from "../types";
+import { IconsSet } from "../../../config/icons";
 interface LeafToolbarButtonProps {
     id?: any;
     pluginKey: string;
-    Icon: ToolbarIcon;
+    iconName: IconsSet;
+    iconSize?: number;
+    tooltipText: string;
 }
 export declare const MarkToolbarButton: FC<LeafToolbarButtonProps>;
 export {};

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

@@ -1,22 +1,23 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MarkToolbarButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../../hooks");
 const utils_1 = require("../../../utils");
 const toolbar_button_1 = require("./toolbar-button");
 const MarkToolbarButton = (props) => {
+    var _a;
     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();
+    const onMouseDown = () => {
         (0, utils_1.toggleMark)(editor, {
             key: props.pluginKey,
         });
     };
-    return ((0, jsx_runtime_1.jsx)(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: isActive, children: (0, jsx_runtime_1.jsx)(props.Icon, {}) }));
+    return (react_1.default.createElement(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: isActive, editor: editor, pluginKey: props.pluginKey, iconName: props.iconName, iconSize: (_a = props.iconSize) !== null && _a !== void 0 ? _a : 20, tooltipText: props.tooltipText }));
 };
 exports.MarkToolbarButton = MarkToolbarButton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyay10b29sYmFyLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy91aS90b29sYmFyL2J1dHRvbnMvbWFyay10b29sYmFyLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUNBLDBDQUF3RDtBQUN4RCwwQ0FBeUU7QUFFekUscURBQWlEO0FBTzFDLE1BQU0saUJBQWlCLEdBQStCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkUsTUFBTSxNQUFNLEdBQUcsSUFBQSw4QkFBc0IsRUFBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxJQUFJLEdBQUcsSUFBQSxxQkFBYSxFQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDcEQsTUFBTSxRQUFRLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLElBQUksSUFBQSxvQkFBWSxFQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNsRSxNQUFNLFdBQVcsR0FBRyxDQUFDLENBQWdDLEVBQUUsRUFBRTtRQUNyRCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7UUFDbkIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBRXBCLElBQUEsa0JBQVUsRUFBQyxNQUFNLEVBQUU7WUFDZixHQUFHLEVBQUUsS0FBSyxDQUFDLFNBQVM7U0FDdkIsQ0FBQyxDQUFDO0lBQ1AsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNILHVCQUFDLDhCQUFhLElBQUMsV0FBVyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsUUFBUSxZQUN2RCx1QkFBQyxLQUFLLENBQUMsSUFBSSxLQUFHLEdBQ0YsQ0FDbkIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWxCVyxRQUFBLGlCQUFpQixxQkFrQjVCIn0=

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

@@ -0,0 +1,14 @@
+import { ModalWidths } from "@uxf/ui/modal/theme";
+import { FC, ReactNode } from "react";
+import { UxfEditor } from "../../../types";
+import { IconsSet } from "../../../config/icons";
+interface ModalToolbarButtonProps {
+    iconName: IconsSet;
+    modalWidth?: keyof ModalWidths;
+    Modal: ReactNode;
+    editor: UxfEditor;
+    pluginKey: string;
+    tooltipText: string;
+}
+export declare const ModalToolbarButton: FC<ModalToolbarButtonProps>;
+export {};

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalToolbarButton = void 0;
+const modal_service_1 = require("@uxf/ui/modal/modal-service");
+const react_1 = __importDefault(require("react"));
+const toolbar_button_1 = require("./toolbar-button");
+// eslint-disable-next-line react/destructuring-assignment
+const ModalToolbarButton = ({ iconName, modalWidth = "lg", Modal, editor, pluginKey, tooltipText, }) => {
+    const onMouseDown = () => {
+        (0, modal_service_1.openModal)({
+            children: Modal,
+            width: modalWidth,
+        });
+    };
+    return (react_1.default.createElement(toolbar_button_1.ToolbarButton, { onMouseDown: onMouseDown, isActive: false, editor: editor, pluginKey: pluginKey, iconName: iconName, tooltipText: tooltipText }));
+};
+exports.ModalToolbarButton = ModalToolbarButton;

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

@@ -1,8 +1,14 @@
-import { FC, MouseEvent, ReactNode } from "react";
+import { FC, MouseEvent } from "react";
+import { UxfEditor } from "../../../types";
+import { IconsSet } from "../../../config/icons";
 interface ToolbarButtonProps {
-    children: ReactNode;
+    editor: UxfEditor;
     isActive: boolean;
-    onMouseDown: (e: MouseEvent<HTMLButtonElement>) => void;
+    pluginKey: string;
+    onMouseDown: (e: MouseEvent<HTMLAnchorElement>) => void;
+    iconName: IconsSet;
+    iconSize?: number;
+    tooltipText: string;
 }
 export declare const ToolbarButton: FC<ToolbarButtonProps>;
 export {};

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

@@ -1,9 +1,49 @@
 "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.ToolbarButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToolbarButton = ({ children, onMouseDown, isActive }) => {
-    return ((0, jsx_runtime_1.jsx)("button", { type: "button", onMouseDown: onMouseDown, className: `${isActive ? "bg-gray-200" : ""} p-2 bg-white border border-gray-300 rounded-lg toggle-tablet-view hover:bg-gray-200 focus:z-10 focus:ring-2 focus:ring-gray-300 focus:outline-none`, children: children }));
+const react_1 = __importStar(require("react"));
+const button_1 = require("@uxf/ui/button");
+const utils_1 = require("../../../utils");
+const icon_1 = require("@uxf/ui/icon");
+const tooltip_1 = require("@uxf/ui/tooltip");
+// eslint-disable-next-line react/destructuring-assignment
+const ToolbarButton = ({ onMouseDown, isActive, pluginKey, editor, iconName, iconSize = 20, tooltipText, }) => {
+    /* On mouse down must be used, because Editor loses focus on onClick */
+    const onLeftMouseDown = (0, react_1.useCallback)((e) => {
+        if (e.button === 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            onMouseDown(e);
+        }
+    }, [onMouseDown]);
+    if (!(0, utils_1.isPluginEnabled)(editor, pluginKey)) {
+        return null;
+    }
+    return (react_1.default.createElement(tooltip_1.Tooltip, { content: tooltipText },
+        react_1.default.createElement(button_1.Button, { onMouseDown: onLeftMouseDown, variant: isActive ? "default" : "white", isIconButton: true },
+            react_1.default.createElement(icon_1.Icon, { name: iconName, size: iconSize }))));
 };
 exports.ToolbarButton = ToolbarButton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1idXR0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdWkvdG9vbGJhci9idXR0b25zL3Rvb2xiYXItYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBT08sTUFBTSxhQUFhLEdBQTJCLENBQUMsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDekYsT0FBTyxDQUNILG1DQUNJLElBQUksRUFBQyxRQUFRLEVBQ2IsV0FBVyxFQUFFLFdBQVcsRUFDeEIsU0FBUyxFQUFFLEdBQ1AsUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQy9CLHFKQUFxSixZQUVwSixRQUFRLEdBQ0osQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSxhQUFhLGlCQVl4QiJ9

package/ui/toolbar/buttons/undo-redo-button-group.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const UndoRedoButtonGroup: () => React.JSX.Element;

package/ui/toolbar/buttons/undo-redo-button-group.js

@@ -0,0 +1,60 @@
+"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.UndoRedoButtonGroup = void 0;
+const button_group_1 = require("@uxf/ui/button-group");
+const react_1 = __importStar(require("react"));
+const button_1 = require("@uxf/ui/button");
+const hooks_1 = require("../../../hooks");
+const utils_1 = require("../../../utils");
+const tooltip_1 = require("@uxf/ui/tooltip");
+const icon_1 = require("@uxf/ui/icon");
+const UndoRedoButtonGroup = () => {
+    const editor = (0, hooks_1.useUxfPlateEditorState)();
+    const undoHandler = (0, react_1.useCallback)((e) => {
+        if (e.button === 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            editor.undo();
+            (0, utils_1.focusEditor)(editor);
+        }
+    }, [editor]);
+    const redoHandler = (0, react_1.useCallback)((e) => {
+        if (e.button === 0) {
+            e.preventDefault();
+            e.stopPropagation();
+            editor.redo();
+            (0, utils_1.focusEditor)(editor);
+        }
+    }, [editor]);
+    return (react_1.default.createElement(button_group_1.ButtonGroup, null,
+        react_1.default.createElement(tooltip_1.Tooltip, { content: "Vr\u00E1tit zp\u011Bt (Ctrl+Z)" },
+            react_1.default.createElement(button_1.Button, { onMouseDown: undoHandler, variant: "white", disabled: editor.history.undos.length === 0, isIconButton: true },
+                react_1.default.createElement(icon_1.Icon, { name: "arrow-turn-down-left", size: 16, className: "-scale-y-100" }))),
+        react_1.default.createElement(tooltip_1.Tooltip, { content: "Opakovat (Ctrl+Y)" },
+            react_1.default.createElement(button_1.Button, { onMouseDown: redoHandler, variant: "white", disabled: editor.history.redos.length === 0, isIconButton: true },
+                react_1.default.createElement(icon_1.Icon, { name: "arrow-turn-down-right", size: 16, className: "-scale-y-100" })))));
+};
+exports.UndoRedoButtonGroup = UndoRedoButtonGroup;

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { IconsSet } from "../../../config/icons";
+interface EmbedMediaToolbarButtonProps {
+    id?: any;
+    iconName?: IconsSet;
+}
+export declare const VideoToolbarButton: FC<EmbedMediaToolbarButtonProps>;
+export {};

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoToolbarButton = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../../hooks");
+const insert_video_modal_content_1 = require("../../video/insert-video-modal-content");
+const modal_toolbar_button_1 = require("./modal-toolbar-button");
+const create_video_plugin_1 = require("../../../plugins/embedded/video/create-video-plugin");
+// eslint-disable-next-line react/destructuring-assignment
+const VideoToolbarButton = ({ id, iconName = "youtube" }) => {
+    const editor = (0, hooks_1.useUxfPlateEditorState)(id);
+    return (react_1.default.createElement(modal_toolbar_button_1.ModalToolbarButton, { iconName: iconName, Modal: react_1.default.createElement(insert_video_modal_content_1.InsertVideoModalContent, { editor: editor }), editor: editor, pluginKey: create_video_plugin_1.ELEMENT_VIDEO_EMBED, tooltipText: "Vlo\u017Eit video" }));
+};
+exports.VideoToolbarButton = VideoToolbarButton;

package/ui/toolbar/toolbar.js

@@ -1,7 +1,10 @@
 "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;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const types_1 = require("../../plugins/block-quote/types");
 const constants_1 = require("../../plugins/heading/constants");
 const constants_2 = require("../../plugins/list/constants");
@@ -10,14 +13,53 @@ const types_3 = require("../../plugins/mark-code/types");
 const types_4 = require("../../plugins/mark-italic/types");
 const types_5 = require("../../plugins/mark-underline/types");
 const element_toolbar_button_1 = require("./buttons/element-toolbar-button");
-const embed_video_toolbar_button_1 = require("./buttons/embed-video-toolbar-button");
-const icons_1 = require("./buttons/icons");
+const video_toolbar_button_1 = require("./buttons/video-toolbar-button");
 const image_toolbar_button_1 = require("./buttons/image-toolbar-button");
 const link_toolbar_button_1 = require("./buttons/link-toolbar-button");
 const list_toolbar_button_1 = require("./buttons/list-toolbar-button");
 const mark_toolbar_button_1 = require("./buttons/mark-toolbar-button");
+const button_toolbar_button_1 = require("./buttons/button-toolbar-button");
+const button_group_1 = require("@uxf/ui/button-group");
+const undo_redo_button_group_1 = require("./buttons/undo-redo-button-group");
+const types_6 = require("../../plugins/highlight/types");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const constants_3 = require("../../plugins/link/constants");
+const button_1 = require("../../plugins/button");
+const types_7 = require("../../plugins/image/types");
+const create_video_plugin_1 = require("../../plugins/embedded/video/create-video-plugin");
 const Toolbar = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props, className: "flex flex-row gap-1 p-1", children: [(0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H1, Icon: icons_1.H1Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H2, Icon: icons_1.H2Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H3, Icon: icons_1.H3Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H4, Icon: icons_1.H4Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H5, Icon: icons_1.H5Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H6, Icon: icons_1.H6Icon }), (0, jsx_runtime_1.jsx)(element_toolbar_button_1.ElementToolbarButton, { pluginKey: types_1.BLOCK_QUOTE_PLUGIN_KEY, Icon: icons_1.BlockQuoteIcon }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_2.BOLD_PLUGIN_KEY, Icon: icons_1.BoldIcon }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_4.ITALIC_PLUGIN_KEY, Icon: icons_1.ItalicIcon }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_5.UNDER_LINE_PLUGIN_KEY, Icon: icons_1.UnderlineIcon }), (0, jsx_runtime_1.jsx)(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_3.CODE_PLUGIN_KEY, Icon: icons_1.CodeIcon }), (0, jsx_runtime_1.jsx)(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_UNORDERED_TYPE, Icon: icons_1.UlIcon }), (0, jsx_runtime_1.jsx)(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_ORDERED_TYPE, Icon: icons_1.OlIcon }), (0, jsx_runtime_1.jsx)(link_toolbar_button_1.LinkToolbarButton, { Icon: icons_1.LinkIcon }), (0, jsx_runtime_1.jsx)(image_toolbar_button_1.ImageToolbarButton, {}), (0, jsx_runtime_1.jsx)(embed_video_toolbar_button_1.EmbedVideoToolbarButton, {})] }));
+    const editor = (0, hooks_1.useUxfPlateEditorState)();
+    return (react_1.default.createElement("div", { ...props, className: "mb-4 flex flex-wrap gap-2" },
+        (0, utils_1.isSomeOfPluginsEnabled)(editor, constants_1.KEYS_HEADING) && (react_1.default.createElement(button_group_1.ButtonGroup, null,
+            react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H1, icon: "h1", tooltipText: "Nadpis H1" }),
+            react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H2, icon: "h2", tooltipText: "Nadpis H2" }),
+            react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H3, icon: "h3", tooltipText: "Nadpis H3" }),
+            react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H4, icon: "h4", tooltipText: "Nadpis H4" }),
+            react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H5, icon: "h5", tooltipText: "Nadpis H5" }),
+            react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { pluginKey: constants_1.ELEMENT_H6, icon: "h6", tooltipText: "Nadpis H6" }))),
+        (0, utils_1.isSomeOfPluginsEnabled)(editor, [
+            types_2.BOLD_PLUGIN_KEY,
+            types_4.ITALIC_PLUGIN_KEY,
+            types_5.UNDER_LINE_PLUGIN_KEY,
+            types_3.CODE_PLUGIN_KEY,
+            types_6.HIGHLIGHT_PLUGIN_KEY,
+        ]) && (react_1.default.createElement(button_group_1.ButtonGroup, null,
+            react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_2.BOLD_PLUGIN_KEY, iconName: "bold", iconSize: 12, tooltipText: "Tu\u010Dn\u00E9 (Ctrl+B)" }),
+            react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_4.ITALIC_PLUGIN_KEY, iconName: "italic", iconSize: 12, tooltipText: "Kurz\u00EDva (Ctrl+I)" }),
+            react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_5.UNDER_LINE_PLUGIN_KEY, iconName: "underline", iconSize: 14, tooltipText: "Podtr\u017Een\u00ED (Ctrl+U)" }),
+            react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_3.CODE_PLUGIN_KEY, iconName: "code-simple", tooltipText: "K\u00F3d" }),
+            react_1.default.createElement(mark_toolbar_button_1.MarkToolbarButton, { pluginKey: types_6.HIGHLIGHT_PLUGIN_KEY, iconName: "highlighter-line", iconSize: 19, tooltipText: "Zv\u00FDrazn\u011Bn\u00ED (Ctrl+Shift+H)" }))),
+        react_1.default.createElement(element_toolbar_button_1.ElementToolbarButton, { pluginKey: types_1.BLOCK_QUOTE_PLUGIN_KEY, icon: "block-quote", tooltipText: "Citace" }),
+        (0, utils_1.isSomeOfPluginsEnabled)(editor, [constants_2.LIST_UNORDERED_TYPE, constants_2.LIST_ORDERED_TYPE]) && (react_1.default.createElement(button_group_1.ButtonGroup, null,
+            react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_UNORDERED_TYPE, iconName: "ul" }),
+            react_1.default.createElement(list_toolbar_button_1.ListToolbarButton, { pluginKey: constants_2.LIST_ORDERED_TYPE, iconName: "ol" }))),
+        (0, utils_1.isSomeOfPluginsEnabled)(editor, [constants_3.ELEMENT_LINK, button_1.PLUGIN_BUTTON_KEY]) && (react_1.default.createElement(button_group_1.ButtonGroup, null,
+            react_1.default.createElement(link_toolbar_button_1.LinkToolbarButton, null),
+            react_1.default.createElement(button_toolbar_button_1.ButtonToolbarButton, null))),
+        (0, utils_1.isSomeOfPluginsEnabled)(editor, [types_7.IMAGE_PLUGIN_KEY, create_video_plugin_1.ELEMENT_VIDEO_EMBED]) && (react_1.default.createElement(button_group_1.ButtonGroup, null,
+            react_1.default.createElement(image_toolbar_button_1.ImageToolbarButton, null),
+            react_1.default.createElement(video_toolbar_button_1.VideoToolbarButton, null))),
+        react_1.default.createElement(undo_redo_button_group_1.UndoRedoButtonGroup, null)));
 };
 exports.Toolbar = Toolbar;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS90b29sYmFyL3Rvb2xiYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFDQSwyREFBeUU7QUFDekUsK0RBT3lDO0FBQ3pDLDREQUFzRjtBQUN0Rix5REFBZ0U7QUFDaEUseURBQWdFO0FBQ2hFLDJEQUFvRTtBQUNwRSw4REFBMkU7QUFDM0UsNkVBQXdFO0FBQ3hFLHFGQUErRTtBQUMvRSwyQ0FleUI7QUFDekIseUVBQW9FO0FBQ3BFLHVFQUFrRTtBQUNsRSx1RUFBa0U7QUFDbEUsdUVBQWtFO0FBRzNELE1BQU0sT0FBTyxHQUFxQixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQy9DLE9BQU8sQ0FDSCxvQ0FBUyxLQUFLLEVBQUUsU0FBUyxFQUFDLHlCQUF5QixhQUMvQyx1QkFBQyw2Q0FBb0IsSUFBQyxTQUFTLEVBQUUsc0JBQVUsRUFBRSxJQUFJLEVBQUUsY0FBTSxHQUFJLEVBQzdELHVCQUFDLDZDQUFvQixJQUFDLFNBQVMsRUFBRSxzQkFBVSxFQUFFLElBQUksRUFBRSxjQUFNLEdBQUksRUFDN0QsdUJBQUMsNkNBQW9CLElBQUMsU0FBUyxFQUFFLHNCQUFVLEVBQUUsSUFBSSxFQUFFLGNBQU0sR0FBSSxFQUM3RCx1QkFBQyw2Q0FBb0IsSUFBQyxTQUFTLEVBQUUsc0JBQVUsRUFBRSxJQUFJLEVBQUUsY0FBTSxHQUFJLEVBQzdELHVCQUFDLDZDQUFvQixJQUFDLFNBQVMsRUFBRSxzQkFBVSxFQUFFLElBQUksRUFBRSxjQUFNLEdBQUksRUFDN0QsdUJBQUMsNkNBQW9CLElBQUMsU0FBUyxFQUFFLHNCQUFVLEVBQUUsSUFBSSxFQUFFLGNBQU0sR0FBSSxFQUM3RCx1QkFBQyw2Q0FBb0IsSUFBQyxTQUFTLEVBQUUsOEJBQXNCLEVBQUUsSUFBSSxFQUFFLHNCQUFjLEdBQUksRUFDakYsdUJBQUMsdUNBQWlCLElBQUMsU0FBUyxFQUFFLHVCQUFlLEVBQUUsSUFBSSxFQUFFLGdCQUFRLEdBQUksRUFDakUsdUJBQUMsdUNBQWlCLElBQUMsU0FBUyxFQUFFLHlCQUFpQixFQUFFLElBQUksRUFBRSxrQkFBVSxHQUFJLEVBQ3JFLHVCQUFDLHVDQUFpQixJQUFDLFNBQVMsRUFBRSw2QkFBcUIsRUFBRSxJQUFJLEVBQUUscUJBQWEsR0FBSSxFQUM1RSx1QkFBQyx1Q0FBaUIsSUFBQyxTQUFTLEVBQUUsdUJBQWUsRUFBRSxJQUFJLEVBQUUsZ0JBQVEsR0FBSSxFQUNqRSx1QkFBQyx1Q0FBaUIsSUFBQyxTQUFTLEVBQUUsK0JBQW1CLEVBQUUsSUFBSSxFQUFFLGNBQU0sR0FBSSxFQUNuRSx1QkFBQyx1Q0FBaUIsSUFBQyxTQUFTLEVBQUUsNkJBQWlCLEVBQUUsSUFBSSxFQUFFLGNBQU0sR0FBSSxFQUNqRSx1QkFBQyx1Q0FBaUIsSUFBQyxJQUFJLEVBQUUsZ0JBQVEsR0FBSSxFQUNyQyx1QkFBQyx5Q0FBa0IsS0FBRyxFQUN0Qix1QkFBQyxvREFBdUIsS0FBRyxJQUN6QixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFyQlcsUUFBQSxPQUFPLFdBcUJsQiJ9

package/ui/toolbar/types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvdG9vbGJhci90eXBlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/ui/underline-mark.js

@@ -1,9 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UnderlineMark = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const UnderlineMark = (props) => {
-    return ((0, jsx_runtime_1.jsx)("u", { ...props.attributes, className: props.className, children: props.children }));
+    return (react_1.default.createElement("u", { ...props.attributes, className: props.className }, props.children));
 };
 exports.UnderlineMark = UnderlineMark;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidW5kZXJsaW5lLW1hcmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvdW5kZXJsaW5lLW1hcmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGFBQWEsR0FBb0IsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNwRCxPQUFPLENBQ0gsaUNBQU8sS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsWUFDOUMsS0FBSyxDQUFDLFFBQVEsR0FDZixDQUNQLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLGFBQWEsaUJBTXhCIn0=