@uxf/wysiwyg 2.0.0-beta.5 → 2.0.0-beta.7

package/README.md

@@ -1,8 +1,17 @@
-## Wysiwyg Mvp
-`yarn add @udecode/plate`
-### required peer deps
-```bash
-yarn install slate slate-react slate-history slate-hyperscript react react-dom react-dnd react-dnd-html5-backend styled-components @styled-icons/material
-```
+[![npm](https://img.shields.io/npm/v/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![size](https://img.shields.io/bundlephobia/min/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![quality](https://img.shields.io/npms-io/quality-score/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+[![license](https://img.shields.io/npm/l/@uxf/wysiwyg)](https://www.npmjs.com/package/@uxf/wysiwyg)
+
+# UXF Wysiwyg editor
 
-soft break & exit break: @udecode/plate-break
+## @uxf/ui configuration
+- wrap your app with `UiContextProvider`
+- add `<Modal ref={getModalRef()} />` to make modals work
+
+```tsx
+<UiContextProvider value={getProviderConfig()}>
+    <App />
+    <Modal ref={getModalRef()} />
+</UiContextProvider>
+```

package/create-all-uxf-plugins.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createAllUxfPlugins = void 0;
 const create_block_quote_plugin_1 = require("./plugins/block-quote/create-block-quote-plugin");
 const create_uxf_plugins_1 = require("./plugins/create-uxf-plugins");
+const create_video_plugin_1 = require("./plugins/embedded/video/create-video-plugin");
 const create_headings_plugin_1 = require("./plugins/heading/create-headings-plugin");
 const create_image_plugin_1 = require("./plugins/image/create-image-plugin");
 const create_link_plugin_1 = require("./plugins/link/create-link-plugin");
@@ -12,7 +13,6 @@ const create_code_plugin_1 = require("./plugins/mark-code/create-code-plugin");
 const create_italic_plugin_1 = require("./plugins/mark-italic/create-italic-plugin");
 const create_underline_plugin_1 = require("./plugins/mark-underline/create-underline-plugin");
 const create_uxf_ui_1 = require("./ui/create-uxf-ui");
-const floating_link_1 = require("./ui/floating-link");
 const createAllUxfPlugins = (fileUpload, getImageUrl) => (0, create_uxf_plugins_1.createUxfPlugins)([
     (0, create_headings_plugin_1.createHeadingsPlugin)(),
     (0, create_block_quote_plugin_1.createBlockquotePlugin)(),
@@ -21,13 +21,14 @@ const createAllUxfPlugins = (fileUpload, getImageUrl) => (0, create_uxf_plugins_
     (0, create_underline_plugin_1.createUnderlinePlugin)(),
     (0, create_code_plugin_1.createCodePlugin)(),
     (0, create_list_plugin_1.createListPlugin)(),
-    (0, create_link_plugin_1.createLinkPlugin)(floating_link_1.FloatingLink),
+    (0, create_link_plugin_1.createLinkPlugin)(),
     (0, create_image_plugin_1.createImagePlugin)({
         options: {
             uploadImage: fileUpload,
             getImageUrl,
         },
     }),
+    (0, create_video_plugin_1.createVideoPlugin)(),
 ], { components: (0, create_uxf_ui_1.createUxfUi)() });
 exports.createAllUxfPlugins = createAllUxfPlugins;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWFsbC11eGYtcGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9jcmVhdGUtYWxsLXV4Zi1wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtGQUF5RjtBQUN6RixxRUFBZ0U7QUFDaEUscUZBQWdGO0FBQ2hGLDZFQUF3RTtBQUV4RSwwRUFBcUU7QUFDckUsMEVBQXFFO0FBQ3JFLCtFQUEwRTtBQUMxRSwrRUFBMEU7QUFDMUUscUZBQWdGO0FBQ2hGLDhGQUF5RjtBQUN6RixzREFBaUQ7QUFDakQsc0RBQWtEO0FBRTNDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxVQUE4QixFQUFFLFdBQStCLEVBQUUsRUFBRSxDQUNuRyxJQUFBLHFDQUFnQixFQUNaO0lBQ0ksSUFBQSw2Q0FBb0IsR0FBRTtJQUN0QixJQUFBLGtEQUFzQixHQUFFO0lBQ3hCLElBQUEscUNBQWdCLEdBQUU7SUFDbEIsSUFBQSx5Q0FBa0IsR0FBRTtJQUNwQixJQUFBLCtDQUFxQixHQUFFO0lBQ3ZCLElBQUEscUNBQWdCLEdBQUU7SUFDbEIsSUFBQSxxQ0FBZ0IsR0FBRTtJQUNsQixJQUFBLHFDQUFnQixFQUFDLDRCQUFZLENBQUM7SUFDOUIsSUFBQSx1Q0FBaUIsRUFBQztRQUNkLE9BQU8sRUFBRTtZQUNMLFdBQVcsRUFBRSxVQUFVO1lBQ3ZCLFdBQVc7U0FDZDtLQUNKLENBQUM7Q0FDTCxFQUNELEVBQUUsVUFBVSxFQUFFLElBQUEsMkJBQVcsR0FBRSxFQUFFLENBQ2hDLENBQUM7QUFuQk8sUUFBQSxtQkFBbUIsdUJBbUIxQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWFsbC11eGYtcGx1Z2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9jcmVhdGUtYWxsLXV4Zi1wbHVnaW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLCtGQUF5RjtBQUN6RixxRUFBZ0U7QUFDaEUsc0ZBQWlGO0FBQ2pGLHFGQUFnRjtBQUNoRiw2RUFBd0U7QUFFeEUsMEVBQXFFO0FBQ3JFLDBFQUFxRTtBQUNyRSwrRUFBMEU7QUFDMUUsK0VBQTBFO0FBQzFFLHFGQUFnRjtBQUNoRiw4RkFBeUY7QUFDekYsc0RBQWlEO0FBRTFDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxVQUE4QixFQUFFLFdBQStCLEVBQUUsRUFBRSxDQUNuRyxJQUFBLHFDQUFnQixFQUNaO0lBQ0ksSUFBQSw2Q0FBb0IsR0FBRTtJQUN0QixJQUFBLGtEQUFzQixHQUFFO0lBQ3hCLElBQUEscUNBQWdCLEdBQUU7SUFDbEIsSUFBQSx5Q0FBa0IsR0FBRTtJQUNwQixJQUFBLCtDQUFxQixHQUFFO0lBQ3ZCLElBQUEscUNBQWdCLEdBQUU7SUFDbEIsSUFBQSxxQ0FBZ0IsR0FBRTtJQUNsQixJQUFBLHFDQUFnQixHQUFFO0lBQ2xCLElBQUEsdUNBQWlCLEVBQUM7UUFDZCxPQUFPLEVBQUU7WUFDTCxXQUFXLEVBQUUsVUFBVTtZQUN2QixXQUFXO1NBQ2Q7S0FDSixDQUFDO0lBQ0YsSUFBQSx1Q0FBaUIsR0FBRTtDQUN0QixFQUNELEVBQUUsVUFBVSxFQUFFLElBQUEsMkJBQVcsR0FBRSxFQUFFLENBQ2hDLENBQUM7QUFwQk8sUUFBQSxtQkFBbUIsdUJBb0IxQiJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/wysiwyg",
-  "version": "2.0.0-beta.5",
+  "version": "2.0.0-beta.7",
   "description": "UXF Wysiwyg editor",
   "author": "Robin Dvorak <dvorak@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/wysiwyg",

package/plugins/embedded/insert-embedded.d.ts

@@ -0,0 +1,3 @@
+import { UxfEditor } from "../../types";
+import { ELEMENT_VIDEO_EMBED } from "./video/create-video-plugin";
+export declare const insertEmbedded: (editor: UxfEditor, pluginKey: typeof ELEMENT_VIDEO_EMBED, url: string) => void;

package/plugins/embedded/insert-embedded.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.insertEmbedded = void 0;
+const plate_media_1 = require("@udecode/plate-media");
+const insertEmbedded = (editor, pluginKey, url) => {
+    return (0, plate_media_1.insertMediaEmbed)(editor, { key: pluginKey, url });
+};
+exports.insertEmbedded = insertEmbedded;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5zZXJ0LWVtYmVkZGVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BsdWdpbnMvZW1iZWRkZWQvaW5zZXJ0LWVtYmVkZGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHNEQUF3RDtBQUlqRCxNQUFNLGNBQWMsR0FBRyxDQUFDLE1BQWlCLEVBQUUsU0FBcUMsRUFBRSxHQUFXLEVBQUUsRUFBRTtJQUNwRyxPQUFPLElBQUEsOEJBQWdCLEVBQUMsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0FBQzdELENBQUMsQ0FBQztBQUZXLFFBQUEsY0FBYyxrQkFFekIifQ==

package/plugins/embedded/utils.d.ts

@@ -0,0 +1 @@
+export { parseTwitterUrl, parseVideoUrl, parseIframeUrl } from "@udecode/plate-media";

package/plugins/embedded/utils.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseIframeUrl = exports.parseVideoUrl = exports.parseTwitterUrl = void 0;
+var plate_media_1 = require("@udecode/plate-media");
+Object.defineProperty(exports, "parseTwitterUrl", { enumerable: true, get: function () { return plate_media_1.parseTwitterUrl; } });
+Object.defineProperty(exports, "parseVideoUrl", { enumerable: true, get: function () { return plate_media_1.parseVideoUrl; } });
+Object.defineProperty(exports, "parseIframeUrl", { enumerable: true, get: function () { return plate_media_1.parseIframeUrl; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvcGx1Z2lucy9lbWJlZGRlZC91dGlscy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxvREFBc0Y7QUFBN0UsOEdBQUEsZUFBZSxPQUFBO0FBQUUsNEdBQUEsYUFBYSxPQUFBO0FBQUUsNkdBQUEsY0FBYyxPQUFBIn0=

package/plugins/embedded/video/create-video-plugin.d.ts

@@ -0,0 +1,3 @@
+import { MediaPlugin } from "@udecode/plate-media";
+export declare const ELEMENT_VIDEO_EMBED = "video";
+export declare const createVideoPlugin: <OP = MediaPlugin, OV extends import("@udecode/plate-core").Value = import("@udecode/plate-core").Value, OE extends import("@udecode/plate-core").PlateEditor<OV> = import("@udecode/plate-core").PlateEditor<OV>>(override?: Partial<import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").NoInfer<OP>, OV, OE>> | undefined, overrideByKey?: import("@udecode/plate-core").OverrideByKey<OV, OE> | undefined) => import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-core").NoInfer<OP>, OV, OE>;

package/plugins/embedded/video/create-video-plugin.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createVideoPlugin = exports.ELEMENT_VIDEO_EMBED = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const utils_1 = require("../utils");
+exports.ELEMENT_VIDEO_EMBED = "video";
+exports.createVideoPlugin = (0, plate_core_1.createPluginFactory)({
+    key: exports.ELEMENT_VIDEO_EMBED,
+    isElement: true,
+    isVoid: true,
+    options: {
+        transformUrl: utils_1.parseIframeUrl,
+        rules: [
+            {
+                parser: utils_1.parseVideoUrl,
+            },
+        ],
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLXZpZGVvLXBsdWdpbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbHVnaW5zL2VtYmVkZGVkL3ZpZGVvL2NyZWF0ZS12aWRlby1wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsb0RBQTBEO0FBRTFELG9DQUF5RDtBQUU1QyxRQUFBLG1CQUFtQixHQUFHLE9BQU8sQ0FBQztBQUU5QixRQUFBLGlCQUFpQixHQUFHLElBQUEsZ0NBQW1CLEVBQWM7SUFDOUQsR0FBRyxFQUFFLDJCQUFtQjtJQUN4QixTQUFTLEVBQUUsSUFBSTtJQUNmLE1BQU0sRUFBRSxJQUFJO0lBQ1osT0FBTyxFQUFFO1FBQ0wsWUFBWSxFQUFFLHNCQUFjO1FBQzVCLEtBQUssRUFBRTtZQUNIO2dCQUNJLE1BQU0sRUFBRSxxQkFBYTthQUN4QjtTQUNKO0tBQ0o7Q0FDSixDQUFDLENBQUMifQ==

package/plugins/image/transforms/is-image-active.d.ts

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

package/plugins/image/transforms/is-image-active.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isImageActive = void 0;
+const plate_core_1 = require("@udecode/plate-core");
+const get_active_image_1 = require("./get-active-image");
+const isImageActive = (editor) => !!((0, get_active_image_1.getActiveImage)(editor) && (0, plate_core_1.isRangeInSameBlock)(editor));
+exports.isImageActive = isImageActive;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtaW1hZ2UtYWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BsdWdpbnMvaW1hZ2UvdHJhbnNmb3Jtcy9pcy1pbWFnZS1hY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsb0RBQXlEO0FBRXpELHlEQUFvRDtBQUU3QyxNQUFNLGFBQWEsR0FBRyxDQUFDLE1BQWlCLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUEsaUNBQWMsRUFBQyxNQUFNLENBQUMsSUFBSSxJQUFBLCtCQUFrQixFQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7QUFBaEcsUUFBQSxhQUFhLGlCQUFtRiJ9

package/plugins/image/types.d.ts

@@ -10,9 +10,10 @@ export interface UxfImagePluginOptions extends MediaPlugin {
     disableUploadOnPasteImage?: boolean;
 }
 export interface FileResponse {
+    id: number;
     uuid: string;
     namespace?: string | null;
     extension: string;
-    name?: string;
+    name: string;
     type?: string;
 }

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

@@ -1,3 +1,3 @@
-import { RenderAfterEditable } from "@udecode/plate-core";
-import { WysiwygContent } from "../../types";
-export declare const createLinkPlugin: (floatingLink: RenderAfterEditable<WysiwygContent>) => import("@udecode/plate-core").PlatePlugin<import("@udecode/plate-link").LinkPlugin, WysiwygContent, import("@udecode/plate-core").PlateEditor<WysiwygContent>>;
+import { LinkPlugin } from "@udecode/plate-link";
+import { UxfEditor, WysiwygContent } from "../../types";
+export declare const createLinkPlugin: () => import("@udecode/plate-core").PlatePlugin<LinkPlugin, WysiwygContent, UxfEditor>;

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

@@ -3,9 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createLinkPlugin = void 0;
 const plate_link_1 = require("@udecode/plate-link");
 const constants_1 = require("./constants");
-const createLinkPlugin = (floatingLink) => (0, plate_link_1.createLinkPlugin)({
-    renderAfterEditable: floatingLink,
+const createLinkPlugin = () => (0, plate_link_1.createLinkPlugin)({
     type: constants_1.LINK_PLUGIN_TYPE,
 });
 exports.createLinkPlugin = createLinkPlugin;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWxpbmstcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BsdWdpbnMvbGluay9jcmVhdGUtbGluay1wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQWdGO0FBRWhGLDJDQUErQztBQUV4QyxNQUFNLGdCQUFnQixHQUFHLENBQUMsWUFBaUQsRUFBRSxFQUFFLENBQ2xGLElBQUEsNkJBQXFCLEVBQUM7SUFDbEIsbUJBQW1CLEVBQUUsWUFBWTtJQUNqQyxJQUFJLEVBQUUsNEJBQWdCO0NBQ3pCLENBQUMsQ0FBQztBQUpNLFFBQUEsZ0JBQWdCLG9CQUl0QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLWxpbmstcGx1Z2luLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3BsdWdpbnMvbGluay9jcmVhdGUtbGluay1wbHVnaW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsb0RBQTRGO0FBRTVGLDJDQUErQztBQUV4QyxNQUFNLGdCQUFnQixHQUFHLEdBQUcsRUFBRSxDQUNqQyxJQUFBLDZCQUFxQixFQUF3QztJQUN6RCxJQUFJLEVBQUUsNEJBQWdCO0NBQ3pCLENBQUMsQ0FBQztBQUhNLFFBQUEsZ0JBQWdCLG9CQUd0QiJ9

package/plugins/link/transforms/is-link-selected.js

@@ -1,14 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isLinkSelected = void 0;
-const plate_core_1 = require("@udecode/plate-core");
-const plate_link_1 = require("@udecode/plate-link");
+const utils_1 = require("../../../utils");
+const constants_1 = require("../constants");
 const isLinkSelected = (editor) => {
-    var _a;
-    return ((_a = (editor.selection &&
-        (0, plate_core_1.someNode)(editor, {
-            match: { type: (0, plate_core_1.getPluginType)(editor, plate_link_1.ELEMENT_LINK) },
-        }))) !== null && _a !== void 0 ? _a : false);
+    if (!editor.selection) {
+        return false;
+    }
+    return ((0, utils_1.isRangeInSingleText)(editor) &&
+        (0, utils_1.someNode)(editor, {
+            match: { type: (0, utils_1.getPluginType)(editor, constants_1.LINK_PLUGIN_TYPE) },
+        }));
 };
 exports.isLinkSelected = isLinkSelected;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtbGluay1zZWxlY3RlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbHVnaW5zL2xpbmsvdHJhbnNmb3Jtcy9pcy1saW5rLXNlbGVjdGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG9EQUE4RDtBQUM5RCxvREFBbUQ7QUFHNUMsTUFBTSxjQUFjLEdBQUcsQ0FBQyxNQUFpQixFQUFFLEVBQUU7O0lBQ2hELE9BQU8sQ0FDSCxNQUFBLENBQUMsTUFBTSxDQUFDLFNBQVM7UUFDYixJQUFBLHFCQUFRLEVBQUMsTUFBTSxFQUFFO1lBQ2IsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUEsMEJBQWEsRUFBQyxNQUFNLEVBQUUseUJBQVksQ0FBQyxFQUFFO1NBQ3ZELENBQUMsQ0FBQyxtQ0FDUCxLQUFLLENBQ1IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVJXLFFBQUEsY0FBYyxrQkFRekIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaXMtbGluay1zZWxlY3RlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wbHVnaW5zL2xpbmsvdHJhbnNmb3Jtcy9pcy1saW5rLXNlbGVjdGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLDBDQUE4RTtBQUM5RSw0Q0FBZ0Q7QUFFekMsTUFBTSxjQUFjLEdBQUcsQ0FBQyxNQUFpQixFQUFFLEVBQUU7SUFDaEQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUU7UUFDbkIsT0FBTyxLQUFLLENBQUM7S0FDaEI7SUFFRCxPQUFPLENBQ0gsSUFBQSwyQkFBbUIsRUFBQyxNQUFNLENBQUM7UUFDM0IsSUFBQSxnQkFBUSxFQUFDLE1BQU0sRUFBRTtZQUNiLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxJQUFBLHFCQUFhLEVBQUMsTUFBTSxFQUFFLDRCQUFnQixDQUFDLEVBQUU7U0FDM0QsQ0FBQyxDQUNMLENBQUM7QUFDTixDQUFDLENBQUM7QUFYVyxRQUFBLGNBQWMsa0JBV3pCIn0=

package/types.d.ts

@@ -69,8 +69,13 @@ export interface UxfOrderedListElement extends UxfBlockElement {
     type: typeof LIST_ORDERED_TYPE;
     children: LiElement[];
 }
+export interface UxfVideoElement extends UxfBlockElement {
+    type: "video";
+    url: string;
+    children: [EmptyText];
+}
 export type EmptyText = {
     text: "";
 };
-export type WysiwygRootBlock = UxfParagraphElement | UxfBlockQuoteElement | UxfImageElement | UxfHeadingElement | UxfLinkElement | UxfUnorderedListElement | UxfOrderedListElement;
+export type WysiwygRootBlock = UxfParagraphElement | UxfBlockQuoteElement | UxfImageElement | UxfHeadingElement | UxfLinkElement | UxfUnorderedListElement | UxfOrderedListElement | UxfVideoElement;
 export type WysiwygContent = WysiwygRootBlock[];

package/ui/block-quote-element.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockQuoteElement = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const BlockQuoteElement = (props) => {
-    return ((0, jsx_runtime_1.jsx)("blockquote", { ...props.attributes, className: props.className, children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("blockquote", { ...props.attributes, className: props.className +
+            " p-4 my-4 border-l-4 border-gray-300 bg-gray-50 dark:border-gray-500 dark:bg-gray-800", children: props.children }));
 };
 exports.BlockQuoteElement = BlockQuoteElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stcXVvdGUtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9ibG9jay1xdW90ZS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxpQkFBaUIsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUMzRCxPQUFPLENBQ0gsMENBQWdCLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLFlBQ3ZELEtBQUssQ0FBQyxRQUFRLEdBQ04sQ0FDaEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsaUJBQWlCLHFCQU01QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stcXVvdGUtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9ibG9jay1xdW90ZS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxpQkFBaUIsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUMzRCxPQUFPLENBQ0gsMENBQ1EsS0FBSyxDQUFDLFVBQVUsRUFDcEIsU0FBUyxFQUNMLEtBQUssQ0FBQyxTQUFTO1lBQ2YsdUZBQXVGLFlBRzFGLEtBQUssQ0FBQyxRQUFRLEdBQ04sQ0FDaEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQVpXLFFBQUEsaUJBQWlCLHFCQVk1QiJ9

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

@@ -16,4 +16,5 @@ export declare const createUxfUi: () => {
     ol: import("..").ElementUiComponent<import("..").UxfBlockElement>;
     a: import("..").ElementUiComponent<import("@udecode/plate-link").TLinkElement>;
     img: import("..").ElementUiComponent<import("..").UxfImageElement>;
+    video: import("..").ElementUiComponent<import("..").UxfVideoElement>;
 };

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 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");
 const constants_2 = require("../plugins/link/constants");
@@ -23,6 +24,7 @@ const list_ordered_element_1 = require("./list-ordered-element");
 const list_unordered_element_1 = require("./list-unordered-element");
 const paragraph_element_1 = require("./paragraph-element");
 const underline_mark_1 = require("./underline-mark");
+const video_element_1 = require("./video/video-element");
 const createUxfUi = () => ({
     [types_7.PARAGRAPH_PLUGIN_KEY]: paragraph_element_1.ParagraphElement,
     [types_1.BLOCK_QUOTE_PLUGIN_KEY]: block_quote_element_1.BlockQuoteElement,
@@ -41,6 +43,7 @@ const createUxfUi = () => ({
     [constants_3.ELEMENT_OL]: list_ordered_element_1.ListOrderedElement,
     [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,
 });
 exports.createUxfUi = createUxfUi;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLXV4Zi11aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9jcmVhdGUtdXhmLXVpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdEQUFzRTtBQUN0RSw0REFBc0g7QUFDdEgsa0RBQTBEO0FBQzFELHlEQUF5RDtBQUN6RCx5REFBK0U7QUFDL0Usc0RBQTZEO0FBQzdELHNEQUE2RDtBQUM3RCx3REFBaUU7QUFDakUsMkRBQXdFO0FBQ3hFLHNEQUFrRTtBQUNsRSwrREFBMEQ7QUFDMUQsMkNBQXVDO0FBQ3ZDLDJDQUF1QztBQUN2Qyx5REFBc0c7QUFDdEcseURBQXFEO0FBQ3JELCtDQUEyQztBQUMzQyxpREFBNkM7QUFDN0MsMkRBQXNEO0FBQ3RELGlFQUE0RDtBQUM1RCxxRUFBZ0U7QUFDaEUsMkRBQXVEO0FBQ3ZELHFEQUFpRDtBQUUxQyxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzlCLENBQUMsNEJBQW9CLENBQUMsRUFBRSxvQ0FBZ0I7SUFDeEMsQ0FBQyw4QkFBc0IsQ0FBQyxFQUFFLHVDQUFpQjtJQUMzQyxDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHVCQUFlLENBQUMsRUFBRSxvQkFBUTtJQUMzQixDQUFDLHlCQUFpQixDQUFDLEVBQUUsd0JBQVU7SUFDL0IsQ0FBQyw2QkFBcUIsQ0FBQyxFQUFFLDhCQUFhO0lBQ3RDLENBQUMsdUJBQWUsQ0FBQyxFQUFFLG9CQUFRO0lBQzNCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLG1DQUFlO0lBQzdCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDZDQUFvQjtJQUNsQyxDQUFDLHNCQUFVLENBQUMsRUFBRSx5Q0FBa0I7SUFDaEMsQ0FBQyx3QkFBWSxDQUFDLEVBQUUsMEJBQVc7SUFDM0IsQ0FBQyx3QkFBZ0IsQ0FBQyxFQUFFLDRCQUFZO0NBQ25DLENBQUMsQ0FBQztBQWxCVSxRQUFBLFdBQVcsZUFrQnJCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLXV4Zi11aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9jcmVhdGUtdXhmLXVpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdEQUFzRTtBQUN0RSx1RkFBb0Y7QUFDcEYsNERBQXNIO0FBQ3RILGtEQUEwRDtBQUMxRCx5REFBeUQ7QUFDekQseURBQStFO0FBQy9FLHNEQUE2RDtBQUM3RCxzREFBNkQ7QUFDN0Qsd0RBQWlFO0FBQ2pFLDJEQUF3RTtBQUN4RSxzREFBa0U7QUFDbEUsK0RBQTBEO0FBQzFELDJDQUF1QztBQUN2QywyQ0FBdUM7QUFDdkMseURBQXNHO0FBQ3RHLHlEQUFxRDtBQUNyRCwrQ0FBMkM7QUFDM0MsaURBQTZDO0FBQzdDLDJEQUFzRDtBQUN0RCxpRUFBNEQ7QUFDNUQscUVBQWdFO0FBQ2hFLDJEQUF1RDtBQUN2RCxxREFBaUQ7QUFDakQseURBQXFEO0FBRTlDLE1BQU0sV0FBVyxHQUFHLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDOUIsQ0FBQyw0QkFBb0IsQ0FBQyxFQUFFLG9DQUFnQjtJQUN4QyxDQUFDLDhCQUFzQixDQUFDLEVBQUUsdUNBQWlCO0lBQzNDLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDRCQUFTO0lBQ3ZCLENBQUMsdUJBQWUsQ0FBQyxFQUFFLG9CQUFRO0lBQzNCLENBQUMseUJBQWlCLENBQUMsRUFBRSx3QkFBVTtJQUMvQixDQUFDLDZCQUFxQixDQUFDLEVBQUUsOEJBQWE7SUFDdEMsQ0FBQyx1QkFBZSxDQUFDLEVBQUUsb0JBQVE7SUFDM0IsQ0FBQyxzQkFBVSxDQUFDLEVBQUUsbUNBQWU7SUFDN0IsQ0FBQyxzQkFBVSxDQUFDLEVBQUUsNkNBQW9CO0lBQ2xDLENBQUMsc0JBQVUsQ0FBQyxFQUFFLHlDQUFrQjtJQUNoQyxDQUFDLHdCQUFZLENBQUMsRUFBRSwwQkFBVztJQUMzQixDQUFDLHdCQUFnQixDQUFDLEVBQUUsNEJBQVk7SUFDaEMsQ0FBQyx5Q0FBbUIsQ0FBQyxFQUFFLDRCQUFZO0NBQ3RDLENBQUMsQ0FBQztBQW5CVSxRQUFBLFdBQVcsZUFtQnJCIn0=

package/ui/floating-link.d.ts

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

package/ui/floating-link.js

@@ -3,34 +3,34 @@ 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 text_input_1 = require("@uxf/ui/text-input");
 const react_1 = require("react");
 const hooks_1 = require("../plugins/link/hooks");
-const FloatingLink = (props) => {
+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)((e) => {
-        linkActions.setUrl(e.target.value);
+    const onChangeUrl = (0, react_1.useCallback)((value) => {
+        linkActions.setUrl(value);
     }, [linkActions]);
-    const onChangeText = (0, react_1.useCallback)((e) => {
-        linkActions.setText(e.target.value);
+    const onChangeText = (0, react_1.useCallback)((value) => {
+        linkActions.setText(value);
     }, [linkActions]);
-    const onChangeTarget = (0, react_1.useCallback)((e) => {
-        linkActions.setTarget(e.target.checked ? "_blank" : "_self");
+    const onChangeTarget = (0, react_1.useCallback)((checked) => {
+        linkActions.setTarget(checked ? "_blank" : "_self");
     }, [linkActions]);
-    if (props.readOnly) {
-        return null;
-    }
-    const inputs = ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { placeholder: "Paste URL", defaultValue: linkActions.getUrl, onChange: onChangeUrl }) }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("input", { placeholder: "Text to display", defaultValue: linkActions.getText, onChange: onChangeText }) }), (0, jsx_runtime_1.jsxs)("div", { children: ["New tab:", " ", (0, jsx_runtime_1.jsx)("input", { type: "checkbox", placeholder: "Target", defaultChecked: linkActions.getTarget === "_blank", onChange: onChangeTarget })] })] }));
+    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)("div", { children: (0, jsx_runtime_1.jsx)("button", { onClick: () => {
+        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: "Edit link" }) })) : (inputs);
+                }, children: "Upravit odkaz" }) })) : (inputs);
     }
     if (isOpen && mode === "insert") {
         return inputs;
@@ -38,4 +38,4 @@ const FloatingLink = (props) => {
     return null;
 };
 exports.FloatingLink = FloatingLink;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctbGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9mbG9hdGluZy1saW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsb0RBQStEO0FBQy9ELGlDQUF3RDtBQUN4RCxpREFBdUQ7QUFHaEQsTUFBTSxZQUFZLEdBQXdCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDdkQsTUFBTSxXQUFXLEdBQUcsSUFBQSxzQkFBYyxHQUFFLENBQUM7SUFDckMsTUFBTSxxQkFBcUIsR0FBRyxJQUFBLHFDQUF3QixHQUFFLENBQUM7SUFDekQsTUFBTSxNQUFNLEdBQUcscUJBQXFCLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDbkUsTUFBTSxJQUFJLEdBQUcscUJBQXFCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFFMUMsTUFBTSxXQUFXLEdBQXlDLElBQUEsbUJBQVcsRUFDakUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtRQUNGLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDLEVBQ0QsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUF5QyxJQUFBLG1CQUFXLEVBQ2xFLENBQUMsQ0FBQyxFQUFFLEVBQUU7UUFDRixXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQyxFQUNELENBQUMsV0FBVyxDQUFDLENBQ2hCLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBeUMsSUFBQSxtQkFBVyxFQUNwRSxDQUFDLENBQUMsRUFBRSxFQUFFO1FBQ0YsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqRSxDQUFDLEVBQ0QsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FBQztJQUVGLElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRTtRQUNoQixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsTUFBTSxNQUFNLEdBQUcsQ0FDWCw0Q0FDSSwwQ0FDSSxrQ0FBTyxXQUFXLEVBQUMsV0FBVyxFQUFDLFlBQVksRUFBRSxXQUFXLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxXQUFXLEdBQUksR0FDeEYsRUFDTiwwQ0FDSSxrQ0FBTyxXQUFXLEVBQUMsaUJBQWlCLEVBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLFlBQVksR0FBSSxHQUNoRyxFQUNOLHdEQUNhLEdBQUcsRUFDWixrQ0FDSSxJQUFJLEVBQUMsVUFBVSxFQUNmLFdBQVcsRUFBQyxRQUFRLEVBQ3BCLGNBQWMsRUFBRSxXQUFXLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFDbEQsUUFBUSxFQUFFLGNBQWMsR0FDMUIsSUFDQSxJQUlKLENBQ1QsQ0FBQztJQUVGLElBQUksV0FBVyxDQUFDLFlBQVksRUFBRTtRQUMxQixPQUFPLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDNUIsMENBQ0ksbUNBQ0ksT0FBTyxFQUFFLEdBQUcsRUFBRTs7b0JBQ1YsTUFBTSxTQUFTLEdBQUcsV0FBVyxDQUFDLGtCQUFrQixFQUFFLENBQUM7b0JBQ25ELElBQUksU0FBUyxFQUFFO3dCQUNYLFdBQVcsQ0FBQyxZQUFZLENBQ3BCLFNBQVMsQ0FBQyxHQUFHLEVBQ2IsTUFBQSxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQywwQ0FBRSxJQUFjLEVBQ3JDLFNBQVMsQ0FBQyxNQUFNLENBQ25CLENBQUM7cUJBQ0w7Z0JBQ0wsQ0FBQywwQkFHSSxHQUNQLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQSxNQUFNLENBQ1QsQ0FBQztLQUNMO0lBRUQsSUFBSSxNQUFNLElBQUksSUFBSSxLQUFLLFFBQVEsRUFBRTtRQUM3QixPQUFPLE1BQU0sQ0FBQztLQUNqQjtJQUVELE9BQU8sSUFBSSxDQUFDO0FBQ2hCLENBQUMsQ0FBQztBQWxGVyxRQUFBLFlBQVksZ0JBa0Z2QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctbGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9mbG9hdGluZy1saW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsb0RBQStEO0FBQy9ELDJDQUF3QztBQUN4QywrQ0FBNEM7QUFDNUMsbURBQStDO0FBQy9DLGlDQUF3QztBQUN4QyxpREFBdUQ7QUFFaEQsTUFBTSxZQUFZLEdBQU8sR0FBRyxFQUFFO0lBQ2pDLE1BQU0sV0FBVyxHQUFHLElBQUEsc0JBQWMsR0FBRSxDQUFDO0lBQ3JDLE1BQU0scUJBQXFCLEdBQUcsSUFBQSxxQ0FBd0IsR0FBRSxDQUFDO0lBQ3pELE1BQU0sTUFBTSxHQUFHLHFCQUFxQixDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ25FLE1BQU0sSUFBSSxHQUFHLHFCQUFxQixDQUFDLElBQUksRUFBRSxDQUFDO0lBRTFDLE1BQU0sV0FBVyxHQUFHLElBQUEsbUJBQVcsRUFDM0IsQ0FBQyxLQUFhLEVBQUUsRUFBRTtRQUNkLFdBQVcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUIsQ0FBQyxFQUNELENBQUMsV0FBVyxDQUFDLENBQ2hCLENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxJQUFBLG1CQUFXLEVBQzVCLENBQUMsS0FBYSxFQUFFLEVBQUU7UUFDZCxXQUFXLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUMsRUFDRCxDQUFDLFdBQVcsQ0FBQyxDQUNoQixDQUFDO0lBRUYsTUFBTSxjQUFjLEdBQUcsSUFBQSxtQkFBVyxFQUM5QixDQUFDLE9BQWdCLEVBQUUsRUFBRTtRQUNqQixXQUFXLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN4RCxDQUFDLEVBQ0QsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FBQztJQUVGLE1BQU0sTUFBTSxHQUFHLENBQ1gsaUNBQUssU0FBUyxFQUFDLHNEQUFzRCxhQUNqRSx1QkFBQyxzQkFBUyxJQUNOLEtBQUssRUFBQyxZQUFZLEVBQ2xCLFdBQVcsRUFBQyx3QkFBbUIsRUFDL0IsUUFBUSxFQUFFLFdBQVcsRUFDckIsS0FBSyxFQUFFLFdBQVcsQ0FBQyxNQUFNLEdBQzNCLEVBQ0YsdUJBQUMsc0JBQVMsSUFDTixLQUFLLEVBQUMsYUFBYSxFQUNuQixXQUFXLEVBQUMseUJBQW9CLEVBQ2hDLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLEtBQUssRUFBRSxXQUFXLENBQUMsT0FBTyxHQUM1QixFQUNGLHVCQUFDLG1CQUFRLElBQ0wsS0FBSyxFQUFDLGlEQUF3QixFQUM5QixRQUFRLEVBQUUsY0FBYyxFQUN4QixLQUFLLEVBQUUsV0FBVyxDQUFDLFNBQVMsS0FBSyxRQUFRLEdBQzNDLElBQ0EsQ0FDVCxDQUFDO0lBRUYsSUFBSSxXQUFXLENBQUMsWUFBWSxFQUFFO1FBQzFCLE9BQU8sQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUM1QixpQ0FBTSxTQUFTLEVBQUMsK0JBQStCLFlBQzNDLHVCQUFDLGVBQU0sSUFDSCxPQUFPLEVBQUUsR0FBRyxFQUFFOztvQkFDVixNQUFNLFNBQVMsR0FBRyxXQUFXLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztvQkFDbkQsSUFBSSxTQUFTLEVBQUU7d0JBQ1gsV0FBVyxDQUFDLFlBQVksQ0FDcEIsU0FBUyxDQUFDLEdBQUcsRUFDYixNQUFBLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLDBDQUFFLElBQWMsRUFDckMsU0FBUyxDQUFDLE1BQU0sQ0FDbkIsQ0FBQztxQkFDTDtnQkFDTCxDQUFDLDhCQUdJLEdBQ04sQ0FDVixDQUFDLENBQUMsQ0FBQyxDQUNBLE1BQU0sQ0FDVCxDQUFDO0tBQ0w7SUFFRCxJQUFJLE1BQU0sSUFBSSxJQUFJLEtBQUssUUFBUSxFQUFFO1FBQzdCLE9BQU8sTUFBTSxDQUFDO0tBQ2pCO0lBRUQsT0FBTyxJQUFJLENBQUM7QUFDaEIsQ0FBQyxDQUFDO0FBN0VXLFFBQUEsWUFBWSxnQkE2RXZCIn0=

package/ui/heading-elements.js

@@ -3,27 +3,27 @@ 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 H1Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h1", { ...props.attributes, className: props.className + " element-h1", children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("h1", { ...props.attributes, className: props.className + " element-h1 uxf-typo-h1", children: props.children }));
 };
 exports.H1Element = H1Element;
 const H2Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h2", { ...props.attributes, className: props.className + " element-h2", children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("h2", { ...props.attributes, className: props.className + " element-h2 uxf-typo-h2", children: props.children }));
 };
 exports.H2Element = H2Element;
 const H3Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h3", { ...props.attributes, className: props.className + " element-h3", children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("h3", { ...props.attributes, className: props.className + " element-h3 uxf-typo-h3", children: props.children }));
 };
 exports.H3Element = H3Element;
 const H4Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h4", { ...props.attributes, className: props.className + " element-h4", children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("h4", { ...props.attributes, className: props.className + " element-h4 uxf-typo-h4", children: props.children }));
 };
 exports.H4Element = H4Element;
 const H5Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h5", { ...props.attributes, className: props.className + " element-h5", children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("h5", { ...props.attributes, className: props.className + " element-h5 uxf-typo-h5", children: props.children }));
 };
 exports.H5Element = H5Element;
 const H6Element = (props) => {
-    return ((0, jsx_runtime_1.jsx)("h6", { ...props.attributes, className: props.className + " element-h6", children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("h6", { ...props.attributes, className: props.className + " element-h6 uxf-typo-h6", children: props.children }));
 };
 exports.H6Element = H6Element;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGluZy1lbGVtZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9oZWFkaW5nLWVsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcsYUFBYSxZQUMvRCxLQUFLLENBQUMsUUFBUSxHQUNkLENBQ1IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsU0FBUyxhQU1wQjtBQUVLLE1BQU0sU0FBUyxHQUF1QixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ25ELE9BQU8sQ0FDSCxrQ0FBUSxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxHQUFHLGFBQWEsWUFDL0QsS0FBSyxDQUFDLFFBQVEsR0FDZCxDQUNSLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLFNBQVMsYUFNcEI7QUFFSyxNQUFNLFNBQVMsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNuRCxPQUFPLENBQ0gsa0NBQVEsS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsR0FBRyxhQUFhLFlBQy9ELEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcsYUFBYSxZQUMvRCxLQUFLLENBQUMsUUFBUSxHQUNkLENBQ1IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsU0FBUyxhQU1wQjtBQUVLLE1BQU0sU0FBUyxHQUF1QixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ25ELE9BQU8sQ0FDSCxrQ0FBUSxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxHQUFHLGFBQWEsWUFDL0QsS0FBSyxDQUFDLFFBQVEsR0FDZCxDQUNSLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLFNBQVMsYUFNcEI7QUFFSyxNQUFNLFNBQVMsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNuRCxPQUFPLENBQ0gsa0NBQVEsS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsR0FBRyxhQUFhLFlBQy9ELEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGluZy1lbGVtZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9oZWFkaW5nLWVsZW1lbnRzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCO0FBRUssTUFBTSxTQUFTLEdBQXVCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDbkQsT0FBTyxDQUNILGtDQUFRLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcseUJBQXlCLFlBQzNFLEtBQUssQ0FBQyxRQUFRLEdBQ2QsQ0FDUixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxTQUFTLGFBTXBCIn0=

package/ui/image/image-element.js

@@ -2,25 +2,31 @@
 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 hooks_1 = require("../../hooks");
 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 image_upload_dialog_1 = require("./image-upload-dialog");
+const insert_image_modal_content_1 = require("./insert-image-modal-content");
 const ImageElement = (props) => {
-    const selected = (0, hooks_1.useSelected)();
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    const selected = (0, is_image_active_1.isImageActive)(props.editor);
+    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) }),
+            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)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => {
-                            setIsOpen(true);
-                        }, children: "Edit" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
-                            (0, remove_selected_image_1.removeSelectedImage)(props.editor);
-                        }, children: "Delete" }), (0, jsx_runtime_1.jsx)(image_upload_dialog_1.ImageUploadDialog, { editorId: props.editor.id, isOpen: isOpen, onClose: () => setIsOpen(false), imageToEdit: (0, get_active_image_1.getActiveImage)(props.editor) })] }));
+            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, style: { resize: "both", overflow: "auto" }, children: [(0, jsx_runtime_1.jsx)("img", { className: props.className, src: props.element.url, alt: props.element.alt, style: { maxWidth: "80%", border: selected ? "3px solid blue" : "none" } }), renderIfSelected(), props.children] }));
+    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] }));
 };
 exports.ImageElement = ImageElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9pbWFnZS9pbWFnZS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsaUNBQWlDO0FBQ2pDLHVDQUEwQztBQUMxQyxzRkFBaUY7QUFDakYsZ0dBQTJGO0FBRTNGLCtEQUEwRDtBQUVuRCxNQUFNLFlBQVksR0FBd0MsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUN2RSxNQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEdBQUUsQ0FBQztJQUMvQixNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsQ0FBQztJQUU1QyxNQUFNLGdCQUFnQixHQUFHLEdBQUcsRUFBRTtRQUMxQixJQUFJLFFBQVEsRUFBRTtZQUNWLE9BQU8sQ0FDSCw2REFDSSxtQ0FDSSxPQUFPLEVBQUUsR0FBRyxFQUFFOzRCQUNWLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQzt3QkFDcEIsQ0FBQyxxQkFHSSxFQUNULG1DQUNJLE9BQU8sRUFBRSxHQUFHLEVBQUU7NEJBQ1YsSUFBQSwyQ0FBbUIsRUFBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7d0JBQ3RDLENBQUMsdUJBR0ksRUFDVCx1QkFBQyx1Q0FBaUIsSUFDZCxRQUFRLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQ3pCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFDL0IsV0FBVyxFQUFFLElBQUEsaUNBQWMsRUFBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQzNDLElBQ0gsQ0FDTixDQUFDO1NBQ0w7UUFFRCxPQUFPLGtEQUFLLENBQUM7SUFDakIsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNILG9DQUFTLEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLGFBQ2xFLGdDQUNJLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxFQUMxQixHQUFHLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQ3RCLEdBQUcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFDdEIsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLEdBQzFFLEVBQ0QsZ0JBQWdCLEVBQUUsRUFFbEIsS0FBSyxDQUFDLFFBQVEsSUFDYixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFoRFcsUUFBQSxZQUFZLGdCQWdEdkIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9pbWFnZS9pbWFnZS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsMkNBQXdDO0FBQ3hDLCtEQUF3RDtBQUN4RCxpQ0FBb0M7QUFDcEMsc0ZBQWlGO0FBQ2pGLG9GQUErRTtBQUMvRSxnR0FBMkY7QUFFM0YsNkVBQXVFO0FBRWhFLE1BQU0sWUFBWSxHQUF3QyxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ3ZFLE1BQU0sUUFBUSxHQUFHLElBQUEsK0JBQWEsRUFBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDN0MsTUFBTSxNQUFNLEdBQUcsSUFBQSxtQkFBVyxFQUFDLEdBQUcsRUFBRTtRQUM1QixJQUFBLHlCQUFTLEVBQUM7WUFDTixRQUFRLEVBQUUsdUJBQUMsb0RBQXVCLElBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsV0FBVyxFQUFFLElBQUEsaUNBQWMsRUFBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUk7WUFDdEcsS0FBSyxFQUFFLElBQUk7U0FDZCxDQUFDLENBQUM7SUFDUCxDQUFDLEVBQUUsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQztJQUNuQixNQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEVBQUMsR0FBRyxFQUFFO1FBQzlCLElBQUEsMkNBQW1CLEVBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDO0lBRW5CLE1BQU0sZ0JBQWdCLEdBQUcsR0FBRyxFQUFFO1FBQzFCLElBQUksUUFBUSxFQUFFO1lBQ1YsT0FBTyxDQUNILGlDQUFLLFNBQVMsRUFBQyxtQ0FBbUMsRUFBQyxlQUFlLEVBQUUsS0FBSyxhQUNyRSx1QkFBQyxlQUFNLElBQUMsT0FBTyxFQUFFLE1BQU0sd0JBQWtCLEVBQ3pDLHVCQUFDLGVBQU0sSUFBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBQyxPQUFPLHVCQUUvQixJQUNQLENBQ1QsQ0FBQztTQUNMO1FBRUQsT0FBTyxrREFBSyxDQUFDO0lBQ2pCLENBQUMsQ0FBQztJQUNGLE9BQU8sQ0FDSCxvQ0FBUyxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBQyxXQUFXLGFBQzVDLGlDQUFLLFNBQVMsRUFBQyxVQUFVLEVBQUMsZUFBZSxFQUFFLEtBQUssYUFDM0MsZ0JBQWdCLEVBQUUsRUFDbkIsZ0NBQ0ksU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLEdBQUcsR0FBRyxHQUFHLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLEVBQ3pGLEdBQUcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFDdEIsR0FBRyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsR0FBRyxHQUN4QixJQUNBLEVBRUwsS0FBSyxDQUFDLFFBQVEsSUFDYixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUF4Q1csUUFBQSxZQUFZLGdCQXdDdkIifQ==

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

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { UxfEditor, UxfImageElement } from "../../types";
+interface InsertImageModalContentProps {
+    editor: UxfEditor;
+    imageToEdit?: UxfImageElement;
+}
+export declare const InsertImageModalContent: FC<InsertImageModalContentProps>;
+export {};

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

