@uxf/wysiwyg 1.2.2 → 2.0.0-beta.2

package/types.d.ts

@@ -1,147 +1,76 @@
-import { CSSProperties, FC } from "react";
-import { BaseEditor, Editor, Range } from "slate";
-import { HistoryEditor } from "slate-history";
-import { ReactEditor, RenderElementProps as SlateRenderElementProps, RenderLeafProps as SlateRenderLeafProps } from "slate-react";
-export interface WysiwygEditorProps {
-    value?: EditorBlockElement[];
-    onChange: (event: any) => void;
-    placeholder?: string;
-    plugins: EditorPlugin[];
-    Toolbar: ToolbarComponent;
-    classNameForEditable?: string;
-    stylesForEditable?: CSSProperties;
-}
-export declare type ImageUrlClient = (uuid: string, extension: string, namespace?: string) => string;
-export declare type ImageUploadHandler = (file: File, namespace: string) => Promise<{
-    id: number;
-    uuid: string;
-    type: string;
-    extension: string;
-    name: string;
-    namespace?: string | null;
-    url?: string;
-}>;
-export declare type FontStyle = "italic" | "bold" | "underline" | "code";
-export declare type LeafMarks = FontStyle;
-export declare type Headings = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph";
-export declare type Lists = "bulleted-list" | "list-item" | "numbered-list";
-export declare type SupportedBlockElementTypes<SUPPORTED_TYPES = string> = Headings | Lists | "block-quote" | "link" | "image" | "video" | "button" | SUPPORTED_TYPES;
-export declare type EditorBlockElementChildren = Array<SupportedBlockElements | EditorLeafElement>;
-export interface EditorBlockElement<SUPPORTED_ELEMENTS = SupportedBlockElementTypes> {
-    type: SUPPORTED_ELEMENTS;
-    children: EditorBlockElementChildren;
-    [key: string]: any;
-}
-declare type PickedLinkProps = Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target" | "rel" | "download" | "hrefLang" | "media" | "referrerPolicy">;
-interface OwnLinkProps extends EditorBlockElement {
-    type: "link";
-    url: string;
-}
-export declare type EditorLinkElement = PickedLinkProps & OwnLinkProps;
-export interface EditorImageElement extends EditorBlockElement {
-    type: "image";
-    uuid?: string;
-    extension?: string;
-    name?: string;
-    namespace?: string;
+import { OverrideByKey, PlateEditor, PlateId, PlatePlugin, PlatePluginComponent, PlateRenderElementProps, PlateRenderLeafProps, PluginOptions, RenderAfterEditable as PlateRenderAfterEditable, TElement, TText } from "@udecode/plate-core";
+import { FC } from "react";
+import { BLOCK_QUOTE_PLUGIN_TYPE } from "./plugins/block-quote/types";
+import { ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6 } from "./plugins/heading/constants";
+import { FileResponse, IMAGE_PLUGIN_TYPE } from "./plugins/image/types";
+import { LINK_PLUGIN_TYPE } from "./plugins/link/constants";
+import { ELEMENT_LI, ELEMENT_LIC, LIST_ORDERED_TYPE, LIST_UNORDERED_TYPE } from "./plugins/list/constants";
+import { PARAGRAPH_PLUGIN_TYPE } from "./plugins/paragraph/types";
+export type RenderElementProps<E extends TElement = UxfBlockElement> = PlateRenderElementProps<WysiwygContent, E>;
+export type ElementUiComponent<E extends TElement = UxfBlockElement> = FC<RenderElementProps<E>>;
+export type RenderLeafProps<L extends TText = RichText> = PlateRenderLeafProps<WysiwygContent, L>;
+export type LeafUiComponent<L extends TText = RichText> = FC<RenderLeafProps<L>>;
+export type RenderAfterEditable = PlateRenderAfterEditable<WysiwygContent>;
+export type UxfPlatePlugin<P = PluginOptions> = PlatePlugin<P, WysiwygContent, UxfEditor>;
+export type UxfEditor = PlateEditor<WysiwygContent> & {
+    isDragging?: boolean;
+};
+export type UiComponents = Record<string, PlatePluginComponent>;
+export interface UxfBlockElement extends TElement {
+    id?: PlateId;
+}
+export type MyOverrideByKey = OverrideByKey<WysiwygContent, UxfEditor>;
+export interface RichText extends TText {
+    id?: PlateId;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    code?: boolean;
+}
+export type UxfInlineDescendant = RichText;
+export type UxfInlineChildren = UxfInlineDescendant[];
+export interface UxfParagraphElement extends UxfBlockElement {
+    type: typeof PARAGRAPH_PLUGIN_TYPE;
+    children: UxfInlineChildren;
+}
+export interface UxfBlockQuoteElement extends UxfBlockElement {
+    type: typeof BLOCK_QUOTE_PLUGIN_TYPE;
+    children: UxfInlineChildren;
+}
+export interface UxfImageElement extends UxfBlockElement {
+    type: typeof IMAGE_PLUGIN_TYPE;
+    children: [EmptyText];
+    file: FileResponse;
     source?: string;
     caption?: string;
     alt?: string;
     url?: string;
 }
-export interface EditorVideoElement extends EditorBlockElement {
-    type: "video";
-    url: string;
-}
-export interface EditorButtonElement extends EditorBlockElement {
-    type: "button";
-    buttonUrl: string;
-    buttonText: string;
-}
-export declare type SupportedBlockElements<AdditionalElements = EditorBlockElement> = EditorBlockElement | EditorImageElement | EditorLinkElement | EditorVideoElement | EditorButtonElement | AdditionalElements;
-/**
- * Marks are either present and true or undefined
- */
-export interface EditorLeafElement {
-    text: string;
-    bold?: true;
-    italic?: true;
-    underline?: true;
-    code?: true;
-    [key: string]: unknown;
+export interface UxfHeadingElement extends UxfBlockElement {
+    type: typeof ELEMENT_H1 | typeof ELEMENT_H2 | typeof ELEMENT_H3 | typeof ELEMENT_H4 | typeof ELEMENT_H5 | typeof ELEMENT_H6;
 }
-export declare type WysiwygContent = Array<SupportedBlockElements>;
-export interface UXFEditor extends BaseEditor, ReactEditor, HistoryEditor {
-    removeEmptyAncestor: (editor: UXFEditor, range?: Range | null) => void;
-    isMarkActive: (editor: UXFEditor, mark: LeafMarks) => boolean;
-    toggleMark: (editor: UXFEditor, format: LeafMarks) => void;
-    isElementActive: (editor: UXFEditor, format: SupportedBlockElementTypes) => boolean;
-    toggleElement: (editor: UXFEditor, format: SupportedBlockElementTypes) => void;
-    isLinkActive: (editor: UXFEditor) => boolean;
-    getActiveLink: (editor: UXFEditor) => EditorLinkElement | null;
-    unwrapLink: (editor: UXFEditor) => void;
-    wrapLink: (editor: Editor, url: string, text?: string, target?: "_blank" | "_self") => void;
-    insertLink: (editor: UXFEditor, url: string, text?: string, target?: "_blank" | "_self") => void;
-    removeLink: (editor: UXFEditor) => void;
-    createEmptyParagraph: () => SupportedBlockElements<EditorBlockElement<string>>;
-    insertButton: (editor: UXFEditor, buttonText: string, buttonUrl: string, range?: Range | null) => void;
-    insertImage: (editor: UXFEditor, image: EditorImageElement, range?: Range | null) => void;
-    isImageActive: (editor: UXFEditor) => boolean;
-    isButtonActive: (editor: UXFEditor) => boolean;
-    getActiveImage: (editor: UXFEditor) => EditorImageElement | null;
-    getActiveButton: (editor: UXFEditor) => EditorButtonElement | null;
-    isVideoActive: (editor: UXFEditor) => boolean;
-    getActiveVideo: (editor: UXFEditor) => EditorVideoElement | null;
-    insertVideo: (editor: UXFEditor, url: string, range?: Range | null) => void;
-    isValidUrl: (url?: string) => boolean;
-}
-declare module "slate" {
-    interface CustomTypes {
-        Editor: UXFEditor;
-        Element: SupportedBlockElements;
-        Text: EditorLeafElement;
-    }
-}
-export interface EditorElementPlugin {
-    toolbarButton?: FC<ToolbarButtonProps>;
-    editorElementRenderer: FC<EditorElementRendererProps>;
-    type: string;
-}
-export declare type EditorElementPlugins = EditorElementPlugin | EditorImageElementPlugin;
-export interface EditorLeafPlugin {
-    toolbarButton: FC<ToolbarButtonProps>;
-    editorLeafRenderer: FC<EditorLeafRendererProps>;
-    type: string;
-}
-export interface ToolbarButtonDivider {
-    buttonDivider: FC;
-}
-export declare type EditorPlugin = EditorElementPlugin | EditorLeafPlugin | ToolbarButtonDivider | EditorImageElementPlugin;
-export interface ToolbarButtonProps {
-    editor: UXFEditor;
-}
-export declare type EditorElementRendererProps = SlateRenderElementProps;
-export interface EditorLeafRendererProps extends SlateRenderLeafProps {
-    leaf: EditorLeafElement;
+export interface UxfLinkElement extends UxfBlockElement {
+    type: typeof LINK_PLUGIN_TYPE;
+    url: string;
+    target: "_blank" | "_self";
 }
-export interface EditorImageElementPlugin {
-    toolbarButton: FC<ToolbarImageButtonProps>;
-    editorElementRenderer: FC<EditorImageElementRendererProps>;
-    type: string;
-    imageUploadHandler: ImageUploadHandler;
-    imageUrlClient: ImageUrlClient;
-    imageNamespace: string;
+export interface LicElement extends UxfBlockElement {
+    type: typeof ELEMENT_LIC;
 }
-export interface ToolbarImageButtonProps extends ToolbarButtonProps {
-    imageUploadHandler: ImageUploadHandler;
-    imageNamespace: string;
+export interface LiElement extends UxfBlockElement {
+    type: typeof ELEMENT_LI;
+    children: LicElement[];
 }
-export interface EditorImageElementRendererProps extends EditorElementRendererProps {
-    imageUrlClient: ImageUrlClient;
-    imageNamespace: string;
+export interface UxfUnorderedListElement extends UxfBlockElement {
+    type: typeof LIST_UNORDERED_TYPE;
+    children: LiElement[];
 }
-export interface ToolbarProps {
-    plugins: EditorPlugin[];
+export interface UxfOrderedListElement extends UxfBlockElement {
+    type: typeof LIST_ORDERED_TYPE;
+    children: LiElement[];
 }
-export declare type ToolbarComponent = FC<ToolbarProps>;
-export {};
+export type EmptyText = {
+    text: "";
+};
+export type WysiwygRootBlock = UxfParagraphElement | UxfBlockQuoteElement | UxfImageElement | UxfHeadingElement | UxfLinkElement | UxfUnorderedListElement | UxfOrderedListElement;
+export type WysiwygContent = WysiwygRootBlock[];

package/ui/block-quote-element.d.ts

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

package/ui/block-quote-element.js

@@ -0,0 +1,9 @@
+"use strict";
+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 }));
+};
+exports.BlockQuoteElement = BlockQuoteElement;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stcXVvdGUtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9ibG9jay1xdW90ZS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBRU8sTUFBTSxpQkFBaUIsR0FBdUIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUMzRCxPQUFPLENBQ0gsMENBQWdCLEtBQUssQ0FBQyxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQyxTQUFTLFlBQ3ZELEtBQUssQ0FBQyxRQUFRLEdBQ04sQ0FDaEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsaUJBQWlCLHFCQU01QiJ9

package/ui/bold-mark.d.ts

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

package/ui/bold-mark.js

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

package/ui/code-mark.d.ts

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

package/ui/code-mark.js

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

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

@@ -0,0 +1,19 @@
+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>;
+    a: import("..").ElementUiComponent<import("@udecode/plate-link").TLinkElement>;
+    img: import("..").ElementUiComponent<import("..").UxfImageElement>;
+};

package/ui/create-uxf-ui.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createUxfUi = void 0;
+const types_1 = require("../plugins/block-quote/types");
+const constants_1 = require("../plugins/heading/constants");
+const types_2 = require("../plugins/image/types");
+const constants_2 = require("../plugins/link/constants");
+const constants_3 = require("../plugins/list/constants");
+const types_3 = require("../plugins/mark-bold/types");
+const types_4 = require("../plugins/mark-code/types");
+const types_5 = require("../plugins/mark-italic/types");
+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 code_mark_1 = require("./code-mark");
+const heading_elements_1 = require("./heading-elements");
+const image_element_1 = require("./image/image-element");
+const italic_mark_1 = require("./italic-mark");
+const link_element_1 = require("./link-element");
+const list_item_element_1 = require("./list-item-element");
+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 createUxfUi = () => ({
+    [types_7.PARAGRAPH_PLUGIN_KEY]: paragraph_element_1.ParagraphElement,
+    [types_1.BLOCK_QUOTE_PLUGIN_KEY]: block_quote_element_1.BlockQuoteElement,
+    [constants_1.ELEMENT_H1]: heading_elements_1.H1Element,
+    [constants_1.ELEMENT_H2]: heading_elements_1.H2Element,
+    [constants_1.ELEMENT_H3]: heading_elements_1.H3Element,
+    [constants_1.ELEMENT_H4]: heading_elements_1.H4Element,
+    [constants_1.ELEMENT_H5]: heading_elements_1.H5Element,
+    [constants_1.ELEMENT_H6]: heading_elements_1.H6Element,
+    [types_3.BOLD_PLUGIN_KEY]: bold_mark_1.BoldMark,
+    [types_5.ITALIC_PLUGIN_KEY]: italic_mark_1.ItalicMark,
+    [types_6.UNDER_LINE_PLUGIN_KEY]: underline_mark_1.UnderlineMark,
+    [types_4.CODE_PLUGIN_KEY]: code_mark_1.CodeMark,
+    [constants_3.ELEMENT_LI]: list_item_element_1.ListItemElement,
+    [constants_3.ELEMENT_UL]: list_unordered_element_1.ListUnorderedElement,
+    [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,
+});
+exports.createUxfUi = createUxfUi;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3JlYXRlLXV4Zi11aS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9jcmVhdGUtdXhmLXVpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHdEQUFzRTtBQUN0RSw0REFBc0g7QUFDdEgsa0RBQTBEO0FBQzFELHlEQUF5RDtBQUN6RCx5REFBK0U7QUFDL0Usc0RBQTZEO0FBQzdELHNEQUE2RDtBQUM3RCx3REFBaUU7QUFDakUsMkRBQXdFO0FBQ3hFLHNEQUFrRTtBQUNsRSwrREFBMEQ7QUFDMUQsMkNBQXVDO0FBQ3ZDLDJDQUF1QztBQUN2Qyx5REFBc0c7QUFDdEcseURBQXFEO0FBQ3JELCtDQUEyQztBQUMzQyxpREFBNkM7QUFDN0MsMkRBQXNEO0FBQ3RELGlFQUE0RDtBQUM1RCxxRUFBZ0U7QUFDaEUsMkRBQXVEO0FBQ3ZELHFEQUFpRDtBQUUxQyxNQUFNLFdBQVcsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzlCLENBQUMsNEJBQW9CLENBQUMsRUFBRSxvQ0FBZ0I7SUFDeEMsQ0FBQyw4QkFBc0IsQ0FBQyxFQUFFLHVDQUFpQjtJQUMzQyxDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHNCQUFVLENBQUMsRUFBRSw0QkFBUztJQUN2QixDQUFDLHVCQUFlLENBQUMsRUFBRSxvQkFBUTtJQUMzQixDQUFDLHlCQUFpQixDQUFDLEVBQUUsd0JBQVU7SUFDL0IsQ0FBQyw2QkFBcUIsQ0FBQyxFQUFFLDhCQUFhO0lBQ3RDLENBQUMsdUJBQWUsQ0FBQyxFQUFFLG9CQUFRO0lBQzNCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLG1DQUFlO0lBQzdCLENBQUMsc0JBQVUsQ0FBQyxFQUFFLDZDQUFvQjtJQUNsQyxDQUFDLHNCQUFVLENBQUMsRUFBRSx5Q0FBa0I7SUFDaEMsQ0FBQyx3QkFBWSxDQUFDLEVBQUUsMEJBQVc7SUFDM0IsQ0FBQyx3QkFBZ0IsQ0FBQyxFQUFFLDRCQUFZO0NBQ25DLENBQUMsQ0FBQztBQWxCVSxRQUFBLFdBQVcsZUFrQnJCIn0=

package/ui/floating-link.d.ts

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

package/ui/floating-link.js

@@ -0,0 +1,41 @@
+"use strict";
+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 react_1 = require("react");
+const hooks_1 = require("../plugins/link/hooks");
+const FloatingLink = (props) => {
+    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);
+    }, [linkActions]);
+    const onChangeText = (0, react_1.useCallback)((e) => {
+        linkActions.setText(e.target.value);
+    }, [linkActions]);
+    const onChangeTarget = (0, react_1.useCallback)((e) => {
+        linkActions.setTarget(e.target.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 })] })] }));
+    if (linkActions.isLinkActive) {
+        return !linkActions.isEditing ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("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);
+    }
+    if (isOpen && mode === "insert") {
+        return inputs;
+    }
+    return null;
+};
+exports.FloatingLink = FloatingLink;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmctbGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91aS9mbG9hdGluZy1saW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsb0RBQStEO0FBQy9ELGlDQUF3RDtBQUN4RCxpREFBdUQ7QUFHaEQsTUFBTSxZQUFZLEdBQXdCLENBQUMsS0FBSyxFQUFFLEVBQUU7SUFDdkQsTUFBTSxXQUFXLEdBQUcsSUFBQSxzQkFBYyxHQUFFLENBQUM7SUFDckMsTUFBTSxxQkFBcUIsR0FBRyxJQUFBLHFDQUF3QixHQUFFLENBQUM7SUFDekQsTUFBTSxNQUFNLEdBQUcscUJBQXFCLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDbkUsTUFBTSxJQUFJLEdBQUcscUJBQXFCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFFMUMsTUFBTSxXQUFXLEdBQXlDLElBQUEsbUJBQVcsRUFDakUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtRQUNGLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDLEVBQ0QsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUF5QyxJQUFBLG1CQUFXLEVBQ2xFLENBQUMsQ0FBQyxFQUFFLEVBQUU7UUFDRixXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEMsQ0FBQyxFQUNELENBQUMsV0FBVyxDQUFDLENBQ2hCLENBQUM7SUFFRixNQUFNLGNBQWMsR0FBeUMsSUFBQSxtQkFBVyxFQUNwRSxDQUFDLENBQUMsRUFBRSxFQUFFO1FBQ0YsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNqRSxDQUFDLEVBQ0QsQ0FBQyxXQUFXLENBQUMsQ0FDaEIsQ0FBQztJQUVGLElBQUksS0FBSyxDQUFDLFFBQVEsRUFBRTtRQUNoQixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsTUFBTSxNQUFNLEdBQUcsQ0FDWCw0Q0FDSSwwQ0FDSSxrQ0FBTyxXQUFXLEVBQUMsV0FBVyxFQUFDLFlBQVksRUFBRSxXQUFXLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxXQUFXLEdBQUksR0FDeEYsRUFDTiwwQ0FDSSxrQ0FBTyxXQUFXLEVBQUMsaUJBQWlCLEVBQUMsWUFBWSxFQUFFLFdBQVcsQ0FBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLFlBQVksR0FBSSxHQUNoRyxFQUNOLHdEQUNhLEdBQUcsRUFDWixrQ0FDSSxJQUFJLEVBQUMsVUFBVSxFQUNmLFdBQVcsRUFBQyxRQUFRLEVBQ3BCLGNBQWMsRUFBRSxXQUFXLENBQUMsU0FBUyxLQUFLLFFBQVEsRUFDbEQsUUFBUSxFQUFFLGNBQWMsR0FDMUIsSUFDQSxJQUlKLENBQ1QsQ0FBQztJQUVGLElBQUksV0FBVyxDQUFDLFlBQVksRUFBRTtRQUMxQixPQUFPLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FDNUIsMENBQ0ksbUNBQ0ksT0FBTyxFQUFFLEdBQUcsRUFBRTs7b0JBQ1YsTUFBTSxTQUFTLEdBQUcsV0FBVyxDQUFDLGtCQUFrQixFQUFFLENBQUM7b0JBQ25ELElBQUksU0FBUyxFQUFFO3dCQUNYLFdBQVcsQ0FBQyxZQUFZLENBQ3BCLFNBQVMsQ0FBQyxHQUFHLEVBQ2IsTUFBQSxTQUFTLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQywwQ0FBRSxJQUFjLEVBQ3JDLFNBQVMsQ0FBQyxNQUFNLENBQ25CLENBQUM7cUJBQ0w7Z0JBQ0wsQ0FBQywwQkFHSSxHQUNQLENBQ1QsQ0FBQyxDQUFDLENBQUMsQ0FDQSxNQUFNLENBQ1QsQ0FBQztLQUNMO0lBRUQsSUFBSSxNQUFNLElBQUksSUFBSSxLQUFLLFFBQVEsRUFBRTtRQUM3QixPQUFPLE1BQU0sQ0FBQztLQUNqQjtJQUVELE9BQU8sSUFBSSxDQUFDO0FBQ2hCLENBQUMsQ0FBQztBQWxGVyxRQUFBLFlBQVksZ0JBa0Z2QiJ9

