@epam/ai-dial-chat-shared 1.2.0-dev.285 → 1.2.0-dev.288

package/components/MarkdownRenderer/MDMessageViewer.js

@@ -4,11 +4,11 @@ import { PlainTextRenderer as n } from "./PlainTextRenderer.js";
 import { memo as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/MarkdownRenderer/MDMessageViewer.tsx
-var a = r(({ content: r, isPlainText: a, isStreaming: o, thinkingLabel: s, components: c, urlTransform: l, codeBlockCopyLabel: u, codeBlockCopiedLabel: d, codeBlockTheme: f, tableActionLabels: p, tableDownloadFilename: m, tableOnOpenInCanvas: h, tableScrollRegionAriaLabel: g, classNames: _ = t }) => a ? /* @__PURE__ */ i(n, {
+var a = r(({ content: r, isPlainText: a, isStreaming: o, thinkingLabel: s, components: c, urlTransform: l, codeBlockCopyLabel: u, codeBlockCopiedLabel: d, codeBlockDownloadLabel: f, codeBlockTheme: p, tableActionLabels: m, tableDownloadFilename: h, tableOnOpenInCanvas: g, tableScrollRegionAriaLabel: _, mathScrollRegionAriaLabel: v, classNames: y = t }) => a ? /* @__PURE__ */ i(n, {
 	content: r,
 	isStreaming: o,
 	thinkingLabel: s,
-	classNames: _
+	classNames: y
 }) : /* @__PURE__ */ i(e, {
 	content: r,
 	isStreaming: o,
@@ -17,12 +17,14 @@ var a = r(({ content: r, isPlainText: a, isStreaming: o, thinkingLabel: s, compo
 	urlTransform: l,
 	codeBlockCopyLabel: u,
 	codeBlockCopiedLabel: d,
-	codeBlockTheme: f,
-	tableActionLabels: p,
-	tableDownloadFilename: m,
-	tableOnOpenInCanvas: h,
-	tableScrollRegionAriaLabel: g,
-	classNames: _
+	codeBlockDownloadLabel: f,
+	codeBlockTheme: p,
+	tableActionLabels: m,
+	tableDownloadFilename: h,
+	tableOnOpenInCanvas: g,
+	tableScrollRegionAriaLabel: _,
+	mathScrollRegionAriaLabel: v,
+	classNames: y
 }));
 //#endregion
 export { a as MDMessageViewer };

package/components/MarkdownRenderer/MarkdownRenderer.js

@@ -89,7 +89,7 @@ var E = [
 }, z = (e) => {
 	let t = e?.properties?.align;
 	return typeof t == "string" ? R[t] : void 0;
-}, B = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(B).join("") : "", V = (t, { isStreaming: n, codeBlockCopyLabel: r, codeBlockCopiedLabel: u, codeBlockTheme: d, tableActionLabels: f, tableDownloadFilename: p, tableOnOpenInCanvas: m, tableScrollRegionAriaLabel: h, mathScrollRegionAriaLabel: v }) => ({
+}, B = (e) => e ? e.type === "text" ? e.value ?? "" : (e.children ?? []).map(B).join("") : "", V = (t, { isStreaming: n, codeBlockCopyLabel: r, codeBlockCopiedLabel: u, codeBlockDownloadLabel: d, codeBlockTheme: f, tableActionLabels: p, tableDownloadFilename: m, tableOnOpenInCanvas: h, tableScrollRegionAriaLabel: v, mathScrollRegionAriaLabel: y }) => ({
 	h1: ({ children: e }) => /* @__PURE__ */ _("h1", {
 		className: t.h1,
 		children: e
@@ -141,9 +141,10 @@ var E = [
 			language: c,
 			value: l.replace(/\n$/, ""),
 			isStreaming: n,
-			theme: d,
+			theme: f,
 			copyLabel: r,
 			copiedLabel: u,
+			downloadLabel: d,
 			containerClassName: t.codeBlockContainer,
 			headerClassName: t.codeBlockHeader,
 			codeClassName: t.codeFont
@@ -171,7 +172,7 @@ var E = [
 	input: ({ type: e, checked: t }) => e === "checkbox" ? /* @__PURE__ */ _(l, { checked: t ?? !1 }) : null,
 	span: ({ children: e, node: n, ...r }) => L(n) ? /* @__PURE__ */ _(o, {
 		className: t.mathBlock,
-		scrollRegionAriaLabel: v,
+		scrollRegionAriaLabel: y,
 		children: e
 	}) : /* @__PURE__ */ _("span", {
 		...r,
@@ -179,11 +180,11 @@ var E = [
 	}),
 	table: ({ children: e }) => /* @__PURE__ */ _(c, {
 		classNames: t,
-		actionLabels: f,
-		downloadFilename: p,
-		onOpenInCanvas: m,
+		actionLabels: p,
+		downloadFilename: m,
+		onOpenInCanvas: h,
 		isStreaming: n,
-		scrollRegionAriaLabel: h,
+		scrollRegionAriaLabel: v,
 		children: e
 	}),
 	tr: ({ children: t, node: n }) => {
@@ -202,47 +203,48 @@ var E = [
 		className: e("max-w-96 whitespace-normal px-3 py-[7px] align-top [overflow-wrap:anywhere]", z(r), s.rowDivider, t.tableBodyCell, t.tableCell),
 		children: n
 	})
-}), H = f(({ content: e, containerClassName: i, isStreaming: a, streamCharactersPerSecond: o, classNames: s = P, components: c, urlTransform: l, rehypePlugins: d = j, thinkingLabel: f = "Thinking", codeBlockCopyLabel: g, codeBlockCopiedLabel: v, codeBlockTheme: b, colors: x, tableActionLabels: S, tableDownloadFilename: C, tableOnOpenInCanvas: w, tableScrollRegionAriaLabel: T, mathScrollRegionAriaLabel: D }) => {
-	let O = n(e, a, o), M = m(() => r(O), [O]), L = m(() => N(M), [M]), [R, z] = h(null);
+}), H = f(({ content: e, containerClassName: i, isStreaming: a, streamCharactersPerSecond: o, classNames: s = P, components: c, urlTransform: l, rehypePlugins: d = j, thinkingLabel: f = "Thinking", codeBlockCopyLabel: g, codeBlockCopiedLabel: v, codeBlockDownloadLabel: b, codeBlockTheme: x, colors: S, tableActionLabels: C, tableDownloadFilename: w, tableOnOpenInCanvas: T, tableScrollRegionAriaLabel: D, mathScrollRegionAriaLabel: O }) => {
+	let M = n(e, a, o), L = m(() => r(M), [M]), R = m(() => N(L), [L]), [z, B] = h(null);
 	p(() => {
-		if (!L || R) return;
+		if (!R || z) return;
 		let e = !1;
 		return (async () => {
 			let [t] = await Promise.all([import("rehype-katex"), import("katex/dist/katex.min.css")]);
-			e || z([t.default, {
+			e || B([t.default, {
 				output: "mathml",
 				strict: !1
 			}]);
 		})(), () => {
 			e = !0;
 		};
-	}, [L, R]);
-	let B = m(() => [
+	}, [R, z]);
+	let H = m(() => [
 		...k,
-		...R ? [R] : [],
+		...z ? [z] : [],
 		A,
 		...d
-	], [R, d]), H = t({
-		"--cm-markdown-border": x?.border,
-		"--cm-blockquote-border": x?.blockquoteBorder,
-		"--cm-blockquote-text": x?.blockquoteText,
-		"--cm-link-text": x?.linkText,
-		"--cm-link-focus": x?.linkFocus,
-		"--cm-table-header-text": x?.tableHeaderText,
-		"--cm-h6-text": x?.headingSixText,
-		"--cm-code-inline-bg": x?.inlineCodeBackground,
-		"--cm-code-inline-text": x?.inlineCodeText
-	}), U = m(() => F(l), [l]), W = m(() => ({
+	], [z, d]), U = t({
+		"--cm-markdown-border": S?.border,
+		"--cm-blockquote-border": S?.blockquoteBorder,
+		"--cm-blockquote-text": S?.blockquoteText,
+		"--cm-link-text": S?.linkText,
+		"--cm-link-focus": S?.linkFocus,
+		"--cm-table-header-text": S?.tableHeaderText,
+		"--cm-h6-text": S?.headingSixText,
+		"--cm-code-inline-bg": S?.inlineCodeBackground,
+		"--cm-code-inline-text": S?.inlineCodeText
+	}), W = m(() => F(l), [l]), G = m(() => ({
 		...V(s, {
 			isStreaming: a,
 			codeBlockCopyLabel: g,
 			codeBlockCopiedLabel: v,
-			codeBlockTheme: b,
-			tableActionLabels: S,
-			tableDownloadFilename: C,
-			tableOnOpenInCanvas: w,
-			tableScrollRegionAriaLabel: T,
-			mathScrollRegionAriaLabel: D
+			codeBlockDownloadLabel: b,
+			codeBlockTheme: x,
+			tableActionLabels: C,
+			tableDownloadFilename: w,
+			tableOnOpenInCanvas: T,
+			tableScrollRegionAriaLabel: D,
+			mathScrollRegionAriaLabel: O
 		}),
 		...I,
 		...c
@@ -252,25 +254,26 @@ var E = [
 		g,
 		v,
 		b,
-		S,
+		x,
 		C,
 		w,
 		T,
 		D,
+		O,
 		c
 	]);
-	return a && !O ? /* @__PURE__ */ _(u, {
+	return a && !M ? /* @__PURE__ */ _(u, {
 		label: f,
-		colors: x
+		colors: S
 	}) : /* @__PURE__ */ _("div", {
-		style: H,
+		style: U,
 		className: i,
 		children: /* @__PURE__ */ _(y, {
 			remarkPlugins: E,
-			rehypePlugins: B,
-			components: W,
-			urlTransform: U,
-			children: M
+			rehypePlugins: H,
+			components: G,
+			urlTransform: W,
+			children: L
 		})
 	});
 });

package/index.d.ts

@@ -1849,6 +1849,8 @@ export declare interface MarkdownRendererProps {
     codeBlockCopyLabel?: string;
     /** Accessible label for the copy button after copying. Defaults to `'Copied!'`. */
     codeBlockCopiedLabel?: string;
+    /** Accessible label for the download button in code blocks. Defaults to `'Download code'`. */
+    codeBlockDownloadLabel?: string;
     /** Syntax highlight color theme for code blocks and tables. Defaults to `'dark'`. */
     codeBlockTheme?: CodeBlockTheme;
     /** Color overrides applied as CSS custom properties. */
@@ -1990,6 +1992,8 @@ declare interface MDMessageViewerProps {
     codeBlockCopyLabel?: string;
     /** Accessible label for the copy button after copying. Forwarded to {@link MarkdownRenderer}. */
     codeBlockCopiedLabel?: string;
+    /** Accessible label for the code-block download button. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockDownloadLabel?: string;
     /** Syntax highlight color theme for code blocks. Forwarded to {@link MarkdownRenderer}. */
     codeBlockTheme?: CodeBlockTheme;
     /** Localized labels for Markdown table actions. Forwarded to {@link MarkdownRenderer}. */
@@ -1999,6 +2003,8 @@ declare interface MDMessageViewerProps {
     tableOnOpenInCanvas?: (markdown: string) => void;
     /** Accessible label for a table's scrollable region. Forwarded to {@link MarkdownRenderer}. */
     tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's scrollable region. Forwarded to {@link MarkdownRenderer}. */
+    mathScrollRegionAriaLabel?: string;
     /**
      * Per-element typography classes. Defaults to {@link DEFAULT_MARKDOWN_CLASS_NAMES};
      * pass {@link COMPACT_MARKDOWN_CLASS_NAMES} for the smaller body scale. Give a

package/markdown.d.ts

@@ -219,6 +219,8 @@ export declare interface MarkdownRendererProps {
     codeBlockCopyLabel?: string;
     /** Accessible label for the copy button after copying. Defaults to `'Copied!'`. */
     codeBlockCopiedLabel?: string;
+    /** Accessible label for the download button in code blocks. Defaults to `'Download code'`. */
+    codeBlockDownloadLabel?: string;
     /** Syntax highlight color theme for code blocks and tables. Defaults to `'dark'`. */
     codeBlockTheme?: CodeBlockTheme;
     /** Color overrides applied as CSS custom properties. */
@@ -353,6 +355,8 @@ declare interface MDMessageViewerProps {
     codeBlockCopyLabel?: string;
     /** Accessible label for the copy button after copying. Forwarded to {@link MarkdownRenderer}. */
     codeBlockCopiedLabel?: string;
+    /** Accessible label for the code-block download button. Forwarded to {@link MarkdownRenderer}. */
+    codeBlockDownloadLabel?: string;
     /** Syntax highlight color theme for code blocks. Forwarded to {@link MarkdownRenderer}. */
     codeBlockTheme?: CodeBlockTheme;
     /** Localized labels for Markdown table actions. Forwarded to {@link MarkdownRenderer}. */
@@ -362,6 +366,8 @@ declare interface MDMessageViewerProps {
     tableOnOpenInCanvas?: (markdown: string) => void;
     /** Accessible label for a table's scrollable region. Forwarded to {@link MarkdownRenderer}. */
     tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's scrollable region. Forwarded to {@link MarkdownRenderer}. */
+    mathScrollRegionAriaLabel?: string;
     /**
      * Per-element typography classes. Defaults to {@link DEFAULT_MARKDOWN_CLASS_NAMES};
      * pass {@link COMPACT_MARKDOWN_CLASS_NAMES} for the smaller body scale. Give a

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-chat-shared",
   "description": "Shared domain models, utilities, and UI components for AI DIAL Chat libraries",
-  "version": "1.2.0-dev.285",
+  "version": "1.2.0-dev.288",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [