@epam/ai-dial-prompts 1.1.0-dev.438 → 1.1.0-dev.441

package/components/FavoritePromptsPanel/FavoritePromptsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FavoritePromptsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FavoritePromptsPanel/FavoritePromptsPanel.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAgD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAgB3F;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+O9D,CAAC"}
+{"version":3,"file":"FavoritePromptsPanel.d.ts","sourceRoot":"","sources":["../../../src/components/FavoritePromptsPanel/FavoritePromptsPanel.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAgD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAQ3F;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+L9D,CAAC"}

package/index.js

@@ -14,40 +14,32 @@ var j = {
 	rowLeaving: "_rowLeaving_1pyx6_27",
 	rowFadeOut: "_rowFadeOut_1pyx6_1",
 	listContent: "_listContent_1pyx6_55"
-}, M = "px-3 pb-0.5 pt-2", N = 180, P = 300, F = ({ favorites: e, onSelect: s, onToggleFavorite: l, onBrowse: f, labels: p = {}, colors: m, nameClassName: h = "dial-small-text", headerClassName: g = "dial-tiny-lead-semi-text", emptyHintClassName: v = "dial-small-text" }) => {
+}, M = "px-3 pb-0.5 pt-2", N = 180, P = ({ favorites: e, onSelect: s, onToggleFavorite: l, onBrowse: f, labels: p = {}, colors: m, nameClassName: h = "dial-small-text", headerClassName: g = "dial-tiny-lead-semi-text", emptyHintClassName: v = "dial-small-text" }) => {
 	let { myCollectionLabel: x = "My Collection", emptyHintLabel: C = "Star a prompt to pin it here", browseLabel: O = "Browse", removeFromFavoritesLabel: k = "Remove from favorites" } = p, A = i({
 		"--fp-header-text": m?.headerText,
 		"--fp-empty-hint-text": m?.emptyHintText,
 		"--fp-star-color": m?.starColor,
 		"--fp-footer-border": m?.footerBorder
-	}), [F, I] = T(/* @__PURE__ */ new Set()), L = w(/* @__PURE__ */ new Map()), [R, z] = T(null), B = w(void 0), V = () => {
-		clearTimeout(B.current), B.current = void 0;
-	}, H = (e) => {
-		V(), z(e);
-	}, U = () => {
-		V(), B.current = setTimeout(() => {
-			z(null), B.current = void 0;
-		}, P);
-	};
+	}), [P, F] = T(/* @__PURE__ */ new Set()), I = w(/* @__PURE__ */ new Map());
 	b(() => {
-		let e = L.current;
+		let e = I.current;
 		return () => {
-			e.forEach((e) => clearTimeout(e)), e.clear(), clearTimeout(B.current);
+			e.forEach((e) => clearTimeout(e)), e.clear();
 		};
 	}, []);
-	let W = w(null), [G, K] = T();
+	let L = w(null), [R, z] = T();
 	S(() => {
-		W.current && K(Math.min(W.current.scrollHeight, r));
+		L.current && z(Math.min(L.current.scrollHeight, r));
 	}, [e]);
