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

package/ui/components/modal/modal-button-cancel.js

@@ -0,0 +1,42 @@
+"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.ModalButtonCancel = void 0;
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../../utils");
+// eslint-disable-next-line react/destructuring-assignment
+const ModalButtonCancel = ({ editor, onCancel, cancelText = "Zrušit" }) => {
+    const cancelHandler = (0, react_1.useCallback)(() => {
+        if (onCancel) {
+            onCancel();
+        }
+        else {
+            (0, utils_1.closeModalWithFocus)(editor);
+        }
+    }, [editor, onCancel]);
+    return (react_1.default.createElement(button_1.Button, { onClick: cancelHandler, color: "default", variant: "outlined" }, cancelText));
+};
+exports.ModalButtonCancel = ModalButtonCancel;

package/ui/components/modal/modal-button-submit.d.ts

@@ -0,0 +1,7 @@
+import { FC } from "react";
+interface ModalButtonSubmitProps {
+    onSubmit: () => void;
+    submitText: string;
+}
+export declare const ModalButtonSubmit: FC<ModalButtonSubmitProps>;
+export {};

package/ui/components/modal/modal-button-submit.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalButtonSubmit = void 0;
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
+// eslint-disable-next-line react/destructuring-assignment
+const ModalButtonSubmit = ({ onSubmit, submitText }) => {
+    return (react_1.default.createElement(button_1.Button, { onClick: onSubmit, color: "default", type: "submit" }, submitText));
+};
+exports.ModalButtonSubmit = ModalButtonSubmit;

package/ui/components/modal/modal-buttons.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { UxfEditor } from "../../../types";
+interface ModalButtonsProps {
+    editor: UxfEditor;
+    onSubmit: () => void;
+    submitText: string;
+    onCancel?: () => void;
+    cancelText?: string;
+}
+export declare const ModalButtons: FC<ModalButtonsProps>;
+export {};

package/ui/components/modal/modal-buttons.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.ModalButtons = void 0;
+const react_1 = __importDefault(require("react"));
+const modal_button_cancel_1 = require("./modal-button-cancel");
+const modal_button_submit_1 = require("./modal-button-submit");
+// eslint-disable-next-line react/destructuring-assignment
+const ModalButtons = ({ editor, onSubmit, onCancel, submitText, cancelText = "Zrušit", }) => {
+    return (react_1.default.createElement("div", { className: "mt-6 flex justify-end gap-2" },
+        react_1.default.createElement(modal_button_cancel_1.ModalButtonCancel, { editor: editor, onCancel: onCancel, cancelText: cancelText }),
+        react_1.default.createElement(modal_button_submit_1.ModalButtonSubmit, { onSubmit: onSubmit, submitText: submitText })));
+};
+exports.ModalButtons = ModalButtons;

package/ui/components/modal/modal-content.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from "react";
+interface Props extends PropsWithChildren {
+    title: string;
+}
+export declare const ModalContent: FC<Props>;
+export {};

package/ui/components/modal/modal-content.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalContent = void 0;
+const react_1 = __importDefault(require("react"));
+// eslint-disable-next-line react/destructuring-assignment
+const ModalContent = ({ children, title }) => {
+    return (react_1.default.createElement("div", { className: "p-4" },
+        react_1.default.createElement("p", { className: "mb-3 pt-2 text-lg font-bold" }, title),
+        children));
+};
+exports.ModalContent = ModalContent;

package/ui/create-uxf-ui.d.ts

@@ -1,20 +1,21 @@
 export declare const createUxfUi: () => {
-    p: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    blockquote: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    h1: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    h2: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    h3: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    h4: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    h5: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    h6: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    bold: import("..").LeafUiComponent<import("..").RichText>;
-    italic: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    underline: import("..").LeafUiComponent<import("..").RichText>;
-    code: import("..").LeafUiComponent<import("..").RichText>;
-    li: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    ul: import("..").ElementUiComponent<import("..").UxfBlockElement>;
-    ol: import("..").ElementUiComponent<import("..").UxfBlockElement>;
+    p: import("..").ElementUiComponent;
+    blockquote: import("..").ElementUiComponent;
+    h1: import("..").ElementUiComponent;
+    h2: import("..").ElementUiComponent;
+    h3: import("..").ElementUiComponent;
+    h4: import("..").ElementUiComponent;
+    h5: import("..").ElementUiComponent;
+    h6: import("..").ElementUiComponent;
+    bold: import("..").LeafUiComponent;
+    italic: import("..").ElementUiComponent;
+    underline: import("..").LeafUiComponent;
+    code: import("..").LeafUiComponent;
+    li: import("..").ElementUiComponent;
+    ul: import("..").ElementUiComponent;
+    ol: import("..").ElementUiComponent;
     a: import("..").ElementUiComponent<import("../plugins/link/types").TLinkElement>;
     img: import("..").ElementUiComponent<import("..").UxfImageElement>;
     video: import("..").ElementUiComponent<import("..").UxfVideoElement>;
+    button: import("..").ElementUiComponent<import("..").UxfButtonElement>;
 };

