@epam/ai-dial-source-panel 1.1.0-dev.182 → 1.1.0-dev.184

package/components/ConversationSourcesPanel/ConversationSourcesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationSourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationSourcesPanel/ConversationSourcesPanel.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;;AA6KnG,wBAA8C"}
+{"version":3,"file":"ConversationSourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationSourcesPanel/ConversationSourcesPanel.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;;AAkLnG,wBAA8C"}

package/components/SourcesSection/SourcesSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EACV,8BAA8B,EAC9B,kCAAkC,EACnC,MAAM,+CAA+C,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAC;IAClB,yHAAyH;IACzH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,UAAU,CAAC,EAAE,kCAAkC,CAAC;IAChD,wDAAwD;IACxD,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;;AAuGD,wBAAoC"}
+{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EACV,8BAA8B,EAC9B,kCAAkC,EACnC,MAAM,+CAA+C,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,gDAAgD;AAChD,MAAM,WAAW,mBAAmB;IAClC,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAC;IAClB,yHAAyH;IACzH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,UAAU,CAAC,EAAE,kCAAkC,CAAC;IAChD,wDAAwD;IACxD,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;;AAyGD,wBAAoC"}

package/index.js

@@ -1,21 +1,21 @@
 import { BASE_LG_ICON_PROPS as e, MarkdownRenderer as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
-import { PanelNoResults as i, SearchInput as a, SidebarOrientation as o, SidebarPanel as s } from "@epam/ai-dial-sidebar";
-import { DIAL_ICON_SIZE as c, DialNoDataContent as l, ElementSize as u, GhostIconButton as d, Highlight as f } from "@epam/ai-dial-ui-kit";
-import { IconCopy as p, IconDownload as m } from "@tabler/icons-react";
-import { memo as h, useLayoutEffect as g, useMemo as _, useState as v } from "react";
-import { AttachmentCard as y } from "@epam/ai-dial-conversation-input";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-var C = h(({ attachments: e, title: t, searchQuery: n, titleClassName: i = "dial-body-semi-text", onAttachmentClick: a, attachmentClickLabel: o }) => e.length === 0 ? null : /* @__PURE__ */ S("section", {
+import { PanelNoResults as i, SidebarOrientation as a, SidebarPanel as o } from "@epam/ai-dial-sidebar";
+import { DIAL_ICON_SIZE as s, DialNoDataContent as c, ElementSize as l, GhostIconButton as u, Highlight as d, LinkButton as f, Search as p } from "@epam/ai-dial-ui-kit";
+import { IconCopy as m, IconDownload as h } from "@tabler/icons-react";
+import { memo as g, useLayoutEffect as _, useMemo as v, useState as y } from "react";
+import { AttachmentCard as b } from "@epam/ai-dial-conversation-input";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+var w = g(({ attachments: e, title: t, searchQuery: n, titleClassName: i = "dial-body-semi-text", onAttachmentClick: a, attachmentClickLabel: o }) => e.length === 0 ? null : /* @__PURE__ */ C("section", {
 	className: "mb-6",
-	children: [/* @__PURE__ */ x("h2", {
+	children: [/* @__PURE__ */ S("h2", {
 		className: r(i, "mb-3"),
 		children: t
-	}), /* @__PURE__ */ x("div", {
+	}), /* @__PURE__ */ S("div", {
 		role: "list",
 		className: "grid grid-cols-[repeat(auto-fill,minmax(84px,1fr))] gap-3",
-		children: e.map((e, t) => /* @__PURE__ */ x("div", {
+		children: e.map((e, t) => /* @__PURE__ */ S("div", {
 			role: "listitem",
-			children: /* @__PURE__ */ x(y, {
+			children: /* @__PURE__ */ S(b, {
 				attachment: e,
 				searchQuery: n,
 				onClick: a ? () => a(e) : void 0,
@@ -23,149 +23,156 @@ var C = h(({ attachments: e, title: t, searchQuery: n, titleClassName: i = "dial
 			})
 		}, `${e.id}-${t}`))
 	})]
-})), w = {
+})), T = {
 	link: "_link_viope_1",
 	quote: "_quote_viope_5"
-}, T = h(({ title: e, sources: i, copyLabel: a, copiedLabel: o = "Link copied to clipboard", searchQuery: s = "", typography: l, colors: m, onSourceClick: h }) => {
-	let [g, y] = v(""), b = l?.sectionTitleClassName ?? "dial-body-semi-text", C = l?.sourceLinkClassName ?? "dial-small-text", T = l?.sourceQuoteClassName ?? "dial-tiny-text", E = _(() => n({
-		"--sp-source-link": m?.sourceLink,
-		"--sp-source-quote": m?.sourceQuote
-	}), [m]);
+}, E = g(({ title: e, sources: i, copyLabel: a, copiedLabel: o = "Link copied to clipboard", searchQuery: c = "", typography: p, colors: h, onSourceClick: g }) => {
+	let [_, b] = y(""), x = p?.sectionTitleClassName ?? "dial-body-semi-text", w = p?.sourceLinkClassName ?? "dial-small-text", E = p?.sourceQuoteClassName ?? "dial-tiny-text", D = v(() => n({
+		"--sp-source-link": h?.sourceLink,
+		"--sp-source-quote": h?.sourceQuote
+	}), [h]);
 	if (i.length === 0) return null;
-	let D = async (e) => {
-		await navigator.clipboard.writeText(e), y(o);
+	let O = async (e) => {
+		await navigator.clipboard.writeText(e), b(o);
 	};
-	return /* @__PURE__ */ S("section", {
+	return /* @__PURE__ */ C("section", {
 		className: "mb-6",
-		style: E,
+		style: D,
 		children: [
-			/* @__PURE__ */ x("h2", {
-				className: r(b, "mb-3"),
+			/* @__PURE__ */ S("h2", {
+				className: r(x, "mb-3"),
 				children: e
 			}),
-			/* @__PURE__ */ x("ul", {
+			/* @__PURE__ */ S("ul", {
 				className: "flex flex-col gap-3",
-				children: i.map((e) => /* @__PURE__ */ S("li", {
+				children: i.map((e) => /* @__PURE__ */ C("li", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ C("div", {
 						className: "flex min-w-0 items-center justify-between gap-2",
-						children: [/* @__PURE__ */ x("a", {
+						children: [/* @__PURE__ */ S(f, {
 							href: e.url,
 							target: "_blank",
-							rel: "noopener noreferrer",
-							className: r(C, w.link, "min-w-0 flex-1 truncate"),
-							onClick: h ? (t) => {
-								t.preventDefault(), h(e);
-							} : void 0,
-							children: s ? /* @__PURE__ */ x(f, {
+							size: l.Small,
+							className: r(T.link, "min-w-0 flex-1 justify-start"),
+							textClassName: r(w, "min-w-0 truncate"),
+							label: c ? /* @__PURE__ */ S(d, {
 								text: e.title,
-								query: s,
+								query: c,
 								maxLines: 1
-							}) : e.title
-						}), /* @__PURE__ */ x(d, {
-							size: u.Small,
-							icon: /* @__PURE__ */ x(p, {
-								size: c.SM,
+							}) : e.title,
+							"aria-label": e.title,
+							onClick: g ? (t) => {
+								t.preventDefault(), g(e);
+							} : void 0
+						}), /* @__PURE__ */ S(u, {
+							size: l.Small,
+							icon: /* @__PURE__ */ S(m, {
+								size: s.SM,
 								stroke: 1.5,
 								"aria-hidden": !0
 							}),
 							"aria-label": a,
-							onClick: () => void D(e.url)
+							onClick: () => void O(e.url)
 						})]
-					}), e.quote && /* @__PURE__ */ x("div", {
-						className: r(T, w.quote, "line-clamp-5 [&>div>*+*]:mt-1"),
-						children: /* @__PURE__ */ x(t, { content: e.quote })
+					}), e.quote && /* @__PURE__ */ S("div", {
+						className: r(E, T.quote, "line-clamp-5 [&>div>*+*]:mt-1"),
+						children: /* @__PURE__ */ S(t, { content: e.quote })
 					})]
 				}, e.url))
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ S("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: g
+				children: _
 			})
 		]
 	});
-}), E = (e, t) => e.toLowerCase().includes(t.toLowerCase()), D = h(({ isOpen: t, onClose: n, uploaded: r, generated: c, sources: u, onAttachmentClick: f, onSourceClick: p, onDownloadAll: h, isMobile: y, defaultWidth: w, minWidth: D, maxWidth: O, onResizeStop: k, labels: A, styles: j, title: M, additionalSections: N }) => {
-	let [P, F] = v("");
-	g(() => {
+}), D = (e, t) => e.toLowerCase().includes(t.toLowerCase()), O = g(({ isOpen: t, onClose: n, uploaded: r, generated: s, sources: l, onAttachmentClick: d, onSourceClick: f, onDownloadAll: m, isMobile: g, defaultWidth: b, minWidth: T, maxWidth: O, onResizeStop: k, labels: A, styles: j, title: M, additionalSections: N }) => {
+	let [P, F] = y(""), I = (e) => {
+		F(e ?? "");
+	};
+	_(() => {
 		t || F("");
 	}, [t]);
-	let I = _(() => P ? r.filter((e) => E(e.name, P)) : r, [r, P]), L = _(() => P ? c.filter((e) => E(e.name, P)) : c, [c, P]), R = _(() => P ? u.filter((e) => E(e.title, P) || E(e.url, P) || e.quote != null && E(e.quote, P)) : u, [u, P]), z = r.length > 0 || c.length > 0 || u.length > 0, B = !z && !N, V = P !== "" && I.length === 0 && L.length === 0 && R.length === 0, H;
-	return H = B ? /* @__PURE__ */ x("div", {
+	let L = v(() => P ? r.filter((e) => D(e.name, P)) : r, [r, P]), R = v(() => P ? s.filter((e) => D(e.name, P)) : s, [s, P]), z = v(() => P ? l.filter((e) => D(e.title, P) || D(e.url, P) || e.quote != null && D(e.quote, P)) : l, [l, P]), B = r.length > 0 || s.length > 0 || l.length > 0, V = !B && !N, H = P !== "" && L.length === 0 && R.length === 0 && z.length === 0, U;
+	return U = V ? /* @__PURE__ */ S("div", {
 		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ x(l, { title: A.noDataLabel })
-	}) : /* @__PURE__ */ S(b, { children: [N, V ? /* @__PURE__ */ x(i, { label: A.noResultsLabel }) : /* @__PURE__ */ S(b, { children: [
-		/* @__PURE__ */ x(C, {
-			attachments: I,
+		children: /* @__PURE__ */ S(c, { title: A.noDataLabel })
+	}) : /* @__PURE__ */ C(x, { children: [N, H ? /* @__PURE__ */ S(i, { label: A.noResultsLabel }) : /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ S(w, {
+			attachments: L,
 			title: A.uploadedSectionTitle,
 			searchQuery: P,
 			titleClassName: j?.typography?.sectionTitleClassName,
-			onAttachmentClick: f,
+			onAttachmentClick: d,
 			attachmentClickLabel: A.attachmentClickLabel
 		}),
-		/* @__PURE__ */ x(C, {
-			attachments: L,
+		/* @__PURE__ */ S(w, {
+			attachments: R,
 			title: A.generatedSectionTitle,
 			searchQuery: P,
 			titleClassName: j?.typography?.sectionTitleClassName,
-			onAttachmentClick: f,
+			onAttachmentClick: d,
 			attachmentClickLabel: A.attachmentClickLabel
 		}),
-		/* @__PURE__ */ x(T, {
-			sources: R,
+		/* @__PURE__ */ S(E, {
+			sources: z,
 			title: A.sourcesSectionTitle,
 			searchQuery: P,
 			typography: j?.typography,
 			colors: j?.colors,
 			copyLabel: A.copySourceLabel,
 			copiedLabel: A.sourceCopiedLabel,
-			onSourceClick: p
+			onSourceClick: f
 		})
-	] })] }), /* @__PURE__ */ S(s, {
+	] })] }), /* @__PURE__ */ C(o, {
 		isOpen: t,
-		orientation: o.Right,
+		orientation: a.Right,
 		styles: {
-			className: y && t ? "w-full" : void 0,
+			className: g && t ? "w-full" : void 0,
 			bodyClassName: "flex flex-col overflow-hidden p-0",
 			headerClassName: "border-b border-tertiary"
 		},
 		labels: A,
 		title: M,
 		onClose: n,
-		resizable: !y,
-		defaultWidth: w,
-		minWidth: D,
+		resizable: !g,
+		defaultWidth: b,
+		minWidth: T,
 		maxWidth: O,
 		onResizeStop: k,
-		rightActions: z && /* @__PURE__ */ x(d, {
-			icon: /* @__PURE__ */ x(m, { ...e }),
+		rightActions: B && /* @__PURE__ */ S(u, {
+			icon: /* @__PURE__ */ S(h, { ...e }),
 			"aria-label": A.downloadAllLabel,
 			tooltipProps: { tooltip: A.downloadAllLabel },
-			onClick: h,
-			disabled: !h
+			onClick: m,
+			disabled: !m
 		}),
 		children: [
-			z && /* @__PURE__ */ x(a, {
-				value: P,
-				onChange: F,
-				labels: {
+			B && /* @__PURE__ */ S("div", {
+				role: "search",
+				className: "px-3 py-2",
+				children: /* @__PURE__ */ S(p, {
+					value: P,
+					onChange: I,
 					placeholder: A.searchPlaceholder,
-					clearLabel: A.searchClearLabel
-				}
+					clearLabel: A.searchClearLabel,
+					"aria-label": A.searchPlaceholder
+				})
 			}),
-			/* @__PURE__ */ x("span", {
+			/* @__PURE__ */ S("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: V ? A.noResultsLabel : ""
+				children: H ? A.noResultsLabel : ""
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex-1 overflow-y-auto p-4",
-				children: H
+				children: U
 			})
 		]
 	});
 });
 //#endregion
-export { D as ConversationSourcesPanel };
+export { O as ConversationSourcesPanel };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-source-panel",
   "description": "Panel for displaying conversation sources — uploaded files and generated citations",
-  "version": "1.1.0-dev.182",
+  "version": "1.1.0-dev.184",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,9 +19,9 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.182",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.182",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.182",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.184",
+    "@epam/ai-dial-sidebar": "1.1.0-dev.184",
+    "@epam/ai-dial-conversation-input": "1.1.0-dev.184",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
   },
   "repository": {