@copilotkit/react-ui 1.9.3-next.2 → 1.9.3-next.3

package/dist/components/chat/Sidebar.mjs

@@ -1,7 +1,7 @@
 import {
   CopilotSidebar
-} from "../../chunk-TSDSBNOS.mjs";
-import "../../chunk-EQUUN7ZM.mjs";
+} from "../../chunk-ALIBUJML.mjs";
+import "../../chunk-KN2GCKBE.mjs";
 import "../../chunk-C3GSYRC3.mjs";
 import "../../chunk-GVKA7RQQ.mjs";
 import "../../chunk-V7W6IM2V.mjs";
@@ -12,7 +12,7 @@ import "../../chunk-KXE2JCUH.mjs";
 import "../../chunk-NRA3CFEE.mjs";
 import "../../chunk-BH6PCAAL.mjs";
 import "../../chunk-UFN2VWSR.mjs";
-import "../../chunk-4RAYX7ZX.mjs";
+import "../../chunk-HKTWKCPS.mjs";
 import "../../chunk-53CVDVS5.mjs";
 import "../../chunk-2II3Q27P.mjs";
 import "../../chunk-ULDQXCED.mjs";
@@ -23,9 +23,9 @@ import "../../chunk-HWMFMBJC.mjs";
 import "../../chunk-QGSPTXOV.mjs";
 import "../../chunk-IMBPSLL4.mjs";
 import "../../chunk-PLHTVHUW.mjs";
-import "../../chunk-X3LV7OXQ.mjs";
+import "../../chunk-4HUXYD3B.mjs";
 import "../../chunk-CGEAG65D.mjs";
-import "../../chunk-YQFVRDNC.mjs";
+import "../../chunk-QIOJXTIQ.mjs";
 import "../../chunk-YTXEWDNC.mjs";
 import "../../chunk-B3D7U7TJ.mjs";
 import "../../chunk-IEMQ2SQW.mjs";

package/dist/components/chat/Textarea.d.ts

