@keboola/design 15.1.0 → 16.1.0

package/dist/markdown-editor.js

@@ -1,17 +1,17 @@
-import { cn } from "./classNames-DcGnTh2N.js";
-import { Tooltip } from "./utils-DwC9u0tM.js";
-import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-ZIeZXXS7.js";
-import { Button } from "./Button-BNkyYU8u.js";
+import { cn } from "./classNames-DkX30VJU.js";
+import { Tooltip } from "./utils-DjFceY3H.js";
+import { AlignCenter, AlignJustify, AlignLeft, AlignRight, Bold, ChevronDown, Code, Heading1, Heading2, Heading3, Italic, Link, List, ListOrdered, Quote, SquareCode, Strikethrough, Type, Underline } from "./icons-DDR9dFSr.js";
+import { Button } from "./Button-DbvGzEDb.js";
 import { ButtonGroup } from "./internal/components/ButtonGroup.js";
-import { DropdownMenu } from "./DropdownMenu-Bum99mVf.js";
+import { DropdownMenu } from "./DropdownMenu-Ba9atqDa.js";
 import { Label } from "./internal/components/Label.js";
 import { useStableCallback } from "./internal/hooks/useStableCallback.js";
-import { Popover } from "./Popover-DnBw5Uay.js";
-import { TextInput } from "./TextInput-CR0_USaY.js";
-import { FormGroup } from "./FormGroup-V5kIgQRN.js";
-import { Kbd } from "./Kbd-CflKthfu.js";
+import { Popover } from "./Popover-DhOPlWgF.js";
+import { TextInput } from "./TextInput--1CfZybC.js";
+import { FormGroup } from "./FormGroup-QJB21LKp.js";
+import { Kbd } from "./Kbd-BprYCICe.js";
 import { Skeleton } from "./internal/components/Skeleton/Skeleton.js";