package/ui/create-uxf-ui.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createUxfUi = void 0;
 const types_1 = require("../plugins/block-quote/types");
+const button_1 = require("../plugins/button");
 const create_video_plugin_1 = require("../plugins/embedded/video/create-video-plugin");
 const constants_1 = require("../plugins/heading/constants");
 const types_2 = require("../plugins/image/types");
@@ -14,6 +15,7 @@ const types_6 = require("../plugins/mark-underline/types");
 const types_7 = require("../plugins/paragraph/types");
 const block_quote_element_1 = require("./block-quote-element");
 const bold_mark_1 = require("./bold-mark");
+const button_2 = require("./button");
 const code_mark_1 = require("./code-mark");
 const heading_elements_1 = require("./heading-elements");
 const image_element_1 = require("./image/image-element");
@@ -44,6 +46,6 @@ const createUxfUi = () => ({
     [constants_2.ELEMENT_LINK]: link_element_1.LinkElement,
     [types_2.IMAGE_PLUGIN_KEY]: image_element_1.ImageElement,
     [create_video_plugin_1.ELEMENT_VIDEO_EMBED]: video_element_1.VideoElement,
+    [button_1.PLUGIN_BUTTON_KEY]: button_2.ButtonElement,
 });
 exports.createUxfUi = createUxfUi;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLXV4Zi11aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9jcmVhdGUtdXhmLXVpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdEQUFzRTtBQUN0RSx1RkFBb0Y7QUFDcEYsNERBQXNIO0FBQ3RILGtEQUEwRDtBQUMxRCx5REFBeUQ7QUFDekQseURBQStFO0FBQy9FLHNEQUE2RDtBQUM3RCxzREFBNkQ7QUFDN0Qsd0RBQWlFO0FBQ2pFLDJEQUF3RTtBQUN4RSxzREFBa0U7QUFDbEUsK0RBQTBEO0FBQzFELDJDQUF1QztBQUN2QywyQ0FBdUM7QUFDdkMseURBQXNHO0FBQ3RHLHlEQUFxRDtBQUNyRCwrQ0FBMkM7QUFDM0MsaURBQTZDO0FBQzdDLDJEQUFzRDtBQUN0RCxpRUFBNEQ7QUFDNUQscUVBQWdFO0FBQ2hFLDJEQUF1RDtBQUN2RCxxREFBaUQ7QUFDakQseURBQXFEO0FBRTlDLE1BQU0sV0FBVyxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDOUIsQ0FBQyw0QkFBb0IsQ0FBQyxFQUFFLG9DQUFnQjtJQUN4QyxDQUFDLDhCQUFzQixDQUFDLEVBQUUsdUNBQWlCO0lBQzNDLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsdUJBQWUsQ0FBQyxFQUFFLG9CQUFRO0lBQzNCLENBQUMseUJBQWlCLENBQUMsRUFBRSx3QkFBVTtJQUMvQixDQUFDLDZCQUFxQixDQUFDLEVBQUUsOEJBQWE7SUFDdEMsQ0FBQyx1QkFBZSxDQUFDLEVBQUUsb0JBQVE7SUFDM0IsQ0FBQyxzQkFBVSxDQUFDLEVBQUUsbUNBQWU7SUFDN0IsQ0FBQyxzQkFBVSxDQUFDLEVBQUUsNkNBQW9CO0lBQ2xDLENBQUMsc0JBQVUsQ0FBQyxFQUFFLHlDQUFrQjtJQUNoQyxDQUFDLHdCQUFZLENBQUMsRUFBRSwwQkFBVztJQUMzQixDQUFDLHdCQUFnQixDQUFDLEVBQUUsNEJBQVk7SUFDaEMsQ0FBQyx5Q0FBbUIsQ0FBQyxFQUFFLDRCQUFZO0NBQ3RDLENBQUMsQ0FBQztBQW5CVSxRQUFBLFdBQVcsZUFtQnJCIn0=

package/ui/floating-link.d.ts

@@ -1,2 +1,2 @@
-import { FC } from "react";
-export declare const FloatingLink: FC;
+import { RenderAfterEditable } from "../types";
+export declare const FloatingLink: RenderAfterEditable;

package/ui/floating-link.js

@@ -1,41 +1,83 @@
 "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.FloatingLink = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const plate_link_1 = require("@udecode/plate-link");
 const button_1 = require("@uxf/ui/button");
