funda-ui 4.7.103 → 4.7.107

package/lib/cjs/Chatbox/index.js

@@ -2252,13 +2252,18 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               control: function control() {
                 return valRef.current;
               },
+              getLatestVal: function getLatestVal() {
+                return changedVal || '';
+              },
               clear: function clear(cb) {
                 setChangedVal('');
                 cb === null || cb === void 0 ? void 0 : cb();
+                onChange === null || onChange === void 0 ? void 0 : onChange(null, 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, valRef.current, "".concat(value));
               },
               resetHeight: function resetHeight() {
                 reset();
@@ -2270,7 +2275,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }, 0);
               }
             };
-          }, [contentRef, reset]);
+          }, [contentRef, reset, changedVal]);
           var propExist = function propExist(p) {
             return typeof p !== 'undefined' && p !== null && p !== '';
           };
@@ -5687,9 +5692,9 @@ var Chatbox = function Chatbox(props) {
         handleClickSafe();
       }
     },
-    onChange: function onChange(e) {
+    onChange: function onChange(e, el, value) {
       var _args$onInputChange, _args16;
-      (_args$onInputChange = (_args16 = args()).onInputChange) === null || _args$onInputChange === void 0 ? void 0 : _args$onInputChange.call(_args16, inputContentRef.current, e.target.value);
+      (_args$onInputChange = (_args16 = args()).onInputChange) === null || _args$onInputChange === void 0 ? void 0 : _args$onInputChange.call(_args16, inputContentRef.current, value);
     },
     onFocus: function onFocus() {
       setFocused(true);

package/lib/cjs/Checkbox/index.js

@@ -548,16 +548,25 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
       control: function control() {
         return valRef.current;
       },
+      getLatestVal: function getLatestVal() {
+        return val;
+      },
       clear: function clear(cb) {
         setVal(false);
         cb === null || cb === void 0 ? void 0 : cb();
+        if (typeof onChange === 'function') {
+          onChange(null, false);
+        }
       },
       set: function set(value, cb) {
         setVal(value);
         cb === null || cb === void 0 ? void 0 : cb();
+        if (typeof onChange === 'function') {
+          onChange(null, value);
+        }
       }
     };
-  }, [contentRef]);
+  }, [contentRef, val]);
   function handleFocus(event) {
     var _rootRef$current;
     (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');

package/lib/cjs/Date/index.js

@@ -1755,13 +1755,18 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               control: function control() {
                 return valRef.current;
               },
+              getLatestVal: function getLatestVal() {
+                return changedVal || '';
+              },
               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, '');
               },
               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));
               },
               aiPredictReset: function aiPredictReset() {
                 setTimeout(function () {
@@ -1770,7 +1775,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }, 0);
               }
             };
-          }, [contentRef]);
+          }, [contentRef, onComposition, changedVal]);
           var propExist = function propExist(p) {
             return typeof p !== 'undefined' && p !== null && p !== '';
           };
@@ -5141,9 +5146,13 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
       control: function control() {
         return getAllSplittingInputs();
       },
+      getLatestVal: function getLatestVal() {
+        return !dateDefaultValueExist ? "" : valueResConverter(changedVal);
+      },
       clear: function clear(cb) {
         clearAll();
         cb === null || cb === void 0 ? void 0 : cb();
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(inputRef.current, '', false, getAllSplittingInputs());
       },
       blur: function blur(cb) {
         getAllSplittingInputs().forEach(function (el) {
@@ -5164,9 +5173,10 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
         setDateDefaultValueExist(defaultValueIsEmpty(value) ? false : true);
         initValue(curTargetVal);
         cb === null || cb === void 0 ? void 0 : cb();
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(inputRef.current, value, (0,cjs_date.isValidDate)(value), getAllSplittingInputs());
       }
     };
-  }, [contentRef]);
+  }, [contentRef, dateDefaultValueExist, changedVal]);
 
   // click outside
   useClickOutside_default()({

package/lib/cjs/Input/index.js

@@ -1201,13 +1201,18 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
       control: function control() {
         return valRef.current;
       },
+      getLatestVal: function getLatestVal() {
+        return changedVal || '';
+      },
       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, '');
       },
       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));
       },
       aiPredictReset: function aiPredictReset() {
         setTimeout(function () {
@@ -1216,7 +1221,7 @@ var Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
         }, 0);
       }
     };
-  }, [contentRef]);
+  }, [contentRef, onComposition, changedVal]);
   var propExist = function propExist(p) {
     return typeof p !== 'undefined' && p !== null && p !== '';
   };

package/lib/cjs/LiveSearch/index.js

@@ -2895,13 +2895,18 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
       control: function control() {
         return inputRef.current;
       },
