@nethru/kit 1.1.5 → 1.1.6

package/dist/components/chat/AiChat.js

@@ -24,12 +24,7 @@ function AiChat({
       messages: messages,
       isLoading: isLoading,
       chatContainerRef: chatContainerRef
-    }), /*#__PURE__*/_jsx(ChatInput, {
-      inputValue: inputValue,
-      setInputValue: setInputValue,
-      onSend: sendMessage,
-      isLoading: isLoading
-    })]
+    }), /*#__PURE__*/_jsx(ChatInput, {})]
   });
 }
 export default AiChat;

package/dist/components/chat/ChatInput.js

@@ -1,25 +1,33 @@
-import React from 'react';
+import React, { useRef, useEffect, useState } from 'react';
 import { Box, FormControl, IconButton, Stack, TextField } from '@mui/material';
 import { Send as SendIcon } from '@mui/icons-material';
+import { useChatContext } from "./contexts/ChatContext";
 import ModelSelect from "./ModelSelect";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ChatInput = ({
-  inputValue,
-  setInputValue,
-  onSend,
-  isLoading
-}) => {
+const ChatInput = () => {
+  const inputRef = useRef(null);
+  const [selectOpen, setSelectOpen] = useState(false);
+  const {
+    inputValue,
+    setInputValue,
+    isLoading,
+    sendMessage
+  } = useChatContext();
   const handleKeyPress = e => {
     if (e.key === 'Enter' && !e.shiftKey) {
       e.preventDefault();
-      onSend();
+      sendMessage();
     }
   };
+  useEffect(() => {
+    if (!isLoading && !selectOpen && inputRef.current) inputRef.current.focus();
+  }, [isLoading, selectOpen]);
   return /*#__PURE__*/_jsx(Box, {
     sx: styles.container,
     children: /*#__PURE__*/_jsxs(Stack, {
       sx: styles.textArea,
       children: [/*#__PURE__*/_jsx(TextField, {
+        inputRef: inputRef,
         fullWidth: true,
         multiline: true,
         placeholder: "\uBA54\uC2DC\uC9C0\uB97C \uC785\uB825\uD558\uC138\uC694...",
@@ -41,9 +49,13 @@ const ChatInput = ({
         alignItems: "center",
         children: [/*#__PURE__*/_jsx(FormControl, {
           variant: "standard",
-          children: /*#__PURE__*/_jsx(ModelSelect, {})
+          children: /*#__PURE__*/_jsx(ModelSelect, {
+            open: selectOpen,
+            onOpen: () => setSelectOpen(true),
+            onClose: () => setSelectOpen(false)
+          })
         }), /*#__PURE__*/_jsx(IconButton, {
-          onClick: onSend,
+          onClick: sendMessage,
           disabled: isLoading || !inputValue.trim(),
           sx: styles.iconButton,
           children: /*#__PURE__*/_jsx(SendIcon, {

package/dist/components/chat/ModelSelect.js

@@ -2,7 +2,9 @@ import React from "react";
 import { Box, Divider, MenuItem, Select } from "@mui/material";
 import { useChatContext } from "./contexts/ChatContext";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function ModelSelect() {
+export default function ModelSelect({
+  ...props
+}) {
   const {
     model,
     setModel,
@@ -25,6 +27,7 @@ export default function ModelSelect() {
       disableUnderline: true,
       sx: styles.select,
       renderValue: value => findModel(providers, value)?.name,
+      ...props,
       children: makeOptions(providers)
     })
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/kit",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "A React component library by Nethru",
   "main": "dist/index.js",
   "homepage": ".",