-const checkbox_1 = require("@uxf/ui/checkbox");
+const button_group_1 = require("@uxf/ui/button-group");
+const checkbox_input_1 = require("@uxf/ui/checkbox-input");
+const icon_1 = require("@uxf/ui/icon");
 const text_input_1 = require("@uxf/ui/text-input");
-const react_1 = require("react");
-const hooks_1 = require("../plugins/link/hooks");
-const FloatingLink = () => {
-    const linkActions = (0, hooks_1.useLinkActions)();
-    const floatingLinkSelectors = (0, plate_link_1.useFloatingLinkSelectors)();
-    const isOpen = floatingLinkSelectors.isOpen(linkActions.editor.id);
-    const mode = floatingLinkSelectors.mode();
-    const onChangeUrl = (0, react_1.useCallback)((value) => {
-        linkActions.setUrl(value);
-    }, [linkActions]);
-    const onChangeText = (0, react_1.useCallback)((value) => {
-        linkActions.setText(value);
-    }, [linkActions]);
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("../hooks");
+const floating_link_wrapper_1 = require("../plugins/link/floating-link-wrapper");
+const hooks_2 = require("../plugins/link/hooks");
+const get_active_link_1 = require("../plugins/link/transforms/get-active-link");
+const unwrap_link_1 = require("../plugins/link/transforms/unwrap-link");
+const Edit = () => {
+    var _a;
+    const editor = (0, hooks_1.useUxfEditorRef)();
+    const onEdit = (0, react_1.useCallback)(() => {
+        (0, plate_link_1.triggerFloatingLinkEdit)(editor);
+    }, [editor]);
+    const onRemove = (0, react_1.useCallback)(() => {
+        (0, unwrap_link_1.removeLink)(editor);
+    }, [editor]);
+    return (react_1.default.createElement(button_group_1.ButtonGroup, null,
+        react_1.default.createElement(button_1.Button, { onClick: onEdit, variant: "white", className: "text-gray-400", isIconButton: true },
+            react_1.default.createElement(icon_1.Icon, { name: "edit", size: 15 })),
+        react_1.default.createElement(button_1.Button, { href: (_a = (0, get_active_link_1.getActiveLink)(editor)) === null || _a === void 0 ? void 0 : _a.url, target: "_blank", variant: "white", className: "text-gray-400", isIconButton: true },
+            react_1.default.createElement(icon_1.Icon, { name: "open-link-in-new-tab", size: 15 })),
+        react_1.default.createElement(button_1.Button, { onClick: onRemove, variant: "white", className: "text-gray-400", isIconButton: true },
+            react_1.default.createElement(icon_1.Icon, { name: "delete", size: 15 }))));
+};
+const Insert = () => {
+    const linkActions = (0, hooks_2.useLinkActions)();
     const onChangeTarget = (0, react_1.useCallback)((checked) => {
         linkActions.setTarget(checked ? "_blank" : "_self");
     }, [linkActions]);
-    const inputs = ((0, jsx_runtime_1.jsxs)("div", { className: "bg-white shadow sm:rounded-lg z-50 p-4 w-80 relative", children: [(0, jsx_runtime_1.jsx)(text_input_1.TextInput, { label: "URL adresa", placeholder: "Vlo\u017Ete URL adresu", onChange: onChangeUrl, value: linkActions.getUrl }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { label: "Text odkazu", placeholder: "Vlo\u017Ete text odkazu", onChange: onChangeText, value: linkActions.getText }), (0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { label: "Otev\u0159\u00EDt v nov\u00E9 z\u00E1lo\u017Ece", onChange: onChangeTarget, value: linkActions.getTarget === "_blank" })] }));
-    if (linkActions.isLinkActive) {
-        return !linkActions.isEditing ? ((0, jsx_runtime_1.jsx)("span", { className: "bg-white shadow sm:rounded-lg", children: (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => {
-                    var _a;
-                    const linkValue = linkActions.getActiveLinkValue();
-                    if (linkValue) {
-                        linkActions.setAllValues(linkValue.url, (_a = linkValue.children[0]) === null || _a === void 0 ? void 0 : _a.text, linkValue.target);
-                    }
-                }, children: "Upravit odkaz" }) })) : (inputs);
-    }
-    if (isOpen && mode === "insert") {
-        return inputs;
-    }
-    return null;
+    (0, react_1.useEffect)(() => {
+        let timer;
+        const firstInput = document.querySelector(".first-input .uxf-input__element");
+        if (firstInput instanceof HTMLElement) {
+            timer = window.setTimeout(() => firstInput.focus(), 0);
+        }
+        return () => {
+            clearTimeout(timer);
+        };
+    }, []);
+    return (react_1.default.createElement("div", { className: "w-80 bg-white p-4 shadow sm:rounded-lg" },
+        react_1.default.createElement(text_input_1.TextInput, { className: "first-input", leftAddon: react_1.default.createElement("span", { className: "mx-2 w-24" }, "URL adresa"), placeholder: "Vlo\u017Ete URL adresu", onChange: linkActions.setUrl, value: linkActions.getUrl }),
+        react_1.default.createElement(text_input_1.TextInput, { className: "mt-4", leftAddon: react_1.default.createElement("span", { className: "mx-2 w-24" }, "Text odkazu"), placeholder: "Vlo\u017Ete text odkazu", onChange: linkActions.setText, value: linkActions.getText }),
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { className: "mt-4", label: "Otev\u0159\u00EDt v nov\u00E9 z\u00E1lo\u017Ece", onChange: onChangeTarget, value: linkActions.getTarget === "_blank" })));
+};
+const FloatingLink = () => {
+    const isEditing = (0, plate_link_1.useFloatingLinkSelectors)().isEditing();
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(floating_link_wrapper_1.FloatingLinkWrapper.InsertRoot, null,
+            react_1.default.createElement(Insert, null)),
+        react_1.default.createElement(floating_link_wrapper_1.FloatingLinkWrapper.EditRoot, null, !isEditing ? react_1.default.createElement(Edit, null) : react_1.default.createElement(Insert, null))));
 };
 exports.FloatingLink = FloatingLink;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctbGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9mbG9hdGluZy1saW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsb0RBQStEO0FBQy9ELDJDQUF3QztBQUN4QywrQ0FBNEM7QUFDNUMsbURBQStDO0FBQy9DLGlDQUF3QztBQUN4QyxpREFBdUQ7QUFFaEQsTUFBTSxZQUFZLEdBQU8sR0FBRyxFQUFFO0lBQ2pDLE1BQU0sV0FBVyxHQUFHLElBQUEsc0JBQWMsR0FBRSxDQUFDO0lBQ3JDLE1BQU0scUJBQXFCLEdBQUcsSUFBQSxxQ0FBd0IsR0FBRSxDQUFDO0lBQ3pELE1BQU0sTUFBTSxHQUFHLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ25FLE1BQU0sSUFBSSxHQUFHLHFCQUFxQixDQUFDLElBQUksRUFBRSxDQUFDO0lBRTFDLE1BQU0sV0FBVyxHQUFHLElBQUEsbUJBQVcsRUFDM0IsQ0FBQyxLQUFhLEVBQUUsRUFBRTtRQUNkLFdBQVcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQyxFQUNELENBQUMsV0FBVyxDQUFDLENBQ2hCLENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxJQUFBLG1CQUFXLEVBQzVCLENBQUMsS0FBYSxFQUFFLEVBQUU7UUFDZCxXQUFXLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUMsRUFDRCxDQUFDLFdBQVcsQ0FBQyxDQUNoQixDQUFDO0lBRUYsTUFBTSxjQUFjLEdBQUcsSUFBQSxtQkFBVyxFQUM5QixDQUFDLE9BQWdCLEVBQUUsRUFBRTtRQUNqQixXQUFXLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4RCxDQUFDLEVBQ0QsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FBQztJQUVGLE1BQU0sTUFBTSxHQUFHLENBQ1gsaUNBQUssU0FBUyxFQUFDLHNEQUFzRCxhQUNqRSx1QkFBQyxzQkFBUyxJQUNOLEtBQUssRUFBQyxZQUFZLEVBQ2xCLFdBQVcsRUFBQyx3QkFBbUIsRUFDL0IsUUFBUSxFQUFFLFdBQVcsRUFDckIsS0FBSyxFQUFFLFdBQVcsQ0FBQyxNQUFNLEdBQzNCLEVBQ0YsdUJBQUMsc0JBQVMsSUFDTixLQUFLLEVBQUMsYUFBYSxFQUNuQixXQUFXLEVBQUMseUJBQW9CLEVBQ2hDLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLEtBQUssRUFBRSxXQUFXLENBQUMsT0FBTyxHQUM1QixFQUNGLHVCQUFDLG1CQUFRLElBQ0wsS0FBSyxFQUFDLGlEQUF3QixFQUM5QixRQUFRLEVBQUUsY0FBYyxFQUN4QixLQUFLLEVBQUUsV0FBVyxDQUFDLFNBQVMsS0FBSyxRQUFRLEdBQzNDLElBQ0EsQ0FDVCxDQUFDO0lBRUYsSUFBSSxXQUFXLENBQUMsWUFBWSxFQUFFO1FBQzFCLE9BQU8sQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUM1QixpQ0FBTSxTQUFTLEVBQUMsK0JBQStCLFlBQzNDLHVCQUFDLGVBQU0sSUFDSCxPQUFPLEVBQUUsR0FBRyxFQUFFOztvQkFDVixNQUFNLFNBQVMsR0FBRyxXQUFXLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztvQkFDbkQsSUFBSSxTQUFTLEVBQUU7d0JBQ1gsV0FBVyxDQUFDLFlBQVksQ0FDcEIsU0FBUyxDQUFDLEdBQUcsRUFDYixNQUFBLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLDBDQUFFLElBQWMsRUFDckMsU0FBUyxDQUFDLE1BQU0sQ0FDbkIsQ0FBQztxQkFDTDtnQkFDTCxDQUFDLDhCQUdJLEdBQ04sQ0FDVixDQUFDLENBQUMsQ0FBQyxDQUNBLE1BQU0sQ0FDVCxDQUFDO0tBQ0w7SUFFRCxJQUFJLE1BQU0sSUFBSSxJQUFJLEtBQUssUUFBUSxFQUFFO1FBQzdCLE9BQU8sTUFBTSxDQUFDO0tBQ2pCO0lBRUQsT0FBTyxJQUFJLENBQUM7QUFDaEIsQ0FBQyxDQUFDO0FBN0VXLFFBQUEsWUFBWSxnQkE2RXZCIn0=