+      getLatestVal: function getLatestVal() {
+        return changedVal || '';
+      },
       clear: function clear(cb) {
         setChangedVal('');
         cb === null || cb === void 0 ? void 0 : cb();
+        onChange === null || onChange === void 0 ? void 0 : onChange(inputRef.current, [], '', listRef.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(inputRef.current, [], '', listRef.current);
       }
     };
   }, [contentRef]);

package/lib/cjs/MultipleCheckboxes/index.js

@@ -1298,16 +1298,42 @@ var MultipleCheckboxes = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forw
       control: function control() {
         return getAllControls();
       },
+      getLatestVal: function getLatestVal() {
+        return VALUE_BY_BRACKETS ? (0,funda_utils_dist_cjs_convert__WEBPACK_IMPORTED_MODULE_4__.convertArrToValByBrackets)(valRes(selectedItems)) : valRes(selectedItems).join(',');
+      },
       clear: function clear(cb) {
         initDefaultValue('', dataInit);
         cb === null || cb === void 0 ? void 0 : cb();
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange(null, null, '', null, null, null, null);
       },
       set: function set(value, cb) {
         initDefaultValue(value, dataInit);
         cb === null || cb === void 0 ? void 0 : cb();
+        if (Array.isArray(value)) {
+          var _resDataCollection = value;
+          var _value = value.map(function (k) {
+            return k.value;
+          });
+          var _valueStr = VALUE_BY_BRACKETS ? value.map(function (k) {
+            return "[".concat(k.value, "]");
+          }).join('') : value.map(function (k) {
+            return k.value;
+          }).join(',');
+          var _label = value.map(function (k) {
+            return k.label;
+          });
+          var _labelStr = VALUE_BY_BRACKETS ? value.map(function (k) {
+            return "[".concat(k.label, "]");
+          }).join('') : value.map(function (k) {
+            return k.label;
+          }).join(',');
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange(null, _value, _valueStr, _label, _labelStr, null, _resDataCollection);
+        } else {
+          _onChange === null || _onChange === void 0 ? void 0 : _onChange(null, null, value, null, null, null, null);
+        }
       }
     };
-  }, [dataInit, contentRef]);
+  }, [dataInit, contentRef, selectedItems]);
   function handleCheckboxChange(itemKey) {
     // first, make a copy of the original set rather than mutating the original
     var newSelectedItems = new Set(selectedItems);

package/lib/cjs/NumberInput/index.js

@@ -937,13 +937,18 @@ var NumberInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
       control: function control() {
         return valRef.current;
       },
+      getLatestVal: function getLatestVal() {
+        return changedVal || '';
+      },
       clear: function clear(cb) {
         setChangedVal('');
         cb === null || cb === void 0 ? void 0 : cb();
+        onChange === null || onChange === void 0 ? void 0 : onChange(null, valRef.current, Number(''));
       },
       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, valRef.current, Number(formatValue("".concat(value))));
       },
       increment: function increment(cb) {
         handleIncrement(null);
@@ -954,7 +959,7 @@ var NumberInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
         cb === null || cb === void 0 ? void 0 : cb();
       }
     };
-  }, [contentRef]);
+  }, [contentRef, changedVal]);
   var propExist = function propExist(p) {
     return typeof p !== 'undefined' && p !== null && p !== '';
   };

package/lib/cjs/Radio/index.js

@@ -977,16 +977,37 @@ var Radio = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(funct
       control: function control() {
         return getAllControls();
       },
+      getLatestVal: function getLatestVal() {
+        return controlValue || '';
+      },
       clear: function clear(cb) {
         setControlValue('');
         cb === null || cb === void 0 ? void 0 : cb();
+        if (typeof onChange === 'function') {
+          var curData = optionsFlat(dataInit).find(function (v) {
+            return v.value == value;
+          });
+          var currentIndex = optionsFlat(dataInit).findIndex(function (v) {
+            return v.value == value;
+          });
+          onChange(null, '', null, null);
+        }
       },
       set: function set(value, cb) {
         setControlValue("".concat(value));
         cb === null || cb === void 0 ? void 0 : cb();
+        if (typeof onChange === 'function') {
+          var curData = optionsFlat(dataInit).find(function (v) {
+            return v.value == value;
+          });
+          var currentIndex = optionsFlat(dataInit).findIndex(function (v) {
+            return v.value == value;
+          });
+          onChange(null, "".concat(value), curData, currentIndex);
+        }
       }
     };
