@epam/ai-dial-chat-shared 1.1.0-dev.110 → 1.1.0-dev.111

package/components/MarkdownRenderer/CodeBlock/CodeBlock.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { CodeBlockTheme } from '../../../types/code-editor';
 /** CSS custom-property overrides for the `MarkdownCodeBlock` component. */
 export interface MarkdownCodeBlockColors {
@@ -31,6 +31,8 @@ export interface MarkdownCodeBlockProps {
     copiedLabel?: string;
     /** Accessible label for the download button. Defaults to `'Download code'`. */
     downloadLabel?: string;
+    /** When true, hides the download button while still showing copy. Defaults to `false`. */
+    hideDownload?: boolean;
     /** Extra classes applied to the outer container element. */
     containerClassName?: string;
     /** Extra classes applied to the sticky header bar. */
@@ -39,6 +41,8 @@ export interface MarkdownCodeBlockProps {
     codeClassName?: string;
     /** CSS class applied to the language label in the header. Defaults to `'dial-tiny-semi-text uppercase'` plus the module's `.languageLabel` class (`--text-secondary`). */
     languageLabelClassName?: string;
+    /** Custom content rendered in the header in place of the plain `language` label, e.g. a language/endpoint select. Defaults to the plain language text. */
+    titleSlot?: ReactNode;
     /** Color overrides applied as CSS custom properties. */
     colors?: MarkdownCodeBlockColors;
 }

package/components/MarkdownRenderer/CodeBlock/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAU5D,2EAA2E;AAC3E,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,2FAA2F;IAC3F,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qHAAqH;IACrH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0KAA0K;IAC1K,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAOD,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAoHxD,CAAC"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownRenderer/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAU5D,2EAA2E;AAC3E,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2CAA2C;AAC3C,MAAM,WAAW,sBAAsB;IACrC,2FAA2F;IAC3F,QAAQ,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iEAAiE;IACjE,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0FAA0F;IAC1F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4DAA4D;IAC5D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qHAAqH;IACrH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0KAA0K;IAC1K,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0JAA0J;IAC1J,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,wDAAwD;IACxD,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAOD,4FAA4F;AAC5F,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA2HxD,CAAC"}

package/index.js

@@ -48806,26 +48806,26 @@ var oD = 2e3, sD = (e, t = oD) => {
 }, mD = {
 	dark: pD,
 	light: pD
-}, hD = u(({ language: t, value: n, isStreaming: r, theme: o = fe.Dark, copyLabel: s = "Copy code", copiedLabel: c = "Copied!", downloadLabel: l = "Download code", containerClassName: u, headerClassName: d, codeClassName: f = "dial-code-text", languageLabelClassName: p = "dial-tiny-semi-text uppercase", colors: m }) => {
-	let { isCopied: h, copy: g } = sD(n), _ = o === fe.Light;
+}, hD = u(({ language: t, value: n, isStreaming: r, theme: o = fe.Dark, copyLabel: s = "Copy code", copiedLabel: c = "Copied!", downloadLabel: l = "Download code", hideDownload: u = !1, containerClassName: d, headerClassName: f, codeClassName: p = "dial-code-text", languageLabelClassName: m = "dial-tiny-semi-text uppercase", titleSlot: h, colors: g }) => {
+	let { isCopied: _, copy: v } = sD(n), x = o === fe.Light;
 	return /* @__PURE__ */ b("div", {
 		style: Gt({
-			"--cm-code-block-bg": m?.background,
-			"--cm-code-block-border": m?.border,
-			"--cm-code-block-header-bg": m?.headerBackground,
-			"--cm-code-block-language": m?.language,
-			"--cm-code-block-copied": m?.copied,
-			"--cm-code-block-scrollbar": m?.scrollbar
+			"--cm-code-block-bg": g?.background,
+			"--cm-code-block-border": g?.border,
+			"--cm-code-block-header-bg": g?.headerBackground,
+			"--cm-code-block-language": g?.language,
+			"--cm-code-block-copied": g?.copied,
+			"--cm-code-block-scrollbar": g?.scrollbar
 		}),
-		className: Wt("my-4 max-w-full overflow-hidden rounded-xl border", cD.container, _ && cD.containerLight, u),
+		className: Wt("my-4 max-w-full overflow-hidden rounded-xl border", cD.container, x && cD.containerLight, d),
 		children: [/* @__PURE__ */ b("div", {
-			className: Wt("flex min-h-10 items-center justify-between border-b px-3 py-2", cD.header, d),
-			children: [/* @__PURE__ */ y("span", {
-				className: Wt(cD.languageLabel, p),
+			className: Wt("flex min-h-10 items-center justify-between border-b px-4", h == null ? "py-2" : "py-0", cD.header, f),
+			children: [h ?? /* @__PURE__ */ y("span", {
+				className: Wt(cD.languageLabel, m),
 				children: t
 			}), !r && /* @__PURE__ */ b("div", {
 				className: "flex items-center gap-1",
-				children: [/* @__PURE__ */ y(a, {
+				children: [!u && /* @__PURE__ */ y(a, {
 					icon: /* @__PURE__ */ y(An, { size: e.SM }),
 					"aria-label": l,
 					size: i.Small,
@@ -48833,7 +48833,7 @@ var oD = 2e3, sD = (e, t = oD) => {
 						hn(n, `code.${fn(t)}`);
 					}
 				}), /* @__PURE__ */ y(a, {
-					icon: h ? /* @__PURE__ */ y(On, {
+					icon: _ ? /* @__PURE__ */ y(On, {
 						size: e.SM,
 						className: cD.copiedIcon,
 						"aria-hidden": !0
@@ -48841,9 +48841,9 @@ var oD = 2e3, sD = (e, t = oD) => {
 						size: e.SM,
 						"aria-hidden": !0
 					}),
-					"aria-label": h ? c : s,
+					"aria-label": _ ? c : s,
 					size: i.Small,
-					onClick: g
+					onClick: v
 				})]
 			})]
 		}), /* @__PURE__ */ y("div", {
@@ -48861,12 +48861,12 @@ var oD = 2e3, sD = (e, t = oD) => {
 					padding: "14px 16px",
 					letterSpacing: 0
 				},
-				codeTagProps: { className: f },
+				codeTagProps: { className: p },
 				children: n
 			}) : /* @__PURE__ */ y("pre", {
 				className: "p-4",
 				children: /* @__PURE__ */ y("code", {
-					className: Wt("whitespace-pre", f),
+					className: Wt("whitespace-pre", p),
 					children: n
 				})
 			})

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.1.0-dev.110",
+  "version": "1.1.0-dev.111",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",