funda-ui 4.7.565 → 4.7.570

package/Textarea/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ChangeEvent, KeyboardEvent, FocusEvent } from 'react';
 export declare type TextareaProps = {
     contentRef?: React.ForwardedRef<any>;
     wrapperClassName?: string;
@@ -11,13 +11,13 @@ export declare type TextareaProps = {
     requiredLabel?: React.ReactNode | string;
     label?: React.ReactNode | string;
     name?: string;
-    minLength?: any;
-    maxLength?: any;
+    minLength?: number;
+    maxLength?: number;
     cols?: number;
     rows?: number;
-    disabled?: any;
-    required?: any;
-    readOnly?: any;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
     placeholder?: string;
     autoSize?: boolean;
     autoSizeMaxHeight?: number;
@@ -28,23 +28,23 @@ export declare type TextareaProps = {
     aiPredictConfirmKey?: Array<string[]>;
     aiPredictFetchFuncAsync?: any;
     aiPredictFetchFuncMethod?: string;
-    aiPredictFetchFuncMethodParams?: any[];
+    aiPredictFetchFuncMethodParams?: unknown[];
     aiPredictFetchCallback?: (data: any) => void;
     /** -- */
     id?: string;
     style?: React.CSSProperties;
     tabIndex?: number;
     [key: `data-${string}`]: string | undefined;
-    onChangeCallback?: (e: any, el: any) => void;
-    onInputCallback?: (e: any, el: any) => void;
-    onKeyPressedCallback?: (e: any, el: any) => void;
-    onChange?: (e: any, el: any, value: string) => void;
-    onBlur?: (e: any, el: any) => void;
-    onFocus?: (e: any, el: any) => void;
-    onPressEnter?: (e: any, el: any) => void;
-    onKeyDown?: (e: any, el: any) => void;
-    onKeyUp?: (e: any, el: any) => void;
-    onResize?: (el: any, params: number[]) => void;
+    onChangeCallback?: (e: ChangeEvent<HTMLTextAreaElement> | FocusEvent, el: HTMLTextAreaElement) => string | void;
+    onInputCallback?: (e: ChangeEvent<HTMLTextAreaElement> | KeyboardEvent<HTMLTextAreaElement>, el: HTMLTextAreaElement) => string | void;
+    onKeyPressedCallback?: (e: KeyboardEvent<HTMLTextAreaElement>, el: HTMLTextAreaElement) => string | void;
+    onChange?: (e: ChangeEvent<HTMLTextAreaElement> | KeyboardEvent<HTMLTextAreaElement> | null, el: HTMLTextAreaElement, value: string) => void;
+    onBlur?: (e: FocusEvent, el: HTMLTextAreaElement) => void;
+    onFocus?: (e: FocusEvent, el: HTMLTextAreaElement) => void;
+    onPressEnter?: (e: KeyboardEvent<HTMLTextAreaElement>, el: HTMLTextAreaElement) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLTextAreaElement>, el: HTMLTextAreaElement) => void;
+    onKeyUp?: (e: KeyboardEvent<HTMLTextAreaElement>, el: HTMLTextAreaElement) => void;
+    onResize?: (el: HTMLTextAreaElement, params: number[]) => void;
 };
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<unknown>>;
 export default Textarea;

package/Textarea/index.js

@@ -1392,7 +1392,7 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            if (!(_typeof(aiPredictFetchFuncAsync) === 'object')) {
+            if (!(_typeof(aiPredictFetchFuncAsync) === 'object' && aiPredictFetchFuncMethod)) {
               _context.next = 11;
               break;
             }
@@ -1429,8 +1429,10 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     if (valRef.current) {
       var canvas = document.createElement('canvas');
       var context = canvas.getContext('2d');
-      context.font = "".concat(originInputComputedStyle.current.fontSize, "px ").concat(originInputComputedStyle.current.fontFamily);
-      return context.measureText(text).width;
+      if (context) {
+        context.font = "".concat(originInputComputedStyle.current.fontSize, "px ").concat(originInputComputedStyle.current.fontFamily);
+        return context.measureText(text).width;
+      }
     }
     return 0;
   };
@@ -1449,7 +1451,7 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
   // Match exactly from the start
   //----------------
   var preciseMatch = function preciseMatch(input, suggestions) {
-    if (!input) return '';
+    if (!input) return [];
     var filtered = suggestions.filter(function (s) {
       return s.toLowerCase().startsWith(input.toLowerCase());
     });
@@ -1460,7 +1462,7 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
   // Fuzzy matching
   //----------------
   var fuzzyMatch = function fuzzyMatch(input, suggestions) {
-    if (!input) return '';
+    if (!input) return [];
 
     // Convert input to a regular expression pattern with support for arbitrary position matching
     var pattern = input.split('').map(function (_char) {
@@ -1580,7 +1582,7 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     onChange === null || onChange === void 0 ? void 0 : onChange(event, valRef.current, curVal);
 
     // It fires in real time as the user enters
-    if (typeof onInputCallback === 'function') {
+    if (typeof onInputCallback === 'function' && event) {
       var newData = onInputCallback(event, valRef.current);
       if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
     }
@@ -1588,7 +1590,7 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
 
   function handleBlur(event) {
     var el = event.target;
-    var val = event.target.value;
+    var val = el.value;
 
     //----
     //remove focus style
@@ -1743,8 +1745,8 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     placeholder: placeholder || '',
     defaultValue: defaultValue,
     value: changedVal,
-    minLength: minLength || null,
-    maxLength: maxLength || null,
+    minLength: minLength || undefined,
+    maxLength: maxLength || undefined,
     onFocus: handleFocus,
     onBlur: handleBlur,
     onChange: function onChange(e) {
@@ -1757,9 +1759,9 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     },
     onKeyDown: handleKeyPressed,
     onKeyUp: handleKeyUp,
-    disabled: disabled || null,
-    required: required || null,
-    readOnly: readOnly || null,
+    disabled: disabled || undefined,
+    required: required || undefined,
+    readOnly: readOnly || undefined,
     cols: cols || 20,
     rows: rows || 2,
     style: style

package/lib/cjs/Chatbox/index.js

@@ -2120,7 +2120,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
-                    if (!(_typeof(aiPredictFetchFuncAsync) === 'object')) {
+                    if (!(_typeof(aiPredictFetchFuncAsync) === 'object' && aiPredictFetchFuncMethod)) {
                       _context.next = 11;
                       break;
                     }
@@ -2157,8 +2157,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             if (valRef.current) {
               var canvas = document.createElement('canvas');
               var context = canvas.getContext('2d');
-              context.font = "".concat(originInputComputedStyle.current.fontSize, "px ").concat(originInputComputedStyle.current.fontFamily);
-              return context.measureText(text).width;
+              if (context) {
+                context.font = "".concat(originInputComputedStyle.current.fontSize, "px ").concat(originInputComputedStyle.current.fontFamily);
+                return context.measureText(text).width;
+              }
             }
             return 0;
           };
@@ -2177,7 +2179,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           // Match exactly from the start
           //----------------
           var preciseMatch = function preciseMatch(input, suggestions) {
-            if (!input) return '';
+            if (!input) return [];
             var filtered = suggestions.filter(function (s) {
               return s.toLowerCase().startsWith(input.toLowerCase());
             });
@@ -2188,7 +2190,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           // Fuzzy matching
           //----------------
           var fuzzyMatch = function fuzzyMatch(input, suggestions) {
-            if (!input) return '';
+            if (!input) return [];
 
             // Convert input to a regular expression pattern with support for arbitrary position matching
             var pattern = input.split('').map(function (_char) {
@@ -2308,7 +2310,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onChange === null || onChange === void 0 ? void 0 : onChange(event, valRef.current, curVal);
 
             // It fires in real time as the user enters
-            if (typeof onInputCallback === 'function') {
+            if (typeof onInputCallback === 'function' && event) {
               var newData = onInputCallback(event, valRef.current);
               if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
@@ -2316,7 +2318,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
           function handleBlur(event) {
             var el = event.target;
-            var val = event.target.value;
+            var val = el.value;
 
             //----
             //remove focus style
@@ -2471,8 +2473,8 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             placeholder: placeholder || '',
             defaultValue: defaultValue,
             value: changedVal,
-            minLength: minLength || null,
-            maxLength: maxLength || null,
+            minLength: minLength || undefined,
+            maxLength: maxLength || undefined,
             onFocus: handleFocus,
             onBlur: handleBlur,
             onChange: function onChange(e) {
@@ -2485,9 +2487,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             },
             onKeyDown: handleKeyPressed,
             onKeyUp: handleKeyUp,
-            disabled: disabled || null,
-            required: required || null,
-            readOnly: readOnly || null,
+            disabled: disabled || undefined,
+            required: required || undefined,
+            readOnly: readOnly || undefined,
             cols: cols || 20,
             rows: rows || 2,
             style: style

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type CheckboxOptionChangeFnType = (arg1: any, arg2: any) => void;
+export declare type CheckboxOptionChangeFnType = (e: React.ChangeEvent<HTMLInputElement> | null, val: boolean, element: HTMLElement) => void;
 export declare type CheckboxProps = {
     contentRef?: React.ForwardedRef<any>;
     wrapperClassName?: string;

package/lib/cjs/Checkbox/index.js

@@ -555,14 +555,14 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
         setVal(false);
         cb === null || cb === void 0 ? void 0 : cb();
         if (typeof onChange === 'function') {
-          onChange(null, false);
+          onChange(null, false, valRef.current);
         }
       },
       set: function set(value, cb) {
         setVal(value);
         cb === null || cb === void 0 ? void 0 : cb();
         if (typeof onChange === 'function') {
-          onChange(null, value);
+          onChange(null, value, valRef.current);
         }
       }
     };
@@ -585,7 +585,7 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
 
     //
     if (typeof onChange === 'function') {
-      onChange(event, _val);
+      onChange(event, _val, valRef.current);
     }
   }
   function handleBlur(event) {

package/lib/cjs/Date/index.js

@@ -1598,14 +1598,17 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             _useState12 = _slicedToArray(_useState11, 2),
             hasErr = _useState12[0],
             setHasErr = _useState12[1];
-          var currentSuggestionIndex = (0, react__WEBPACK_IMPORTED_MODULE_0__.useRef)(0);
+          var _useState13 = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+            _useState14 = _slicedToArray(_useState13, 2),
+            currentSuggestionIndex = _useState14[0],
+            setCurrentSuggestionIndex = _useState14[1];
 
           // A list of suggestions
           //----------------
-          var _useState13 = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
-            _useState14 = _slicedToArray(_useState13, 2),
-            suggestions = _useState14[0],
-            setSuggestions = _useState14[1];
+          var _useState15 = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
+            _useState16 = _slicedToArray(_useState15, 2),
+            suggestions = _useState16[0],
+            setSuggestions = _useState16[1];
 
           //performance
           var handleChangeSuggestionsFetchSafe = funda_utils_dist_cjs_useDebounce__WEBPACK_IMPORTED_MODULE_4___default()(function (e, curVal) {
@@ -1623,12 +1626,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           //----------------
           function _fetchSuggestionsData() {
             _fetchSuggestionsData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
-              var response, _ORGIN_DATA;
+              var response, _ORGIN_DATA, suggestionsArray;
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     if (!(_typeof(aiPredictFetchFuncAsync) === 'object')) {
-                      _context.next = 11;
+                      _context.next = 12;
                       break;
                     }
                     _context.next = 3;
@@ -1647,12 +1650,13 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                       _ORGIN_DATA = [];
                     }
 
-                    //
-                    setSuggestions(_ORGIN_DATA);
-                    return _context.abrupt("return", _ORGIN_DATA);
-                  case 11:
-                    return _context.abrupt("return", []);
+                    // Type assertion since we've verified it's an array
+                    suggestionsArray = _ORGIN_DATA; //
+                    setSuggestions(suggestionsArray);
+                    return _context.abrupt("return", suggestionsArray);
                   case 12:
+                    return _context.abrupt("return", []);
+                  case 13:
                   case "end":
                     return _context.stop();
                 }
@@ -1664,8 +1668,10 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             if (valRef.current) {
               var canvas = document.createElement('canvas');
               var context = canvas.getContext('2d');
-              context.font = "".concat(originInputComputedStyle.current.fontSize, "px ").concat(originInputComputedStyle.current.fontFamily);
-              return context.measureText(text).width;
+              if (context) {
+                context.font = "".concat(originInputComputedStyle.current.fontSize, "px ").concat(originInputComputedStyle.current.fontFamily);
+                return context.measureText(text).width;
+              }
             }
             return 0;
           };
@@ -1761,12 +1767,16 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               clear: function clear(cb) {
                 setChangedVal('');
                 cb === null || cb === void 0 ? void 0 : cb();
-                onChange === null || onChange === void 0 ? void 0 : onChange(null, onComposition, valRef.current, '');
+                if (valRef.current) {
+                  onChange === null || onChange === void 0 ? void 0 : onChange(null, onComposition, valRef.current, '');
+                }
               },
               set: function set(value, cb) {
                 setChangedVal("".concat(value));
                 cb === null || cb === void 0 ? void 0 : cb();
-                onChange === null || onChange === void 0 ? void 0 : onChange(null, onComposition, valRef.current, "".concat(value));
+                if (valRef.current) {
+                  onChange === null || onChange === void 0 ? void 0 : onChange(null, onComposition, valRef.current, "".concat(value));
+                }
               },
               aiPredictReset: function aiPredictReset() {
                 setTimeout(function () {
@@ -1792,7 +1802,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');
 
             //
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus(event, onComposition, valRef.current);
+            if (valRef.current) {
+              onFocus === null || onFocus === void 0 ? void 0 : onFocus(event, onComposition, valRef.current);
+            }
           }
           function handleChange(event, curVal) {
             setChangedVal(curVal);
@@ -1805,10 +1817,12 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
 
             //
-            onChange === null || onChange === void 0 ? void 0 : onChange(event, onComposition, valRef.current, curVal);
+            if (valRef.current) {
+              onChange === null || onChange === void 0 ? void 0 : onChange(event, onComposition, valRef.current, curVal);
+            }
 
             // It fires in real time as the user enters
-            if (typeof onInputCallback === 'function') {
+            if (typeof onInputCallback === 'function' && event && valRef.current) {
               var newData = onInputCallback(event, valRef.current);
               if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
@@ -1826,25 +1840,31 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
 
             //
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, onComposition, valRef.current);
+            if (valRef.current) {
+              onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, onComposition, valRef.current);
+            }
 
             // It fires when focus is lost
-            if (typeof onChangeCallback === 'function') {
+            if (typeof onChangeCallback === 'function' && valRef.current) {
               var newData = onChangeCallback(event, valRef.current);
               if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
           }
 
           function handleKeyPressed(event) {
-            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, valRef.current);
-            if (typeof onKeyPressedCallback === 'function') {
+            if (valRef.current) {
+              onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event, valRef.current);
+            }
+            if (typeof onKeyPressedCallback === 'function' && valRef.current) {
               var newData = onKeyPressedCallback(event, valRef.current);
               if (newData) setChangedVal(newData); // Avoid the error "react checkbox changing an uncontrolled input to be controlled"
             }
 
             if (event.key === 'Enter' || event.key === 'NumpadEnter') {
               // DO NOT USE "preventDefault()"
-              onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event, valRef.current);
+              if (valRef.current) {
+                onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(event, valRef.current);
+              }
             }
 
             // AI Predict
@@ -1872,16 +1892,22 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 
               // switch result of suggestions
               if (event.code === 'ArrowUp') {
-                currentSuggestionIndex.current = (currentSuggestionIndex.current - 1 + tempMatchedSuggestion.length) % tempMatchedSuggestion.length;
+                setCurrentSuggestionIndex(function (prev) {
+                  return (prev - 1 + tempMatchedSuggestion.length) % tempMatchedSuggestion.length;
+                });
               }
               if (event.code === 'ArrowDown') {
-                currentSuggestionIndex.current = (currentSuggestionIndex.current + 1) % tempMatchedSuggestion.length;
+                setCurrentSuggestionIndex(function (prev) {
+                  return (prev + 1) % tempMatchedSuggestion.length;
+                });
               }
-              setCurrentSuggestion(tempMatchedSuggestion[currentSuggestionIndex.current] || '');
+              setCurrentSuggestion(tempMatchedSuggestion[currentSuggestionIndex] || '');
             }
           }
           function handleKeyUp(event) {
-            onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(event, valRef.current);
+            if (valRef.current) {
+              onKeyUp === null || onKeyUp === void 0 ? void 0 : onKeyUp(event, valRef.current);
+            }
           }
           (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
             // update default value
@@ -1948,18 +1974,18 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }),
             id: idRes,
             name: name,
-            step: step || null,
-            min: min || null,
-            max: max || null,
-            src: src || null,
-            size: size || null,
-            alt: alt || null,
+            step: step || undefined,
+            min: min || undefined,
+            max: max || undefined,
+            src: src || undefined,
+            size: typeof size === 'number' ? size : undefined,
+            alt: alt || undefined,
             inputMode: inputMode || undefined,
-            pattern: pattern || null,
+            pattern: pattern || undefined,
             placeholder: placeholder || '',
             value: changedVal,
-            minLength: minLength || null,
-            maxLength: maxLength || null,
+            minLength: typeof minLength === 'number' ? minLength : undefined,
+            maxLength: typeof maxLength === 'number' ? maxLength : undefined,
             autoComplete: typeof autoComplete === 'undefined' ? 'on' : autoComplete,
             autoCapitalize: typeof autoCapitalize === 'undefined' ? 'off' : autoCapitalize,
             spellCheck: typeof spellCheck === 'undefined' ? false : spellCheck,
@@ -1978,22 +2004,22 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             onCompositionStart: handleComposition,
             onCompositionUpdate: handleComposition,
             onCompositionEnd: handleComposition,
-            disabled: disabled || null,
-            required: required || null,
-            readOnly: readOnly || null,
+            disabled: disabled || undefined,
+            required: required || undefined,
+            readOnly: readOnly || undefined,
             style: style
           }, attributes)), appendControl || '', aiPredict && remainingText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
             ref: aiInputRef,
             className: "position-absolute z-1",
             "data-ai": "predict",
             style: {
-              left: "".concat(originInputComputedStyle.current.fontSize + textWidth, "px"),
-              top: originInputComputedStyle.current.textTop + 'px',
+              left: "".concat((typeof originInputComputedStyle.current.fontSize === 'number' ? originInputComputedStyle.current.fontSize : 16) + textWidth, "px"),
+              top: (typeof originInputComputedStyle.current.textTop === 'number' ? originInputComputedStyle.current.textTop : 10) + 'px',
               color: "rgba(".concat(aiPredictRemainingTextRGB[0], ", ").concat(aiPredictRemainingTextRGB[1], ", ").concat(aiPredictRemainingTextRGB[2], ", ").concat(calculateOpacity(), ")"),
               pointerEvents: 'none',
-              fontSize: originInputComputedStyle.current.fontSize + 'px',
-              fontFamily: originInputComputedStyle.current.fontFamily,
-              letterSpacing: originInputComputedStyle.current.letterSpacing
+              fontSize: (typeof originInputComputedStyle.current.fontSize === 'number' ? originInputComputedStyle.current.fontSize : 16) + 'px',
+              fontFamily: typeof originInputComputedStyle.current.fontFamily === 'string' ? originInputComputedStyle.current.fontFamily : 'inherit',
+              letterSpacing: typeof originInputComputedStyle.current.letterSpacing === 'string' ? originInputComputedStyle.current.letterSpacing : 'normal'
             }
           }, remainingText), required ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, requiredLabel || requiredLabel === '' ? requiredLabel : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
             className: "position-absolute end-0 top-0 my-2 mx-2"
@@ -5405,11 +5431,8 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     //
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(inputRef.current, getAllSplittingInputs());
   }
-  function handleChange(event) {
-    var val = event.target.value;
-
-    //
-    _onChange === null || _onChange === void 0 ? void 0 : _onChange(inputRef.current, val, (0,cjs_date.isValidDate)(val), getAllSplittingInputs());
+  function handleChange(e, isComposition, el, value) {
+    _onChange === null || _onChange === void 0 ? void 0 : _onChange(inputRef.current, value, (0,cjs_date.isValidDate)(value), getAllSplittingInputs());
   }
   function handleBlur(event) {
     var _rootRef$current3;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ChangeEvent, KeyboardEvent, FocusEvent } from 'react';
 export declare type InputProps = {
     contentRef?: React.ForwardedRef<any>;
     wrapperClassName?: string;
@@ -13,20 +13,20 @@ export declare type InputProps = {
     label?: React.ReactNode | string;
     units?: React.ReactNode | string;
     name?: string;
-    step?: any;
-    min?: any;
-    max?: any;
-    src?: any;
-    size?: any;
-    minLength?: any;
-    maxLength?: any;
-    alt?: any;
+    step?: string | number;
+    min?: string | number;
+    max?: string | number;
+    src?: string;
+    size?: string | number;
+    minLength?: string | number;
+    maxLength?: string | number;
+    alt?: string;
     inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
-    disabled?: any;
-    required?: any;
-    readOnly?: any;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
     placeholder?: string;
-    pattern?: any;
+    pattern?: string;
     iconLeft?: React.ReactNode | string;
     iconRight?: React.ReactNode | string;
     appendControl?: React.ReactNode;
@@ -35,7 +35,7 @@ export declare type InputProps = {
     aiPredictConfirmKey?: Array<string[]>;
     aiPredictFetchFuncAsync?: any;
     aiPredictFetchFuncMethod?: string;
-    aiPredictFetchFuncMethodParams?: any[];
+    aiPredictFetchFuncMethodParams?: (string | number)[];
     aiPredictFetchCallback?: (data: any) => void;
     /** -- */
     id?: string;
@@ -45,15 +45,15 @@ export declare type InputProps = {
     spellCheck?: boolean;
     tabIndex?: number;
     [key: `data-${string}`]: string | undefined;
-    onChangeCallback?: (e: any, el: any) => void;
-    onInputCallback?: (e: any, el: any) => void;
-    onKeyPressedCallback?: (e: any, el: any) => void;
-    onChange?: (e: any, param: any, el: any, value: string) => void;
-    onBlur?: (e: any, param: any, el: any) => void;
-    onFocus?: (e: any, param: any, el: any) => void;
-    onPressEnter?: (e: any, el: any) => void;
-    onKeyDown?: (e: any, el: any) => void;
-    onKeyUp?: (e: any, el: any) => void;
+    onChangeCallback?: (e: ChangeEvent<HTMLInputElement> | FocusEvent<HTMLInputElement>, el: HTMLInputElement) => string | void;
+    onInputCallback?: (e: ChangeEvent<HTMLInputElement>, el: HTMLInputElement) => string | void;
+    onKeyPressedCallback?: (e: KeyboardEvent<HTMLInputElement>, el: HTMLInputElement) => string | void;
+    onChange?: (e: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLInputElement> | null, isComposition: boolean, el: HTMLInputElement, value: string) => void;
+    onBlur?: (e: FocusEvent<HTMLInputElement>, param: boolean, el: HTMLInputElement) => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>, param: boolean, el: HTMLInputElement) => void;
+    onPressEnter?: (e: KeyboardEvent<HTMLInputElement>, el: HTMLInputElement) => void;
+    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>, el: HTMLInputElement) => void;
+    onKeyUp?: (e: KeyboardEvent<HTMLInputElement>, el: HTMLInputElement) => void;
 };
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<unknown>>;
 export default Input;