@epam/ai-dial-ui-kit 0.5.0-rc.98 → 0.5.0-rc.99

package/dist/dial-ui-kit.es.js

@@ -46485,21 +46485,22 @@ const b8 = {
   className: r,
   containerClassName: a,
   onChange: l,
-  size: c = ia.Base,
-  allowClear: d = !0
+  onBlur: c,
+  size: d = ia.Base,
+  allowClear: u = !0
 }) => {
-  const [u, h] = A(t || "");
+  const [h, g] = A(t || "");
   be(() => {
-    h(t || "");
+    g(t || "");
   }, [t]);
-  const g = P(
-    (C) => {
-      h(C), l?.(C);
+  const p = P(
+    (v) => {
+      g(v), l?.(v);
     },
     [l]
-  ), p = b8[c], f = P(() => {
-    g("");
-  }, [g]);
+  ), f = b8[d], C = P(() => {
+    p("");
+  }, [p]);
   return /* @__PURE__ */ z(
     "div",
     {
@@ -46508,7 +46509,7 @@ const b8 = {
         n && "dial-input-error",
         i && "dial-input-disable",
         o && "dial-input-readonly",
-        p.containerClassName,
+        f.containerClassName,
         a
       ),
       children: [
@@ -46519,8 +46520,8 @@ const b8 = {
             icon: /* @__PURE__ */ m(
               Zv,
               {
-                size: p.iconSize,
-                stroke: p.iconStroke
+                size: f.iconSize,
+                stroke: f.iconStroke
               }
             )
           }
@@ -46532,27 +46533,28 @@ const b8 = {
             type: "text",
             autoComplete: "off",
             placeholder: s,
-            value: u ?? "",
+            value: h ?? "",
             disabled: i,
             readOnly: o,
             className: ee(
               "border-0 bg-transparent w-full",
               r,
-              p.textClassName
+              f.textClassName
             ),
-            onChange: (C) => !o && g(C.currentTarget.value)
+            onChange: (v) => !o && p(v.currentTarget.value),
+            onBlur: c
           }
         ),
-        u && !o && !i && d && /* @__PURE__ */ m(
+        h && !o && !i && u && /* @__PURE__ */ m(
           Be,
           {
             className: "text-primary cursor-pointer",
             icon: /* @__PURE__ */ m(
               ho,
               {
-                size: p.iconSize,
-                stroke: p.iconStroke,
-                onClick: f,
+                size: f.iconSize,
+                stroke: f.iconStroke,
+                onClick: C,
                 "aria-label": "Clear search",
                 role: "button"
               }

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

@@ -10,6 +10,7 @@ export interface DialSearchProps {
     className?: string;
     containerClassName?: string;
     onChange?: (value: string) => void;
+    onBlur?: () => void;
     size?: SearchSize;
     allowClear?: boolean;
 }
@@ -25,6 +26,7 @@ export interface DialSearchProps {
  *   placeholder="Search"
  *   size={SearchSize.Small}
  *   onChange={(value) => setQuery(value)}
+ *   onBlur={() => handleBlur()}
  *   disabled={false}
  * />
  * ```
@@ -38,6 +40,7 @@ export interface DialSearchProps {
  * @param [className] - Additional CSS classes applied to the input element
  * @param [containerClassName] - Additional CSS classes applied to the container
  * @param [onChange] - Callback fired when the input value changes
+ * @param [onBlur] - Callback fired when the input loses focus
  * @param [size=SearchSize.Base] - The size of the search input. Uses the {@link SearchSize} enum.
  * @param [allowClear=true] - Whether to show a clear button when there is a value
  */

package/package.json

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