@epam/ai-dial-conversation-panel 1.3.0-dev.118 → 1.3.0-dev.126

package/index.js

@@ -15,9 +15,7 @@ var W = {
 function K(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
-		case "string":
-			if (e.endsWith("px")) return parseFloat(e);
-			break;
+		case "string": if (e.endsWith("px")) return parseFloat(e);
 	}
 }
 function ce({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
@@ -78,12 +76,10 @@ function ue(e = !1) {
 function de({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	if (t === "horizontal" && n) switch (ue()) {
 		case "negative": return -r;
-		case "positive-descending":
-			if (e) {
-				let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
-				return r - t - n;
-			}
-			break;
+		case "positive-descending": if (e) {
+			let { clientWidth: t, scrollLeft: n, scrollWidth: r } = e;
+			return r - t - n;
+		}
 	}
 	return r;
 }
@@ -147,9 +143,7 @@ function he({ itemCount: e, itemProps: t, itemSize: n }) {
 					case "function":
 						a = n(e, t);
 						break;
-					case "number":
-						a = n;
-						break;
+					case "number": a = n;
 				}
 				if (e === 0) r.set(e, {
 					size: a,
@@ -191,9 +185,7 @@ function _e({ containerSize: e, itemSize: t }) {
 		case "string":
 			J(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), J(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
-		default:
-			n = t;
-			break;
+		default: n = t;
 	}
 	return n;
 }
@@ -247,18 +239,21 @@ function ve({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), w = M((t) => Y({
-		cachedBounds: h,
-		containerScrollOffset: de({
+	]), w = M((t) => {
+		let n = de({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
 			scrollOffset: t
-		}),
-		containerSize: p,
-		itemCount: a,
-		overscanCount: l
-	}), [
+		});
+		return Y({
+			cachedBounds: h,
+			containerScrollOffset: n,
+			containerSize: p,
+			itemCount: a,
+			overscanCount: l
+		});
+	}, [
 		h,
 		e,
 		p,
@@ -268,7 +263,8 @@ function ve({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		l
 	]);
 	return G(() => {
-		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
+		let t = (r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0;
+		v(w(t));
 	}, [
 		e,
 		r,
@@ -277,19 +273,19 @@ function ve({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = Y({
+				let { scrollLeft: n, scrollTop: o } = e, s = de({
+					containerElement: e,
+					direction: r,
+					isRtl: i,
+					scrollOffset: r === "vertical" ? o : n
+				}), c = Y({
 					cachedBounds: h,
-					containerScrollOffset: de({
-						containerElement: e,
-						direction: r,
-						isRtl: i,
-						scrollOffset: r === "vertical" ? o : n
-					}),
+					containerScrollOffset: s,
 					containerSize: p,
 					itemCount: a,
 					overscanCount: l
 				});
-				return fe(s, t) ? t : s;
+				return fe(c, t) ? t : c;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -460,7 +456,7 @@ var Z = /* @__PURE__ */ function(e) {
 	return e.Avatar = "avatar", e.Indicator = "indicator", e;
 }({}), Q = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), Ce = (e, n) => n === t.All ? !0 : e.source === n, we = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Te = (e) => `${60 + e * 23 % 35}%`, Ee = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", De = (e, t) => {
+}({}), Ce = (e, n) => n === t.All || e.source === n, we = (e, t) => !t || e.title.toLowerCase().includes(t.toLowerCase()), Te = (e) => `${60 + e * 23 % 35}%`, Ee = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", De = (e, t) => {
 	let n = t.rows[e];
 	return t.rowVariant === Z.Indicator ? n.kind === Q.Item ? 34 : e === 0 ? 32 : 40 : n.kind === Q.Item ? 36 : e === 0 ? 24 : 56;
 }, Oe = 5, ke = (e) => Math.max(Oe, Math.ceil(Math.ceil(e / 36) / 2)), Ae = (e) => {
@@ -701,7 +697,7 @@ var Z = /* @__PURE__ */ function(e) {
 			onDrop: C
 		})
 	});
-}, Re = new Set([
+}, Re = /* @__PURE__ */ new Set([
 	t.Pinned,
 	t.MyChats,
 	t.Shared,
@@ -1093,37 +1089,43 @@ var Z = /* @__PURE__ */ function(e) {
 		value: t.Organization,
 		labelKey: "organization"
 	}
-], Ke = j(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => /* @__PURE__ */ B(v, {
-	items: L(() => Ge.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+], Ke = j(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => {
+	let a = L(() => Ge.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
 		value: e,
 		label: t[n]
-	})), [t, i]),
-	value: e,
-	onChange: n,
-	stretch: !0,
-	"aria-label": t.groupAriaLabel ?? "Filter chats",
-	className: "px-3 py-2",
-	chipClassName: k("!px-2", r)
-})), qe = { button: "_button_vjird_1" }, Je = j(({ label: e, onClick: t, labelClassName: r = "dial-small-semi-text", colors: a, className: o }) => /* @__PURE__ */ B("div", {
-	className: "px-3 py-2",
-	style: n({
+	})), [t, i]);
+	return /* @__PURE__ */ B(v, {
+		items: a,
+		value: e,
+		onChange: n,
+		stretch: !0,
+		"aria-label": t.groupAriaLabel ?? "Filter chats",
+		className: "px-3 py-2",
+		chipClassName: k("!px-2", r)
+	});
+}), qe = { button: "_button_vjird_1" }, Je = j(({ label: e, onClick: t, labelClassName: r = "dial-small-semi-text", colors: a, className: o }) => {
+	let s = n({
 		"--cp-new-chat-bg": a?.background,
 		"--cp-new-chat-text": a?.text,
 		"--cp-new-chat-focus-outline": a?.focusOutline
-	}),
-	children: /* @__PURE__ */ B(d, {
-		label: e,
-		textClassName: r,
-		iconBefore: /* @__PURE__ */ B(ie, {
-			size: 18,
-			stroke: m,
-			className: "shrink-0",
-			"aria-hidden": !0
-		}),
-		onClick: t,
-		className: i("h-[36px] w-full gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", qe.button, o, W.newChatButton)
-	})
-})), Ye = j(({ conversations: e, isLoading: r, isOpen: a, onSelectConversation: o, activeConversationId: s, labels: c, onNewChat: d, styles: f, className: p, isOverlay: m = !1, getActions: h, onActionMenuOpen: g, onToggle: _, headerActions: v, onMoveConversation: y, activeFilter: b, onActiveFilterChange: x, isFilterTabsHidden: S = !1, hiddenSources: C }) => {
+	});
+	return /* @__PURE__ */ B("div", {
+		className: "px-3 py-2",
+		style: s,
+		children: /* @__PURE__ */ B(d, {
+			label: e,
+			textClassName: r,
+			iconBefore: /* @__PURE__ */ B(ie, {
+				size: 18,
+				stroke: m,
+				className: "shrink-0",
+				"aria-hidden": !0
+			}),
+			onClick: t,
+			className: i("h-[36px] w-full gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", qe.button, o, W.newChatButton)
+		})
+	});
+}), Ye = j(({ conversations: e, isLoading: r, isOpen: a, onSelectConversation: o, activeConversationId: s, labels: c, onNewChat: d, styles: f, className: p, isOverlay: m = !1, getActions: h, onActionMenuOpen: g, onToggle: _, headerActions: v, onMoveConversation: y, activeFilter: b, onActiveFilterChange: x, isFilterTabsHidden: S = !1, hiddenSources: C }) => {
 	let { colors: w, typography: E, newChatButton: D, searchWrapperClassName: O, headerClassName: k, headerActionsClassName: A, newChatButtonClassName: j } = f ?? {}, { title: P, emptyLabel: F, noResultsLabel: I, loadingLabel: R, newChatLabel: ee, searchPlaceholder: H, searchClearLabel: te, filterLabels: ne, groupLabels: re, actionsLabel: U, unreadIndicatorLabel: ie, closeAriaLabel: ae } = c, [oe, se] = z(""), [G, K] = z(t.All);
 	N(() => {
 		b != null && K(b);

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.3.0-dev.118",
+  "version": "1.3.0-dev.126",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,11 +19,11 @@
   "dependencies": {
     "react-window": "^2.2.7",
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-sidebar": "1.3.0-dev.118"
+    "@epam/ai-dial-sidebar": "1.3.0-dev.126"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.118",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.126",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.20"
   },
   "repository": {