package/ui/heading-elements.js

@@ -1,29 +1,31 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.H6Element = exports.H5Element = exports.H4Element = exports.H3Element = exports.H2Element = exports.H1Element = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const H1Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h1", { ...props.attributes, className: props.className + " element-h1 uxf-typo-h1", children: props.children }));
+    return (react_1.default.createElement("h1", { ...props.attributes, className: props.className + " element-h1 uxf-typo-h1" }, props.children));
 };
 exports.H1Element = H1Element;
 const H2Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h2", { ...props.attributes, className: props.className + " element-h2 uxf-typo-h2", children: props.children }));
+    return (react_1.default.createElement("h2", { ...props.attributes, className: props.className + " element-h2 uxf-typo-h2" }, props.children));
 };
 exports.H2Element = H2Element;
 const H3Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h3", { ...props.attributes, className: props.className + " element-h3 uxf-typo-h3", children: props.children }));
+    return (react_1.default.createElement("h3", { ...props.attributes, className: props.className + " element-h3 uxf-typo-h3" }, props.children));
 };
 exports.H3Element = H3Element;
 const H4Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h4", { ...props.attributes, className: props.className + " element-h4 uxf-typo-h4", children: props.children }));
+    return (react_1.default.createElement("h4", { ...props.attributes, className: props.className + " element-h4 uxf-typo-h4" }, props.children));
 };
 exports.H4Element = H4Element;
 const H5Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h5", { ...props.attributes, className: props.className + " element-h5 uxf-typo-h5", children: props.children }));
