@bayonai/rich-text-editor 0.1.2

package/dist/react/RichTextIcons.d.ts

@@ -0,0 +1,21 @@
+export type RichTextIconProps = {
+    className?: string;
+    size?: number;
+};
+export declare function AddIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function BoldIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CloseIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CopyIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CodeIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CutIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DataObjectIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeleteIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DividerIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function DragHandleIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItalicIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function LinkIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function MicIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuoteIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function StopIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function TitleIcon(props: RichTextIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/react/RichTextIcons.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function IconSvg({ children, className, size = 18, viewBox = "0 0 24 24", }) {
+    return (_jsx("svg", { "aria-hidden": "true", className: className, fill: "none", height: size, viewBox: viewBox, width: size, children: children }));
+}
+export function AddIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M12 5v14M5 12h14", stroke: "currentColor", strokeWidth: "2" }) }));
+}
+export function BoldIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M8 5h5.2a3.1 3.1 0 0 1 0 6.2H8zm0 6.2h6a3.4 3.4 0 0 1 0 6.8H8z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+}
+export function CloseIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "m6 6 12 12M18 6 6 18", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" }) }));
+}
+export function CopyIcon(props) {
+    return (_jsxs(IconSvg, { ...props, children: [_jsx("rect", { height: "11", rx: "1.8", stroke: "currentColor", strokeWidth: "2", width: "9", x: "9", y: "7" }), _jsx("path", { d: "M6 15H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v1", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" })] }));
+}
+export function CodeIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "m9 8-4 4 4 4m6-8 4 4-4 4", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+}
+export function CutIcon(props) {
+    return (_jsxs(IconSvg, { ...props, children: [_jsx("circle", { cx: "6", cy: "6", r: "2.2", stroke: "currentColor", strokeWidth: "2" }), _jsx("circle", { cx: "6", cy: "18", r: "2.2", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M8 8 20 20M8 16 20 4", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" })] }));
+}
+export function DataObjectIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M8 4H7a3 3 0 0 0-3 3v2a2 2 0 0 1-2 2 2 2 0 0 1 2 2v2a3 3 0 0 0 3 3h1m8-14h1a3 3 0 0 1 3 3v2a2 2 0 0 0 2 2 2 2 0 0 0-2 2v2a3 3 0 0 1-3 3h-1", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+}
+export function DeleteIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M5 7h14m-11 0V5a1.5 1.5 0 0 1 1.5-1.5h5A1.5 1.5 0 0 1 16 5v2m-8 0 .6 12h6.8L16 7", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+}
+export function DividerIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M5 12h14", stroke: "currentColor", strokeWidth: "2" }) }));
+}
+export function DragHandleIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M9 6h.01M15 6h.01M9 12h.01M15 12h.01M9 18h.01M15 18h.01", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "3" }) }));
+}
+export function ImageIcon(props) {
+    return (_jsxs(IconSvg, { ...props, children: [_jsx("rect", { height: "14", rx: "2", stroke: "currentColor", strokeWidth: "2", width: "16", x: "4", y: "5" }), _jsx("path", { d: "m7 16 3.5-3.5 2.5 2.5 2-2 2 3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }), _jsx("circle", { cx: "15.5", cy: "8.5", fill: "currentColor", r: "1.2" })] }));
+}
+export function ItalicIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M10 5h7M7 19h7m-1-14-4 14", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" }) }));
+}
+export function LinkIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "m10 13 4-4m-3.5-3.5 1.2-1.2a4 4 0 0 1 5.7 5.7L16 11.4m-2.5 7.1-1.2 1.2a4 4 0 0 1-5.7-5.7L8 12.6", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }) }));
+}
+export function MicIcon(props) {
+    return (_jsxs(IconSvg, { ...props, children: [_jsx("path", { d: "M12 4a3 3 0 0 0-3 3v5a3 3 0 0 0 6 0V7a3 3 0 0 0-3-3Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }), _jsx("path", { d: "M5 11a7 7 0 0 0 14 0M12 18v3m-3 0h6", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" })] }));
+}
+export function QuoteIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M9 7H6.5A2.5 2.5 0 0 0 4 9.5V17h5v-5H6.5v-1.5H9zm11 0h-2.5A2.5 2.5 0 0 0 15 9.5V17h5v-5h-2.5v-1.5H20z", fill: "currentColor" }) }));
+}
+export function StopIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("rect", { fill: "currentColor", height: "12", rx: "2", width: "12", x: "6", y: "6" }) }));
+}
+export function TitleIcon(props) {
+    return (_jsx(IconSvg, { ...props, children: _jsx("path", { d: "M5 6h14M12 6v12m-4 0h8", stroke: "currentColor", strokeLinecap: "round", strokeWidth: "2" }) }));
+}

package/dist/react/RichTextRenderedBlock.d.ts

@@ -0,0 +1,4 @@
+import type { RichTextBlock } from "../types";
+export declare function RichTextRenderedBlock({ block }: {
+    block: RichTextBlock;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/RichTextRenderedBlock.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { markdownToEditorHtml } from "../richText.js";
+// Renders one stored rich-text block as display-only journal content.
+export function RichTextRenderedBlock({ block }) {
+    if (block.type === "divider") {
+        return _jsx("hr", { className: "bayon-rte-divider" });
+    }
+    if (block.type === "image") {
+        return (_jsx("figure", { "data-placeholder": "image", children: block.assetId ? null : _jsx("p", { children: "Image placeholder" }) }));
+    }
+    if (block.type === "code") {
+        return (_jsx("pre", { children: _jsx("code", { children: block.text }) }));
+    }
+    if (block.type === "checkbox") {
+        return (_jsxs("div", { "data-rich-text-checkbox": "", children: [_jsx("input", { checked: block.checked, readOnly: true, type: "checkbox" }), _jsx("span", { dangerouslySetInnerHTML: {
+                        __html: markdownToEditorHtml(block.markdown) || " ",
+                    } })] }));
+    }
+    const component = block.type === "heading"
+        ? "h2"
+        : block.type === "quote"
+            ? "blockquote"
+            : "p";
+    const props = {
+        dangerouslySetInnerHTML: {
+            __html: markdownToEditorHtml(block.markdown) || " ",
+        },
+    };
+    if (component === "h2") {
+        return _jsx("h2", { ...props });
+    }
+    if (component === "blockquote") {
+        return _jsx("blockquote", { ...props });
+    }
+    return _jsx("p", { ...props });
+}

package/dist/react/RichTextRenderer.d.ts

@@ -0,0 +1,4 @@
+import type { RichTextBlock } from "../types";
+export declare function RichTextRenderer({ contentBlocks, }: {
+    contentBlocks: RichTextBlock[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/react/RichTextRenderer.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { RichTextRenderedBlock } from "./RichTextRenderedBlock.js";
+import { sanitizeRichTextBlocks } from "../richText.js";
+import { RichTextStyleScope } from "./RichTextStyles.js";
+// Renders a sanitized collection of rich-text blocks for read-only views.
+export function RichTextRenderer({ contentBlocks, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(RichTextStyleScope, {}), _jsx("div", { className: "bayon-rte-renderer", children: sanitizeRichTextBlocks(contentBlocks).map((block) => (_jsx(RichTextRenderedBlock, { block: block }, block.id))) })] }));
+}

package/dist/react/RichTextStyles.d.ts

@@ -0,0 +1 @@
+export declare function RichTextStyleScope(): import("react/jsx-runtime").JSX.Element;