@epam/ai-dial-source-panel 1.0.0-rc.1 → 1.1.0-dev.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ConversationSourcesPanel/ConversationSourcesPanel.d.ts.map +1 -1
- package/components/SourcesSection/SourcesSection.d.ts +3 -1
- package/components/SourcesSection/SourcesSection.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.js +31 -28
- package/models/conversation-sources-panel-props.d.ts +4 -8
- package/models/conversation-sources-panel-props.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConversationSourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationSourcesPanel/ConversationSourcesPanel.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ConversationSourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationSourcesPanel/ConversationSourcesPanel.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;AAGnG,YAAY,EACV,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,8BAA8B,EAC9B,kCAAkC,GACnC,MAAM,+CAA+C,CAAC;;AAqJvD,wBAA8C"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
import { QuotationSource } from '../../models/quotation-source';
|
|
2
3
|
import { ConversationSourcesPanelColors, ConversationSourcesPanelTypography } from '../ConversationSourcesPanel/ConversationSourcesPanel';
|
|
4
|
+
/** Props for the `SourcesSection` component. */
|
|
3
5
|
export interface SourcesSectionProps {
|
|
4
6
|
/** Heading text for the sources section. */
|
|
5
|
-
title:
|
|
7
|
+
title: ReactNode;
|
|
6
8
|
/** List of sources to display. */
|
|
7
9
|
sources: QuotationSource[];
|
|
8
10
|
/** Accessible label for each source's copy-URL button. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"
|
|
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,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EACL,8BAA8B,EAC9B,kCAAkC,EACnC,MAAM,sDAAsD,CAAC;AAG9D,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"}
|
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._link_viope_1{color:var(--sp-source-link,var(--text-accent,#1d4ed8))}._quote_viope_5{color:var(--sp-source-quote,var(--text-primary,#161b2d))}
|
|
2
2
|
/*$vite$:1*/
|
package/index.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { AttachmentType as e, BASE_LG_ICON_PROPS as t,
|
|
2
|
-
import {
|
|
3
|
-
import { DIAL_ICON_SIZE as d,
|
|
1
|
+
import { AttachmentType as e, BASE_LG_ICON_PROPS as t, MarkdownRenderer as n, buildCssVars as r, mergeClasses as i } from "@epam/ai-dial-chat-shared";
|
|
2
|
+
import { PanelNoResults as a, SearchInput as o, SidebarOrientation as s, SidebarPanel as c } from "@epam/ai-dial-sidebar";
|
|
3
|
+
import { DIAL_ICON_SIZE as l, DialNoDataContent as u, ElementSize as d, GhostIconButton as f, Highlight as p } from "@epam/ai-dial-ui-kit";
|
|
4
4
|
import { IconCopy as m, IconDownload as h } from "@tabler/icons-react";
|
|
5
5
|
import { memo as g, useLayoutEffect as _, useMemo as v, useState as y } from "react";
|
|
6
6
|
import { AttachmentCard as b } from "@epam/ai-dial-conversation-input";
|
|
7
7
|
import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
|
|
8
|
-
var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName:
|
|
8
|
+
var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName: a = "dial-body-semi-text", onAttachmentClick: o, attachmentClickLabel: s }) => t.length === 0 ? null : /* @__PURE__ */ C("section", {
|
|
9
9
|
className: "mb-6",
|
|
10
10
|
children: [/* @__PURE__ */ S("h2", {
|
|
11
|
-
className: a
|
|
11
|
+
className: i(a, "mb-3"),
|
|
12
12
|
children: n
|
|
13
13
|
}), /* @__PURE__ */ S("div", {
|
|
14
14
|
role: "list",
|
|
15
15
|
className: "grid grid-cols-[repeat(auto-fill,minmax(84px,1fr))] gap-3",
|
|
16
|
-
children: t.map((t) => /* @__PURE__ */ S("div", {
|
|
16
|
+
children: t.map((t, n) => /* @__PURE__ */ S("div", {
|
|
17
17
|
role: "listitem",
|
|
18
18
|
className: t.type === e.Audio ? "col-span-full" : void 0,
|
|
19
19
|
children: /* @__PURE__ */ S(b, {
|
|
@@ -22,26 +22,26 @@ var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName: i = "dial
|
|
|
22
22
|
onClick: o ? () => o(t) : void 0,
|
|
23
23
|
labels: { clickLabel: s }
|
|
24
24
|
})
|
|
25
|
-
}, t.id))
|
|
25
|
+
}, `${t.id}-${n}`))
|
|
26
26
|
})]
|
|
27
27
|
})), T = {
|
|
28
|
-
link: "
|
|
29
|
-
quote: "
|
|
30
|
-
}, E = g(({ title: e, sources: t, copyLabel:
|
|
31
|
-
let [g, _] = y(""), b =
|
|
28
|
+
link: "_link_viope_1",
|
|
29
|
+
quote: "_quote_viope_5"
|
|
30
|
+
}, E = g(({ title: e, sources: t, copyLabel: a, copiedLabel: o = "Link copied to clipboard", searchQuery: s = "", typography: c, colors: u, onSourceClick: h }) => {
|
|
31
|
+
let [g, _] = y(""), b = c?.sectionTitleClassName ?? "dial-body-semi-text", x = c?.sourceLinkClassName ?? "dial-small-text", w = c?.sourceQuoteClassName ?? "dial-tiny-text", E = v(() => r({
|
|
32
32
|
"--sp-source-link": u?.sourceLink,
|
|
33
33
|
"--sp-source-quote": u?.sourceQuote
|
|
34
34
|
}), [u]);
|
|
35
35
|
if (t.length === 0) return null;
|
|
36
36
|
let D = async (e) => {
|
|
37
|
-
await navigator.clipboard.writeText(e), _(
|
|
37
|
+
await navigator.clipboard.writeText(e), _(o);
|
|
38
38
|
};
|
|
39
39
|
return /* @__PURE__ */ C("section", {
|
|
40
40
|
className: "mb-6",
|
|
41
41
|
style: E,
|
|
42
42
|
children: [
|
|
43
43
|
/* @__PURE__ */ S("h2", {
|
|
44
|
-
className:
|
|
44
|
+
className: i(b, "mb-3"),
|
|
45
45
|
children: e
|
|
46
46
|
}),
|
|
47
47
|
/* @__PURE__ */ S("ul", {
|
|
@@ -54,28 +54,28 @@ var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName: i = "dial
|
|
|
54
54
|
href: e.url,
|
|
55
55
|
target: "_blank",
|
|
56
56
|
rel: "noopener noreferrer",
|
|
57
|
-
className:
|
|
57
|
+
className: i(x, T.link, "min-w-0 flex-1 truncate"),
|
|
58
58
|
onClick: h ? (t) => {
|
|
59
59
|
t.preventDefault(), h(e);
|
|
60
60
|
} : void 0,
|
|
61
|
-
children:
|
|
61
|
+
children: s ? /* @__PURE__ */ S(p, {
|
|
62
62
|
text: e.title,
|
|
63
|
-
query:
|
|
63
|
+
query: s,
|
|
64
64
|
maxLines: 1
|
|
65
65
|
}) : e.title
|
|
66
66
|
}), /* @__PURE__ */ S(f, {
|
|
67
|
-
size:
|
|
67
|
+
size: d.Small,
|
|
68
68
|
icon: /* @__PURE__ */ S(m, {
|
|
69
|
-
size:
|
|
69
|
+
size: l.SM,
|
|
70
70
|
stroke: 1.5,
|
|
71
71
|
"aria-hidden": !0
|
|
72
72
|
}),
|
|
73
|
-
"aria-label":
|
|
73
|
+
"aria-label": a,
|
|
74
74
|
onClick: () => void D(e.url)
|
|
75
75
|
})]
|
|
76
76
|
}), e.quote && /* @__PURE__ */ S("div", {
|
|
77
|
-
className:
|
|
78
|
-
children: /* @__PURE__ */ S(
|
|
77
|
+
className: i(w, T.quote, "line-clamp-5 [&>div>*+*]:mt-1"),
|
|
78
|
+
children: /* @__PURE__ */ S(n, { content: e.quote })
|
|
79
79
|
})]
|
|
80
80
|
}, e.url))
|
|
81
81
|
}),
|
|
@@ -87,17 +87,17 @@ var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName: i = "dial
|
|
|
87
87
|
})
|
|
88
88
|
]
|
|
89
89
|
});
|
|
90
|
-
}), D = (e, t) => e.toLowerCase().includes(t.toLowerCase()), O = g(({ isOpen: e, onClose: n, uploaded: r, generated: i, sources:
|
|
90
|
+
}), D = (e, t) => e.toLowerCase().includes(t.toLowerCase()), O = g(({ isOpen: e, onClose: n, uploaded: r, generated: i, sources: l, onAttachmentClick: d, onSourceClick: p, onDownloadAll: m, isMobile: g, defaultWidth: b, minWidth: T, maxWidth: O, onResizeStop: k, labels: A, styles: j }) => {
|
|
91
91
|
let [M, N] = y("");
|
|
92
92
|
_(() => {
|
|
93
93
|
e || N("");
|
|
94
94
|
}, [e]);
|
|
95
|
-
let P = v(() => M ? r.filter((e) => D(e.name, M)) : r, [r, M]), F = v(() => M ? i.filter((e) => D(e.name, M)) : i, [i, M]), I = v(() => M ?
|
|
96
|
-
return /* @__PURE__ */ C(
|
|
95
|
+
let P = v(() => M ? r.filter((e) => D(e.name, M)) : r, [r, M]), F = v(() => M ? i.filter((e) => D(e.name, M)) : i, [i, M]), I = v(() => M ? l.filter((e) => D(e.title, M) || D(e.url, M) || e.quote != null && D(e.quote, M)) : l, [l, M]), L = r.length === 0 && i.length === 0 && l.length === 0, R = M !== "" && P.length === 0 && F.length === 0 && I.length === 0;
|
|
96
|
+
return /* @__PURE__ */ C(c, {
|
|
97
97
|
isOpen: e,
|
|
98
|
-
orientation:
|
|
98
|
+
orientation: s.Right,
|
|
99
99
|
styles: {
|
|
100
|
-
className: e ? "
|
|
100
|
+
className: g && e ? "w-full" : void 0,
|
|
101
101
|
bodyClassName: "flex flex-col overflow-hidden p-0"
|
|
102
102
|
},
|
|
103
103
|
labels: A,
|
|
@@ -115,7 +115,7 @@ var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName: i = "dial
|
|
|
115
115
|
disabled: !m
|
|
116
116
|
}),
|
|
117
117
|
children: [
|
|
118
|
-
!L && /* @__PURE__ */ S(
|
|
118
|
+
!L && /* @__PURE__ */ S(o, {
|
|
119
119
|
value: M,
|
|
120
120
|
onChange: N,
|
|
121
121
|
labels: {
|
|
@@ -131,7 +131,10 @@ var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName: i = "dial
|
|
|
131
131
|
}),
|
|
132
132
|
/* @__PURE__ */ S("div", {
|
|
133
133
|
className: "flex-1 overflow-y-auto p-4",
|
|
134
|
-
children: L ? /* @__PURE__ */ S(
|
|
134
|
+
children: L ? /* @__PURE__ */ S("div", {
|
|
135
|
+
className: "flex h-full items-center justify-center",
|
|
136
|
+
children: /* @__PURE__ */ S(u, { title: A.noDataLabel })
|
|
137
|
+
}) : R ? /* @__PURE__ */ S(a, { label: A.noResultsLabel }) : /* @__PURE__ */ C(x, { children: [
|
|
135
138
|
/* @__PURE__ */ S(w, {
|
|
136
139
|
attachments: P,
|
|
137
140
|
title: A.uploadedSectionTitle,
|
|
@@ -10,8 +10,8 @@ export interface ConversationSourcesPanelLabels {
|
|
|
10
10
|
searchPlaceholder: string;
|
|
11
11
|
/** Accessible label for the search input clear button. */
|
|
12
12
|
searchClearLabel: string;
|
|
13
|
-
/** Text shown when the panel has no files or sources. */
|
|
14
|
-
|
|
13
|
+
/** Text shown in the centred empty state when the panel has no files or sources. */
|
|
14
|
+
noDataLabel: string;
|
|
15
15
|
/** Text shown when a search query matches nothing. */
|
|
16
16
|
noResultsLabel: string;
|
|
17
17
|
/** Accessible label for the download-all icon button. */
|
|
@@ -47,7 +47,7 @@ export interface ConversationSourcesPanelTypography {
|
|
|
47
47
|
export interface ConversationSourcesPanelStyles {
|
|
48
48
|
/** Color overrides applied as CSS custom properties to the sources section. */
|
|
49
49
|
colors?: ConversationSourcesPanelColors;
|
|
50
|
-
/** Typography
|
|
50
|
+
/** Typography overrides for section headings and source text. */
|
|
51
51
|
typography?: ConversationSourcesPanelTypography;
|
|
52
52
|
}
|
|
53
53
|
/** Props for the ConversationSourcesPanel component. */
|
|
@@ -66,11 +66,7 @@ export interface ConversationSourcesPanelProps {
|
|
|
66
66
|
onAttachmentClick?: (attachment: DisplayAttachment) => void;
|
|
67
67
|
/** Called when the user clicks a source link. When omitted, the link navigates normally. */
|
|
68
68
|
onSourceClick?: (source: QuotationSource) => void;
|
|
69
|
-
/**
|
|
70
|
-
* Called when the user activates the download-all button. Omit this prop
|
|
71
|
-
* (leave it `undefined`) when there is nothing downloadable — the button
|
|
72
|
-
* renders disabled whenever this is not provided.
|
|
73
|
-
*/
|
|
69
|
+
/** Called when the user activates the download-all button; omit to disable the button. */
|
|
74
70
|
onDownloadAll?: () => void;
|
|
75
71
|
/** Whether the viewport is in mobile breakpoint (disables resizing). */
|
|
76
72
|
isMobile: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conversation-sources-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/conversation-sources-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,oFAAoF;AACpF,MAAM,WAAW,8BAA8B;IAC7C,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,CAAC;IACzB,
|
|
1
|
+
{"version":3,"file":"conversation-sources-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/conversation-sources-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,oFAAoF;AACpF,MAAM,WAAW,8BAA8B;IAC7C,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,CAAC;IACzB,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,gBAAgB,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oDAAoD;IACpD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,4CAA4C;IAC5C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,6DAA6D;AAC7D,MAAM,WAAW,8BAA8B;IAC7C,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oEAAoE;AACpE,MAAM,WAAW,kCAAkC;IACjD,+FAA+F;IAC/F,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wFAAwF;IACxF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,kEAAkE;AAClE,MAAM,WAAW,8BAA8B;IAC7C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,iEAAiE;IACjE,UAAU,CAAC,EAAE,kCAAkC,CAAC;CACjD;AAED,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,mEAAmE;IACnE,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,gDAAgD;IAChD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,4FAA4F;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,MAAM,EAAE,8BAA8B,CAAC;IACvC,wEAAwE;IACxE,MAAM,CAAC,EAAE,8BAA8B,CAAC;CACzC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-source-panel",
|
|
3
3
|
"description": "Panel for displaying conversation sources — uploaded files and generated citations",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.1.0-dev.101",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"react": "^19.0.0",
|
|
21
21
|
"@tabler/icons-react": "^3.0.0",
|
|
22
|
-
"@epam/ai-dial-chat-shared": "1.
|
|
23
|
-
"@epam/ai-dial-
|
|
24
|
-
"@epam/ai-dial-
|
|
25
|
-
"@epam/ai-dial-
|
|
22
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.101",
|
|
23
|
+
"@epam/ai-dial-sidebar": "1.1.0-dev.101",
|
|
24
|
+
"@epam/ai-dial-conversation-input": "1.1.0-dev.101",
|
|
25
|
+
"@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
|
|
26
26
|
},
|
|
27
27
|
"repository": {
|
|
28
28
|
"type": "git",
|