@epam/ai-dial-prompts 1.2.0-dev.6 → 1.2.0-dev.69

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;AAQ3F;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+L9D,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;AAG9E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAQ3F;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAqM9D,CAAC"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,5 @@
+export declare const PROMPTS_CLASS: {
+    /** The favorite-prompts panel root, which carries the themed CSS variables. */
+    readonly favoritesPanel: "dial-prompts-favorites-panel";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;IACxB,+EAA+E;;CAEvE,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
 ._header_1pyx6_3{color:var(--fp-header-text,var(--text-tertiary,#848e9c))}._emptyHint_1pyx6_7{color:var(--fp-empty-hint-text,var(--text-icon-tertiary,#848e9c))}._star_1pyx6_11{color:var(--fp-star-color,var(--text-warning-icon,#eec840))}._footer_1pyx6_15{border-top-color:var(--fp-footer-border,var(--stroke-tertiary,#e0e6f0))}._rowEnter_1pyx6_23{animation:.2s ease-out _rowFadeIn_1pyx6_1}._rowLeaving_1pyx6_27{pointer-events:none;animation:.18s ease-out forwards _rowFadeOut_1pyx6_1}@keyframes _rowFadeIn_1pyx6_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes _rowFadeOut_1pyx6_1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}._listContent_1pyx6_55{transition:max-height .2s}@media (prefers-reduced-motion:reduce){._rowEnter_1pyx6_23,._rowLeaving_1pyx6_27{animation:none}._listContent_1pyx6_55{transition:none}}._card_p8vwa_1{background:var(--pp-card-bg,var(--bg-layer-sunken,#eef1f7));border-color:var(--pp-card-border,var(--stroke-tertiary,#e0e6f0))}
-/*$vite$:1*/
+/*$vite$:1*/.m-0{margin:0}.flex{display:flex}.grid{display:grid}.list-item{display:list-item}.h-\[72px\]{height:72px}.h-auto{height:auto}.min-h-0{min-height:0}.w-full{width:100%}.min-w-\[240px\]{min-width:240px}.max-w-\[550px\]{max-width:550px}.flex-1{flex:1 1 0%}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.text-start{text-align:start}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}

package/index.d.ts

@@ -3,4 +3,5 @@ export { PromptParametersPopup } from './components/PromptParametersPopup/Prompt
 export type { FavoritePromptItem } from './models/favorite-prompt-item';
 export type { FavoritePromptsPanelColors, FavoritePromptsPanelLabels, FavoritePromptsPanelProps, } from './models/favorite-prompts-panel-props';
 export type { PromptParametersPopupColors, PromptParametersPopupLabels, PromptParametersPopupProps, } from './models/prompt-parameters-popup-props';
+export { PROMPTS_CLASS } from './constants/public-class-names';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EACV,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EACV,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,wCAAwC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,qBAAqB,EAAE,MAAM,0DAA0D,CAAC;AACjG,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EACV,0BAA0B,EAC1B,0BAA0B,EAC1B,yBAAyB,GAC1B,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EACV,2BAA2B,EAC3B,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC"}

package/index.js

@@ -4,7 +4,8 @@ import { IconChevronLeft as y, IconStarFilled as b } from "@tabler/icons-react";
 import { useEffect as x, useId as S, useLayoutEffect as C, useRef as w, useState as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
 import { AppIdentity as O, ContentTab as k, DeploymentSize as A } from "@epam/ai-dial-catalog";
-var j = {
+//#region src/constants/public-class-names.ts
+var j = { favoritesPanel: "dial-prompts-favorites-panel" }, M = {
 	header: "_header_1pyx6_3",
 	emptyHint: "_emptyHint_1pyx6_7",
 	star: "_star_1pyx6_11",
@@ -14,46 +15,46 @@ 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 = ({ favorites: e, onSelect: a, onToggleFavorite: c, onBrowse: u, labels: p = {}, colors: m, nameClassName: h = "dial-small-text", headerClassName: g = "dial-tiny-lead-semi-text", emptyHintClassName: _ = "dial-small-text" }) => {
+}, N = "px-3 pb-0.5 pt-2", P = 180, F = ({ favorites: e, onSelect: a, onToggleFavorite: c, onBrowse: u, labels: p = {}, colors: m, nameClassName: h = "dial-small-text", headerClassName: g = "dial-tiny-lead-semi-text", emptyHintClassName: _ = "dial-small-text" }) => {
 	let { myCollectionLabel: y = "My Collection", emptyHintLabel: S = "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
-	}), [P, F] = T(/* @__PURE__ */ new Set()), I = w(/* @__PURE__ */ new Map());
+	}), [F, I] = T(/* @__PURE__ */ new Set()), L = w(/* @__PURE__ */ new Map());
 	x(() => {
-		let e = I.current;
+		let e = L.current;
 		return () => {
 			e.forEach((e) => clearTimeout(e)), e.clear();
 		};
 	}, []);
-	let L = w(null), [R, z] = T();
+	let R = w(null), [z, B] = T();
 	C(() => {
-		L.current && z(Math.min(L.current.scrollHeight, r));
+		R.current && B(Math.min(R.current.scrollHeight, r));
 	}, [e]);
-	let B = (e) => {
-		F((t) => new Set(t).add(e));
+	let V = (e) => {
+		I((t) => new Set(t).add(e));
 		let t = setTimeout(() => {
-			c(e), F((t) => {
+			c(e), I((t) => {
 				let n = new Set(t);
 				return n.delete(e), n;
-			}), I.current.delete(e);
-		}, N);
-		I.current.set(e, t);
+			}), L.current.delete(e);
+		}, P);
+		L.current.set(e, t);
 	};
 	return /* @__PURE__ */ D("div", {
-		className: "flex min-w-[240px] flex-col",
+		className: o("flex min-w-[240px] flex-col", j.favoritesPanel),
 		style: A,
 		children: [
 			/* @__PURE__ */ E("p", {
-				className: o(g, M, j.header),
+				className: o(g, N, M.header),
 				children: y
 			}),
 			/* @__PURE__ */ E("div", {
-				className: o(n, "min-h-0 flex-1 overflow-y-auto", j.listContent),
-				style: { maxHeight: R },
+				className: o(n, "min-h-0 flex-1 overflow-y-auto", M.listContent),
+				style: { maxHeight: z },
 				children: /* @__PURE__ */ E("div", {
-					ref: L,
+					ref: R,
 					children: e.length > 0 ? /* @__PURE__ */ E("ul", {
 						className: "flex flex-col gap-1 px-1 pb-1",
 						children: e.map((e) => {
@@ -69,16 +70,16 @@ var j = {
 								rightControl: /* @__PURE__ */ E(v, {
 									icon: /* @__PURE__ */ E(b, {
 										size: s.SM,
-										className: j.star,
+										className: M.star,
 										"aria-hidden": !0
 									}),
 									"aria-label": k,
 									isSelected: !0,
-									onClick: () => B(e.id)
+									onClick: () => V(e.id)
 								})
 							}), r = e.description != null && e.description !== "";
 							return /* @__PURE__ */ E("li", {
-								className: P.has(e.id) ? j.rowLeaving : j.rowEnter,
+								className: F.has(e.id) ? M.rowLeaving : M.rowEnter,
 								children: r ? /* @__PURE__ */ E(d, {
 									asChild: !0,
 									contentClassName: "max-w-[550px]",
@@ -91,13 +92,13 @@ var j = {
 							}, e.id);
 						})
 					}) : /* @__PURE__ */ E("p", {
-						className: o(_, "px-4 py-4 text-start", j.emptyHint),
+						className: o(_, "px-4 py-4 text-start", M.emptyHint),
 						children: S
 					})
 				})
 			}),
 			/* @__PURE__ */ E("div", {
-				className: o("border-t px-2 py-3", j.footer),
+				className: o("border-t px-2 py-3", M.footer),
 				children: /* @__PURE__ */ E(l, {
 					label: O,
 					className: "w-full justify-center",
@@ -106,8 +107,8 @@ var j = {
 			})
 		]
 	});
-}, F = { card: "_card_p8vwa_1" }, I = ({ open: t, promptName: n, content: r, description: s, parameters: l, onBack: d, onClose: f, onSubmit: v, onCancel: b, labels: x = {}, colors: C, 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" } = x, H = l.map(({ name: e, defaultValue: t }) => `${e}\u0000${t ?? ""}`).join("
"), [U, W] = T(() => a(l)), [G, K] = T(H);
+}, I = { card: "_card_p8vwa_1" }, L = ({ open: t, promptName: n, content: r, description: s, parameters: l, onBack: d, onClose: f, onSubmit: v, onCancel: b, labels: x = {}, colors: C, 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" } = x, H = l.map(({ name: e, defaultValue: t }) => `${e}\u0000${t ?? ""}`).join("
"), [U, W] = T(() => a(l)), [G, K] = T(H);
 	G !== H && (K(H), W(a(l)));
 	let q = S(), J = i({
 		"--pp-card-bg": C?.cardBackground,
@@ -123,7 +124,7 @@ var j = {
 					"aria-hidden": !0,
 					stroke: c
 				}),
-				"aria-label": I,
+				"aria-label": F,
 				onClick: d
 			}), /* @__PURE__ */ E("span", {
 				className: w,
@@ -150,7 +151,7 @@ var j = {
 		children: /* @__PURE__ */ D("div", {
 			className: "flex flex-col gap-4 px-6 pb-4 pt-2",
 			children: [/* @__PURE__ */ E("div", {
-				className: o("flex h-[72px] w-full items-center rounded-lg border px-3", F.card),
+				className: o("flex h-[72px] w-full items-center rounded-lg border px-3", I.card),
 				style: J,
 				children: /* @__PURE__ */ E(O, {
 					type: e.Prompt,
@@ -198,4 +199,4 @@ var j = {
 	});
 };
 //#endregion
-export { P as FavoritePromptsPanel, I as PromptParametersPopup };
+export { F as FavoritePromptsPanel, j as PROMPTS_CLASS, L 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.2.0-dev.6",
+  "version": "1.2.0-dev.69",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,11 +18,11 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-catalog": "1.2.0-dev.6"
+    "@epam/ai-dial-catalog": "1.2.0-dev.69"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.6",
-    "@epam/ai-dial-ui-kit": "^0.14.2",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.69",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.9",
     "react": "^19.2.8"
   },
   "repository": {