@@ -0,0 +1,50 @@
+"use strict";
+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 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 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 [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 fileUploadHandler = (0, react_1.useCallback)((file) => {
+        return imageHandlers.uploadImage(file).then((fileResponse) => {
+            setSelectedFile(fileResponse);
+            return fileResponse;
+        });
+    }, [imageHandlers]);
+    const reset = (0, react_1.useCallback)(() => {
+        setSelectedFile(undefined);
+        setAlt("");
+        setCaption("");
+        setSource("");
+    }, []);
+    const onCloseHandler = (0, react_1.useCallback)(() => {
+        reset();
+        (0, modal_service_1.closeModal)();
+    }, [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));
+            reset();
+            (0, modal_service_1.closeModal)();
+        }
+        else if (selectedFile && imageToEdit) {
+            (0, update_image_1.updateImage)(editor, selectedFile, alt !== "" ? alt : undefined, caption !== "" ? caption : undefined, source !== "" ? source : undefined, imageHandlers.getImageUrl(selectedFile));
+            reset();
+            (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" })] })] }));
+};
+exports.InsertImageModalContent = InsertImageModalContent;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5zZXJ0LWltYWdlLW1vZGFsLWNvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvaW1hZ2UvaW5zZXJ0LWltYWdlLW1vZGFsLWNvbnRlbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSwyQ0FBd0M7QUFDeEMsbURBQStDO0FBQy9DLCtEQUF5RDtBQUN6RCxtREFBK0M7QUFDL0MsaUNBQWtEO0FBQ2xELHFGQUFnRjtBQUNoRiw4RUFBMEU7QUFDMUUsOEVBQTBFO0FBU25FLE1BQU0sdUJBQXVCLEdBQXFDLENBQUMsRUFBRSxNQUFNLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRTtJQUNqRyxNQUFNLGFBQWEsR0FBRyxJQUFBLHFDQUFnQixFQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUEyQixDQUFBLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxJQUFJLEtBQUksU0FBUyxDQUFDLENBQUM7SUFDM0csTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQVMsQ0FBQSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsR0FBRyxLQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQy9ELE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFTLENBQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLE9BQU8sS0FBSSxFQUFFLENBQUMsQ0FBQztJQUMzRSxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBUyxDQUFBLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxNQUFNLEtBQUksRUFBRSxDQUFDLENBQUM7SUFFeEUsTUFBTSxpQkFBaUIsR0FBRyxJQUFBLG1CQUFXLEVBQ2pDLENBQUMs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

package/ui/link-element.js

@@ -2,8 +2,9 @@
 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 LinkElement = (props) => {
-    return ((0, jsx_runtime_1.jsx)("a", { ...props.attributes, className: props.className, ...props.nodeProps, children: props.children }));
+    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, {}) })] }));
 };
 exports.LinkElement = LinkElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3VpL2xpbmstZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUdPLE1BQU0sV0FBVyxHQUFxQyxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ25FLE9BQU8sQ0FDSCxpQ0FBTyxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxLQUFNLEtBQUssQ0FBQyxTQUFTLFlBQ25FLEtBQUssQ0FBQyxRQUFRLEdBQ2YsQ0FDUCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxXQUFXLGVBTXRCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1lbGVtZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3VpL2xpbmstZWxlbWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUVBLG1EQUErQztBQUV4QyxNQUFNLFdBQVcsR0FBcUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUNuRSxPQUFPLENBQ0gsa0NBQU0sU0FBUyxFQUFDLFVBQVUsYUFDdEIsaUNBQ1EsS0FBSyxDQUFDLFVBQVUsRUFDcEIsU0FBUyxFQUFFLEdBQUcsS0FBSyxDQUFDLFNBQVMsK0RBQStELEtBQ3hGLEtBQUssQ0FBQyxTQUFTLFlBRWxCLEtBQUssQ0FBQyxRQUFRLEdBQ2YsRUFDSixpQ0FBTSxTQUFTLEVBQUMscUNBQXFDLEVBQUMsZUFBZSxFQUFFLEtBQUssWUFDeEUsdUJBQUMsNEJBQVksS0FBRyxHQUNiLElBQ0osQ0FDVixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZlcsUUFBQSxXQUFXLGVBZXRCIn0=