+    return (react_1.default.createElement("h5", { ...props.attributes, className: props.className + " element-h5 uxf-typo-h5" }, props.children));
 };
 exports.H5Element = H5Element;
 const H6Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h6", { ...props.attributes, className: props.className + " element-h6 uxf-typo-h6", children: props.children }));
+    return (react_1.default.createElement("h6", { ...props.attributes, className: props.className + " element-h6 uxf-typo-h6" }, props.children));
 };
 exports.H6Element = H6Element;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGluZy1lbGVtZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9oZWFkaW5nLWVsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCIn0=

package/ui/highlight-mark.d.ts

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

package/ui/highlight-mark.js

@@ -0,0 +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.HighlightMark = void 0;
+const react_1 = __importDefault(require("react"));
+const HighlightMark = (props) => {
+    return (react_1.default.createElement("mark", { ...props.attributes, className: props.className, style: { backgroundColor: props.color } }, props.children));
+};
+exports.HighlightMark = HighlightMark;

package/ui/image/image-element.js

@@ -1,32 +1,50 @@
 "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.ImageElement = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("@uxf/ui/button");
 const modal_service_1 = require("@uxf/ui/modal/modal-service");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const get_active_image_1 = require("../../plugins/image/transforms/get-active-image");
-const is_image_active_1 = require("../../plugins/image/transforms/is-image-active");
 const remove_selected_image_1 = require("../../plugins/image/transforms/remove-selected-image");
 const insert_image_modal_content_1 = require("./insert-image-modal-content");
