@epam/ai-dial-prompts 1.2.0-dev.99 → 1.2.0-rc.0

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.
Files changed (6) hide show
  1. package/components/FavoritePromptsPanel/FavoritePromptsPanel.d.ts.map +1 -1
  2. package/components/PromptParametersPopup/PromptParametersPopup.d.ts.map +1 -1
  3. package/index.css +1 -1
  4. package/index.js +4 -0
  5. package/package.json +4 -4
  6. package/parameters-popup.js +51 -53
package/components/FavoritePromptsPanel/FavoritePromptsPanel.d.ts.map CHANGED
@@ -1 +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;AAG9E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAQ3F;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAqM9D,CAAC"}
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;AAG9E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAQ3F;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAyM9D,CAAC"}
package/components/PromptParametersPopup/PromptParametersPopup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PromptParametersPopup.d.ts","sourceRoot":"","sources":["../../../src/components/PromptParametersPopup/PromptParametersPopup.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAmB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAG7F;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAmJhE,CAAC"}
1
+ {"version":3,"file":"PromptParametersPopup.d.ts","sourceRoot":"","sources":["../../../src/components/PromptParametersPopup/PromptParametersPopup.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAmB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4CAA4C,CAAC;AAG7F;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAkJhE,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
1
  ._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))}
2
- /*$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}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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))}
2
+ /*$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-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\.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\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:.5rem}.text-start{text-align:start}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.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.js CHANGED
@@ -58,9 +58,11 @@ var C = t(async () => ({ default: (await import("./parameters-popup.js")).Prompt
58
58
  children: /* @__PURE__ */ c("div", {
59
59
  ref: R,
60
60
  children: e.length > 0 ? /* @__PURE__ */ c("ul", {
61
+ role: "none",
61
62
  className: "flex flex-col gap-1 px-1 pb-1",
62
63
  children: e.map((e) => {
63
64
  let n = /* @__PURE__ */ c(b, {
65
+ role: "menuitem",
64
66
  className: "h-auto py-1.5",
65
67
  icon: /* @__PURE__ */ c(u, {
66
68
  size: _.MD,
@@ -81,6 +83,7 @@ var C = t(async () => ({ default: (await import("./parameters-popup.js")).Prompt
81
83
  })
82
84
  }), r = e.description != null && e.description !== "";
83
85
  return /* @__PURE__ */ c("li", {
86
+ role: "none",
84
87
  className: F.has(e.id) ? E.rowLeaving : E.rowEnter,
85
88
  children: r ? /* @__PURE__ */ c(y, {
86
89
  asChild: !0,
@@ -102,6 +105,7 @@ var C = t(async () => ({ default: (await import("./parameters-popup.js")).Prompt
102
105
  /* @__PURE__ */ c("div", {
103
106
  className: h("border-t px-2 py-3", E.footer),
104
107
  children: /* @__PURE__ */ c(v, {
108
+ role: "menuitem",
105
109
  label: M,
106
110
  className: "w-full justify-center",
107
111
  onClick: a
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-prompts",
3
3
  "description": "Host-agnostic UI for picking a favorite prompt and resolving its {{parameter}} placeholders before it is inserted into a chat message",
4
- "version": "1.2.0-dev.99",
4
+ "version": "1.2.0-rc.0",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -23,11 +23,11 @@
23
23
  },
24
24
  "dependencies": {
25
25
  "@tabler/icons-react": "^3.44.0",
26
- "@epam/ai-dial-catalog": "1.2.0-dev.99"
26
+ "@epam/ai-dial-catalog": "1.2.0-rc.0"
27
27
  },
28
28
  "peerDependencies": {
29
- "@epam/ai-dial-chat-shared": "1.2.0-dev.99",
30
- "@epam/ai-dial-ui-kit": "^0.15.0-dev.12",
29
+ "@epam/ai-dial-chat-shared": "1.2.0-rc.0",
30
+ "@epam/ai-dial-ui-kit": "^0.15.0",
31
31
  "react": "^19.2.8"
32
32
  },
33
33
  "repository": {
package/parameters-popup.js CHANGED
@@ -1,59 +1,57 @@
1
1
  import { useId as e, useState as t } from "react";
2
2
  import { jsx as n, jsxs as r } from "react/jsx-runtime";
3
3
  import { CatalogEntityType as i, buildCssVars as a, buildPromptParamDefaults as o, mergeClasses as s } from "@epam/ai-dial-chat-shared";
4
- import { DIAL_KIT_ICON_STROKE as c, GhostIconButton as l, NeutralButton as u, Popup as d, PopupSize as f, PrimaryButton as p, Textarea as m } from "@epam/ai-dial-ui-kit";
5
- import { IconChevronLeft as h } from "@tabler/icons-react";
6
- import { AppIdentity as g, ContentTab as _, DeploymentSize as v } from "@epam/ai-dial-catalog";
7
- var y = { card: "_card_p8vwa_1" }, b = ({ open: b, promptName: x, content: S, description: C, parameters: w, onBack: T, onClose: E, onSubmit: D, onCancel: O, labels: k = {}, colors: A, titleClassName: j = "dial-h2-text", parametersLabelClassName: M = "dial-h2-text", detailsLabelClassName: N = "dial-h2-text" }) => {
8
- let { title: P = "Prompt parameters", closeLabel: F = "Close", backLabel: I = "Back", parametersLabel: L = "Parameters", detailsLabel: R = "Details", enterValuePlaceholder: z = "Enter value", cancelLabel: B = "Cancel", submitLabel: V = "Confirm" } = k, H = w.map(({ name: e, defaultValue: t }) => `${e}\u0000${t ?? ""}`).join(""), [U, W] = t(() => o(w)), [G, K] = t(H);
9
- G !== H && (K(H), W(o(w)));
10
- let q = e(), J = a({
11
- "--pp-card-bg": A?.cardBackground,
12
- "--pp-card-border": A?.cardBorder
13
- }), Y = w.some(({ name: e }) => !U[e]?.trim());
4
+ import { ButtonVariant as c, DIAL_KIT_ICON_STROKE as l, GhostIconButton as u, Popup as d, PopupSize as f, Textarea as p } from "@epam/ai-dial-ui-kit";
5
+ import { IconChevronLeft as m } from "@tabler/icons-react";
6
+ import { AppIdentity as h, ContentTab as g, DeploymentSize as _ } from "@epam/ai-dial-catalog";
7
+ var v = { card: "_card_p8vwa_1" }, y = ({ open: y, promptName: b, content: x, description: S, parameters: C, onBack: w, onClose: T, onSubmit: E, onCancel: D, labels: O = {}, colors: k, titleClassName: A = "dial-h2-text", parametersLabelClassName: j = "dial-h2-text", detailsLabelClassName: M = "dial-h2-text" }) => {
8
+ let { title: N = "Prompt parameters", closeLabel: P = "Close", backLabel: F = "Back", parametersLabel: I = "Parameters", detailsLabel: L = "Details", enterValuePlaceholder: R = "Enter value", cancelLabel: z = "Cancel", submitLabel: B = "Confirm" } = O, V = C.map(({ name: e, defaultValue: t }) => `${e}\u0000${t ?? ""}`).join(""), [H, U] = t(() => o(C)), [W, G] = t(V);
9
+ W !== V && (G(V), U(o(C)));
10
+ let K = e(), q = a({
11
+ "--pp-card-bg": k?.cardBackground,
12
+ "--pp-card-border": k?.cardBorder
13
+ }), J = C.some(({ name: e }) => !H[e]?.trim());
14
14
  return /* @__PURE__ */ n(d, {
15
- open: b,
15
+ open: y,
16
16
  header: /* @__PURE__ */ r("div", {
17
17
  className: "flex items-center gap-2",
18
- children: [T != null && /* @__PURE__ */ n(l, {
19
- icon: /* @__PURE__ */ n(h, {
18
+ children: [w != null && /* @__PURE__ */ n(u, {
19
+ icon: /* @__PURE__ */ n(m, {
20
20
  className: "rtl:scale-x-[-1]",
21
21
  "aria-hidden": !0,
22
- stroke: c
22
+ stroke: l
23
23
  }),
24
- "aria-label": I,
25
- onClick: T
24
+ "aria-label": F,
25
+ onClick: w
26
26
  }), /* @__PURE__ */ n("span", {
27
- className: j,
28
- children: P
27
+ className: A,
28
+ children: N
29
29
  })]
30
30
  }),
31
- ariaLabel: P,
31
+ ariaLabel: N,
32
32
  size: f.Lg,
33
- closeAriaLabel: F,
34
- onClose: E,
35
- footer: /* @__PURE__ */ r("div", {
36
- className: "flex justify-end gap-2 px-6 py-4",
37
- children: [/* @__PURE__ */ n(u, {
38
- label: B,
39
- onClick: O
40
- }), /* @__PURE__ */ n(p, {
41
- label: V,
42
- disabled: Y,
43
- onClick: () => {
44
- Y || D(U);
45
- }
46
- })]
47
- }),
33
+ closeAriaLabel: P,
34
+ onClose: T,
35
+ mainButtons: [{
36
+ label: z,
37
+ onClick: D
38
+ }, {
39
+ label: B,
40
+ variant: c.Primary,
41
+ disabled: J,
42
+ onClick: () => {
43
+ J || E(H);
44
+ }
45
+ }],
48
46
  children: /* @__PURE__ */ r("div", {
49
47
  className: "flex flex-col gap-4 px-6 pb-4 pt-2",
50
48
  children: [/* @__PURE__ */ n("div", {
51
- className: s("flex h-[72px] w-full items-center rounded-lg border px-3", y.card),
52
- style: J,
53
- children: /* @__PURE__ */ n(g, {
49
+ className: s("flex h-[72px] w-full items-center rounded-lg border px-3", v.card),
50
+ style: q,
51
+ children: /* @__PURE__ */ n(h, {
54
52
  type: i.Prompt,
55
- name: x,
56
- size: v.LG,
53
+ name: b,
54
+ size: _.LG,
57
55
  className: "w-full"
58
56
  })
59
57
  }), /* @__PURE__ */ r("div", {
@@ -61,21 +59,21 @@ var y = { card: "_card_p8vwa_1" }, b = ({ open: b, promptName: x, content: S, de
61
59
  children: [/* @__PURE__ */ r("div", {
62
60
  className: "flex flex-col gap-3",
63
61
  children: [/* @__PURE__ */ n("h2", {
64
- className: s(M, "m-0"),
65
- children: L
66
- }), w.map(({ name: e }) => {
67
- let t = `${q}-${e}`;
68
- return /* @__PURE__ */ n(m, {
62
+ className: s(j, "m-0"),
63
+ children: I
64
+ }), C.map(({ name: e }) => {
65
+ let t = `${K}-${e}`;
66
+ return /* @__PURE__ */ n(p, {
69
67
  id: t,
70
68
  "aria-label": e,
71
- value: U[e] ?? "",
69
+ value: H[e] ?? "",
72
70
  labelProps: {
73
71
  htmlFor: t,
74
72
  label: e,
75
73
  required: !0
76
74
  },
77
- placeholder: z,
78
- onChange: (t) => W((n) => ({
75
+ placeholder: R,
76
+ onChange: (t) => U((n) => ({
79
77
  ...n,
80
78
  [e]: t
81
79
  }))
@@ -84,11 +82,11 @@ var y = { card: "_card_p8vwa_1" }, b = ({ open: b, promptName: x, content: S, de
84
82
  }), /* @__PURE__ */ r("div", {
85
83
  className: "flex min-h-0 flex-col gap-3",
86
84
  children: [/* @__PURE__ */ n("h2", {
87
- className: s(N, "m-0"),
88
- children: R
89
- }), /* @__PURE__ */ n(_, {
90
- content: S,
91
- description: C
85
+ className: s(M, "m-0"),
86
+ children: L
87
+ }), /* @__PURE__ */ n(g, {
88
+ content: x,
89
+ description: S
92
90
  })]
93
91
  })]
94
92
  })]
@@ -96,4 +94,4 @@ var y = { card: "_card_p8vwa_1" }, b = ({ open: b, promptName: x, content: S, de
96
94
  });
97
95
  };
98
96
  //#endregion
99
- export { b as PromptParametersPopup };
97
+ export { y as PromptParametersPopup };