-import { toast } from "./toast-Y3cTMBW8.js";
+import { toast } from "./toast-Dzj1EFOb.js";
 import { Suspense, createContext, lazy, use, useCallback, useEffect, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { $createCodeNode, $isCodeNode, CodeNode } from "@lexical/code";
@@ -37,7 +37,7 @@ import { $isListNode, INSERT_ORDERED_LIST_COMMAND, INSERT_UNORDERED_LIST_COMMAND
 import { $createHorizontalRuleNode, $isHorizontalRuleNode, HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
 import { $createHeadingNode, $createQuoteNode, $isHeadingNode, $isQuoteNode, HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { $convertFromMarkdownString, $convertToMarkdownString, CHECK_LIST, TRANSFORMERS } from "@lexical/markdown";
-//#region src/blocks/MarkdownEditor/context.ts
+// src/blocks/MarkdownEditor/context.ts
 const ImageRendererContext = createContext(null);
 const ImageRendererProvider = ImageRendererContext;
 const useImageRenderer = () => use(ImageRendererContext);
@@ -46,8 +46,7 @@ const EditorLayerContext = createContext(void 0);
 const EditorLayerProvider = EditorLayerContext;
 /** Props for a layer the toolbar portals out of the editor, so its blur guard counts focus there. */
 const useEditorLayer = () => ({ "data-editor-layer": use(EditorLayerContext) });
-//#endregion
-//#region src/blocks/MarkdownEditor/nodes/ImageNodeComponent.tsx
+// src/blocks/MarkdownEditor/nodes/ImageNodeComponent.tsx
 const isPlaceholder = (src) => src.startsWith("upload-placeholder-");
 const ImageNodeComponent = ({ src, alt }) => {
 	const renderer = useImageRenderer();
@@ -64,8 +63,7 @@ const ImageNodeComponent = ({ src, alt }) => {
 		alt
 	});
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/nodes/ImageNode.tsx
+// src/blocks/MarkdownEditor/nodes/ImageNode.tsx
 var ImageNode = class ImageNode extends DecoratorNode {
 	__src;
 	__altText;
@@ -146,8 +144,7 @@ const $createImageNode = (src, altText) => {
 const $isImageNode = (node) => {
 	return node instanceof ImageNode;
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/ImagePastePlugin.tsx
+// src/blocks/MarkdownEditor/plugins/ImagePastePlugin.tsx
 const ACCEPTED_IMAGE_TYPES = [
 	"image/png",
 	"image/jpeg",
@@ -240,8 +237,7 @@ const ImagePastePlugin = ({ onImageUpload }) => {
 	]);
 	return null;
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/KeyboardPlugin.tsx
+// src/blocks/MarkdownEditor/plugins/KeyboardPlugin.tsx
 const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSaveRef }) => {
 	const [editor] = useLexicalComposerContext();
 	const handleSave = useStableCallback(() => onSave?.());
@@ -279,9 +275,8 @@ const KeyboardPlugin = ({ onSave, onCancel, singleLine, blurOnEscape, skipBlurSa
 	]);
 	return null;
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
-const MermaidDiagram = lazy(() => import("./MermaidDiagram-2-EuNu1i.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
+// src/blocks/MarkdownEditor/nodes/MermaidNodeComponent.tsx
+const MermaidDiagram = lazy(() => import("./MermaidDiagram-E3azndPk.js").then((n) => n.MermaidDiagram_exports).then((m) => ({ default: m.MermaidDiagram }), (error) => {
 	console.error("[MarkdownEditor] failed to load MermaidDiagram chunk", error);
 	return { default: ({ code }) => /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: code }) }) };
 }));
@@ -294,8 +289,7 @@ const MermaidNodeComponent = ({ code }) => {
 		children: /* @__PURE__ */ jsx(MermaidDiagram, { code })
 	});
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/nodes/MermaidNode.tsx
+// src/blocks/MarkdownEditor/nodes/MermaidNode.tsx
 var MermaidNode = class MermaidNode extends DecoratorNode {
 	__code;
 	static getType() {
@@ -346,8 +340,7 @@ const $createMermaidNode = (code) => {
 const $isMermaidNode = (node) => {
 	return node instanceof MermaidNode;
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/editorNodes.ts
+// src/blocks/MarkdownEditor/editorNodes.ts
 /**
 * Every node the editor registers, shared by the composer and the paste parser.
 *
@@ -365,8 +358,7 @@ const EDITOR_NODES = [
 	AutoLinkNode,
 	HorizontalRuleNode
 ];
-//#endregion
-//#region src/blocks/MarkdownEditor/bareUrls.ts
+// src/blocks/MarkdownEditor/bareUrls.ts
 const DOMAIN_CHAR = String.raw`(?:[^\s\p{P}\p{S}]|-)`;
 const DOMAIN = String.raw`${DOMAIN_CHAR}+(?:[._]${DOMAIN_CHAR}+)*`;
 const URL_START = String.raw`(?:[hH][tT][tT][pP][sS]?:\/\/|[wW][wW][wW]\.)`;
@@ -625,8 +617,7 @@ const postprocessMarkdown = (markdown) => {
 };
 /** Reverses Lexical's export escaping of `* _ ` ~ \`, for `singleLine` plain-text names. */
 const unescapeMarkdownText = (markdown) => markdown.replace(/\\([*_`~\\])/g, "$1");
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/MarkdownPastePlugin.tsx
+// src/blocks/MarkdownEditor/plugins/MarkdownPastePlugin.tsx
 /**
 * `markdown` as the top-level nodes the editor's own import makes of it.
 *
@@ -700,8 +691,7 @@ const MarkdownPastePlugin = ({ transformers }) => {
 	}, [editor, transformers]);
 	return null;
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/MarkdownSyncPlugin.tsx
+// src/blocks/MarkdownEditor/plugins/MarkdownSyncPlugin.tsx
 const IMPORT_TAG = "markdown-import";
 const MarkdownSyncPlugin = ({ value, editable, onChange, transformers = CUSTOM_TRANSFORMERS, singleLine = false }) => {
 	const [editor] = useLexicalComposerContext();
@@ -736,8 +726,7 @@ const MarkdownSyncPlugin = ({ value, editable, onChange, transformers = CUSTOM_T
 	}, [editor, handleChange]);
 	return null;
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/toolbar/AlignmentDropdown.tsx
+// src/blocks/MarkdownEditor/plugins/toolbar/AlignmentDropdown.tsx
 const ALIGNMENT_OPTIONS = [
 	{
 		value: "left",
@@ -805,8 +794,7 @@ const AlignmentDropdown = ({ editor, alignment }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/toolbar/BlockTypeDropdown.tsx
+// src/blocks/MarkdownEditor/plugins/toolbar/BlockTypeDropdown.tsx
 const BLOCK_TYPE_META = {
 	paragraph: {
 		label: "Normal",
@@ -916,8 +904,7 @@ const BlockTypeDropdown = ({ editor, blockType }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/toolbar/ToolbarButton.tsx
+// src/blocks/MarkdownEditor/plugins/toolbar/ToolbarButton.tsx
 /**
 * The modifier Lexical binds its format keys to: Cmd on Apple platforms, Ctrl elsewhere.
 *
@@ -961,8 +948,7 @@ const ToolbarButton = ({ active, tooltip, shortcutKey, children, className: extr
 		children
 	})
 });
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/toolbar/LinkPanel.tsx
+// src/blocks/MarkdownEditor/plugins/toolbar/LinkPanel.tsx
 const PANEL_NAME = "Insert Link";
 const insertLink = (editor, url, label, savedSelection) => {
 	editor.update(() => {
@@ -1108,11 +1094,9 @@ const LinkPanel = ({ editor, isLink }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/toolbar/ToolbarDivider.tsx
+// src/blocks/MarkdownEditor/plugins/toolbar/ToolbarDivider.tsx
 const ToolbarDivider = () => /* @__PURE__ */ jsx("div", { className: "tw:mx-0.5 tw:h-5 tw:w-px tw:bg-border" });
-//#endregion
-//#region src/blocks/MarkdownEditor/plugins/ToolbarPlugin.tsx
+// src/blocks/MarkdownEditor/plugins/ToolbarPlugin.tsx
 const ELEMENT_FORMAT_TYPES = [
 	"left",
 	"center",
@@ -1410,8 +1394,7 @@ const ToolbarPlugin = ({ mode = "floating" }) => {
 		})]
 	});
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/theme.ts
+// src/blocks/MarkdownEditor/theme.ts
 /**
 * Lexical editor theme — maps node types to CSS classes.
 * The editor container uses `tw:prose` so semantic elements (headings, lists, blockquotes, etc.)
@@ -1450,8 +1433,7 @@ const editorTheme = {
 		].join(" ")
 	}
 };
-//#endregion
-//#region src/blocks/MarkdownEditor/MarkdownEditor.tsx
+// src/blocks/MarkdownEditor/MarkdownEditor.tsx
 const AUTO_LINK_MATCHERS = [matchBareUrl];
 const AUTO_LINK_EXCLUDED_PARENTS = [$isCodeNode];
 const MarkdownEditor = ({ value, onChange, readOnly = false, placeholder, autoFocus = false, disabled = false, onSave, onCancel, onImageUpload, className, imageRenderer, showToolbar = false, toolbarMode = "floating", compact = false, saveOnBlur = false, singleLine = false, clampDisplay = false, minRows, autoLink = false, pasteMarkdown = false }) => {
@@ -1546,7 +1528,6 @@ const MarkdownEditor = ({ value, onChange, readOnly = false, placeholder, autoFo
 		})
 	});
 };
-//#endregion
 export { MarkdownEditor };
 
 //# sourceMappingURL=markdown-editor.js.map