@epam/ai-dial-conversation-panel 1.1.0-dev.62 → 1.1.0-dev.68
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/index.css +1 -1
- package/index.js +17 -17
- package/package.json +5 -5
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabContainer_153ct_1{background-color:#0000;color:var(--text-tertiary,#c7cbd4)!important;border-color:#0000!important}._tabContainer_153ct_1:hover{background-color:#5c8dea0f;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1>span{text-align:center}._tabContainer_153ct_1._tabActive_153ct_13{background-color:#2764d912;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1._tabActive_153ct_13:hover{background-color:#5c8dea0f}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._button_hbyrw_1{background:var(--cp-new-chat-bg,var(--bg-layer-raised,#fcfcfc));box-shadow:0 1px 3px var(--cp-new-chat-shadow-blue,var(--bg-new-chat-shadow-blue,#5c8dea33)), 0 2px 10px var(--cp-new-chat-shadow-purple,var(--bg-new-chat-shadow-purple,#a972ff24));color:var(--cp-new-chat-text,var(--text-accent-primary,#124ace));transition:box-shadow .15s,background-color .15s}._button_hbyrw_1:hover{background:var(--cp-new-chat-hover,var(--bg-layer-raised,#fcfcfc));box-shadow:0 2px 6px var(--cp-new-chat-shadow-blue-hover,var(--bg-new-chat-shadow-blue-hover,#5c8dea47)), 0 4px 16px var(--cp-new-chat-shadow-purple-hover,var(--bg-new-chat-shadow-purple-hover,#a972ff33))}._button_hbyrw_1:active{background:var(--cp-new-chat-active,var(--bg-layer-5,#f5f7fa));box-shadow:0 1px 2px var(--cp-new-chat-shadow-blue-active,var(--bg-new-chat-shadow-blue-active,#5c8dea26)), 0 1px 6px var(--cp-new-chat-shadow-purple-active,var(--bg-new-chat-shadow-purple-active,#a972ff1a))}._header_2sstl_1,._item_2sstl_5{color:var(--cp-text,var(--text-primary,#161b2d))}._item_2sstl_5:hover{background:var(--cp-item-hover,var(--bg-layer-sunken,#eef1f7))}._item_2sstl_5._itemActive_2sstl_11{background:var(--cp-item-active,var(--bg-layer-sunken,#eef1f7));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_2sstl_16{color:var(--cp-text-secondary,var(--text-tertiary,#c7cbd4))}._dropZoneActive_2sstl_20{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-color:var(--cp-drop-zone-ring,var(--stroke-accent-primary,#124ace))}._trigger_2sstl_28._triggerActive_2sstl_28{background:var(--cp-trigger-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._trigger_2sstl_28._triggerActive_2sstl_28 ._triggerIcon_2sstl_31{color:var(--cp-trigger-icon,var(--text-accent-primary,#124ace))}._triggerIcon_2sstl_31{color:var(--cp-trigger-icon-idle,var(--text-secondary,#6b7280))}
|
|
2
2
|
/*$vite$:1*/
|
package/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DeploymentIcon as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
|
|
2
2
|
import { PanelEmpty as r, PanelNoResults as i, SearchInput as a, SidebarOrientation as o, SidebarPanel as s } from "@epam/ai-dial-sidebar";
|
|
3
|
-
import {
|
|
3
|
+
import { Button as c, ButtonAppearance as l, DIAL_ICON_SIZE as u, DialDropdown as d, DialEllipsisTooltip as f, DialIconButton as p, DialSkeleton as m, DialSkeletonVariant as h, DialTag as g, ElementSize as _, Highlight as v, mergeClasses as y } from "@epam/ai-dial-ui-kit";
|
|
4
4
|
import { createElement as b, memo as x, useCallback as S, useEffect as C, useId as w, useImperativeHandle as T, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
|
|
5
5
|
import { jsx as A, jsxs as j } from "react/jsx-runtime";
|
|
6
6
|
import { IconCaretDownFilled as M, IconCaretRightFilled as N, IconDotsVertical as P, IconPlus as F } from "@tabler/icons-react";
|
|
@@ -483,8 +483,8 @@ var Y = /* @__PURE__ */ function(e) {
|
|
|
483
483
|
}
|
|
484
484
|
return null;
|
|
485
485
|
}, he = {
|
|
486
|
-
tabContainer: "
|
|
487
|
-
tabActive: "
|
|
486
|
+
tabContainer: "_tabContainer_153ct_1",
|
|
487
|
+
tabActive: "_tabActive_153ct_13"
|
|
488
488
|
}, ge = x(({ tabs: e, activeTabId: t, onTabChange: r, styles: i }) => {
|
|
489
489
|
let { tabClassName: a = "dial-tiny-semi-text" } = i?.typography ?? {};
|
|
490
490
|
return /* @__PURE__ */ A("div", {
|
|
@@ -562,14 +562,14 @@ var Y = /* @__PURE__ */ function(e) {
|
|
|
562
562
|
})
|
|
563
563
|
})), Z = {
|
|
564
564
|
skeletonColor: "var(--cp-skeleton-color, var(--bg-layer-4, #d1dbea))",
|
|
565
|
-
header: "
|
|
566
|
-
item: "
|
|
567
|
-
itemActive: "
|
|
568
|
-
groupHeader: "
|
|
569
|
-
dropZoneActive: "
|
|
570
|
-
trigger: "
|
|
571
|
-
triggerActive: "
|
|
572
|
-
triggerIcon: "
|
|
565
|
+
header: "_header_2sstl_1",
|
|
566
|
+
item: "_item_2sstl_5",
|
|
567
|
+
itemActive: "_itemActive_2sstl_11",
|
|
568
|
+
groupHeader: "_groupHeader_2sstl_16",
|
|
569
|
+
dropZoneActive: "_dropZoneActive_2sstl_20",
|
|
570
|
+
trigger: "_trigger_2sstl_28",
|
|
571
|
+
triggerActive: "_triggerActive_2sstl_28",
|
|
572
|
+
triggerIcon: "_triggerIcon_2sstl_31"
|
|
573
573
|
}, xe = ({ label: e, isExpanded: t, onToggle: r, listId: i, className: a = "dial-tiny-semi-text uppercase", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
|
|
574
574
|
let d = o != null;
|
|
575
575
|
return /* @__PURE__ */ j("button", {
|
|
@@ -604,13 +604,13 @@ var Y = /* @__PURE__ */ function(e) {
|
|
|
604
604
|
L(e), e && R.current && s?.(t, R.current);
|
|
605
605
|
}, [t, s]), z = o?.(t) ?? [], te = z.length > 0, B = t.isIconLoading ? /* @__PURE__ */ A(m, {
|
|
606
606
|
variant: h.Circular,
|
|
607
|
-
width:
|
|
608
|
-
height:
|
|
607
|
+
width: u.LG,
|
|
608
|
+
height: u.LG,
|
|
609
609
|
color: Z.skeletonColor,
|
|
610
610
|
"aria-hidden": !0
|
|
611
611
|
}) : /* @__PURE__ */ A(e, {
|
|
612
612
|
src: t.iconUrl,
|
|
613
|
-
size:
|
|
613
|
+
size: u.LG,
|
|
614
614
|
initialsName: t.iconTooltip ?? "",
|
|
615
615
|
labels: { tooltip: t.iconTooltip },
|
|
616
616
|
styles: { badgeClassName: y }
|
|
@@ -643,7 +643,7 @@ var Y = /* @__PURE__ */ function(e) {
|
|
|
643
643
|
onClick: (e) => {
|
|
644
644
|
t.href && (e.preventDefault(), i(t.id));
|
|
645
645
|
},
|
|
646
|
-
children: /* @__PURE__ */ A(
|
|
646
|
+
children: /* @__PURE__ */ A(c, {
|
|
647
647
|
iconBefore: B,
|
|
648
648
|
label: /* @__PURE__ */ A(v, {
|
|
649
649
|
text: t.title,
|
|
@@ -667,11 +667,11 @@ var Y = /* @__PURE__ */ function(e) {
|
|
|
667
667
|
children: /* @__PURE__ */ A(p, {
|
|
668
668
|
ref: R,
|
|
669
669
|
icon: /* @__PURE__ */ A(P, {
|
|
670
|
-
size:
|
|
670
|
+
size: u.SM,
|
|
671
671
|
className: Z.triggerIcon,
|
|
672
672
|
"aria-hidden": !0
|
|
673
673
|
}),
|
|
674
|
-
appearance:
|
|
674
|
+
appearance: l.Ghost,
|
|
675
675
|
size: _.Small,
|
|
676
676
|
"aria-label": f,
|
|
677
677
|
className: n("flex items-center justify-center rounded", Z.trigger, I && Z.triggerActive)
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/ai-dial-conversation-panel",
|
|
3
3
|
"description": "Virtualized sidebar panel for browsing conversation history with grouping, tabs, and search",
|
|
4
|
-
"version": "1.1.0-dev.
|
|
4
|
+
"version": "1.1.0-dev.68",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "./index.js",
|
|
@@ -18,14 +18,14 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"react-window": "^2.2.7",
|
|
21
|
-
"@epam/ai-dial-kit": "1.1.0-dev.
|
|
22
|
-
"@epam/ai-dial-ui-kit": "^0.13.0-dev.
|
|
21
|
+
"@epam/ai-dial-kit": "1.1.0-dev.68",
|
|
22
|
+
"@epam/ai-dial-ui-kit": "^0.13.0-dev.23"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
25
|
"react": "^19.0.0",
|
|
26
26
|
"@tabler/icons-react": "^3.0.0",
|
|
27
|
-
"@epam/ai-dial-chat-shared": "1.1.0-dev.
|
|
28
|
-
"@epam/ai-dial-sidebar": "1.1.0-dev.
|
|
27
|
+
"@epam/ai-dial-chat-shared": "1.1.0-dev.68",
|
|
28
|
+
"@epam/ai-dial-sidebar": "1.1.0-dev.68"
|
|
29
29
|
},
|
|
30
30
|
"repository": {
|
|
31
31
|
"type": "git",
|