@mieweb/ui 0.8.0-dev.17 → 0.8.0-dev.18

package/dist/index.cjs

@@ -12504,6 +12504,9 @@ var ChatComposer = React13__namespace.forwardRef(function ChatComposer2({
   autoFocus = false,
   maxLength,
   showCharacterCount = false,
+  canSendWhenEmpty = false,
+  maxHeight = MAX_INPUT_HEIGHT,
+  textareaProps,
   addMenuItems,
   allowAttachments = true,
   acceptedFileTypes,
@@ -12549,7 +12552,7 @@ var ChatComposer = React13__namespace.forwardRef(function ChatComposer2({
   const hasText = value.trim().length > 0;
   const hasContent = hasText || attachments.length > 0;
   const isOverLimit = maxLength !== void 0 && value.length > maxLength;
-  const canSend = hasContent && onSend !== void 0 && !disabled && !isSending && !isStreaming && !isOverLimit;
+  const canSend = (hasContent || canSendWhenEmpty) && onSend !== void 0 && !disabled && !isSending && !isStreaming && !isOverLimit;
   const setValue = React13__namespace.useCallback(
     (next) => {
       if (!isControlled) setInternalValue(next);
@@ -12561,7 +12564,7 @@ var ChatComposer = React13__namespace.forwardRef(function ChatComposer2({
     const textarea = textareaRef.current;
     if (!textarea) return;
     textarea.style.height = "auto";
-    textarea.style.height = `${Math.min(textarea.scrollHeight, MAX_INPUT_HEIGHT)}px`;
+    textarea.style.height = `${textarea.scrollHeight}px`;
   }, [value]);
   const addFiles = React13__namespace.useCallback(
     (files) => {
@@ -12648,7 +12651,8 @@ var ChatComposer = React13__namespace.forwardRef(function ChatComposer2({
     ref,
     () => ({
       addFiles,
-      focus: () => textareaRef.current?.focus()
+      focus: () => textareaRef.current?.focus(),
+      getTextarea: () => textareaRef.current
     }),
     [addFiles]
   );
@@ -12732,24 +12736,41 @@ var ChatComposer = React13__namespace.forwardRef(function ChatComposer2({
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1 pt-1", children: /* @__PURE__ */ jsxRuntime.jsx(
           "textarea",
           {
+            ...textareaProps,
             ref: textareaRef,
             "data-slot": "chat-composer-input",
             value,
-            onChange: (event) => setValue(event.target.value),
-            onKeyDown: handleKeyDown,
-            onPaste: handlePaste,
+            onChange: (event) => {
+              textareaProps?.onChange?.(event);
+              setValue(event.target.value);
+            },
+            onKeyDown: (event) => {
+              textareaProps?.onKeyDown?.(event);
+              if (event.defaultPrevented) return;
+              handleKeyDown(event);
+            },
+            onPaste: (event) => {
+              textareaProps?.onPaste?.(event);
+              if (event.defaultPrevented) return;
+              handlePaste(event);
+            },
             placeholder,
             disabled,
             autoFocus,
             rows: 1,
             "aria-label": inputLabel,
+            style: {
+              ...textareaProps?.style,
+              maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
+            },
             className: chunkS5RVSXDV_cjs.cn(
               "block w-full resize-none bg-transparent",
               "rounded-lg px-2 pt-2 pb-1 text-sm",
               "text-neutral-900 placeholder:text-neutral-400 dark:text-white dark:placeholder:text-neutral-500",
               // Ring the input itself on focus rather than the whole shell.
               "focus:ring-primary-500 focus:ring-1 focus:outline-none",
-              "disabled:cursor-not-allowed"
+              "disabled:cursor-not-allowed",
+              textareaProps?.className
             )
           }
         ) }),