@digital-ai/dot-components 4.24.0 → 4.25.0

package/index.esm.js

@@ -7267,10 +7267,14 @@ const DotAutoComplete = ({
     }
   });
   // Create handler only if 'onInputChange' or 'actionItem' prop is defined
-  const handleInputChange = (onInputChange || isActionItemDefined) && ((event, currentInputValue, reason) => {
-    isActionItemDefined && setInputText(currentInputValue);
+  // Custom input change handler for AI mode
+  const handleInputChange = (event, currentInputValue, reason) => {
+    if (isActionItemDefined || ai) {
+      setInputText(currentInputValue); // fallback for action item
+    }
+
     onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, currentInputValue, reason);
-  }) || undefined;
+  };
   // Create callback when action item click event handler is defined,
   // free-solo mode is NOT set and 'Enter' key has been pressed
   const handleKeyDown = allowActionButtonClick && (event => {
@@ -7317,29 +7321,27 @@ const DotAutoComplete = ({
       }), getInputAdornment(), nativeEndAdornment]
     });
   };
-  const renderAISendAdornment = params => {
-    const {
-      inputProps
-    } = params;
-    return jsxs(Fragment, {
-      children: [jsx(DotIconButton, {
-        iconId: "send-airplane",
-        tooltip: "Send",
-        "data-testid": dataTestId && `${dataTestId}-send-airplane-icon`,
-        shape: "square",
-        color: "ai",
-        disabled: !(inputProps === null || inputProps === void 0 ? void 0 : inputProps.value),
-        onClick: () => {
-          if (inputProps === null || inputProps === void 0 ? void 0 : inputProps.value) {
-            handleAiAction(inputProps.value.toString());
-          }
+  const renderAISendAdornment = useMemo(() => {
+    return jsx(DotIconButton, {
+      iconId: "send-airplane",
+      tooltip: "Send",
+      "data-testid": dataTestId && `${dataTestId}-send-airplane-icon`,
+      shape: "square",
+      color: "ai",
+      disabled: !inputText,
+      onClick: () => {
+        if (inputText) {
+          handleAiAction(inputText);
+          setInputText('');
+          onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange({
+            target: {
+              value: ''
+            }
+          }, '', 'clear');
         }
-      }), jsx("span", {
-        className: "ai-text-clear-icon",
-        children: params.InputProps.endAdornment
-      })]
+      }
     });
-  };
+  }, [inputText]);
   const renderTrimmedLongOptions = (props, option) => {
     const key = 'id' in option ? option.id : option.title;
     return jsx(DotTooltip, {
@@ -7360,7 +7362,7 @@ const DotAutoComplete = ({
   };
   const getEndAdornment = params => {
     if (ai) {
-      return renderAISendAdornment(params);
+      return renderAISendAdornment;
     }
     if (!readOnly) {
       return renderEndAdornment(params.InputProps.endAdornment);
@@ -7448,7 +7450,8 @@ const DotAutoComplete = ({
               'data-testid': dataTestId && `${dataTestId}-input`,
               id: inputId,
               className: useStylesWithRootClass(inputProps.className, 'dot-input'),
-              readOnly
+              readOnly,
+              value: ai ? inputText : inputProps.value
             }),
             InputLabelProps: {
               htmlFor: inputId
@@ -7469,8 +7472,9 @@ const DotAutoComplete = ({
               if (event.key === 'Enter' && ai) {
                 event.stopPropagation();
                 event.preventDefault();
-                const text = event.target.value;
-                handleAiAction(text);
+                handleAiAction(inputText);
+                setInputText(''); // Clear input after enter
+                onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, '', 'clear');
               }
             },
             placeholder: showPlaceholder ? placeholder : undefined,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "4.24.0",
+  "version": "4.25.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [