@epam/ai-dial-conversation-panel 1.1.0-dev.240 → 1.1.0-dev.244

package/index.js

@@ -1,6 +1,6 @@
 import { DeploymentIcon as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
 import { PanelEmpty as r, PanelNoResults as i, SidebarOrientation as a, SidebarPanel as o } from "@epam/ai-dial-sidebar";
-import { Button as s, DIAL_ICON_SIZE as c, DialEllipsisTooltip as l, Dropdown as u, ElementSize as d, GhostIconButton as f, Highlight as p, Search as m, Skeleton as h, SkeletonVariant as g, Tag as _, mergeClasses as v } from "@epam/ai-dial-ui-kit";
+import { Button as s, DIAL_ICON_SIZE as c, Dropdown as l, ElementSize as u, EllipsisTooltip as d, GhostIconButton as f, Highlight as p, Search as m, Skeleton as h, SkeletonVariant as g, Tag as _, mergeClasses as v } from "@epam/ai-dial-ui-kit";
 import { createElement as y, memo as b, useCallback as x, useEffect as S, useId as C, useImperativeHandle as w, useLayoutEffect as T, useMemo as E, useRef as D, useState as O } from "react";
 import { Fragment as ee, jsx as k, jsxs as A } from "react/jsx-runtime";
 import { IconCaretDownFilled as j, IconCaretRightFilled as M, IconClock as N, IconDotsVertical as P, IconPlus as te } from "@tabler/icons-react";
@@ -576,7 +576,7 @@ var Y = /* @__PURE__ */ function(e) {
 	triggerActive: "_triggerActive_1qyc3_27",
 	triggerIcon: "_triggerIcon_1qyc3_30",
 	unreadDot: "_unreadDot_1qyc3_38"
-}, Se = ({ label: e, isExpanded: t, onToggle: r, listId: i, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: u, onDrop: d }) => {
+}, Se = ({ label: e, isExpanded: t, onToggle: r, listId: i, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
 	let f = o != null;
 	return /* @__PURE__ */ A("button", {
 		type: "button",
@@ -587,10 +587,10 @@ var Y = /* @__PURE__ */ function(e) {
 			f && (e.preventDefault(), c?.(o));
 		} : void 0,
 		onDragLeave: f ? (e) => {
-			f && (e.currentTarget.contains(e.relatedTarget) || u?.());
+			f && (e.currentTarget.contains(e.relatedTarget) || l?.());
 		} : void 0,
 		onDrop: f ? (e) => {
-			f && (e.preventDefault(), d?.(o, o, null));
+			f && (e.preventDefault(), u?.(o, o, null));
 		} : void 0,
 		className: n("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, Z.groupHeader, s && Z.dropZoneActive),
 		children: [t ? /* @__PURE__ */ k(j, {
@@ -603,12 +603,12 @@ var Y = /* @__PURE__ */ function(e) {
 			size: 12,
 			className: "shrink-0 rtl:scale-x-[-1]",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ k(l, { text: e })]
+		}), /* @__PURE__ */ k(d, { text: e })]
 	});
-}, Ce = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: l, actionsLabel: m = "More actions", itemTitleClassName: _ = "dial-small-text", itemIconBadgeClassName: v, taskBadgeClassName: y = "dial-caption-lead-semi-text", unreadIndicatorLabel: b = "Unread", rowGroupKey: S, rows: C, draggingId: w, dragOverId: T, allowedDropGroups: E, onDragStart: j, onDragEnd: M, onDragOver: te, onDragLeave: F, onDrop: I }) => {
+}, Ce = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: d, actionsLabel: m = "More actions", itemTitleClassName: _ = "dial-small-text", itemIconBadgeClassName: v, taskBadgeClassName: y = "dial-caption-lead-semi-text", unreadIndicatorLabel: b = "Unread", rowGroupKey: S, rows: C, draggingId: w, dragOverId: T, allowedDropGroups: E, onDragStart: j, onDragEnd: M, onDragOver: te, onDragLeave: F, onDrop: I }) => {
 	let [L, ne] = O(!1), R = D(null), re = x((e) => {
-		ne(e), e && R.current && l?.(t, R.current);
-	}, [t, l]), z = o?.(t) ?? [], B = z.length > 0, V = t.isIconLoading ? /* @__PURE__ */ k(h, {
+		ne(e), e && R.current && d?.(t, R.current);
+	}, [t, d]), z = o?.(t) ?? [], B = z.length > 0, V = t.isIconLoading ? /* @__PURE__ */ k(h, {
 		variant: g.Circular,
 		width: c.LG,
 		height: c.LG,
@@ -684,7 +684,7 @@ var Y = /* @__PURE__ */ function(e) {
 			})
 		}), B && /* @__PURE__ */ k("div", {
 			className: n("absolute inset-y-0 end-1 flex items-center", L ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ k(u, {
+			children: /* @__PURE__ */ k(l, {
 				items: z,
 				onOpenChange: re,
 				matchReferenceWidth: !1,
@@ -696,7 +696,7 @@ var Y = /* @__PURE__ */ function(e) {
 						className: Z.triggerIcon,
 						"aria-hidden": !0
 					}),
-					size: d.Small,
+					size: u.Small,
 					"aria-label": m,
 					className: n(L && Z.triggerActive)
 				})

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-panel",
   "description": "Virtualized sidebar panel for browsing conversation history with grouping, tabs, and search",
-  "version": "1.1.0-dev.240",
+  "version": "1.1.0-dev.244",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,13 +18,13 @@
   },
   "dependencies": {
     "react-window": "^2.2.7",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
+    "@epam/ai-dial-ui-kit": "^0.14.0-dev.4"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.240",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.240"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.244",
+    "@epam/ai-dial-sidebar": "1.1.0-dev.244"
   },
   "repository": {
     "type": "git",