+const hooks_1 = require("../../hooks");
+const element_with_action_buttons_1 = require("../components/element/element-with-action-buttons");
 const ImageElement = (props) => {
-    const selected = (0, is_image_active_1.isImageActive)(props.editor);
+    const selected = (0, hooks_1.useSelected)();
     const onEdit = (0, react_1.useCallback)(() => {
         (0, modal_service_1.openModal)({
-            children: (0, jsx_runtime_1.jsx)(insert_image_modal_content_1.InsertImageModalContent, { editor: props.editor, imageToEdit: (0, get_active_image_1.getActiveImage)(props.editor) }),
+            children: react_1.default.createElement(insert_image_modal_content_1.InsertImageModalContent, { editor: props.editor, imageToEdit: (0, get_active_image_1.getActiveImage)(props.editor) }),
             width: "lg",
         });
     }, [props.editor]);
     const onDelete = (0, react_1.useCallback)(() => {
         (0, remove_selected_image_1.removeSelectedImage)(props.editor);
     }, [props.editor]);
-    const renderIfSelected = () => {
-        if (selected) {
-            return ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 absolute top-6 right-6", contentEditable: false, children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onEdit, children: "Upravit" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onDelete, color: "error", children: "Smazat" })] }));
-        }
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { ...props.attributes, className: "pt-4 pb-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", contentEditable: false, children: [renderIfSelected(), (0, jsx_runtime_1.jsx)("img", { className: props.className + " " + `${selected ? "border-4 border-red-400" : "border-0"}`, src: props.element.url, alt: props.element.alt })] }), props.children] }));
+    return (react_1.default.createElement("div", { ...props.attributes },
+        react_1.default.createElement(element_with_action_buttons_1.ElementWithActionButtons, { onEdit: onEdit, onDelete: onDelete, isSelected: selected },
+            react_1.default.createElement("img", { className: `${props.className} w-full`, src: props.element.url, alt: props.element.alt })),
+        props.children));
 };
 exports.ImageElement = ImageElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9pbWFnZS9pbWFnZS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsMkNBQXdDO0FBQ3hDLCtEQUF3RDtBQUN4RCxpQ0FBb0M7QUFDcEMsc0ZBQWlGO0FBQ2pGLG9GQUErRTtBQUMvRSxnR0FBMkY7QUFFM0YsNkVBQXVFO0FBRWhFLE1BQU0sWUFBWSxHQUF3QyxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ3ZFLE1BQU0sUUFBUSxHQUFHLElBQUEsK0JBQWEsRUFBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDN0MsTUFBTSxNQUFNLEdBQUcsSUFBQSxtQkFBVyxFQUFDLEdBQUcsRUFBRTtRQUM1QixJQUFBLHlCQUFTLEVBQUM7WUFDTixRQUFRLEVBQUUsdUJBQUMsb0RBQXVCLElBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLElBQUEsaUNBQWMsRUFBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUk7WUFDdEcsS0FBSyxFQUFFLElBQUk7U0FDZCxDQUFDLENBQUM7SUFDUCxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUNuQixNQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQUMsR0FBRyxFQUFFO1FBQzlCLElBQUEsMkNBQW1CLEVBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRW5CLE1BQU0sZ0JBQWdCLEdBQUcsR0FBRyxFQUFFO1FBQzFCLElBQUksUUFBUSxFQUFFO1lBQ1YsT0FBTyxDQUNILGlDQUFLLFNBQVMsRUFBQyxtQ0FBbUMsRUFBQyxlQUFlLEVBQUUsS0FBSyxhQUNyRSx1QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFFLE1BQU0sd0JBQWtCLEVBQ3pDLHVCQUFDLGVBQU0sSUFBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBQyxPQUFPLHVCQUUvQixJQUNQLENBQ1QsQ0FBQztTQUNMO1FBRUQsT0FBTyxrREFBSyxDQUFDO0lBQ2pCLENBQUMsQ0FBQztJQUNGLE9BQU8sQ0FDSCxvQ0FBUyxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBQyxXQUFXLGFBQzVDLGlDQUFLLFNBQVMsRUFBQyxVQUFVLEVBQUMsZUFBZSxFQUFFLEtBQUssYUFDM0MsZ0JBQWdCLEVBQUUsRUFDbkIsZ0NBQ0ksU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcsR0FBRyxHQUFHLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQ3pGLEdBQUcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFDdEIsR0FBRyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxHQUN4QixJQUNBLEVBRUwsS0FBSyxDQUFDLFFBQVEsSUFDYixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUF4Q1csUUFBQSxZQUFZLGdCQXdDdkIifQ==

package/ui/image/insert-image-modal-content.js

@@ -1,21 +1,47 @@
 "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.InsertImageModalContent = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("@uxf/ui/button");
 const file_input_1 = require("@uxf/ui/file-input");
 const modal_service_1 = require("@uxf/ui/modal/modal-service");
 const text_input_1 = require("@uxf/ui/text-input");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const use_image_handlers_1 = require("../../plugins/image/hooks/use-image-handlers");
 const insert_image_1 = require("../../plugins/image/transforms/insert-image");
 const update_image_1 = require("../../plugins/image/transforms/update-image");