-  }, [dataInit, contentRef]);
+  }, [dataInit, contentRef, controlValue]);
   function stringlineToHump(str) {
     if (typeof str === 'string' && str.length > 0) {
       var re = /-(\w)/g;

package/lib/cjs/RangeSlider/index.js

@@ -1721,13 +1721,18 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
               control: function control() {
                 return valRef.current;
               },
+              getLatestVal: function getLatestVal() {
+                return changedVal || '';
+              },
               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, '');
               },
               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));
               },
               aiPredictReset: function aiPredictReset() {
                 setTimeout(function () {
@@ -1736,7 +1741,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
                 }, 0);
               }
             };
-          }, [contentRef]);
+          }, [contentRef, onComposition, changedVal]);
           var propExist = function propExist(p) {
             return typeof p !== 'undefined' && p !== null && p !== '';
           };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 interface StepperPanelProps {
-    header: React.ReactNode;
+    header?: React.ReactNode;
     children?: React.ReactNode;
     style?: React.CSSProperties;
 }

package/lib/cjs/Stepper/index.js

@@ -341,7 +341,13 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 var StepperPanel = function StepperPanel(props) {
-  var header = props.header,
+  var _props$header = props.header,
+    header = _props$header === void 0 ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
+      width: "1rem",
+      height: "1rem"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("rect", {
+      fill: "none"
+    }))) : _props$header,
     children = props.children,
     style = props.style;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {

package/lib/cjs/TagInput/index.js

@@ -903,16 +903,25 @@ var TagInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
       control: function control() {
         return valRef.current;
       },
+      getLatestVal: function getLatestVal() {
+        return VALUE_BY_BRACKETS ? (0,funda_utils_dist_cjs_convert__WEBPACK_IMPORTED_MODULE_3__.convertArrToValByBrackets)(items.map(function (item) {
+          return item.content;
+        })) : items.map(function (item) {
+          return item.content;
+        }).join(',');
+      },
       clear: function clear(cb) {
         initDefaultValue('');
         cb === null || cb === void 0 ? void 0 : cb();
+        onChange === null || onChange === void 0 ? void 0 : onChange(inputRef.current, items, '');
       },
       set: function set(value, cb) {
         initDefaultValue("".concat(value));
         cb === null || cb === void 0 ? void 0 : cb();
+        onChange === null || onChange === void 0 ? void 0 : onChange(inputRef.current, items, "".concat(value));
       }
     };
-  }, [contentRef]);
+  }, [contentRef, items]);
   function initDefaultValue(defaultValue) {
     // change the value to trigger component rendering
     if (typeof defaultValue === 'undefined' || defaultValue === '') {

package/lib/cjs/Textarea/index.js

@@ -1531,13 +1531,18 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
       control: function control() {
         return valRef.current;
       },
+      getLatestVal: function getLatestVal() {
+        return changedVal || '';
+      },
       clear: function clear(cb) {
         setChangedVal('');
         cb === null || cb === void 0 ? void 0 : cb();
+        onChange === null || onChange === void 0 ? void 0 : onChange(null, 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, valRef.current, "".concat(value));
       },
       resetHeight: function resetHeight() {
         reset();
@@ -1549,7 +1554,7 @@ var Textarea = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
         }, 0);
       }
     };
-  }, [contentRef, reset]);
+  }, [contentRef, reset, changedVal]);
   var propExist = function propExist(p) {
     return typeof p !== 'undefined' && p !== null && p !== '';
   };

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

@@ -1,34 +1,3 @@
-/// <reference types="react" />
-export declare type ToastProps = {
-    /** The class name of the toast wrapper. */
-    wrapperClassName?: string;
-    /** Specify data of toasts as a JSON string format. */
-    data: any[any];
-    /** Automatically hide multiple items */
-    autoHideMultiple?: boolean;
-    /** The direction of the toast. */
-    direction?: string;
-    /** Set an automatic closing time, multiple items will be accumulated in order.
-     * Amount of time measured in milliseconds. If false or without this attribute, Auto-Close will be disabled.
-     */
-    autoCloseTime?: boolean | number;
-    /** You can not close pop-win when it is enabled */
-    lock?: boolean;
-    /** Whether to use cascading styles */
-    cascading?: boolean;
-    /** Self-defined class name for body*/
-    schemeBody?: string;
-    /** Self-defined class name for header */
-    schemeHeader?: string;
-    /** Set the color of the close button */
-    closeBtnColor?: string;
-    /** Disable the close button. */
-    closeDisabled?: boolean;
-    /**  */
-    async?: boolean;
-    /** -- */
-    id?: string;
-    onClose?: (e: HTMLDivElement, currentIndex: number, data: HTMLDivElement[]) => void;
-};
-declare const Toast: (props: ToastProps) => JSX.Element;
-export default Toast;
+export { useToast } from './useToast';
+export { ToastProvider } from './ToastContext';
+export type { ToastOptions } from './types';