@mittwald/flow-react-components 0.2.0-alpha.782 → 0.2.0-alpha.784

package/dist/js/packages/components/src/components/Markdown/Markdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.mjs","names":[],"sources":["../../../../../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["import { CodeBlock } from \"@/components/CodeBlock\";\nimport { Heading } from \"@/components/Heading\";\nimport { InlineCode } from \"@/components/InlineCode\";\nimport { Link } from \"@/components/Link\";\nimport { Separator } from \"@/components/Separator\";\nimport { Text } from \"@/components/Text\";\nimport type { CSSProperties, FC, ReactNode, Ref } from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { Components, Options } from \"react-markdown\";\nimport ReactMarkdown from \"react-markdown\";\nimport styles from \"./Markdown.module.scss\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor, PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport remarkGfm from \"remark-gfm\";\nimport { getHeadingLevelWithOffset } from \"@/components/Markdown/lib/getHeadingLevelWithOffset\";\nimport type { CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\n\nexport interface MarkdownProps\n  extends PropsWithClassName, Omit<Options, \"components\"> {\n  /** The color schema of the markdown component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Shifts all heading levels by the given offset. @default 0 */\n  headingOffset?: number;\n  /** @internal */\n  style?: CSSProperties;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** @flr-generate all */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    ref,\n    ...rest\n  } = props;\n\n  const headingAndLinkColor = color === \"default\" ? \"primary\" : color;\n\n  const components: Components = {\n    a: (props) => (\n      <Link target=\"_blank\" color={headingAndLinkColor} href={props.href}>\n        {props.children}\n      </Link>\n    ),\n    p: (props) => (\n      <Text elementType=\"p\" color={color}>\n        {props.children}\n      </Text>\n    ),\n    code: (props) => <InlineCode color={color}>{props.children}</InlineCode>,\n    h1: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(1, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h2: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(2, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h3: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(3, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h4: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(4, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h5: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(5, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h6: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(6, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    hr: () => <Separator />,\n    pre: (props) => {\n      const preElementContent = Children.toArray(props.children)[0];\n\n      return (\n        <CodeBlock\n          copyable={false}\n          language={\n            isValidElement<{ className?: string }>(preElementContent) &&\n            preElementContent.props.className\n              ? (preElementContent.props.className.replace(\n                  \"language-\",\n                  \"\",\n                ) as CodeEditorLanguage)\n              : undefined\n          }\n          code={String(\n            isValidElement<{ children: string }>(preElementContent)\n              ? preElementContent.props.children\n              : preElementContent,\n          ).trim()}\n        />\n      );\n    },\n    ul: (props) => (\n      <Text color={color}>\n        <ul>{props.children as ReactNode}</ul>\n      </Text>\n    ),\n    ol: (props) => (\n      <Text color={color}>\n        <ol>{props.children as ReactNode}</ol>\n      </Text>\n    ),\n    blockquote: (props) => (\n      <Text color={color}>\n        <blockquote>{props.children}</blockquote>\n      </Text>\n    ),\n  };\n\n  const textContent = extractTextFromFirstChild(children);\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,IAAa,YAA+B,UAAU;CACpD,MAAM,EACJ,UACA,QAAQ,WACR,WACA,gBAAgB,GAChB,KACA,GAAG,SACD;CAEJ,MAAM,sBAAsB,UAAU,YAAY,YAAY;CAE9D,MAAM,aAAyB;EAC7B,IAAI,UACF,oBAAC,MAAD;GAAM,QAAO;GAAS,OAAO;GAAqB,MAAM,MAAM;aAC3D,MAAM;GACF,CAAA;EAET,IAAI,UACF,oBAAC,MAAD;GAAM,aAAY;GAAW;aAC1B,MAAM;GACF,CAAA;EAET,OAAO,UAAU,oBAAC,YAAD;GAAmB;aAAQ,MAAM;GAAsB,CAAA;EACxE,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,KAAK,UACH,oBAAC,SAAD;GACE,OAAO,0BAA0B,GAAG,cAAc;GAClD,OAAO;aAEN,MAAM;GACC,CAAA;EAEZ,UAAU,oBAAC,WAAD,EAAa,CAAA;EACvB,MAAM,UAAU;GACd,MAAM,oBAAoB,SAAS,QAAQ,MAAM,SAAS,CAAC;AAE3D,UACE,oBAAC,WAAD;IACE,UAAU;IACV,UACE,eAAuC,kBAAkB,IACzD,kBAAkB,MAAM,YACnB,kBAAkB,MAAM,UAAU,QACjC,aACA,GACD,GACD,KAAA;IAEN,MAAM,OACJ,eAAqC,kBAAkB,GACnD,kBAAkB,MAAM,WACxB,kBACL,CAAC,MAAM;IACR,CAAA;;EAGN,KAAK,UACH,oBAAC,MAAD;GAAa;aACX,oBAAC,MAAD,EAAA,UAAK,MAAM,UAA2B,CAAA;GACjC,CAAA;EAET,KAAK,UACH,oBAAC,MAAD;GAAa;aACX,oBAAC,MAAD,EAAA,UAAK,MAAM,UAA2B,CAAA;GACjC,CAAA;EAET,aAAa,UACX,oBAAC,MAAD;GAAa;aACX,oBAAC,cAAD,EAAA,UAAa,MAAM,UAAsB,CAAA;GACpC,CAAA;EAEV;CAED,MAAM,cAAc,0BAA0B,SAAS;AAEvD,QACE,oBAAC,OAAD;EAAK,WAAW,KAAK,wBAAO,UAAU,UAAU;EAAE,GAAI;EAAW;YAC/D,oBAAC,eAAD;GAAe,eAAe,CAAC,UAAU;GAAc;aACpD;GACa,CAAA;EACZ,CAAA"}
+{"version":3,"file":"Markdown.mjs","sources":["../../../../../../../src/components/Markdown/Markdown.tsx"],"sourcesContent":["import { CodeBlock } from \"@/components/CodeBlock\";\nimport { Heading } from \"@/components/Heading\";\nimport { InlineCode } from \"@/components/InlineCode\";\nimport { Link } from \"@/components/Link\";\nimport { Separator } from \"@/components/Separator\";\nimport { Text } from \"@/components/Text\";\nimport type { CSSProperties, FC, ReactNode, Ref } from \"react\";\nimport { Children, isValidElement } from \"react\";\nimport type { Components, Options } from \"react-markdown\";\nimport ReactMarkdown from \"react-markdown\";\nimport styles from \"./Markdown.module.scss\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor, PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport remarkGfm from \"remark-gfm\";\nimport { getHeadingLevelWithOffset } from \"@/components/Markdown/lib/getHeadingLevelWithOffset\";\nimport type { CodeEditorLanguage } from \"@/components/CodeEditor/languages\";\n\nexport interface MarkdownProps\n  extends PropsWithClassName, Omit<Options, \"components\"> {\n  /** The color schema of the markdown component. @default \"default\" */\n  color?: \"default\" | AlphaColor;\n  /** Shifts all heading levels by the given offset. @default 0 */\n  headingOffset?: number;\n  /** @internal */\n  style?: CSSProperties;\n  ref?: Ref<HTMLDivElement>;\n}\n\n/** @flr-generate all */\nexport const Markdown: FC<MarkdownProps> = (props) => {\n  const {\n    children,\n    color = \"default\",\n    className,\n    headingOffset = 0,\n    ref,\n    ...rest\n  } = props;\n\n  const headingAndLinkColor = color === \"default\" ? \"primary\" : color;\n\n  const components: Components = {\n    a: (props) => (\n      <Link target=\"_blank\" color={headingAndLinkColor} href={props.href}>\n        {props.children}\n      </Link>\n    ),\n    p: (props) => (\n      <Text elementType=\"p\" color={color}>\n        {props.children}\n      </Text>\n    ),\n    code: (props) => <InlineCode color={color}>{props.children}</InlineCode>,\n    h1: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(1, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h2: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(2, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h3: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(3, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h4: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(4, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h5: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(5, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    h6: (props) => (\n      <Heading\n        level={getHeadingLevelWithOffset(6, headingOffset)}\n        color={headingAndLinkColor}\n      >\n        {props.children}\n      </Heading>\n    ),\n    hr: () => <Separator />,\n    pre: (props) => {\n      const preElementContent = Children.toArray(props.children)[0];\n\n      return (\n        <CodeBlock\n          copyable={false}\n          language={\n            isValidElement<{ className?: string }>(preElementContent) &&\n            preElementContent.props.className\n              ? (preElementContent.props.className.replace(\n                  \"language-\",\n                  \"\",\n                ) as CodeEditorLanguage)\n              : undefined\n          }\n          code={String(\n            isValidElement<{ children: string }>(preElementContent)\n              ? preElementContent.props.children\n              : preElementContent,\n          ).trim()}\n        />\n      );\n    },\n    ul: (props) => (\n      <Text color={color}>\n        <ul>{props.children as ReactNode}</ul>\n      </Text>\n    ),\n    ol: (props) => (\n      <Text color={color}>\n        <ol>{props.children as ReactNode}</ol>\n      </Text>\n    ),\n    blockquote: (props) => (\n      <Text color={color}>\n        <blockquote>{props.children}</blockquote>\n      </Text>\n    ),\n  };\n\n  const textContent = extractTextFromFirstChild(children);\n\n  return (\n    <div className={clsx(styles.markdown, className)} {...rest} ref={ref}>\n      <ReactMarkdown remarkPlugins={[remarkGfm]} components={components}>\n        {textContent}\n      </ReactMarkdown>\n    </div>\n  );\n};\n\nexport default Markdown;\n"],"names":["props"],"mappings":"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"}