+const utils_1 = require("../utils");
+const modal_buttons_1 = require("../components/modal/modal-buttons");
+const modal_content_1 = require("../components/modal/modal-content");
+// eslint-disable-next-line react/destructuring-assignment
 const InsertImageModalContent = ({ editor, imageToEdit }) => {
     const imageHandlers = (0, use_image_handlers_1.useImageHandlers)(editor);
-    const [selectedFile, setSelectedFile] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.file) || undefined);
+    const [selectedFile, setSelectedFile] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.file) || null);
     const [alt, setAlt] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.alt) || "");
     const [caption, setCaption] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.caption) || "");
     const [source, setSource] = (0, react_1.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.source) || "");
+    const title = imageToEdit ? "Upravit obrázek" : "Vložit obrázek";
     const fileUploadHandler = (0, react_1.useCallback)((file) => {
         return imageHandlers.uploadImage(file).then((fileResponse) => {
             setSelectedFile(fileResponse);
@@ -23,15 +49,15 @@ const InsertImageModalContent = ({ editor, imageToEdit }) => {
         });
     }, [imageHandlers]);
     const reset = (0, react_1.useCallback)(() => {
-        setSelectedFile(undefined);
+        setSelectedFile(null);
         setAlt("");
         setCaption("");
         setSource("");
     }, []);
     const onCloseHandler = (0, react_1.useCallback)(() => {
         reset();
-        (0, modal_service_1.closeModal)();
-    }, [reset]);
+        (0, utils_1.closeModalWithFocus)(editor);
+    }, [editor, reset]);
     const onAddHandler = (0, react_1.useCallback)(() => {
         if (selectedFile && !imageToEdit) {
             (0, insert_image_1.insertImage)(editor, selectedFile, alt !== "" ? alt : undefined, caption !== "" ? caption : undefined, source !== "" ? source : undefined, imageHandlers.getImageUrl(selectedFile));
@@ -44,7 +70,13 @@ const InsertImageModalContent = ({ editor, imageToEdit }) => {
             (0, modal_service_1.closeModal)();
         }
     }, [alt, caption, editor, imageHandlers, imageToEdit, reset, selectedFile, source]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "p-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "mb-3 text-lg font-bold pt-2", children: imageToEdit ? "Upravit obrázek" : "Vložit obrázek" }), (0, jsx_runtime_1.jsx)(file_input_1.FileInput, { onUploadFile: fileUploadHandler, label: "Obr\u00E1zek", value: selectedFile }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { type: "text", label: "Alt obr\u00E1zku", value: alt, onChange: setAlt }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { type: "text", label: "Popisek obr\u00E1zku", value: caption, onChange: setCaption }), (0, jsx_runtime_1.jsx)(text_input_1.TextInput, { type: "text", label: "Zdroj obr\u00E1zku", value: source, onChange: setSource }), (0, jsx_runtime_1.jsx)("div", { className: "pt-2 relative", children: selectedFile && (0, jsx_runtime_1.jsx)("img", { src: imageHandlers.getImageUrl(selectedFile), alt: alt, width: "100%" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-end gap-2 pt-2 mt-2", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onCloseHandler, color: "error", children: "Zru\u0161it" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: onAddHandler, color: "default", children: imageToEdit ? "Upravit obrázek" : "Vložit obrázek" })] })] }));
