funda-ui 4.6.388 → 4.6.399

package/Chatbox/index.css

@@ -140,6 +140,8 @@
   --custom-balloon-text-color: #fff;
   --custom-balloon-font-size: 12px;
   --custom-balloon-move: 4px;
+  --custom-toolkit-select-options-container-min-w: 135px;
+  --custom-toolkit-select-options-container-max-h: 300px;
   min-width: var(--custom-chatbox-w);
   max-width: var(--custom-chatbox-w);
   margin: auto;
@@ -539,7 +541,7 @@
 .custom-chatbox-container .toolkit-select-wrapper .toolkit-select-options-container {
   z-index: 1000;
   width: 100%;
-  min-width: 120px;
+  min-width: var(--custom-toolkit-select-options-container-min-w);
   transform: translateY(-100%);
 }
 .custom-chatbox-container .toolkit-select-wrapper .toolkit-select-options {
@@ -548,8 +550,8 @@
   border-radius: 4px;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   margin-bottom: 10px;
-  max-height: 300px;
-  min-width: 120px;
+  max-height: var(--custom-toolkit-select-options-container-max-h);
+  min-width: var(--custom-toolkit-select-options-container-min-w);
   overflow-y: auto;
   animation: dropupAnimation 0.2s ease;
   position: absolute;

package/Chatbox/index.d.ts

@@ -40,7 +40,7 @@ export declare type CustomRequestResponse = {
     content: string | Response | null;
     isStream: boolean;
 };
-export declare type CustomRequestFunction = (message: string, config: CustomRequestConfig) => Promise<CustomRequestResponse>;
+export declare type CustomRequestFunction = (message: string, config: CustomRequestConfig, customMethods: CustomMethod[], conversationHistory: MessageDetail[]) => Promise<CustomRequestResponse>;
 export declare type ChatboxProps = {
     debug?: boolean;
     defaultRows?: number;

package/Chatbox/index.js

@@ -5277,7 +5277,7 @@ var Chatbox = function Chatbox(props) {
               requestBody: requestBodyRes,
               apiUrl: args().requestApiUrl || '',
               headers: args().headerConfigRes
-            });
+            }, customMethodsRef.current, conversationHistory.current);
           case 13:
             customResponse = _context7.sent;
             content = customResponse.content, isStream = customResponse.isStream;

package/lib/cjs/Chatbox/index.d.ts

@@ -40,7 +40,7 @@ export declare type CustomRequestResponse = {
     content: string | Response | null;
     isStream: boolean;
 };
-export declare type CustomRequestFunction = (message: string, config: CustomRequestConfig) => Promise<CustomRequestResponse>;
+export declare type CustomRequestFunction = (message: string, config: CustomRequestConfig, customMethods: CustomMethod[], conversationHistory: MessageDetail[]) => Promise<CustomRequestResponse>;
 export declare type ChatboxProps = {
     debug?: boolean;
     defaultRows?: number;

package/lib/cjs/Chatbox/index.js

@@ -5277,7 +5277,7 @@ var Chatbox = function Chatbox(props) {
               requestBody: requestBodyRes,
               apiUrl: args().requestApiUrl || '',
               headers: args().headerConfigRes
-            });
+            }, customMethodsRef.current, conversationHistory.current);
           case 13:
             customResponse = _context7.sent;
             content = customResponse.content, isStream = customResponse.isStream;

package/lib/css/Chatbox/index.css

@@ -140,6 +140,8 @@
   --custom-balloon-text-color: #fff;
   --custom-balloon-font-size: 12px;
   --custom-balloon-move: 4px;
+  --custom-toolkit-select-options-container-min-w: 135px;
+  --custom-toolkit-select-options-container-max-h: 300px;
   min-width: var(--custom-chatbox-w);
   max-width: var(--custom-chatbox-w);
   margin: auto;
