@epam/ai-dial-ui-kit 0.12.0-dev.10 → 0.12.0-dev.11

package/dist/{index-U9Eh_lOr.js → index-DoazFPog.js}

@@ -50838,62 +50838,64 @@ const oG = "flex justify-end gap-2 px-6 py-4 border-t border-tertiary", rG = "te
   valueClassName: r,
   inputClassName: a,
   emptyValueText: l,
-  onClose: c,
-  header: d,
-  portalId: u,
-  onApply: h,
-  onCancel: g,
-  cancelButtonTitle: f = "Cancel",
-  applyButtonTitle: m = "Apply",
-  isValid: v,
-  selectedRadioValue: C,
-  onChangeRadioField: w,
-  id: b,
-  size: x = vi.Md
+  placeholder: c,
+  onClose: d,
+  header: u,
+  portalId: h,
+  onApply: g,
+  onCancel: f,
+  cancelButtonTitle: m = "Cancel",
+  applyButtonTitle: v = "Apply",
+  isValid: C,
+  selectedRadioValue: w,
+  onChangeRadioField: b,
+  id: x,
+  size: y = vi.Md
 }) => {
-  const [y, R] = A(!1), S = D(() => {
-    i || R(!0);
-  }, [i]), F = D(() => {
-    R(!1), c?.();
-  }, [c]), E = D(() => {
-    g?.(), F();
-  }, [g, F]), T = D(() => {
-    h(), F();
-  }, [h, F]);
+  const [R, S] = A(!1), F = D(() => {
+    i || S(!0);
+  }, [i]), E = D(() => {
+    S(!1), d?.();
+  }, [d]), T = D(() => {
+    f?.(), E();
+  }, [f, E]), P = D(() => {
+    g(), E();
+  }, [g, E]);
   return /* @__PURE__ */ p.jsxs("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ p.jsx(An, { label: e, htmlFor: t }),
     /* @__PURE__ */ p.jsx(
       pG,
       {
         disabled: i,
-        open: y,
-        selectedValue: o ?? n.find((P) => P.id === s)?.name,
+        open: R,
+        selectedValue: o ?? n.find((I) => I.id === s)?.name,
         valueClassName: r,
         inputClassName: ce(a, "py-2", "px-3"),
         emptyValueText: l,
-        onOpen: S,
+        placeholder: c,
+        onOpen: F,
         children: /* @__PURE__ */ p.jsx(
           Qo,
           {
-            open: y,
-            onClose: E,
-            header: d,
-            portalId: u,
-            size: x,
+            open: R,
+            onClose: T,
+            header: u,
+            portalId: h,
+            size: y,
             footer: /* @__PURE__ */ p.jsxs("div", { className: "flex flex-row items-center justify-end gap-2 px-6 py-4", children: [
               /* @__PURE__ */ p.jsx(
                 us,
                 {
-                  label: f,
-                  onClick: E
+                  label: m,
+                  onClick: T
                 }
               ),
               /* @__PURE__ */ p.jsx(
                 rs,
                 {
-                  label: m,
-                  onClick: T,
-                  disabled: !v
+                  label: v,
+                  onClick: P,
+                  disabled: !C
                 }
               )
             ] }),
@@ -50902,9 +50904,9 @@ const oG = "flex justify-end gap-2 px-6 py-4 border-t border-tertiary", rG = "te
               {
                 radioButtons: n,
                 labelClassName: "dial-small-text",
-                activeRadioButton: C,
-                onChange: w,
-                elementId: b,
+                activeRadioButton: w,
+                onChange: b,
+                elementId: x,
                 orientation: Io.Column
               }
             ) })
@@ -61965,7 +61967,7 @@ const jg = ({
       }) })
     }
   );
-}, Iz = () => import("./JsonEditor-Dol9dB16.js"), Mz = () => import("./MarkdownEditor-CdHBKlsl.js");
+}, Iz = () => import("./JsonEditor-DpR0gtnl.js"), Mz = () => import("./MarkdownEditor-DJFU-cf8.js");
 export {
   pG as $,
   Vl as A,

package/dist/src/components/RadioGroupPopupField/RadioGroupPopupField.d.ts

@@ -53,6 +53,7 @@ export interface RadioGroupPopupFieldProps extends Pick<DialLabelProps, 'label'
  * @param [selectedValue] - Current value id used to resolve the displayed option name
  * @param radioButtons - Collection of radio options (id/name)
  * @param [customInputValue] - Custom value text to display instead of a radio option name
+ * @param [placeholder] - Placeholder text shown in the field when no value is selected; unlike `emptyValueText`, it suppresses the tooltip
  * @param [valueClassName] - Extra classes applied to the value text in the collapsed field
  * @param [inputClassName] - Extra classes applied to the collapsed input container
  * @param emptyValueText - Placeholder text when no value is selected

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.12.0-dev.10",
+  "version": "0.12.0-dev.11",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",