@@ -6,6 +6,8 @@ interface AutoResizingTextareaProps {
     value: string;
     onChange: (event: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
     onKeyDown?: (event: React__default.KeyboardEvent<HTMLTextAreaElement>) => void;
+    onCompositionStart?: () => void;
+    onCompositionEnd?: () => void;
     autoFocus?: boolean;
 }
 declare const AutoResizingTextarea: React__default.ForwardRefExoticComponent<AutoResizingTextareaProps & React__default.RefAttributes<HTMLTextAreaElement>>;

package/dist/components/chat/Textarea.js

@@ -26,7 +26,16 @@ module.exports = __toCommonJS(Textarea_exports);
 var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var AutoResizingTextarea = (0, import_react.forwardRef)(
-  ({ maxRows = 1, placeholder, value, onChange, onKeyDown, autoFocus }, ref) => {
+  ({
+    maxRows = 1,
+    placeholder,
+    value,
+    onChange,
+    onKeyDown,
+    onCompositionStart,
+    onCompositionEnd,
+    autoFocus
+  }, ref) => {
     const internalTextareaRef = (0, import_react.useRef)(null);
     const [maxHeight, setMaxHeight] = (0, import_react.useState)(0);
     (0, import_react.useImperativeHandle)(ref, () => internalTextareaRef.current);
@@ -58,6 +67,8 @@ var AutoResizingTextarea = (0, import_react.forwardRef)(
         value,
         onChange,
         onKeyDown,
+        onCompositionStart,
+        onCompositionEnd,
         placeholder,
         style: {
           overflow: "auto",

package/dist/components/chat/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/chat/Textarea.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useImperativeHandle } from \"react\";\n\ninterface AutoResizingTextareaProps {\n  maxRows?: number;\n  placeholder?: string;\n  value: string;\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n  autoFocus?: boolean;\n}\n\nconst AutoResizingTextarea = forwardRef<HTMLTextAreaElement, AutoResizingTextareaProps>(\n  ({ maxRows = 1, placeholder, value, onChange, onKeyDown, autoFocus }, ref) => {\n    const internalTextareaRef = useRef<HTMLTextAreaElement>(null);\n    const [maxHeight, setMaxHeight] = useState<number>(0);\n\n    useImperativeHandle(ref, () => internalTextareaRef.current as HTMLTextAreaElement);\n\n    useEffect(() => {\n      const calculateMaxHeight = () => {\n        const textarea = internalTextareaRef.current;\n        if (textarea) {\n          textarea.style.height = \"auto\";\n          const singleRowHeight = textarea.scrollHeight;\n          setMaxHeight(singleRowHeight * maxRows);\n          if (autoFocus) {\n            textarea.focus();\n          }\n        }\n      };\n\n      calculateMaxHeight();\n    }, [maxRows]);\n\n    useEffect(() => {\n      const textarea = internalTextareaRef.current;\n      if (textarea) {\n        textarea.style.height = \"auto\";\n        textarea.style.height = `${Math.min(textarea.scrollHeight, maxHeight)}px`;\n      }\n    }, [value, maxHeight]);\n\n    return (\n      <textarea\n        ref={internalTextareaRef}\n        value={value}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        placeholder={placeholder}\n        style={{\n          overflow: \"auto\",\n          resize: \"none\",\n          maxHeight: `${maxHeight}px`,\n        }}\n        rows={1}\n      />\n    );\n  },\n);\n\nexport default AutoResizingTextarea;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoF;AA2C9E;AAhCN,IAAM,2BAAuB;AAAA,EAC3B,CAAC,EAAE,UAAU,GAAG,aAAa,OAAO,UAAU,WAAW,UAAU,GAAG,QAAQ;AAC5E,UAAM,0BAAsB,qBAA4B,IAAI;AAC5D,UAAM,CAAC,WAAW,YAAY,QAAI,uBAAiB,CAAC;AAEpD,0CAAoB,KAAK,MAAM,oBAAoB,OAA8B;AAEjF,gCAAU,MAAM;AACd,YAAM,qBAAqB,MAAM;AAC/B,cAAM,WAAW,oBAAoB;AACrC,YAAI,UAAU;AACZ,mBAAS,MAAM,SAAS;AACxB,gBAAM,kBAAkB,SAAS;AACjC,uBAAa,kBAAkB,OAAO;AACtC,cAAI,WAAW;AACb,qBAAS,MAAM;AAAA,UACjB;AAAA,QACF;AAAA,MACF;AAEA,yBAAmB;AAAA,IACrB,GAAG,CAAC,OAAO,CAAC;AAEZ,gCAAU,MAAM;AACd,YAAM,WAAW,oBAAoB;AACrC,UAAI,UAAU;AACZ,iBAAS,MAAM,SAAS;AACxB,iBAAS,MAAM,SAAS,GAAG,KAAK,IAAI,SAAS,cAAc,SAAS;AAAA,MACtE;AAAA,IACF,GAAG,CAAC,OAAO,SAAS,CAAC;AAErB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,WAAW,GAAG;AAAA,QAChB;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;","names":[]}
+{"version":3,"sources":["../../../src/components/chat/Textarea.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useImperativeHandle } from \"react\";\n\ninterface AutoResizingTextareaProps {\n  maxRows?: number;\n  placeholder?: string;\n  value: string;\n  onChange: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n  onCompositionStart?: () => void;\n  onCompositionEnd?: () => void;\n  autoFocus?: boolean;\n}\n\nconst AutoResizingTextarea = forwardRef<HTMLTextAreaElement, AutoResizingTextareaProps>(\n  (\n    {\n      maxRows = 1,\n      placeholder,\n      value,\n      onChange,\n      onKeyDown,\n      onCompositionStart,\n      onCompositionEnd,\n      autoFocus,\n    },\n    ref,\n  ) => {\n    const internalTextareaRef = useRef<HTMLTextAreaElement>(null);\n    const [maxHeight, setMaxHeight] = useState<number>(0);\n\n    useImperativeHandle(ref, () => internalTextareaRef.current as HTMLTextAreaElement);\n\n    useEffect(() => {\n      const calculateMaxHeight = () => {\n        const textarea = internalTextareaRef.current;\n        if (textarea) {\n          textarea.style.height = \"auto\";\n          const singleRowHeight = textarea.scrollHeight;\n          setMaxHeight(singleRowHeight * maxRows);\n          if (autoFocus) {\n            textarea.focus();\n          }\n        }\n      };\n\n      calculateMaxHeight();\n    }, [maxRows]);\n\n    useEffect(() => {\n      const textarea = internalTextareaRef.current;\n      if (textarea) {\n        textarea.style.height = \"auto\";\n        textarea.style.height = `${Math.min(textarea.scrollHeight, maxHeight)}px`;\n      }\n    }, [value, maxHeight]);\n\n    return (\n      <textarea\n        ref={internalTextareaRef}\n        value={value}\n        onChange={onChange}\n        onKeyDown={onKeyDown}\n        onCompositionStart={onCompositionStart}\n        onCompositionEnd={onCompositionEnd}\n        placeholder={placeholder}\n        style={{\n          overflow: \"auto\",\n          resize: \"none\",\n          maxHeight: `${maxHeight}px`,\n        }}\n        rows={1}\n      />\n    );\n  },\n);\n\nexport default AutoResizingTextarea;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoF;AAyD9E;AA5CN,IAAM,2BAAuB;AAAA,EAC3B,CACE;AAAA,IACE,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,UAAM,0BAAsB,qBAA4B,IAAI;AAC5D,UAAM,CAAC,WAAW,YAAY,QAAI,uBAAiB,CAAC;AAEpD,0CAAoB,KAAK,MAAM,oBAAoB,OAA8B;AAEjF,gCAAU,MAAM;AACd,YAAM,qBAAqB,MAAM;AAC/B,cAAM,WAAW,oBAAoB;AACrC,YAAI,UAAU;AACZ,mBAAS,MAAM,SAAS;AACxB,gBAAM,kBAAkB,SAAS;AACjC,uBAAa,kBAAkB,OAAO;AACtC,cAAI,WAAW;AACb,qBAAS,MAAM;AAAA,UACjB;AAAA,QACF;AAAA,MACF;AAEA,yBAAmB;AAAA,IACrB,GAAG,CAAC,OAAO,CAAC;AAEZ,gCAAU,MAAM;AACd,YAAM,WAAW,oBAAoB;AACrC,UAAI,UAAU;AACZ,iBAAS,MAAM,SAAS;AACxB,iBAAS,MAAM,SAAS,GAAG,KAAK,IAAI,SAAS,cAAc,SAAS;AAAA,MACtE;AAAA,IACF,GAAG,CAAC,OAAO,SAAS,CAAC;AAErB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,WAAW,GAAG;AAAA,QAChB;AAAA,QACA,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AACF;AAEA,IAAO,mBAAQ;","names":[]}

package/dist/components/chat/Textarea.mjs

@@ -1,6 +1,6 @@
 import {
   Textarea_default
-} from "../../chunk-YQFVRDNC.mjs";
+} from "../../chunk-QIOJXTIQ.mjs";
 import "../../chunk-MRXNTQOX.mjs";
 export {
   Textarea_default as default

package/dist/components/chat/index.js

@@ -1244,7 +1244,16 @@ var import_react9 = require("react");
 var import_react7 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var AutoResizingTextarea = (0, import_react7.forwardRef)(
-  ({ maxRows = 1, placeholder, value, onChange, onKeyDown, autoFocus }, ref) => {
+  ({
+    maxRows = 1,
+    placeholder,
+    value,
+    onChange,
+    onKeyDown,
+    onCompositionStart,
+    onCompositionEnd,
+    autoFocus
+  }, ref) => {
     const internalTextareaRef = (0, import_react7.useRef)(null);
     const [maxHeight, setMaxHeight] = (0, import_react7.useState)(0);
     (0, import_react7.useImperativeHandle)(ref, () => internalTextareaRef.current);
@@ -1276,6 +1285,8 @@ var AutoResizingTextarea = (0, import_react7.forwardRef)(
         value,
         onChange,
         onKeyDown,
+        onCompositionStart,
+        onCompositionEnd,
         placeholder,
         style: {
           overflow: "auto",
@@ -1439,6 +1450,7 @@ var Input = ({
   const showPoweredBy = !((_a = copilotContext.copilotApiConfig) == null ? void 0 : _a.publicApiKey);
   const pushToTalkConfigured = copilotContext.copilotApiConfig.textToSpeechUrl !== void 0 && copilotContext.copilotApiConfig.transcribeAudioUrl !== void 0;
   const textareaRef = (0, import_react9.useRef)(null);
+  const [isComposing, setIsComposing] = (0, import_react9.useState)(false);
   const handleDivClick = (event) => {
     var _a2;
     const target = event.target;
@@ -1485,8 +1497,10 @@ var Input = ({
           maxRows: MAX_NEWLINES,
           value: text,
           onChange: (event) => setText(event.target.value),
+          onCompositionStart: () => setIsComposing(true),
+          onCompositionEnd: () => setIsComposing(false),
           onKeyDown: (event) => {
-            if (event.key === "Enter" && !event.shiftKey) {
+            if (event.key === "Enter" && !event.shiftKey && !isComposing) {
               event.preventDefault();
               if (canSend) {
                 send();