@@ -539,7 +541,7 @@
 .custom-chatbox-container .toolkit-select-wrapper .toolkit-select-options-container {
   z-index: 1000;
   width: 100%;
-  min-width: 120px;
+  min-width: var(--custom-toolkit-select-options-container-min-w);
   transform: translateY(-100%);
 }
 .custom-chatbox-container .toolkit-select-wrapper .toolkit-select-options {
@@ -548,8 +550,8 @@
   border-radius: 4px;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   margin-bottom: 10px;
-  max-height: 300px;
-  min-width: 120px;
+  max-height: var(--custom-toolkit-select-options-container-max-h);
+  min-width: var(--custom-toolkit-select-options-container-min-w);
   overflow-y: auto;
   animation: dropupAnimation 0.2s ease;
   position: absolute;

package/lib/esm/Chatbox/index.scss

@@ -171,6 +171,9 @@
     --custom-balloon-text-color: #fff;
     --custom-balloon-font-size: 12px;
     --custom-balloon-move: 4px; 
+    --custom-toolkit-select-options-container-min-w: 135px; 
+    --custom-toolkit-select-options-container-max-h: 300px; 
+
     
     
     min-width: var(--custom-chatbox-w);
@@ -662,22 +665,22 @@
         .toolkit-select-arrow.active {
             transform: rotate(180deg);
         }
-
+        
         .toolkit-select-options-container {
             z-index: 1000;
             width: 100%;
-            min-width: 120px;
+            min-width: var(--custom-toolkit-select-options-container-min-w);
             transform: translateY(-100%);
         }
-
+    
         .toolkit-select-options {
             background-color: var(--custom-chatbox-toolkit-opt-color);
             border: 1px solid var(--custom-chatbox-toolkit-opt-border-color);
             border-radius: 4px;
             box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
             margin-bottom: 10px;
-            max-height: 300px;
-            min-width: 120px;
+            max-height: var(--custom-toolkit-select-options-container-max-h);
+            min-width: var(--custom-toolkit-select-options-container-min-w);
             overflow-y: auto;
             animation: dropupAnimation 0.2s ease;
 

package/lib/esm/Chatbox/index.tsx

@@ -13,6 +13,7 @@ import { htmlEncode } from 'funda-utils/dist/cjs/sanitize';
 
 
 
+
 // loader
 import PureLoader from './PureLoader';
 import TypingEffect from "./TypingEffect";
@@ -80,7 +81,9 @@ export type CustomRequestResponse = {
 
 export type CustomRequestFunction = (
     message: string,
-    config: CustomRequestConfig
+    config: CustomRequestConfig,
+    customMethods: CustomMethod[],
+    conversationHistory: MessageDetail[],
 ) => Promise<CustomRequestResponse>;
 
 
@@ -1041,11 +1044,16 @@ const Chatbox = (props: ChatboxProps) => {
                 // Update stream mode
                 setEnableStreamMode(false);
 
-                let customResponse: any = await args().customRequest(msg, {
-                    requestBody: requestBodyRes,
-                    apiUrl: args().requestApiUrl || '',
-                    headers: args().headerConfigRes
-                });
+                let customResponse: any = await args().customRequest(
+                    msg, 
+                    {
+                        requestBody: requestBodyRes,
+                        apiUrl: args().requestApiUrl || '',
+                        headers: args().headerConfigRes
+                    },
+                    customMethodsRef.current,
+                    conversationHistory.current
+                );
 
                 const { content, isStream } = customResponse;
                 let contentRes: any = content;

package/lib/esm/Textarea/index.tsx

@@ -7,6 +7,7 @@ import { clsWrite, combinedCls } from 'funda-utils/dist/cjs/cls';
 import { actualPropertyValue, getTextTop } from 'funda-utils/dist/cjs/inputsCalculation';
 import useDebounce from 'funda-utils/dist/cjs/useDebounce';
 
+
 export type TextareaProps = {
     contentRef?: React.ForwardedRef<any>; // could use "Array" on contentRef.current, such as contentRef.current[0], contentRef.current[1]
     wrapperClassName?: string;

package/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "4.6.388",
+  "version": "4.6.399",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",