package/dist/js/packages/components/src/components/Markdown/Markdown.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const markdown = "flow--markdown";
+const styles = {
+	markdown: markdown
+};
+
+export { styles as default, markdown };
+//# sourceMappingURL=Markdown.module.scss.mjs.map

package/dist/js/packages/components/src/components/Markdown/Markdown.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/js/packages/components/src/components/Markdown/lib/getHeadingLevelWithOffset.mjs

@@ -1,11 +1,9 @@
 "use client"
 /* */
-//#region src/components/Markdown/lib/getHeadingLevelWithOffset.ts
-var getHeadingLevelWithOffset = (level, offset) => {
-	const levelWithOffset = level + offset;
-	return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;
+const getHeadingLevelWithOffset = (level, offset) => {
+  const levelWithOffset = level + offset;
+  return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;
 };
-//#endregion
-export { getHeadingLevelWithOffset };
 
-//# sourceMappingURL=getHeadingLevelWithOffset.mjs.map
+export { getHeadingLevelWithOffset };
+//# sourceMappingURL=getHeadingLevelWithOffset.mjs.map

package/dist/js/packages/components/src/components/Markdown/lib/getHeadingLevelWithOffset.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getHeadingLevelWithOffset.mjs","names":[],"sources":["../../../../../../../../src/components/Markdown/lib/getHeadingLevelWithOffset.ts"],"sourcesContent":["export const getHeadingLevelWithOffset = (level: number, offset: number) => {\n  const levelWithOffset = level + offset;\n  return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;\n};\n"],"mappings":";AAAA,IAAa,6BAA6B,OAAe,WAAmB;CAC1E,MAAM,kBAAkB,QAAQ;AAChC,QAAO,kBAAkB,IAAI,IAAI,kBAAkB,IAAI,IAAI"}
+{"version":3,"file":"getHeadingLevelWithOffset.mjs","sources":["../../../../../../../../src/components/Markdown/lib/getHeadingLevelWithOffset.ts"],"sourcesContent":["export const getHeadingLevelWithOffset = (level: number, offset: number) => {\n  const levelWithOffset = level + offset;\n  return levelWithOffset > 6 ? 6 : levelWithOffset < 1 ? 1 : levelWithOffset;\n};\n"],"names":[],"mappings":"AAAO,MAAM,yBAAA,GAA4B,CAAC,KAAA,EAAe,MAAA,KAAmB;AAC1E,EAAA,MAAM,kBAAkB,KAAA,GAAQ,MAAA;AAChC,EAAA,OAAO,eAAA,GAAkB,CAAA,GAAI,CAAA,GAAI,eAAA,GAAkB,IAAI,CAAA,GAAI,eAAA;AAC7D;;;;"}

package/dist/js/packages/components/src/components/MarkdownEditor/MarkdownEditor.mjs

@@ -1,85 +1,113 @@
 "use client"
 /* */
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import { useControlledHostValueProps } from "../../lib/remote/useControlledHostValueProps.mjs";
-import Markdown from "../Markdown/Markdown.mjs";
-import "../Markdown/index.mjs";
-import MarkdownEditor_module_default from "./MarkdownEditor.module.mjs";
-import TextArea from "../TextArea/TextArea.mjs";
-import "../TextArea/index.mjs";
-import { modifyValueByType } from "./lib/modifyValueByType.mjs";
-import { Toolbar } from "./components/Toolbar.mjs";
-import { modifyValueByMarkdownSyntax, scrollToCursor } from "./lib/modifyValueByMarkdownSyntax.mjs";
-import clsx from "clsx";
-import { useState } from "react";
-import { TunnelProvider } from "@mittwald/react-tunnel";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useObjectRef } from "@react-aria/utils";
-//#region src/components/MarkdownEditor/MarkdownEditor.tsx
-/** @flr-generate all */
-var MarkdownEditor = flowComponent("MarkdownEditor", (props) => {
-	const { isDisabled, isReadOnly, children, className, rows = 5, autoResizeMaxRows, headingOffset, value, onChange, ref, ...rest } = useControlledHostValueProps(props);
-	const inputRef = useObjectRef(ref);
-	const [mode, setMode] = useState("editor");
-	const rootClassName = clsx(MarkdownEditor_module_default.markdownEditor, className, MarkdownEditor_module_default[`mode-${mode}`]);
-	const handleKeyDown = (event) => {
-		if (event.key !== "Enter") return;
-		const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);
-		if (!modifyParams) return;
-		const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;
-		requestAnimationFrame(() => {
-			if (inputRef.current) {
-				inputRef.current.value = newValue;
-				inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);
-				scrollToCursor(newValue, inputRef.current);
-			}
-		});
-		event.preventDefault();
-		onChange(newValue);
-	};
-	const handleToolButtonPressed = (type) => {
-		const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(value, type, inputRef);
-		requestAnimationFrame(() => {
-			if (inputRef.current) {
-				inputRef.current.value = newValue;
-				inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);
-				inputRef.current.focus();
-			}
-		});
-		onChange(newValue);
-	};
-	return /* @__PURE__ */ jsx("div", {
-		className: rootClassName,
-		children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(TextArea, {
-			...rest,
-			"aria-hidden": mode === "preview",
-			isReadOnly: isReadOnly || mode === "preview",
-			isDisabled,
-			ref: inputRef,
-			value,
-			rows,
-			autoResizeMaxRows,
-			onChange,
-			onKeyDown: handleKeyDown,
-			children: [
-				mode === "preview" && /* @__PURE__ */ jsx(Markdown, {
-					headingOffset,
-					className: MarkdownEditor_module_default.markdown,
-					style: { height: inputRef.current?.offsetHeight },
-					children: value
-				}),
-				children,
-				/* @__PURE__ */ jsx(Toolbar, {
-					currentMode: mode,
-					isDisabled,
-					onModeChange: setMode,
-					onToolPressed: handleToolButtonPressed
-				})
-			]
-		}) })
-	});
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
+import styles from './MarkdownEditor.module.scss.mjs';
+import { Markdown } from '../Markdown/Markdown.mjs';
+import { TextArea } from '../TextArea/TextArea.mjs';
+import { Toolbar } from './components/Toolbar.mjs';
+import clsx from 'clsx';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { useObjectRef } from '@react-aria/utils';
+import { TunnelProvider } from '@mittwald/react-tunnel';
+import { modifyValueByMarkdownSyntax, scrollToCursor } from './lib/modifyValueByMarkdownSyntax.mjs';
+import { modifyValueByType } from './lib/modifyValueByType.mjs';
+import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
+
+const MarkdownEditor = flowComponent("MarkdownEditor", (props) => {
+  const {
+    isDisabled,
+    isReadOnly,
+    children,
+    className,
+    rows = 5,
+    autoResizeMaxRows,
+    headingOffset,
+    value,
+    onChange,
+    ref,
+    ...rest
+  } = useControlledHostValueProps(props);
+  const inputRef = useObjectRef(ref);
+  const [mode, setMode] = useState("editor");
+  const rootClassName = clsx(
+    styles.markdownEditor,
+    className,
+    styles[`mode-${mode}`]
+  );
+  const handleKeyDown = (event) => {
+    if (event.key !== "Enter") {
+      return;
+    }
+    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);
+    if (!modifyParams) {
+      return;
+    }
+    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;
+    requestAnimationFrame(() => {
+      if (inputRef.current) {
+        inputRef.current.value = newValue;
+        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);
+        scrollToCursor(newValue, inputRef.current);
+      }
+    });
+    event.preventDefault();
+    onChange(newValue);
+  };
+  const handleToolButtonPressed = (type) => {
+    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(
+      value,
+      type,
+      inputRef
+    );
+    requestAnimationFrame(() => {
+      if (inputRef.current) {
+        inputRef.current.value = newValue;
+        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);
+        inputRef.current.focus();
+      }
+    });
+    onChange(newValue);
+  };
+  return /* @__PURE__ */ jsx("div", { className: rootClassName, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsxs(
+    TextArea,
+    {
+      ...rest,
+      "aria-hidden": mode === "preview",
+      isReadOnly: isReadOnly || mode === "preview",
+      isDisabled,
+      ref: inputRef,
+      value,
+      rows,
+      autoResizeMaxRows,
+      onChange,
+      onKeyDown: handleKeyDown,
+      children: [
+        mode === "preview" && /* @__PURE__ */ jsx(
+          Markdown,
+          {
+            headingOffset,
+            className: styles.markdown,
+            style: {
+              height: inputRef.current?.offsetHeight
+            },
+            children: value
+          }
+        ),
+        children,
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            currentMode: mode,
+            isDisabled,
+            onModeChange: setMode,
+            onToolPressed: handleToolButtonPressed
+          }
+        )
+      ]
+    }
+  ) }) });
 });
