@epam/ai-dial-source-panel 1.1.0-dev.12 → 1.1.0-dev.121
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 +0 -1
- package/components/ConversationSourcesPanel/ConversationSourcesPanel.d.ts.map +1 -1
- package/components/FilesSection/FilesSection.d.ts.map +1 -1
- package/components/SourcesSection/SourcesSection.d.ts +4 -2
- package/components/SourcesSection/SourcesSection.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.d.ts +1 -1
- package/index.d.ts.map +1 -1
- package/index.js +101 -99
- package/models/conversation-sources-panel-props.d.ts +6 -8
- package/models/conversation-sources-panel-props.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ConversationSourcesPanelProps } from '../../models/conversation-sources-panel-props';
|
|
2
|
-
export type { ConversationSourcesPanelColors, ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, ConversationSourcesPanelTypography, } from '../../models/conversation-sources-panel-props';
|
|
3
2
|
declare const _default: import('react').NamedExoticComponent<ConversationSourcesPanelProps>;
|
|
4
3
|
export default _default;
|
|
5
4
|
//# sourceMappingURL=ConversationSourcesPanel.d.ts.map
|
|
@@ -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":"AAiBA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;;AA6JnG,wBAA8C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilesSection.d.ts","sourceRoot":"","sources":["../../../src/components/FilesSection/FilesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAKnE,4CAA4C;AAC5C,MAAM,WAAW,iBAAiB;IAChC,kEAAkE;IAClE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;;
|
|
1
|
+
{"version":3,"file":"FilesSection.d.ts","sourceRoot":"","sources":["../../../src/components/FilesSection/FilesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAKnE,4CAA4C;AAC5C,MAAM,WAAW,iBAAiB;IAChC,kEAAkE;IAClE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;;AAuCD,wBAAkC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ConversationSourcesPanelColors, ConversationSourcesPanelTypography } from '../../models/conversation-sources-panel-props';
|
|
1
3
|
import { QuotationSource } from '../../models/quotation-source';
|
|
2
|
-
|
|
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,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"}
|
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.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { default as ConversationSourcesPanel } from './components/ConversationSourcesPanel/ConversationSourcesPanel';
|
|
2
|
-
export type { ConversationSourcesPanelColors, ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, ConversationSourcesPanelTypography, } from './
|
|
2
|
+
export type { ConversationSourcesPanelColors, ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, ConversationSourcesPanelTypography, } from './models/conversation-sources-panel-props';
|
|
3
3
|
export type { QuotationSource } from './models/quotation-source';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AACrH,YAAY,EACV,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,8BAA8B,EAC9B,kCAAkC,GACnC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AACrH,YAAY,EACV,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,8BAA8B,EAC9B,kCAAkC,GACnC,MAAM,2CAA2C,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC"}
|
package/index.js
CHANGED
|
@@ -1,86 +1,84 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { DIAL_ICON_SIZE as
|
|
4
|
-
import { IconCopy as
|
|
5
|
-
import { memo as
|
|
6
|
-
import { AttachmentCard as
|
|
7
|
-
import { Fragment as
|
|
8
|
-
var
|
|
1
|
+
import { BASE_LG_ICON_PROPS as e, MarkdownRenderer as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
|
|
2
|
+
import { PanelNoResults as i, SearchInput as a, SidebarOrientation as o, SidebarPanel as s } from "@epam/ai-dial-sidebar";
|
|
3
|
+
import { DIAL_ICON_SIZE as c, DialNoDataContent as l, ElementSize as u, GhostIconButton as d, Highlight as f } from "@epam/ai-dial-ui-kit";
|
|
4
|
+
import { IconCopy as p, IconDownload as m } from "@tabler/icons-react";
|
|
5
|
+
import { memo as h, useLayoutEffect as g, useMemo as _, useState as v } from "react";
|
|
6
|
+
import { AttachmentCard as y } from "@epam/ai-dial-conversation-input";
|
|
7
|
+
import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
|
|
8
|
+
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", {
|
|
9
9
|
className: "mb-6",
|
|
10
|
-
children: [/* @__PURE__ */
|
|
11
|
-
className:
|
|
12
|
-
children:
|
|
13
|
-
}), /* @__PURE__ */
|
|
10
|
+
children: [/* @__PURE__ */ x("h2", {
|
|
11
|
+
className: r(i, "mb-3"),
|
|
12
|
+
children: t
|
|
13
|
+
}), /* @__PURE__ */ x("div", {
|
|
14
14
|
role: "list",
|
|
15
|
-
className: "grid grid-cols-[repeat(auto-fill,minmax(
|
|
16
|
-
children:
|
|
15
|
+
className: "grid grid-cols-[repeat(auto-fill,minmax(84px,1fr))] gap-3",
|
|
16
|
+
children: e.map((e, t) => /* @__PURE__ */ x("div", {
|
|
17
17
|
role: "listitem",
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
onClick: o ? () => o(t) : void 0,
|
|
24
|
-
labels: { clickLabel: s }
|
|
18
|
+
children: /* @__PURE__ */ x(y, {
|
|
19
|
+
attachment: e,
|
|
20
|
+
searchQuery: n,
|
|
21
|
+
onClick: a ? () => a(e) : void 0,
|
|
22
|
+
labels: { clickLabel: o }
|
|
25
23
|
})
|
|
26
|
-
},
|
|
24
|
+
}, `${e.id}-${t}`))
|
|
27
25
|
})]
|
|
28
|
-
})),
|
|
29
|
-
link: "
|
|
30
|
-
quote: "
|
|
31
|
-
},
|
|
32
|
-
let [g,
|
|
33
|
-
"--sp-source-link":
|
|
34
|
-
"--sp-source-quote":
|
|
35
|
-
}), [
|
|
36
|
-
if (
|
|
26
|
+
})), w = {
|
|
27
|
+
link: "_link_viope_1",
|
|
28
|
+
quote: "_quote_viope_5"
|
|
29
|
+
}, T = h(({ title: e, sources: i, copyLabel: a, copiedLabel: o = "Link copied to clipboard", searchQuery: s = "", typography: l, colors: m, onSourceClick: h }) => {
|
|
30
|
+
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({
|
|
31
|
+
"--sp-source-link": m?.sourceLink,
|
|
32
|
+
"--sp-source-quote": m?.sourceQuote
|
|
33
|
+
}), [m]);
|
|
34
|
+
if (i.length === 0) return null;
|
|
37
35
|
let D = async (e) => {
|
|
38
|
-
await navigator.clipboard.writeText(e),
|
|
36
|
+
await navigator.clipboard.writeText(e), y(o);
|
|
39
37
|
};
|
|
40
|
-
return /* @__PURE__ */
|
|
38
|
+
return /* @__PURE__ */ S("section", {
|
|
41
39
|
className: "mb-6",
|
|
42
40
|
style: E,
|
|
43
41
|
children: [
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
className:
|
|
42
|
+
/* @__PURE__ */ x("h2", {
|
|
43
|
+
className: r(b, "mb-3"),
|
|
46
44
|
children: e
|
|
47
45
|
}),
|
|
48
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ x("ul", {
|
|
49
47
|
className: "flex flex-col gap-3",
|
|
50
|
-
children:
|
|
48
|
+
children: i.map((e) => /* @__PURE__ */ S("li", {
|
|
51
49
|
className: "flex flex-col gap-1",
|
|
52
|
-
children: [/* @__PURE__ */
|
|
50
|
+
children: [/* @__PURE__ */ S("div", {
|
|
53
51
|
className: "flex min-w-0 items-center justify-between gap-2",
|
|
54
|
-
children: [/* @__PURE__ */
|
|
52
|
+
children: [/* @__PURE__ */ x("a", {
|
|
55
53
|
href: e.url,
|
|
56
54
|
target: "_blank",
|
|
57
55
|
rel: "noopener noreferrer",
|
|
58
|
-
className:
|
|
56
|
+
className: r(C, w.link, "min-w-0 flex-1 truncate"),
|
|
59
57
|
onClick: h ? (t) => {
|
|
60
58
|
t.preventDefault(), h(e);
|
|
61
59
|
} : void 0,
|
|
62
|
-
children:
|
|
60
|
+
children: s ? /* @__PURE__ */ x(f, {
|
|
63
61
|
text: e.title,
|
|
64
|
-
query:
|
|
62
|
+
query: s,
|
|
65
63
|
maxLines: 1
|
|
66
64
|
}) : e.title
|
|
67
|
-
}), /* @__PURE__ */
|
|
68
|
-
size:
|
|
69
|
-
icon: /* @__PURE__ */
|
|
70
|
-
size:
|
|
65
|
+
}), /* @__PURE__ */ x(d, {
|
|
66
|
+
size: u.Small,
|
|
67
|
+
icon: /* @__PURE__ */ x(p, {
|
|
68
|
+
size: c.SM,
|
|
71
69
|
stroke: 1.5,
|
|
72
70
|
"aria-hidden": !0
|
|
73
71
|
}),
|
|
74
|
-
"aria-label":
|
|
72
|
+
"aria-label": a,
|
|
75
73
|
onClick: () => void D(e.url)
|
|
76
74
|
})]
|
|
77
|
-
}), e.quote && /* @__PURE__ */
|
|
78
|
-
className:
|
|
79
|
-
children: /* @__PURE__ */
|
|
75
|
+
}), e.quote && /* @__PURE__ */ x("div", {
|
|
76
|
+
className: r(T, w.quote, "line-clamp-5 [&>div>*+*]:mt-1"),
|
|
77
|
+
children: /* @__PURE__ */ x(t, { content: e.quote })
|
|
80
78
|
})]
|
|
81
79
|
}, e.url))
|
|
82
80
|
}),
|
|
83
|
-
/* @__PURE__ */
|
|
81
|
+
/* @__PURE__ */ x("span", {
|
|
84
82
|
role: "status",
|
|
85
83
|
"aria-live": "polite",
|
|
86
84
|
className: "sr-only",
|
|
@@ -88,35 +86,65 @@ var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName: i = "dial
|
|
|
88
86
|
})
|
|
89
87
|
]
|
|
90
88
|
});
|
|
91
|
-
}),
|
|
92
|
-
let [M, N] =
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
}, [
|
|
96
|
-
let P =
|
|
97
|
-
return /* @__PURE__ */
|
|
98
|
-
|
|
99
|
-
|
|
89
|
+
}), 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 }) => {
|
|
90
|
+
let [M, N] = v("");
|
|
91
|
+
g(() => {
|
|
92
|
+
t || N("");
|
|
93
|
+
}, [t]);
|
|
94
|
+
let P = _(() => M ? r.filter((e) => E(e.name, M)) : r, [r, M]), F = _(() => M ? c.filter((e) => E(e.name, M)) : c, [c, M]), I = _(() => M ? u.filter((e) => E(e.title, M) || E(e.url, M) || e.quote != null && E(e.quote, M)) : u, [u, M]), L = r.length === 0 && c.length === 0 && u.length === 0, R = M !== "" && P.length === 0 && F.length === 0 && I.length === 0, z;
|
|
95
|
+
return z = L ? /* @__PURE__ */ x("div", {
|
|
96
|
+
className: "flex h-full items-center justify-center",
|
|
97
|
+
children: /* @__PURE__ */ x(l, { title: A.noDataLabel })
|
|
98
|
+
}) : R ? /* @__PURE__ */ x(i, { label: A.noResultsLabel }) : /* @__PURE__ */ S(b, { children: [
|
|
99
|
+
/* @__PURE__ */ x(C, {
|
|
100
|
+
attachments: P,
|
|
101
|
+
title: A.uploadedSectionTitle,
|
|
102
|
+
searchQuery: M,
|
|
103
|
+
titleClassName: j?.typography?.sectionTitleClassName,
|
|
104
|
+
onAttachmentClick: f,
|
|
105
|
+
attachmentClickLabel: A.attachmentClickLabel
|
|
106
|
+
}),
|
|
107
|
+
/* @__PURE__ */ x(C, {
|
|
108
|
+
attachments: F,
|
|
109
|
+
title: A.generatedSectionTitle,
|
|
110
|
+
searchQuery: M,
|
|
111
|
+
titleClassName: j?.typography?.sectionTitleClassName,
|
|
112
|
+
onAttachmentClick: f,
|
|
113
|
+
attachmentClickLabel: A.attachmentClickLabel
|
|
114
|
+
}),
|
|
115
|
+
/* @__PURE__ */ x(T, {
|
|
116
|
+
sources: I,
|
|
117
|
+
title: A.sourcesSectionTitle,
|
|
118
|
+
searchQuery: M,
|
|
119
|
+
typography: j?.typography,
|
|
120
|
+
colors: j?.colors,
|
|
121
|
+
copyLabel: A.copySourceLabel,
|
|
122
|
+
copiedLabel: A.sourceCopiedLabel,
|
|
123
|
+
onSourceClick: p
|
|
124
|
+
})
|
|
125
|
+
] }), /* @__PURE__ */ S(s, {
|
|
126
|
+
isOpen: t,
|
|
127
|
+
orientation: o.Right,
|
|
100
128
|
styles: {
|
|
101
|
-
className:
|
|
129
|
+
className: y && t ? "w-full" : void 0,
|
|
102
130
|
bodyClassName: "flex flex-col overflow-hidden p-0"
|
|
103
131
|
},
|
|
104
132
|
labels: A,
|
|
105
133
|
onClose: n,
|
|
106
|
-
resizable: !
|
|
107
|
-
defaultWidth:
|
|
108
|
-
minWidth:
|
|
134
|
+
resizable: !y,
|
|
135
|
+
defaultWidth: w,
|
|
136
|
+
minWidth: D,
|
|
109
137
|
maxWidth: O,
|
|
110
138
|
onResizeStop: k,
|
|
111
|
-
rightActions: !L && /* @__PURE__ */
|
|
112
|
-
icon: /* @__PURE__ */
|
|
139
|
+
rightActions: !L && /* @__PURE__ */ x(d, {
|
|
140
|
+
icon: /* @__PURE__ */ x(m, { ...e }),
|
|
113
141
|
"aria-label": A.downloadAllLabel,
|
|
114
142
|
tooltipProps: { tooltip: A.downloadAllLabel },
|
|
115
|
-
onClick:
|
|
116
|
-
disabled: !
|
|
143
|
+
onClick: h,
|
|
144
|
+
disabled: !h
|
|
117
145
|
}),
|
|
118
146
|
children: [
|
|
119
|
-
!L && /* @__PURE__ */
|
|
147
|
+
!L && /* @__PURE__ */ x(a, {
|
|
120
148
|
value: M,
|
|
121
149
|
onChange: N,
|
|
122
150
|
labels: {
|
|
@@ -124,44 +152,18 @@ var w = g(({ attachments: t, title: n, searchQuery: r, titleClassName: i = "dial
|
|
|
124
152
|
clearLabel: A.searchClearLabel
|
|
125
153
|
}
|
|
126
154
|
}),
|
|
127
|
-
/* @__PURE__ */
|
|
155
|
+
/* @__PURE__ */ x("span", {
|
|
128
156
|
role: "status",
|
|
129
157
|
"aria-live": "polite",
|
|
130
158
|
className: "sr-only",
|
|
131
159
|
children: R ? A.noResultsLabel : ""
|
|
132
160
|
}),
|
|
133
|
-
/* @__PURE__ */
|
|
161
|
+
/* @__PURE__ */ x("div", {
|
|
134
162
|
className: "flex-1 overflow-y-auto p-4",
|
|
135
|
-
children:
|
|
136
|
-
/* @__PURE__ */ S(w, {
|
|
137
|
-
attachments: P,
|
|
138
|
-
title: A.uploadedSectionTitle,
|
|
139
|
-
searchQuery: M,
|
|
140
|
-
titleClassName: j?.typography?.sectionTitleClassName,
|
|
141
|
-
onAttachmentClick: d,
|
|
142
|
-
attachmentClickLabel: A.attachmentClickLabel
|
|
143
|
-
}),
|
|
144
|
-
/* @__PURE__ */ S(w, {
|
|
145
|
-
attachments: F,
|
|
146
|
-
title: A.generatedSectionTitle,
|
|
147
|
-
searchQuery: M,
|
|
148
|
-
titleClassName: j?.typography?.sectionTitleClassName,
|
|
149
|
-
onAttachmentClick: d,
|
|
150
|
-
attachmentClickLabel: A.attachmentClickLabel
|
|
151
|
-
}),
|
|
152
|
-
/* @__PURE__ */ S(E, {
|
|
153
|
-
sources: I,
|
|
154
|
-
title: A.sourcesSectionTitle,
|
|
155
|
-
searchQuery: M,
|
|
156
|
-
typography: j?.typography,
|
|
157
|
-
colors: j?.colors,
|
|
158
|
-
copyLabel: A.copySourceLabel,
|
|
159
|
-
onSourceClick: p
|
|
160
|
-
})
|
|
161
|
-
] })
|
|
163
|
+
children: z
|
|
162
164
|
})
|
|
163
165
|
]
|
|
164
166
|
});
|
|
165
167
|
});
|
|
166
168
|
//#endregion
|
|
167
|
-
export {
|
|
169
|
+
export { D as ConversationSourcesPanel };
|
|
@@ -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. */
|
|
@@ -24,6 +24,8 @@ export interface ConversationSourcesPanelLabels {
|
|
|
24
24
|
sourcesSectionTitle: string;
|
|
25
25
|
/** Accessible label for each source's copy-URL button. */
|
|
26
26
|
copySourceLabel: string;
|
|
27
|
+
/** Status message announced to assistive tech after a source URL is copied. Defaults to `'Link copied to clipboard'`. */
|
|
28
|
+
sourceCopiedLabel?: string;
|
|
27
29
|
/** Label passed to each attachment card's action button. */
|
|
28
30
|
attachmentClickLabel: string;
|
|
29
31
|
}
|
|
@@ -47,7 +49,7 @@ export interface ConversationSourcesPanelTypography {
|
|
|
47
49
|
export interface ConversationSourcesPanelStyles {
|
|
48
50
|
/** Color overrides applied as CSS custom properties to the sources section. */
|
|
49
51
|
colors?: ConversationSourcesPanelColors;
|
|
50
|
-
/** Typography
|
|
52
|
+
/** Typography overrides for section headings and source text. */
|
|
51
53
|
typography?: ConversationSourcesPanelTypography;
|
|
52
54
|
}
|
|
53
55
|
/** Props for the ConversationSourcesPanel component. */
|
|
@@ -66,11 +68,7 @@ export interface ConversationSourcesPanelProps {
|
|
|
66
68
|
onAttachmentClick?: (attachment: DisplayAttachment) => void;
|
|
67
69
|
/** Called when the user clicks a source link. When omitted, the link navigates normally. */
|
|
68
70
|
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
|
-
*/
|
|
71
|
+
/** Called when the user activates the download-all button; omit to disable the button. */
|
|
74
72
|
onDownloadAll?: () => void;
|
|
75
73
|
/** Whether the viewport is in mobile breakpoint (disables resizing). */
|
|
76
74
|
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,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,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.1.0-dev.
|
|
4
|
+
"version": "1.1.0-dev.121",
|
|
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.1.0-dev.
|
|
23
|
-
"@epam/ai-dial-
|
|
24
|
-
"@epam/ai-dial-
|
|
25
|
-
"@epam/ai-dial-
|
|
22
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.121",
|
|
23
|
+
"@epam/ai-dial-sidebar": "1.1.0-dev.121",
|
|
24
|
+
"@epam/ai-dial-conversation-input": "1.1.0-dev.121",
|
|
25
|
+
"@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
|
|
26
26
|
},
|
|
27
27
|
"repository": {
|
|
28
28
|
"type": "git",
|