@epam/ai-dial-attachment-canvas 1.1.0-dev.413 → 1.1.0-dev.420

package/{LazyContentBoundary-DkAcpR4S.js → LazyContentBoundary-9fvYBGuL.js}

@@ -4,7 +4,7 @@ import { Component as s, Suspense as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/types/attachment-canvas.ts
 var d = /* @__PURE__ */ function(e) {
-	return e.PlainText = "plain_text", e.Image = "image", e.Audio = "audio", e.Markdown = "markdown", e.Json = "json", e.Pdf = "pdf", e.Ooxml = "ooxml", e.Code = "code", e.Html = "html", e.Visualizer = "visualizer", e.McpApp = "mcp_app", e.Unsupported = "unsupported", e.Error = "error", e;
+	return e.PlainText = "plain_text", e.Image = "image", e.Audio = "audio", e.Markdown = "markdown", e.MarkdownTable = "markdown_table", e.Json = "json", e.Pdf = "pdf", e.Ooxml = "ooxml", e.Code = "code", e.Html = "html", e.Visualizer = "visualizer", e.McpApp = "mcp_app", e.Unsupported = "unsupported", e.Error = "error", e;
 }({}), f = /* @__PURE__ */ function(e) {
 	return e.Docx = "docx", e.Xlsx = "xlsx", e.Pptx = "pptx", e.Csv = "csv", e;
 }({}), p = /* @__PURE__ */ function(e) {
@@ -25,6 +25,7 @@ var d = /* @__PURE__ */ function(e) {
 		case d.Ooxml:
 		case d.Code: return !0;
 		case d.Html: return e.url != null;
+		case d.MarkdownTable:
 		case d.Visualizer:
 		case d.McpApp: return !1;
 		case d.Unsupported: return e.url != null;
@@ -66,7 +67,8 @@ var d = /* @__PURE__ */ function(e) {
 			url: void 0,
 			mimeType: e.Plain
 		};
-		case d.Markdown: return {
+		case d.Markdown:
+		case d.MarkdownTable: return {
 			url: void 0,
 			mimeType: e.Markdown
 		};
@@ -107,6 +109,7 @@ var d = /* @__PURE__ */ function(e) {
 			if (n.url == null) return;
 			r(n.url, c);
 			return;
+		case d.MarkdownTable:
 		case d.Visualizer:
 		case d.McpApp: return;
 		case d.Unsupported:

package/PdfContent-BexpRNO0.js

@@ -0,0 +1,239 @@
+import "./PdfContent.css";
+import { a as e, n as t, r as n } from "./LazyContentBoundary-9fvYBGuL.js";
+import { mergeClasses as r } from "@epam/ai-dial-chat-shared";
+import { DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, Dropdown as o, ElementSize as s, FabButton as c, Input as l } from "@epam/ai-dial-ui-kit";
+import { IconMenu2 as ee, IconX as te } from "@tabler/icons-react";
+import { useCallback as u, useEffect as d, useId as ne, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { DocumentPreview as re, PageThumbnail as ie } from "@epam/ai-dial-react-pdf-highlighter";
+var ae = { viewer: "_viewer_1gfxm_1" }, g = null, _ = (e) => (g ||= new Promise((t, n) => {
+	try {
+		t(e());
+	} catch (e) {
+		n(e);
+	}
+}).catch((e) => {
+	throw g = null, e;
+}), g), v = 15, y = 3, b = 172, oe = 400, se = 150, ce = 60, x = ({ url: g, highlights: x, selectedHighlightId: S, selectedPageNumber: C, loadPdf: le, configurePdfWorker: w, hideHeader: ue = !1, labels: { thumbnailsLabel: de = "Thumbnails", showThumbnailsLabel: fe = "Show thumbnails", hideThumbnailsLabel: pe = "Hide thumbnails", pageNumberLabel: me = "Page number", loadingLabel: he = "Loading…", errorLabel: ge = "Failed to load content", retryLabel: _e = "Retry" } = {} }) => {
+	let [T, E] = p(() => w ? "preparing" : "ready"), [ve, ye] = p(0);
+	d(() => {
+		if (!w) return;
+		E("preparing");
+		let e = !1;
+		return _(w).then(() => {
+			e || E("ready");
+		}).catch(() => {
+			e || E("error");
+		}), () => {
+			e = !0;
+		};
+	}, [w, ve]);
+	let D = u(() => {
+		ye((e) => e + 1);
+	}, []), O = ne(), [k, A] = p(0), [j, M] = p(/* @__PURE__ */ new Map()), [N, P] = p(!1), [F, I] = p(() => C ?? (S ? x.find((e) => e.id === S)?.bboxes[0]?.page ?? 1 : 1)), L = f(null), R = f(null), [be, z] = p([]), [B, xe] = p(b), [Se, Ce] = p(oe), [we, Te] = p(0), V = f(!1), H = f(0), U = f(null);
+	d(() => {
+		if (C != null) {
+			I(C);
+			return;
+		}
+		if (!S) return;
+		let e = x.find((e) => e.id === S)?.bboxes[0]?.page;
+		e != null && I(e);
+	}, [
+		C,
+		S,
+		x
+	]), d(() => {
+		let e = R.current;
+		if (!N || !e) return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.height;
+			t && Ce(t);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [N]);
+	let Ee = u((e) => {
+		if (!e || V.current) return;
+		let t = e.getBoundingClientRect().height;
+		t > 0 && (V.current = !0, xe(t));
+	}, []), De = u((e) => {
+		H.current = e.currentTarget.scrollTop, U.current ??= requestAnimationFrame(() => {
+			U.current = null, Te(H.current);
+		});
+	}, []);
+	d(() => () => {
+		U.current != null && cancelAnimationFrame(U.current);
+	}, []), d(() => {
+		let e = R.current;
+		if (!e || k === 0) return;
+		let t = (F - 1) * B - e.clientHeight / 2 + B / 2;
+		e.scrollTo({
+			top: Math.max(0, t),
+			behavior: "smooth"
+		});
+	}, [
+		F,
+		k,
+		N,
+		B
+	]);
+	let W = Math.max(0, Math.floor(we / B) - y), Oe = Math.ceil(Se / B) + y * 2, G = Math.min(k - 1, W + Oe);
+	d(() => {
+		if (k === 0) return;
+		let e = Math.min(k, v);
+		z(Array.from({ length: e }, (e, t) => t + 1));
+	}, [k]), d(() => {
+		if (!N || k === 0) return;
+		let e = setTimeout(() => {
+			z((e) => {
+				let t = new Set(e), n = !1;
+				for (let e = W + 1; e <= G + 1; e++) t.has(e) || (t.add(e), n = !0);
+				return n ? Array.from(t).sort((e, t) => e - t) : e;
+			});
+		}, se);
+		return () => clearTimeout(e);
+	}, [
+		N,
+		W,
+		G,
+		k
+	]);
+	let ke = u((e) => {
+		M((t) => new Map([...t, ...e]));
+	}, []), [K, q] = p(!1), Ae = u((e) => {
+		L.current = e, q(!0);
+	}, []), J = f(null);
+	d(() => {
+		if (!K) return;
+		let e = J.current, t = e?.querySelector(".pdf-container"), n = e?.querySelector(".pdf-highlight-viewer");
+		if (!t || !n) return;
+		let r = () => {
+			let e = n.scrollWidth - n.clientWidth;
+			e > 0 && (n.scrollLeft = e / 2);
+		};
+		r();
+		let i = new ResizeObserver(r);
+		i.observe(t), i.observe(n);
+		let a = L.current?.getZoom(), o = 0, s, c = () => {
+			let e = L.current?.getZoom();
+			e !== a && (a = e, o = ce), o > 0 && (r(), --o), s = requestAnimationFrame(c);
+		};
+		return s = requestAnimationFrame(c), () => {
+			cancelAnimationFrame(s), i.disconnect();
+		};
+	}, [K]), d(() => {
+		if (!K || S || C != null) return;
+		let e = requestAnimationFrame(() => {
+			L.current?.navigateToPage(1);
+		});
+		return () => cancelAnimationFrame(e);
+	}, [
+		K,
+		S,
+		C
+	]);
+	let Y = u((e) => {
+		I(e), L.current?.navigateToPage(e);
+	}, []), [X, Z] = p(() => String(F));
+	d(() => {
+		Z(String(F));
+	}, [F]);
+	let Q = u((e) => {
+		let t = Number(e);
+		Number.isInteger(t) && t >= 1 && t <= k ? Y(t) : Z(String(F));
+	}, [
+		k,
+		F,
+		Y
+	]);
+	if (!g) return null;
+	if (T === "preparing") return /* @__PURE__ */ m(n, { loadingLabel: he });
+	if (T === "error") return /* @__PURE__ */ m(t, {
+		errorLabel: ge,
+		retryLabel: _e,
+		onRetry: D
+	});
+	let $ = [];
+	for (let e = W + 1; e <= G + 1 && e <= k; e++) $.push(/* @__PURE__ */ m("div", {
+		ref: e === W + 1 ? Ee : void 0,
+		children: /* @__PURE__ */ m(ie, {
+			pageNum: e,
+			onSelectPage: Y,
+			isSelected: F === e,
+			isLoading: !j.has(e),
+			thumbnailUrl: j.get(e) ?? null
+		})
+	}, e));
+	let je = W * B, Me = Math.max(0, k - G - 1) * B;
+	return /* @__PURE__ */ h("div", {
+		className: "relative flex h-full overflow-hidden",
+		children: [k > 0 && /* @__PURE__ */ m("div", {
+			className: "absolute start-3 top-3 z-10",
+			children: /* @__PURE__ */ m(o, {
+				open: N,
+				onOpenChange: P,
+				placement: "bottom-start",
+				matchReferenceWidth: !1,
+				renderOverlay: () => /* @__PURE__ */ h("div", {
+					className: "flex w-36 flex-col",
+					children: [/* @__PURE__ */ m("div", {
+						className: "shrink-0 p-1",
+						children: /* @__PURE__ */ m(l, {
+							size: s.Small,
+							"aria-label": me,
+							value: X,
+							postfix: `/ ${k}`,
+							inputMode: "numeric",
+							onChange: (e) => Z(e ?? ""),
+							onBlur: () => Q(X),
+							onKeyDown: (e) => {
+								e.key === "Enter" && Q(X);
+							}
+						})
+					}), /* @__PURE__ */ h("div", {
+						ref: R,
+						id: O,
+						role: "region",
+						"aria-label": de,
+						onScroll: De,
+						className: "max-h-[70vh] min-h-0 overflow-y-auto overflow-x-hidden p-1 [scrollbar-gutter:stable]",
+						children: [
+							/* @__PURE__ */ m("div", { style: { height: je } }),
+							$,
+							/* @__PURE__ */ m("div", { style: { height: Me } })
+						]
+					})]
+				}),
+				children: /* @__PURE__ */ m(c, {
+					icon: m(N ? te : ee, {
+						size: i.LG,
+						stroke: a,
+						"aria-hidden": !0
+					}),
+					"aria-label": N ? pe : fe,
+					"aria-expanded": N,
+					"aria-controls": N ? O : void 0
+				})
+			})
+		}), /* @__PURE__ */ m("div", {
+			ref: J,
+			className: r("min-w-0 flex-1 overflow-hidden", ae.viewer),
+			children: /* @__PURE__ */ m(re, {
+				fileUrl: g,
+				loadFileCb: le ?? e,
+				highlights: x,
+				selectedHighlightId: S,
+				selectedPageNumber: C,
+				showOccurrences: !1,
+				onTotalPagesChange: A,
+				thumbnailPageNumbers: be,
+				onThumbnailsLoaded: ke,
+				onViewerReady: Ae,
+				viewerOptions: { enableVirtualScrolling: !0 },
+				containerClassName: ue ? "[&>div:first-child]:hidden" : void 0
+			})
+		})]
+	});
+};
+//#endregion
+export { x as PdfContent };

package/components/AttachmentCanvas/AttachmentCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvas/AttachmentCanvas.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAiW5E,wGAAwG;AACxG,eAAO,MAAM,gBAAgB,6DAA6B,CAAC"}
+{"version":3,"file":"AttachmentCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvas/AttachmentCanvas.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AA6W5E,wGAAwG;AACxG,eAAO,MAAM,gBAAgB,6DAA6B,CAAC"}

package/components/AttachmentCanvasBody/AttachmentCanvasBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCanvasBody.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasBody/AttachmentCanvasBody.tsx"],"names":[],"mappings":"AAkBA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAochF,uNAAuN;AACvN,eAAO,MAAM,oBAAoB,iEAAiC,CAAC"}
+{"version":3,"file":"AttachmentCanvasBody.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasBody/AttachmentCanvasBody.tsx"],"names":[],"mappings":"AAkBA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AA+ehF,uNAAuN;AACvN,eAAO,MAAM,oBAAoB,iEAAiC,CAAC"}

package/components/AttachmentCanvasContainer/AttachmentCanvasContainer.d.ts

@@ -13,6 +13,8 @@ export interface AttachmentCanvasContainerProps {
     maxWidth?: number;
     /** Syntax highlight color theme forwarded to MarkdownRenderer code blocks. */
     codeBlockTheme?: CodeBlockTheme;
+    /** Filename used when downloading a `MarkdownTable`'s content as CSV. Defaults to `'table.csv'`. */
+    tableDownloadFilename?: string;
     /**
      * Configures `pdfjs-dist`'s worker (`GlobalWorkerOptions.workerSrc`) for the
      * host app. Called once, the first time a PDF attachment is opened, and

package/components/AttachmentCanvasContainer/AttachmentCanvasContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCanvasContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasContainer/AttachmentCanvasContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EACV,sBAAsB,EAKvB,MAAM,gCAAgC,CAAC;AAKxC,yDAAyD;AACzD,MAAM,WAAW,8BAA8B;IAC7C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAkItE,CAAC"}
+{"version":3,"file":"AttachmentCanvasContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasContainer/AttachmentCanvasContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EACV,sBAAsB,EAKvB,MAAM,gCAAgC,CAAC;AAKxC,yDAAyD;AACzD,MAAM,WAAW,8BAA8B;IAC7C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA8ItE,CAAC"}

package/components/PdfContent/PdfContent.d.ts

@@ -25,6 +25,13 @@ export interface PdfContentProps {
     highlights: InputHighlightData[];
     /** ID of the highlight that should be scrolled into view on mount. */
     selectedHighlightId?: string;
+    /**
+     * 1-based page to navigate to on initial load and whenever it changes,
+     * independent of highlight geometry — forwarded directly to the underlying
+     * `DocumentPreview`'s own `selectedPageNumber` prop. Takes precedence over
+     * the highlight-bbox-derived page when both are present.
+     */
+    selectedPageNumber?: number;
     /** Custom fetcher for the PDF blob; falls back to a plain `fetch` wrapper. */
     loadPdf?: (url: string) => Promise<Blob>;
     /** File name shown in the canvas header. */

package/components/PdfContent/PdfContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdfContent.d.ts","sourceRoot":"","sources":["../../../src/components/PdfContent/PdfContent.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAcf,OAAO,gDAAgD,CAAC;AACxD,OAAO,yDAAyD,CAAC;AAkFjE,mEAAmE;AACnE,MAAM,WAAW,gBAAgB;IAC/B,iGAAiG;IACjG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gHAAgH;IAChH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8GAA8G;IAC9G,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,0HAA0H;IAC1H,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0GAA0G;IAC1G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yFAAyF;IACzF,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,8GAA8G;AAC9G,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqb1C,CAAC"}
+{"version":3,"file":"PdfContent.d.ts","sourceRoot":"","sources":["../../../src/components/PdfContent/PdfContent.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAcf,OAAO,gDAAgD,CAAC;AACxD,OAAO,yDAAyD,CAAC;AAkFjE,mEAAmE;AACnE,MAAM,WAAW,gBAAgB;IAC/B,iGAAiG;IACjG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gHAAgH;IAChH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8GAA8G;IAC9G,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,0HAA0H;IAC1H,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0GAA0G;IAC1G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4GAA4G;IAC5G,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD;;;;;;;;;OASG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yFAAyF;IACzF,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,8GAA8G;AAC9G,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA6b1C,CAAC"}