package/ui/list-ordered-element.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListOrderedElement = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ListOrderedElement = (props) => {
-    return ((0, jsx_runtime_1.jsx)("ol", { ...props.attributes, className: props.className, children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("ol", { ...props.attributes, className: props.className + " list-decimal pl-4", children: props.children }));
 };
 exports.ListOrderedElement = ListOrderedElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vcmRlcmVkLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvbGlzdC1vcmRlcmVkLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGtCQUFrQixHQUF1QixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQzVELE9BQU8sQ0FDSCxrQ0FBUSxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxZQUMvQyxLQUFLLENBQUMsUUFBUSxHQUNkLENBQ1IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsa0JBQWtCLHNCQU03QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vcmRlcmVkLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvbGlzdC1vcmRlcmVkLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGtCQUFrQixHQUF1QixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQzVELE9BQU8sQ0FDSCxrQ0FBUSxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxHQUFHLG9CQUFvQixZQUN0RSxLQUFLLENBQUMsUUFBUSxHQUNkLENBQ1IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsa0JBQWtCLHNCQU03QiJ9

package/ui/list-unordered-element.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListUnorderedElement = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const ListUnorderedElement = (props) => {
-    return ((0, jsx_runtime_1.jsx)("ul", { ...props.attributes, className: props.className, children: props.children }));
+    return ((0, jsx_runtime_1.jsx)("ul", { ...props.attributes, className: props.className + " list-disc pl-4", children: props.children }));
 };
 exports.ListUnorderedElement = ListUnorderedElement;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC11bm9yZGVyZWQtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9saXN0LXVub3JkZXJlZC1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxvQkFBb0IsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUM5RCxPQUFPLENBQ0gsa0NBQVEsS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsWUFDL0MsS0FBSyxDQUFDLFFBQVEsR0FDZCxDQUNSLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLG9CQUFvQix3QkFNL0IifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC11bm9yZGVyZWQtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9saXN0LXVub3JkZXJlZC1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxvQkFBb0IsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUM5RCxPQUFPLENBQ0gsa0NBQVEsS0FBSyxDQUFDLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDLFNBQVMsR0FBRyxpQkFBaUIsWUFDbkUsS0FBSyxDQUFDLFFBQVEsR0FDZCxDQUNSLENBQUM7QUFDTixDQUFDLENBQUM7QUFOVyxRQUFBLG9CQUFvQix3QkFNL0IifQ==

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

@@ -3,8 +3,7 @@ import { ToolbarIcon } from "../toolbar";
 interface ElementToolbarButtonProps {
     id?: any;
     pluginKey: string;
-    buttonText?: string;
-    icon?: ToolbarIcon;
+    Icon: ToolbarIcon;
 }
 export declare const ElementToolbarButton: FC<ElementToolbarButtonProps>;
 export {};