-//#endregion
-export { MarkdownEditor as default };
 
-//# sourceMappingURL=MarkdownEditor.mjs.map
+export { MarkdownEditor };
+//# sourceMappingURL=MarkdownEditor.mjs.map

package/dist/js/packages/components/src/components/MarkdownEditor/MarkdownEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.mjs","names":[],"sources":["../../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type KeyboardEventHandler, useState } from \"react\";\nimport styles from \"./MarkdownEditor.module.scss\";\nimport { Markdown, type MarkdownProps } from \"@/components/Markdown\";\nimport { TextArea, type TextAreaProps } from \"@/components/TextArea\";\nimport { Toolbar } from \"@/components/MarkdownEditor/components/Toolbar\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport {\n  modifyValueByMarkdownSyntax,\n  scrollToCursor,\n} from \"@/components/MarkdownEditor/lib/modifyValueByMarkdownSyntax\";\nimport {\n  type InsertType,\n  modifyValueByType,\n} from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport type MarkdownEditorMode = \"editor\" | \"preview\";\n\nexport interface MarkdownEditorProps\n  extends TextAreaProps, Pick<MarkdownProps, \"headingOffset\"> {}\n\n/** @flr-generate all */\nexport const MarkdownEditor = flowComponent(\"MarkdownEditor\", (props) => {\n  const {\n    isDisabled,\n    isReadOnly,\n    children,\n    className,\n    rows = 5,\n    autoResizeMaxRows,\n    headingOffset,\n    value,\n    onChange,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const inputRef = useObjectRef(ref);\n  const [mode, setMode] = useState<MarkdownEditorMode>(\"editor\");\n\n  const rootClassName = clsx(\n    styles.markdownEditor,\n    className,\n    styles[`mode-${mode}`],\n  );\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);\n    if (!modifyParams) {\n      return;\n    }\n\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);\n        scrollToCursor(newValue, inputRef.current);\n      }\n    });\n\n    event.preventDefault();\n    onChange(newValue);\n  };\n\n  const handleToolButtonPressed = (type: InsertType) => {\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(\n      value,\n      type,\n      inputRef,\n    );\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);\n        inputRef.current.focus();\n      }\n    });\n\n    onChange(newValue);\n  };\n\n  return (\n    <div className={rootClassName}>\n      <TunnelProvider>\n        <TextArea\n          {...rest}\n          aria-hidden={mode === \"preview\"}\n          isReadOnly={isReadOnly || mode === \"preview\"}\n          isDisabled={isDisabled}\n          ref={inputRef}\n          value={value}\n          rows={rows}\n          autoResizeMaxRows={autoResizeMaxRows}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n        >\n          {mode === \"preview\" && (\n            <Markdown\n              headingOffset={headingOffset}\n              className={styles.markdown}\n              style={{\n                height: inputRef.current?.offsetHeight,\n              }}\n            >\n              {value}\n            </Markdown>\n          )}\n          {children}\n          <Toolbar\n            currentMode={mode}\n            isDisabled={isDisabled}\n            onModeChange={setMode}\n            onToolPressed={handleToolButtonPressed}\n          />\n        </TextArea>\n      </TunnelProvider>\n    </div>\n  );\n});\n\nexport default MarkdownEditor;\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,IAAa,iBAAiB,cAAc,mBAAmB,UAAU;CACvE,MAAM,EACJ,YACA,YACA,UACA,WACA,OAAO,GACP,mBACA,eACA,OACA,UACA,KACA,GAAG,SACD,4BAA4B,MAAM;CAEtC,MAAM,WAAW,aAAa,IAAI;CAClC,MAAM,CAAC,MAAM,WAAW,SAA6B,SAAS;CAE9D,MAAM,gBAAgB,KACpB,8BAAO,gBACP,WACA,8BAAO,QAAQ,QAChB;CAED,MAAM,iBAAuC,UAAU;AACrD,MAAI,MAAM,QAAQ,QAChB;EAGF,MAAM,eAAe,4BAA4B,OAAO,SAAS;AACjE,MAAI,CAAC,aACH;EAGF,MAAM,EAAE,UAAU,mBAAmB,oBAAoB;AAEzD,8BAA4B;AAC1B,OAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,QAAQ;AACzB,aAAS,SAAS,kBAAkB,mBAAmB,gBAAgB;AACvE,mBAAe,UAAU,SAAS,QAAQ;;IAE5C;AAEF,QAAM,gBAAgB;AACtB,WAAS,SAAS;;CAGpB,MAAM,2BAA2B,SAAqB;EACpD,MAAM,EAAE,UAAU,mBAAmB,oBAAoB,kBACvD,OACA,MACA,SACD;AAED,8BAA4B;AAC1B,OAAI,SAAS,SAAS;AACpB,aAAS,QAAQ,QAAQ;AACzB,aAAS,QAAQ,kBAAkB,mBAAmB,gBAAgB;AACtE,aAAS,QAAQ,OAAO;;IAE1B;AAEF,WAAS,SAAS;;AAGpB,QACE,oBAAC,OAAD;EAAK,WAAW;YACd,oBAAC,gBAAD,EAAA,UACE,qBAAC,UAAD;GACE,GAAI;GACJ,eAAa,SAAS;GACtB,YAAY,cAAc,SAAS;GACvB;GACZ,KAAK;GACE;GACD;GACa;GACT;GACV,WAAW;aAVb;IAYG,SAAS,aACR,oBAAC,UAAD;KACiB;KACf,WAAW,8BAAO;KAClB,OAAO,EACL,QAAQ,SAAS,SAAS,cAC3B;eAEA;KACQ,CAAA;IAEZ;IACD,oBAAC,SAAD;KACE,aAAa;KACD;KACZ,cAAc;KACd,eAAe;KACf,CAAA;IACO;MACI,CAAA;EACb,CAAA;EAER"}
+{"version":3,"file":"MarkdownEditor.mjs","sources":["../../../../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["import { type KeyboardEventHandler, useState } from \"react\";\nimport styles from \"./MarkdownEditor.module.scss\";\nimport { Markdown, type MarkdownProps } from \"@/components/Markdown\";\nimport { TextArea, type TextAreaProps } from \"@/components/TextArea\";\nimport { Toolbar } from \"@/components/MarkdownEditor/components/Toolbar\";\nimport clsx from \"clsx\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useObjectRef } from \"@react-aria/utils\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport {\n  modifyValueByMarkdownSyntax,\n  scrollToCursor,\n} from \"@/components/MarkdownEditor/lib/modifyValueByMarkdownSyntax\";\nimport {\n  type InsertType,\n  modifyValueByType,\n} from \"@/components/MarkdownEditor/lib/modifyValueByType\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport type MarkdownEditorMode = \"editor\" | \"preview\";\n\nexport interface MarkdownEditorProps\n  extends TextAreaProps, Pick<MarkdownProps, \"headingOffset\"> {}\n\n/** @flr-generate all */\nexport const MarkdownEditor = flowComponent(\"MarkdownEditor\", (props) => {\n  const {\n    isDisabled,\n    isReadOnly,\n    children,\n    className,\n    rows = 5,\n    autoResizeMaxRows,\n    headingOffset,\n    value,\n    onChange,\n    ref,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const inputRef = useObjectRef(ref);\n  const [mode, setMode] = useState<MarkdownEditorMode>(\"editor\");\n\n  const rootClassName = clsx(\n    styles.markdownEditor,\n    className,\n    styles[`mode-${mode}`],\n  );\n\n  const handleKeyDown: KeyboardEventHandler = (event) => {\n    if (event.key !== \"Enter\") {\n      return;\n    }\n\n    const modifyParams = modifyValueByMarkdownSyntax(value, inputRef);\n    if (!modifyParams) {\n      return;\n    }\n\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyParams;\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current?.setSelectionRange(newSelectionStart, newSelectionEnd);\n        scrollToCursor(newValue, inputRef.current);\n      }\n    });\n\n    event.preventDefault();\n    onChange(newValue);\n  };\n\n  const handleToolButtonPressed = (type: InsertType) => {\n    const { newValue, newSelectionStart, newSelectionEnd } = modifyValueByType(\n      value,\n      type,\n      inputRef,\n    );\n\n    requestAnimationFrame(() => {\n      if (inputRef.current) {\n        inputRef.current.value = newValue;\n        inputRef.current.setSelectionRange(newSelectionStart, newSelectionEnd);\n        inputRef.current.focus();\n      }\n    });\n\n    onChange(newValue);\n  };\n\n  return (\n    <div className={rootClassName}>\n      <TunnelProvider>\n        <TextArea\n          {...rest}\n          aria-hidden={mode === \"preview\"}\n          isReadOnly={isReadOnly || mode === \"preview\"}\n          isDisabled={isDisabled}\n          ref={inputRef}\n          value={value}\n          rows={rows}\n          autoResizeMaxRows={autoResizeMaxRows}\n          onChange={onChange}\n          onKeyDown={handleKeyDown}\n        >\n          {mode === \"preview\" && (\n            <Markdown\n              headingOffset={headingOffset}\n              className={styles.markdown}\n              style={{\n                height: inputRef.current?.offsetHeight,\n              }}\n            >\n              {value}\n            </Markdown>\n          )}\n          {children}\n          <Toolbar\n            currentMode={mode}\n            isDisabled={isDisabled}\n            onModeChange={setMode}\n            onToolPressed={handleToolButtonPressed}\n          />\n        </TextArea>\n      </TunnelProvider>\n    </div>\n  );\n});\n\nexport default MarkdownEditor;\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/components/MarkdownEditor/MarkdownEditor.module.scss.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+const markdownEditor = "flow--markdown-editor";
+const toolbar = "flow--markdown-editor--toolbar";
+const toolbarButtons = "flow--markdown-editor--toolbar-buttons";
+const modeButton = "flow--markdown-editor--mode-button";
+const markdown = "flow--markdown-editor--markdown";
+const styles = {
+	markdownEditor: markdownEditor,
+	toolbar: toolbar,
+	toolbarButtons: toolbarButtons,
+	modeButton: modeButton,
+	markdown: markdown,
+	"mode-editor": "flow--markdown-editor--mode-editor",
+	"mode-preview": "flow--markdown-editor--mode-preview"
+};
+
+export { styles as default, markdown, markdownEditor, modeButton, toolbar, toolbarButtons };
+//# sourceMappingURL=MarkdownEditor.module.scss.mjs.map

package/dist/js/packages/components/src/components/MarkdownEditor/MarkdownEditor.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/ModeButton.mjs

@@ -1,30 +1,31 @@
 "use client"
 /* */
-import Button from "../../Button/Button.mjs";
-import "../../Button/index.mjs";
-import MarkdownEditor_module_default from "../MarkdownEditor.module.mjs";
-import __locale_default from "../../../../../../_virtual/_19.locale.mjs";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import { useLocalizedStringFormatter } from "react-aria";
-//#region src/components/MarkdownEditor/components/ModeButton.tsx
-var ModeButton = (props) => {
-	const { currentMode, onChange, ...rest } = props;
-	const stringFormatter = useLocalizedStringFormatter(__locale_default);
-	const otherMode = currentMode === "editor" ? "preview" : "editor";
-	return /* @__PURE__ */ jsx(Button, {
-		className: MarkdownEditor_module_default.modeButton,
-		size: "s",
-		variant: "plain",
-		color: "dark",
-		onPress: () => {
-			onChange?.(otherMode);
-		},
-		...rest,
-		children: stringFormatter.format(`mode.${otherMode}`)
-	});
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { Button } from '../../Button/Button.mjs';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../../_virtual/_.locale.json@bb0db7b5021f874310cbe5b6cc3d9cac.mjs';
+import styles from '../MarkdownEditor.module.scss.mjs';
+
+const ModeButton = (props) => {
+  const { currentMode, onChange, ...rest } = props;
+  const stringFormatter = useLocalizedStringFormatter(locales);
+  const otherMode = currentMode === "editor" ? "preview" : "editor";
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      className: styles.modeButton,
+      size: "s",
+      variant: "plain",
+      color: "dark",
+      onPress: () => {
+        onChange?.(otherMode);
+      },
+      ...rest,
+      children: stringFormatter.format(`mode.${otherMode}`)
+    }
+  );
 };
-//#endregion
-export { ModeButton };
 
-//# sourceMappingURL=ModeButton.mjs.map
+export { ModeButton };
+//# sourceMappingURL=ModeButton.mjs.map

package/dist/js/packages/components/src/components/MarkdownEditor/components/ModeButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModeButton.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { MarkdownEditorMode } from \"@/components/MarkdownEditor/MarkdownEditor\";\nimport styles from \"../MarkdownEditor.module.scss\";\n\nexport interface ModeButtonProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: MarkdownEditorMode;\n  onChange?: (newMode: MarkdownEditorMode) => void;\n}\n\nexport const ModeButton: FC<ModeButtonProps> = (props) => {\n  const { currentMode, onChange, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const otherMode = currentMode === \"editor\" ? \"preview\" : \"editor\";\n\n  return (\n    <Button\n      className={styles.modeButton}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={() => {\n        onChange?.(otherMode);\n      }}\n      {...rest}\n    >\n      {stringFormatter.format(`mode.${otherMode}`)}\n    </Button>\n  );\n};\n"],"mappings":";;;;;;;;AAYA,IAAa,cAAmC,UAAU;CACxD,MAAM,EAAE,aAAa,UAAU,GAAG,SAAS;CAE3C,MAAM,kBAAkB,4BAA4B,iBAAQ;CAC5D,MAAM,YAAY,gBAAgB,WAAW,YAAY;AAEzD,QACE,oBAAC,QAAD;EACE,WAAW,8BAAO;EAClB,MAAK;EACL,SAAQ;EACR,OAAM;EACN,eAAe;AACb,cAAW,UAAU;;EAEvB,GAAI;YAEH,gBAAgB,OAAO,QAAQ,YAAY;EACrC,CAAA"}
+{"version":3,"file":"ModeButton.mjs","sources":["../../../../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport { Button, type ButtonProps } from \"@/components/Button\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"../locales/*.locale.json\";\nimport type { MarkdownEditorMode } from \"@/components/MarkdownEditor/MarkdownEditor\";\nimport styles from \"../MarkdownEditor.module.scss\";\n\nexport interface ModeButtonProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: MarkdownEditorMode;\n  onChange?: (newMode: MarkdownEditorMode) => void;\n}\n\nexport const ModeButton: FC<ModeButtonProps> = (props) => {\n  const { currentMode, onChange, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const otherMode = currentMode === \"editor\" ? \"preview\" : \"editor\";\n\n  return (\n    <Button\n      className={styles.modeButton}\n      size=\"s\"\n      variant=\"plain\"\n      color=\"dark\"\n      onPress={() => {\n        onChange?.(otherMode);\n      }}\n      {...rest}\n    >\n      {stringFormatter.format(`mode.${otherMode}`)}\n    </Button>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,WAAA,EAAa,QAAA,EAAU,GAAG,MAAK,GAAI,KAAA;AAE3C,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAC3D,EAAA,MAAM,SAAA,GAAY,WAAA,KAAgB,QAAA,GAAW,SAAA,GAAY,QAAA;AAEzD,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,UAAA;AAAA,MAClB,IAAA,EAAK,GAAA;AAAA,MACL,OAAA,EAAQ,OAAA;AAAA,MACR,KAAA,EAAM,MAAA;AAAA,MACN,SAAS,MAAM;AACb,QAAA,QAAA,GAAW,SAAS,CAAA;AAAA,MACtB,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,CAAA,KAAA,EAAQ,SAAS,CAAA,CAAE;AAAA;AAAA,GAC7C;AAEJ;;;;"}

package/dist/js/packages/components/src/components/MarkdownEditor/components/Toolbar.mjs

@@ -1,80 +1,49 @@
 "use client"
 /* */
-import IconBold from "../../Icon/components/icons/IconBold.mjs";
-import IconCode from "../../Icon/components/icons/IconCode.mjs";
-import IconItalic from "../../Icon/components/icons/IconItalic.mjs";
-import IconLink from "../../Icon/components/icons/IconLink.mjs";
-import IconOrderedList from "../../Icon/components/icons/IconOrderedList.mjs";
-import IconQuote from "../../Icon/components/icons/IconQuote.mjs";
-import IconStrikeThrough from "../../Icon/components/icons/IconStrikeThrough.mjs";
-import IconUnorderedList from "../../Icon/components/icons/IconUnorderedList.mjs";
-import "../../Icon/components/icons/index.mjs";
-import MarkdownEditor_module_default from "../MarkdownEditor.module.mjs";
-import { ToolbarButton } from "./ToolbarButton.mjs";
-import { ModeButton } from "./ModeButton.mjs";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/MarkdownEditor/components/Toolbar.tsx
-var Toolbar = (props) => {
-	const sharedToolButtonProps = {
-		onPress: props.onToolPressed,
-		isDisabled: props.isDisabled || props.currentMode === "preview"
-	};
-	return /* @__PURE__ */ jsxs("header", {
-		className: MarkdownEditor_module_default.toolbar,
-		role: "toolbar",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: MarkdownEditor_module_default.toolbarButtons,
-			children: [
-				/* @__PURE__ */ jsx(ToolbarButton, {
-					...sharedToolButtonProps,
-					type: "bold",
-					children: /* @__PURE__ */ jsx(IconBold, {})
-				}),
-				/* @__PURE__ */ jsx(ToolbarButton, {
-					...sharedToolButtonProps,
-					type: "italic",
-					children: /* @__PURE__ */ jsx(IconItalic, {})
-				}),
-				/* @__PURE__ */ jsx(ToolbarButton, {
-					...sharedToolButtonProps,
-					type: "strikeThrough",
-					children: /* @__PURE__ */ jsx(IconStrikeThrough, {})
-				}),
-				/* @__PURE__ */ jsx(ToolbarButton, {
-					...sharedToolButtonProps,
-					type: "quote",
-					children: /* @__PURE__ */ jsx(IconQuote, {})
-				}),
-				/* @__PURE__ */ jsx(ToolbarButton, {
-					...sharedToolButtonProps,
-					type: "code",
-					children: /* @__PURE__ */ jsx(IconCode, {})
-				}),
-				/* @__PURE__ */ jsx(ToolbarButton, {
-					...sharedToolButtonProps,
-					type: "link",
-					children: /* @__PURE__ */ jsx(IconLink, {})
-				}),
-				/* @__PURE__ */ jsx(ToolbarButton, {
-					...sharedToolButtonProps,
-					type: "unorderedList",
-					children: /* @__PURE__ */ jsx(IconUnorderedList, {})
-				}),
-				/* @__PURE__ */ jsx(ToolbarButton, {
-					...sharedToolButtonProps,
-					type: "orderedList",
-					children: /* @__PURE__ */ jsx(IconOrderedList, {})
-				})
-			]
-		}), /* @__PURE__ */ jsx(ModeButton, {
-			onChange: props.onModeChange,
-			currentMode: props.currentMode,
-			isDisabled: props.isDisabled
-		})]
-	});
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from '../MarkdownEditor.module.scss.mjs';
+import '@mittwald/flow-icons';
+import '../../Icon/components/IconSetProvider.mjs';
+import '../../Icon/Icon.mjs';
+import '../../../views/IconView.mjs';
+import { IconBold } from '../../Icon/components/icons/IconBold.mjs';
+import { IconCode } from '../../Icon/components/icons/IconCode.mjs';
+import { IconItalic } from '../../Icon/components/icons/IconItalic.mjs';
+import { IconLink } from '../../Icon/components/icons/IconLink.mjs';
+import { IconOrderedList } from '../../Icon/components/icons/IconOrderedList.mjs';
+import { IconQuote } from '../../Icon/components/icons/IconQuote.mjs';
+import { IconStrikeThrough } from '../../Icon/components/icons/IconStrikeThrough.mjs';
+import { IconUnorderedList } from '../../Icon/components/icons/IconUnorderedList.mjs';
+import { ToolbarButton } from './ToolbarButton.mjs';
+import { ModeButton } from './ModeButton.mjs';
+
+const Toolbar = (props) => {
+  const sharedToolButtonProps = {
+    onPress: props.onToolPressed,
+    isDisabled: props.isDisabled || props.currentMode === "preview"
+  };
+  return /* @__PURE__ */ jsxs("header", { className: styles.toolbar, role: "toolbar", children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.toolbarButtons, children: [
+      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "bold", children: /* @__PURE__ */ jsx(IconBold, {}) }),
+      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "italic", children: /* @__PURE__ */ jsx(IconItalic, {}) }),
+      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "strikeThrough", children: /* @__PURE__ */ jsx(IconStrikeThrough, {}) }),
+      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "quote", children: /* @__PURE__ */ jsx(IconQuote, {}) }),
+      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "code", children: /* @__PURE__ */ jsx(IconCode, {}) }),
+      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "link", children: /* @__PURE__ */ jsx(IconLink, {}) }),
+      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "unorderedList", children: /* @__PURE__ */ jsx(IconUnorderedList, {}) }),
+      /* @__PURE__ */ jsx(ToolbarButton, { ...sharedToolButtonProps, type: "orderedList", children: /* @__PURE__ */ jsx(IconOrderedList, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ModeButton,
+      {
+        onChange: props.onModeChange,
+        currentMode: props.currentMode,
+        isDisabled: props.isDisabled
+      }
+    )
+  ] });
 };