+    return (react_1.default.createElement(modal_content_1.ModalContent, { title: title },
+        react_1.default.createElement(file_input_1.FileInput, { onChange: setSelectedFile, onUploadFile: fileUploadHandler, label: "Obr\u00E1zek", value: selectedFile }),
+        react_1.default.createElement(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Alt obr\u00E1zku", value: alt, onChange: setAlt }),
+        react_1.default.createElement(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Popisek obr\u00E1zku", value: caption, onChange: setCaption }),
+        react_1.default.createElement(text_input_1.TextInput, { className: "mt-4", type: "text", label: "Zdroj obr\u00E1zku", value: source, onChange: setSource }),
+        selectedFile && (react_1.default.createElement("div", { className: "relative mt-6" },
+            react_1.default.createElement("img", { src: imageHandlers.getImageUrl(selectedFile), alt: alt }))),
+        react_1.default.createElement(modal_buttons_1.ModalButtons, { editor: editor, onSubmit: onAddHandler, submitText: title, onCancel: onCloseHandler })));
 };
 exports.InsertImageModalContent = InsertImageModalContent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5zZXJ0LWltYWdlLW1vZGFsLWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvaW1hZ2UvaW5zZXJ0LWltYWdlLW1vZGFsLWNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSwyQ0FBd0M7QUFDeEMsbURBQStDO0FBQy9DLCtEQUF5RDtBQUN6RCxtREFBK0M7QUFDL0MsaUNBQWtEO0FBQ2xELHFGQUFnRjtBQUNoRiw4RUFBMEU7QUFDMUUsOEVBQTBFO0FBU25FLE1BQU0sdUJBQXVCLEdBQXFDLENBQUMsRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRTtJQUNqRyxNQUFNLGFBQWEsR0FBRyxJQUFBLHFDQUFnQixFQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUEyQixDQUFBLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxJQUFJLEtBQUksU0FBUyxDQUFDLENBQUM7SUFDM0csTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQVMsQ0FBQSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsR0FBRyxLQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFTLENBQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLE9BQU8sS0FBSSxFQUFFLENBQUMsQ0FBQztJQUMzRSxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBUyxDQUFBLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxNQUFNLEtBQUksRUFBRSxDQUFDLENBQUM7SUFFeEUsTUFBTSxpQkFBaUIsR0FBRyxJQUFBLG1CQUFXLEVBQ2pDLENBQUMs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

package/ui/italic-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.ItalicMark = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const ItalicMark = (props) => {
-    return ((0, jsx_runtime_1.jsx)("i", { ...props.attributes, className: props.className, children: props.children }));
+    return (react_1.default.createElement("i", { ...props.attributes, className: props.className }, props.children));
 };
 exports.ItalicMark = ItalicMark;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXRhbGljLW1hcmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvaXRhbGljLW1hcmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLFVBQVUsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNwRCxPQUFPLENBQ0gsaUNBQU8sS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsWUFDOUMsS0FBSyxDQUFDLFFBQVEsR0FDZixDQUNQLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLFVBQVUsY0FNckIifQ==

package/ui/link-element.js

@@ -1,10 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkElement = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const floating_link_1 = require("./floating-link");
+const react_1 = __importDefault(require("react"));
 const LinkElement = (props) => {
-    return ((0, jsx_runtime_1.jsxs)("span", { className: "relative", children: [(0, jsx_runtime_1.jsx)("a", { ...props.attributes, className: `${props.className} font-medium text-blue-600 dark:text-blue-500 hover:underline`, ...props.nodeProps, children: props.children }), (0, jsx_runtime_1.jsx)("span", { className: "absolute top-6 left-0 w-40 relative", contentEditable: false, children: (0, jsx_runtime_1.jsx)(floating_link_1.FloatingLink, {}) })] }));
+    return (react_1.default.createElement("span", null,
+        react_1.default.createElement("a", { ...props.attributes, className: `${props.className} font-medium text-blue-600 hover:underline dark:text-blue-500`, ...props.nodeProps }, props.children)));
 };
 exports.LinkElement = LinkElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3VpL2xpbmstZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUVBLG1EQUErQztBQUV4QyxNQUFNLFdBQVcsR0FBcUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNuRSxPQUFPLENBQ0gsa0NBQU0sU0FBUyxFQUFDLFVBQVUsYUFDdEIsaUNBQ1EsS0FBSyxDQUFDLFVBQVUsRUFDcEIsU0FBUyxFQUFFLEdBQUcsS0FBSyxDQUFDLFNBQVMsK0RBQStELEtBQ3hGLEtBQUssQ0FBQyxTQUFTLFlBRWxCLEtBQUssQ0FBQyxRQUFRLEdBQ2YsRUFDSixpQ0FBTSxTQUFTLEVBQUMscUNBQXFDLEVBQUMsZUFBZSxFQUFFLEtBQUssWUFDeEUsdUJBQUMsNEJBQVksS0FBRyxHQUNiLElBQ0osQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZlcsUUFBQSxXQUFXLGVBZXRCIn0=

package/ui/list-item-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.ListItemElement = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const ListItemElement = (props) => {
-    return ((0, jsx_runtime_1.jsx)("li", { ...props.attributes, className: props.className, children: props.children }));
+    return (react_1.default.createElement("li", { ...props.attributes, className: props.className }, props.children));
 };
 exports.ListItemElement = ListItemElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvbGlzdC1pdGVtLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGVBQWUsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUN6RCxPQUFPLENBQ0gsa0NBQVEsS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsWUFDL0MsS0FBSyxDQUFDLFFBQVEsR0FDZCxDQUNSLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLGVBQWUsbUJBTTFCIn0=

package/ui/list-ordered-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.ListOrderedElement = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const ListOrderedElement = (props) => {
-    return ((0, jsx_runtime_1.jsx)("ol", { ...props.attributes, className: props.className + " list-decimal pl-4", children: props.children }));
+    return (react_1.default.createElement("ol", { ...props.attributes, className: props.className + " list-decimal pl-4" }, props.children));
 };
 exports.ListOrderedElement = ListOrderedElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vcmRlcmVkLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvbGlzdC1vcmRlcmVkLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGtCQUFrQixHQUF1QixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQzVELE9BQU8sQ0FDSCxrQ0FBUSxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxHQUFHLG9CQUFvQixZQUN0RSxLQUFLLENBQUMsUUFBUSxHQUNkLENBQ1IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsa0JBQWtCLHNCQU03QiJ9