package/ui/heading-elements.d.ts

@@ -0,0 +1,7 @@
+import { ElementUiComponent } from "../types";
+export declare const H1Element: ElementUiComponent;
+export declare const H2Element: ElementUiComponent;
+export declare const H3Element: ElementUiComponent;
+export declare const H4Element: ElementUiComponent;
+export declare const H5Element: ElementUiComponent;
+export declare const H6Element: ElementUiComponent;

package/ui/heading-elements.js

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

package/ui/image/image-element.d.ts

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

package/ui/image/image-element.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageElement = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../hooks");
+const get_active_image_1 = require("../../plugins/image/transforms/get-active-image");
+const remove_selected_image_1 = require("../../plugins/image/transforms/remove-selected-image");
+const image_upload_dialog_1 = require("./image-upload-dialog");
+const ImageElement = (props) => {
+    const selected = (0, hooks_1.useSelected)();
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    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.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] }));
+};
+exports.ImageElement = ImageElement;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtZWxlbWVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9pbWFnZS9pbWFnZS1lbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsaUNBQWlDO0FBQ2pDLHVDQUEwQztBQUMxQyxzRkFBaUY7QUFDakYsZ0dBQTJGO0FBRTNGLCtEQUEwRDtBQUVuRCxNQUFNLFlBQVksR0FBd0MsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUN2RSxNQUFNLFFBQVEsR0FBRyxJQUFBLG1CQUFXLEdBQUUsQ0FBQztJQUMvQixNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBQyxLQUFLLENBQUMsQ0FBQztJQUU1QyxNQUFNLGdCQUFnQixHQUFHLEdBQUcsRUFBRTtRQUMxQixJQUFJLFFBQVEsRUFBRTtZQUNWLE9BQU8sQ0FDSCw2REFDSSxtQ0FDSSxPQUFPLEVBQUUsR0FBRyxFQUFFOzRCQUNWLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQzt3QkFDcEIsQ0FBQyxxQkFHSSxFQUNULG1DQUNJLE9BQU8sRUFBRSxHQUFHLEVBQUU7NEJBQ1YsSUFBQSwyQ0FBbUIsRUFBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7d0JBQ3RDLENBQUMsdUJBR0ksRUFDVCx1QkFBQyx1Q0FBaUIsSUFDZCxRQUFRLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQ3pCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFDL0IsV0FBVyxFQUFFLElBQUEsaUNBQWMsRUFBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQzNDLElBQ0gsQ0FDTixDQUFDO1NBQ0w7UUFFRCxPQUFPLGtEQUFLLENBQUM7SUFDakIsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNILG9DQUFTLEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLGFBQ2xFLGdDQUNJLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxFQUMxQixHQUFHLEVBQUUsS0FBSyxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQ3RCLEdBQUcsRUFBRSxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsRUFDdEIsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUFFLEdBQzFFLEVBQ0QsZ0JBQWdCLEVBQUUsRUFFbEIsS0FBSyxDQUFDLFFBQVEsSUFDYixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFoRFcsUUFBQSxZQUFZLGdCQWdEdkIifQ==

