@epam/ai-dial-ui-kit 0.4.0-rc.49 → 0.4.0-rc.50

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

@@ -6911,20 +6911,21 @@ const _1 = {
   cssClass: r,
   containerCssClass: a,
   onChange: l,
-  size: c = fn.Base
+  size: c = fn.Base,
+  allowClear: d = !0
 }) => {
-  const [d, u] = M(t || "");
+  const [u, h] = M(t || "");
   Ce(() => {
-    u(t || "");
+    h(t || "");
   }, [t]);
-  const h = B(
-    (f) => {
-      u(f), l?.(f);
+  const g = B(
+    (m) => {
+      h(m), l?.(m);
     },
     [l]
-  ), g = _1[c], p = B(() => {
-    h("");
-  }, [h]);
+  ), p = _1[c], f = B(() => {
+    g("");
+  }, [g]);
   return /* @__PURE__ */ $(
     "div",
     {
@@ -6933,7 +6934,7 @@ const _1 = {
         n && "dial-input-error",
         o && "dial-input-disable",
         i && "dial-input-readonly",
-        g.containerClass,
+        p.containerClass,
         a
       ),
       children: [
@@ -6944,8 +6945,8 @@ const _1 = {
             icon: /* @__PURE__ */ v(
               Om,
               {
-                size: g.iconSize,
-                stroke: g.iconStroke
+                size: p.iconSize,
+                stroke: p.iconStroke
               }
             )
           }
@@ -6957,27 +6958,27 @@ const _1 = {
             type: "text",
             autoComplete: "off",
             placeholder: s,
-            value: d ?? "",
+            value: u ?? "",
             disabled: o,
             readOnly: i,
             className: Z(
               "border-0 bg-transparent w-full",
               r,
-              g.textClass
+              p.textClass
             ),
-            onChange: (f) => !i && h(f.currentTarget.value)
+            onChange: (m) => !i && g(m.currentTarget.value)
           }
         ),
-        d && !i && !o && /* @__PURE__ */ v(
+        u && !i && !o && d && /* @__PURE__ */ v(
           Ie,
           {
             className: "text-primary cursor-pointer",
             icon: /* @__PURE__ */ v(
               ko,
               {
-                size: g.iconSize,
-                stroke: g.iconStroke,
-                onClick: p,
+                size: p.iconSize,
+                stroke: p.iconStroke,
+                onClick: f,
                 "aria-label": "Clear search",
                 role: "button"
               }

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

@@ -11,6 +11,7 @@ export interface DialSearchProps {
     containerCssClass?: string;
     onChange?: (value: string) => void;
     size?: SearchSize;
+    allowClear?: boolean;
 }
 /**
  * A search input component with a customizable placeholder, icons, flexible props, and the ability
@@ -38,5 +39,6 @@ export interface DialSearchProps {
  * @param [containerCssClass] - Additional CSS classes applied to the container
  * @param [onChange] - Callback fired when the input value changes
  * @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
  */
 export declare const DialSearch: FC<DialSearchProps>;

package/package.json

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