-	let q = (e) => {
-		I((t) => new Set(t).add(e));
+	let B = (e) => {
+		F((t) => new Set(t).add(e));
 		let t = setTimeout(() => {
-			l(e), I((t) => {
+			l(e), F((t) => {
 				let n = new Set(t);
 				return n.delete(e), n;
-			}), L.current.delete(e);
+			}), I.current.delete(e);
 		}, N);
-		L.current.set(e, t);
+		I.current.set(e, t);
 	};
 	return /* @__PURE__ */ D("div", {
 		className: "flex min-w-[240px] flex-col",
@@ -59,9 +51,9 @@ var j = {
 			}),
 			/* @__PURE__ */ E("div", {
 				className: a(n, "min-h-0 flex-1 overflow-y-auto", j.listContent),
-				style: { maxHeight: G },
+				style: { maxHeight: R },
 				children: /* @__PURE__ */ E("div", {
-					ref: W,
+					ref: L,
 					children: e.length > 0 ? /* @__PURE__ */ E("ul", {
 						className: "flex flex-col gap-1 px-1 pb-1",
 						children: e.map((e) => {
@@ -74,10 +66,6 @@ var j = {
 								label: e.name,
 								labelClassName: h,
 								onClick: () => s(e),
-								onMouseEnter: () => H(e.id),
-								onMouseLeave: U,
-								onFocus: () => H(e.id),
-								onBlur: U,
 								rightControl: /* @__PURE__ */ E(_, {
 									icon: /* @__PURE__ */ E(y, {
 										size: o.SM,
@@ -86,24 +74,17 @@ var j = {
 									}),
 									"aria-label": k,
 									isSelected: !0,
-									onClick: () => q(e.id)
+									onClick: () => B(e.id)
 								})
 							}), r = e.description != null && e.description !== "";
 							return /* @__PURE__ */ E("li", {
-								className: F.has(e.id) ? j.rowLeaving : j.rowEnter,
+								className: P.has(e.id) ? j.rowLeaving : j.rowEnter,
 								children: r ? /* @__PURE__ */ E(u, {
 									asChild: !0,
-									open: R === e.id,
 									contentClassName: "max-w-[550px]",
-									content: /* @__PURE__ */ E("div", {
-										onMouseEnter: V,
-										onMouseLeave: U,
-										onFocus: V,
-										onBlur: U,
-										children: /* @__PURE__ */ E("p", {
-											className: "text-start",
-											children: e.description
-										})
+									content: /* @__PURE__ */ E("p", {
+										className: "text-start",
+										children: e.description
 									}),
 									children: n
 								}) : n
@@ -125,8 +106,8 @@ var j = {
 			})
 		]
 	});
-}, I = { card: "_card_p8vwa_1" }, L = ({ open: t, promptName: n, content: r, description: o, parameters: c, onBack: u, onClose: d, onSubmit: _, onCancel: y, labels: b = {}, colors: S, titleClassName: w = "dial-h2-text", parametersLabelClassName: j = "dial-h2-text", detailsLabelClassName: M = "dial-h2-text" }) => {
-	let { title: N = "Prompt parameters", closeLabel: P = "Close", backLabel: F = "Back", parametersLabel: L = "Parameters", detailsLabel: R = "Details", enterValuePlaceholder: z = "Enter value", cancelLabel: B = "Cancel", submitLabel: V = "Confirm" } = b, [H, U] = T({}), W = x(), G = i({
+}, F = { card: "_card_p8vwa_1" }, I = ({ open: t, promptName: n, content: r, description: o, parameters: c, onBack: u, onClose: d, onSubmit: _, onCancel: y, labels: b = {}, colors: S, titleClassName: w = "dial-h2-text", parametersLabelClassName: j = "dial-h2-text", detailsLabelClassName: M = "dial-h2-text" }) => {
+	let { title: N = "Prompt parameters", closeLabel: P = "Close", backLabel: I = "Back", parametersLabel: L = "Parameters", detailsLabel: R = "Details", enterValuePlaceholder: z = "Enter value", cancelLabel: B = "Cancel", submitLabel: V = "Confirm" } = b, [H, U] = T({}), W = x(), G = i({
 		"--pp-card-bg": S?.cardBackground,
 		"--pp-card-border": S?.cardBorder
 	}), K = C(() => c.some((e) => !H[e]?.trim()), [c, H]);
@@ -140,7 +121,7 @@ var j = {
 					"aria-hidden": !0,
 					stroke: s
 				}),
-				"aria-label": F,
+				"aria-label": I,
 				onClick: u
 			}), /* @__PURE__ */ E("span", {
 				className: w,
@@ -167,7 +148,7 @@ var j = {
 		children: /* @__PURE__ */ D("div", {
 			className: "flex flex-col gap-4 px-6 pb-4 pt-2",
 			children: [/* @__PURE__ */ E("div", {
-				className: a("flex h-[72px] w-full items-center rounded-lg border px-3", I.card),
+				className: a("flex h-[72px] w-full items-center rounded-lg border px-3", F.card),
 				style: G,
 				children: /* @__PURE__ */ E(O, {
 					type: e.Prompt,
@@ -215,4 +196,4 @@ var j = {
 	});
 };
 //#endregion
-export { F as FavoritePromptsPanel, L as PromptParametersPopup };
+export { P as FavoritePromptsPanel, I as PromptParametersPopup };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-prompts",
   "description": "Host-agnostic UI for picking a favorite prompt and resolving its {{parameter}} placeholders before it is inserted into a chat message",
-  "version": "1.1.0-dev.438",
+  "version": "1.1.0-dev.441",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -16,8 +16,8 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-catalog": "1.1.0-dev.438",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.438",
+    "@epam/ai-dial-catalog": "1.1.0-dev.441",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.441",
     "@epam/ai-dial-ui-kit": "*",
     "@tabler/icons-react": "^3.0.0",
     "react": "^19.0.0"