package/ui/image/image-upload-dialog.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+import { UxfImageElement } from "../../types";
+interface ImageUploadDialogProps {
+    editorId: any;
+    isOpen: boolean;
+    onClose: () => void;
+    imageToEdit?: UxfImageElement;
+}
+export declare const ImageUploadDialog: FC<ImageUploadDialogProps>;
+export {};

package/ui/image/image-upload-dialog.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageUploadDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@headlessui/react");
+const react_2 = require("react");
+const hooks_1 = require("../../hooks");
+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 ImageUploadDialog = ({ editorId, isOpen, onClose, imageToEdit }) => {
+    const editor = (0, hooks_1.useUxfPlateEditorRef)(editorId);
+    const imageHandlers = (0, use_image_handlers_1.useImageHandlers)(editor);
+    const [selectedFile, setSelectedFile] = (0, react_2.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.file) || undefined);
+    const [alt, setAlt] = (0, react_2.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.alt) || undefined);
+    const [caption, setCaption] = (0, react_2.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.caption) || undefined);
+    const [source, setSource] = (0, react_2.useState)((imageToEdit === null || imageToEdit === void 0 ? void 0 : imageToEdit.source) || undefined);
+    const fileUploadHandler = (0, react_2.useCallback)((event) => {
+        if (event.target.files && event.target.files.length > 0) {
+            imageHandlers.uploadImage(event.target.files[0]).then((fileResponse) => setSelectedFile(fileResponse));
+        }
+    }, [imageHandlers]);
+    const altHandler = (0, react_2.useCallback)((event) => {
+        if (event.target.value) {
+            setAlt(event.target.value);
+        }
+    }, []);
+    const captionHandler = (0, react_2.useCallback)((event) => {
+        if (event.target.value) {
+            setCaption(event.target.value);
+        }
+    }, []);
+    const sourceHandler = (0, react_2.useCallback)((event) => {
+        if (event.target.value) {
+            setSource(event.target.value);
+        }
+    }, []);
+    const reset = (0, react_2.useCallback)(() => {
+        setSelectedFile(undefined);
+        setAlt(undefined);
+        setCaption(undefined);
+        setSource(undefined);
+    }, []);
+    const onCloseHandler = (0, react_2.useCallback)(() => {
+        reset();
+        onClose();
+    }, [onClose, reset]);
+    const onAddHandler = (0, react_2.useCallback)(() => {
+        if (selectedFile && !imageToEdit) {
+            (0, insert_image_1.insertImage)(editor, selectedFile, alt, caption, source, imageHandlers.getImageUrl(selectedFile));
+            reset();
+            onClose();
+        }
+        else if (selectedFile && imageToEdit) {
+            (0, update_image_1.updateImage)(editor, selectedFile, alt, caption, source, imageHandlers.getImageUrl(selectedFile));
+            reset();
+            onClose();
+        }
+    }, [alt, caption, editor, imageHandlers, imageToEdit, onClose, reset, selectedFile, source]);
+    return ((0, jsx_runtime_1.jsx)(react_1.Dialog, { open: isOpen, onClose: onCloseHandler, children: (0, jsx_runtime_1.jsxs)(react_1.Dialog.Panel, { style: { backgroundColor: "gray", overflowY: "scroll" }, children: [(0, jsx_runtime_1.jsx)(react_1.Dialog.Title, { children: "Vlo\u017Eit obr\u00E1zek" }), (0, jsx_runtime_1.jsx)("input", { type: "file", onChange: fileUploadHandler }), (0, jsx_runtime_1.jsx)("br", {}), "Alt: ", (0, jsx_runtime_1.jsx)("input", { type: "text", value: alt, onChange: altHandler, required: true }), (0, jsx_runtime_1.jsx)("br", {}), "Popisek: ", (0, jsx_runtime_1.jsx)("input", { type: "text", value: caption, onChange: captionHandler }), (0, jsx_runtime_1.jsx)("br", {}), "Zdroj: ", (0, jsx_runtime_1.jsx)("input", { type: "text", value: source, onChange: sourceHandler }), (0, jsx_runtime_1.jsx)("br", {}), selectedFile && (0, jsx_runtime_1.jsx)("img", { src: imageHandlers.getImageUrl(selectedFile), alt: alt, width: "60%" }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("button", { onClick: onAddHandler, children: "Vlo\u017Eit obr\u00E1zek" }), (0, jsx_runtime_1.jsx)("button", { onClick: onCloseHandler, children: "Zru\u0161it" })] }) }));
+};
+exports.ImageUploadDialog = ImageUploadDialog;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2UtdXBsb2FkLWRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91aS9pbWFnZS9pbWFnZS11cGxvYWQtZGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsNkNBQTJDO0FBQzNDLGlDQUErRDtBQUMvRCx1Q0FBbUQ7QUFDbkQscUZBQWdGO0FBQ2hGLDhFQUEwRTtBQUMxRSw4RUFBMEU7QUFXbkUsTUFBTSxpQkFBaUIsR0FBK0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxFQUFFLEVBQUU7SUFDeEcsTUFBTSxNQUFNLEdBQUcsSUFBQSw0QkFBb0IsRUFBQyxRQUFRLENBQUMsQ0FBQztJQUM5QyxNQUFNLGFBQWEsR0FBRyxJQUFBLHFDQUFnQixFQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9DLE1BQU0sQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUEyQixDQUFBLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxJQUFJLEtBQUksU0FBUyxDQUFDLENBQUM7SUFDM0csTUFBTSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQXFCLENBQUEsV0FBVyxhQUFYLFdBQVcsdUJBQVgsV0FBVyxDQUFFLEdBQUcsS0FBSSxTQUFTLENBQUMsQ0FBQztJQUNsRixNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBcUIsQ0FBQSxXQUFXLGFBQVgsV0FBVyx1QkFBWCxXQUFXLENBQUUsT0FBTyxLQUFJLFNBQVMsQ0FBQyxDQUFDO0lBQzlGLE1BQU0sQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFxQixDQUFBLFdBQVcsYUFBWCxXQUFXLHVCQUFYLFdBQVcsQ0FBRSxNQUFNLEtBQUksU0FBUyxDQUFDLENBQUM7SUFFM0YsTUFB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

