@digital-ai/dot-components 4.21.0 → 4.22.0

package/index.esm.js

@@ -1606,6 +1606,10 @@ const StyledTextField = styled(TextField)`
         }
       }
 
+      .ai-text-clear-icon {
+        right: 36px;
+        position: relative;
+      }
       .MuiOutlinedInput-adornedStart {
         padding-left: 12px;
 
@@ -7293,14 +7297,23 @@ const DotAutoComplete = ({
     const {
       inputProps
     } = params;
-    return 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: () => handleAiAction(inputProps === null || inputProps === void 0 ? void 0 : inputProps.value.toString())
+    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());
+          }
+        }
+      }), jsx("span", {
+        className: "ai-text-clear-icon",
+        children: params.InputProps.endAdornment
+      })]
     });
   };
   const renderTrimmedLongOptions = (props, option) => {
@@ -7428,6 +7441,12 @@ const DotAutoComplete = ({
                 event.preventDefault();
                 (_a = actionItemRef === null || actionItemRef === void 0 ? void 0 : actionItemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
               }
+              if (event.key === 'Enter' && ai) {
+                event.stopPropagation();
+                event.preventDefault();
+                const text = event.target.value;
+                handleAiAction(text);
+              }
             },
             placeholder: showPlaceholder ? placeholder : undefined,
             required: required,
@@ -53926,7 +53945,7 @@ const DotToggleSwitch = ({
       })
     }), label && jsx(DotTypography, {
       className: "dot-toggle-switch-label",
-      variant: "body1",
+      variant: "caption",
       children: label
     })]
   });

package/package.json

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