-//#endregion
-export { Toolbar };
 
-//# sourceMappingURL=Toolbar.mjs.map
+export { Toolbar };
+//# sourceMappingURL=Toolbar.mjs.map

package/dist/js/packages/components/src/components/MarkdownEditor/components/Toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.mjs","names":[],"sources":["../../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport {\n  IconBold,\n  IconCode,\n  IconItalic,\n  IconLink,\n  IconOrderedList,\n  IconQuote,\n  IconStrikeThrough,\n  IconUnorderedList,\n} from \"@/components/Icon/components/icons\";\nimport {\n  ToolbarButton,\n  type ToolBarButtonProps,\n} from \"@/components/MarkdownEditor/components/ToolbarButton\";\nimport {\n  ModeButton,\n  type ModeButtonProps,\n} from \"@/components/MarkdownEditor/components/ModeButton\";\nimport type { ButtonProps } from \"@/components/Button\";\n\ninterface ToolbarProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: ModeButtonProps[\"currentMode\"];\n  onModeChange: ModeButtonProps[\"onChange\"];\n  onToolPressed: ToolBarButtonProps[\"onPress\"];\n}\n\nexport const Toolbar: FC<ToolbarProps> = (props) => {\n  const sharedToolButtonProps: Partial<ToolBarButtonProps> = {\n    onPress: props.onToolPressed,\n    isDisabled: props.isDisabled || props.currentMode === \"preview\",\n  };\n\n  return (\n    <header className={styles.toolbar} role=\"toolbar\">\n      <div className={styles.toolbarButtons}>\n        <ToolbarButton {...sharedToolButtonProps} type=\"bold\">\n          <IconBold />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"italic\">\n          <IconItalic />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"strikeThrough\">\n          <IconStrikeThrough />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"quote\">\n          <IconQuote />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"code\">\n          <IconCode />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"link\">\n          <IconLink />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"unorderedList\">\n          <IconUnorderedList />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"orderedList\">\n          <IconOrderedList />\n        </ToolbarButton>\n      </div>\n\n      <ModeButton\n        onChange={props.onModeChange}\n        currentMode={props.currentMode}\n        isDisabled={props.isDisabled}\n      />\n    </header>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AA4BA,IAAa,WAA6B,UAAU;CAClD,MAAM,wBAAqD;EACzD,SAAS,MAAM;EACf,YAAY,MAAM,cAAc,MAAM,gBAAgB;EACvD;AAED,QACE,qBAAC,UAAD;EAAQ,WAAW,8BAAO;EAAS,MAAK;YAAxC,CACE,qBAAC,OAAD;GAAK,WAAW,8BAAO;aAAvB;IACE,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,UAAD,EAAY,CAAA;KACE,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,YAAD,EAAc,CAAA;KACA,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,mBAAD,EAAqB,CAAA;KACP,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,WAAD,EAAa,CAAA;KACC,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,UAAD,EAAY,CAAA;KACE,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,UAAD,EAAY,CAAA;KACE,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,mBAAD,EAAqB,CAAA;KACP,CAAA;IAEhB,oBAAC,eAAD;KAAe,GAAI;KAAuB,MAAK;eAC7C,oBAAC,iBAAD,EAAmB,CAAA;KACL,CAAA;IACZ;MAEN,oBAAC,YAAD;GACE,UAAU,MAAM;GAChB,aAAa,MAAM;GACnB,YAAY,MAAM;GAClB,CAAA,CACK"}
+{"version":3,"file":"Toolbar.mjs","sources":["../../../../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport styles from \"@/components/MarkdownEditor/MarkdownEditor.module.scss\";\nimport {\n  IconBold,\n  IconCode,\n  IconItalic,\n  IconLink,\n  IconOrderedList,\n  IconQuote,\n  IconStrikeThrough,\n  IconUnorderedList,\n} from \"@/components/Icon/components/icons\";\nimport {\n  ToolbarButton,\n  type ToolBarButtonProps,\n} from \"@/components/MarkdownEditor/components/ToolbarButton\";\nimport {\n  ModeButton,\n  type ModeButtonProps,\n} from \"@/components/MarkdownEditor/components/ModeButton\";\nimport type { ButtonProps } from \"@/components/Button\";\n\ninterface ToolbarProps extends Pick<ButtonProps, \"isDisabled\"> {\n  currentMode: ModeButtonProps[\"currentMode\"];\n  onModeChange: ModeButtonProps[\"onChange\"];\n  onToolPressed: ToolBarButtonProps[\"onPress\"];\n}\n\nexport const Toolbar: FC<ToolbarProps> = (props) => {\n  const sharedToolButtonProps: Partial<ToolBarButtonProps> = {\n    onPress: props.onToolPressed,\n    isDisabled: props.isDisabled || props.currentMode === \"preview\",\n  };\n\n  return (\n    <header className={styles.toolbar} role=\"toolbar\">\n      <div className={styles.toolbarButtons}>\n        <ToolbarButton {...sharedToolButtonProps} type=\"bold\">\n          <IconBold />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"italic\">\n          <IconItalic />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"strikeThrough\">\n          <IconStrikeThrough />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"quote\">\n          <IconQuote />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"code\">\n          <IconCode />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"link\">\n          <IconLink />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"unorderedList\">\n          <IconUnorderedList />\n        </ToolbarButton>\n\n        <ToolbarButton {...sharedToolButtonProps} type=\"orderedList\">\n          <IconOrderedList />\n        </ToolbarButton>\n      </div>\n\n      <ModeButton\n        onChange={props.onModeChange}\n        currentMode={props.currentMode}\n        isDisabled={props.isDisabled}\n      />\n    </header>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AA4BO,MAAM,OAAA,GAA4B,CAAC,KAAA,KAAU;AAClD,EAAA,MAAM,qBAAA,GAAqD;AAAA,IACzD,SAAS,KAAA,CAAM,aAAA;AAAA,IACf,UAAA,EAAY,KAAA,CAAM,UAAA,IAAc,KAAA,CAAM,WAAA,KAAgB;AAAA,GACxD;AAEA,EAAA,4BACG,QAAA,EAAA,EAAO,SAAA,EAAW,MAAA,CAAO,OAAA,EAAS,MAAK,SAAA,EACtC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,cAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,QAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,cAAW,CAAA,EACd,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,eAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,qBAAkB,CAAA,EACrB,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,OAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,aAAU,CAAA,EACb,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,MAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,YAAS,CAAA,EACZ,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,eAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,qBAAkB,CAAA,EACrB,CAAA;AAAA,sBAEA,GAAA,CAAC,iBAAe,GAAG,qBAAA,EAAuB,MAAK,aAAA,EAC7C,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CAAA,EACnB;AAAA,KAAA,EACF,CAAA;AAAA,oBAEA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,UAAU,KAAA,CAAM,YAAA;AAAA,QAChB,aAAa,KAAA,CAAM,WAAA;AAAA,QACnB,YAAY,KAAA,CAAM;AAAA;AAAA;AACpB,GAAA,EACF,CAAA;AAEJ;;;;"}