package/ui/italic-mark.d.ts

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

package/ui/italic-mark.js

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

package/ui/link-element.d.ts

@@ -0,0 +1,3 @@
+import { TLinkElement } from "@udecode/plate-link";
+import { ElementUiComponent } from "../types";
+export declare const LinkElement: ElementUiComponent<TLinkElement>;

package/ui/link-element.js

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

package/ui/list-item-element.d.ts

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

package/ui/list-item-element.js

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

package/ui/list-ordered-element.d.ts

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

package/ui/list-ordered-element.js

@@ -0,0 +1,9 @@
+"use strict";
+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 }));
+};
+exports.ListOrderedElement = ListOrderedElement;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vcmRlcmVkLWVsZW1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdWkvbGlzdC1vcmRlcmVkLWVsZW1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFFTyxNQUFNLGtCQUFrQixHQUF1QixDQUFDLEtBQUssRUFBRSxFQUFFO0lBQzVELE9BQU8sQ0FDSCxrQ0FBUSxLQUFLLENBQUMsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUMsU0FBUyxZQUMvQyxLQUFLLENBQUMsUUFBUSxHQUNkLENBQ1IsQ0FBQztBQUNOLENBQUMsQ0FBQztBQU5XLFFBQUEsa0JBQWtCLHNCQU03QiJ9

package/ui/list-unordered-element.d.ts

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