funda-ui 4.6.101 → 4.6.151

package/Date/index.js

@@ -5002,6 +5002,9 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
   var defaultValueIsEmpty = function defaultValueIsEmpty(s) {
     return typeof s === 'undefined' || s === null || s === 'null' || s === '';
   };
+  var propExist = function propExist(p) {
+    return typeof p !== 'undefined' && p !== null && p !== '';
+  };
 
   // Localization
   var _langHoursTitle = langHoursTitle || 'Hours';
@@ -5613,6 +5616,54 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
     }
     return [_res, v];
   }
+  function tools() {
+    return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
+      className: (0,cls.combinedCls)('date2d__control-tools', {
+        'date2d__control-tools--hover-show-tools': SHOW_TOOLS_ENABLED
+      })
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
+      tabIndex: -1,
+      href: "#",
+      className: (0,cls.combinedCls)('date2d__control-tools__close', {
+        'd-none': HIDE_CLEAR_BTN_ENABLED || !dateDefaultValueExist
+      }),
+      onClick: function onClick(e) {
+        e.preventDefault();
+        e.stopPropagation(); // Avoid triggering pop-ups
+
+        clearAll();
+        onClear === null || onClear === void 0 ? void 0 : onClear(getFullTimeData(''));
+      }
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
+      width: "12px",
+      height: "12px",
+      viewBox: "0 0 1024 1024"
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+      fill: "#000",
+      d: "M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"
+    }))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
+      tabIndex: -1,
+      href: "#",
+      className: "date2d__control-tools__trigger",
+      onClick: function onClick(e) {
+        e.preventDefault();
+        e.stopPropagation(); // Avoid triggering pop-ups
+
+        handleShow();
+      }
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
+      width: "14px",
+      height: "14px",
+      viewBox: "0 0 24 24",
+      fill: "none"
+    }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
+      d: "M3 9H21M9 15L11 17L15 13M7 3V5M17 3V5M6.2 21H17.8C18.9201 21 19.4802 21 19.908 20.782C20.2843 20.5903 20.5903 20.2843 20.782 19.908C21 19.4802 21 18.9201 21 17.8V8.2C21 7.07989 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V17.8C3 18.9201 3 19.4802 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.07989 21 6.2 21Z",
+      stroke: "#000000",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }))));
+  }
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // update default value
     //--------------
@@ -5931,54 +5982,9 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
         setChangedVal(_full);
         setTimeVal([splitVals[3], splitVals[4], _val]);
       }
-    }, attributes))) : null) : null)),
+    }, attributes))) : null) : null), propExist(iconRight) ? tools() : null),
     style: style
-  }, attributes)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("span", {
-    className: (0,cls.combinedCls)('date2d__control-tools', {
-      'date2d__control-tools--hover-show-tools': SHOW_TOOLS_ENABLED
-    })
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
-    tabIndex: -1,
-    href: "#",
-    className: (0,cls.combinedCls)('date2d__control-tools__close', {
-      'd-none': HIDE_CLEAR_BTN_ENABLED || !dateDefaultValueExist
-    }),
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation(); // Avoid triggering pop-ups
-
-      clearAll();
-      onClear === null || onClear === void 0 ? void 0 : onClear(getFullTimeData(''));
-    }
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
-    width: "12px",
-    height: "12px",
-    viewBox: "0 0 1024 1024"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
-    fill: "#000",
-    d: "M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"
-  }))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("a", {
-    tabIndex: -1,
-    href: "#",
-    className: "date2d__control-tools__trigger",
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation(); // Avoid triggering pop-ups
-
-      handleShow();
-    }
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("svg", {
-    width: "14px",
-    height: "14px",
-    viewBox: "0 0 24 24",
-    fill: "none"
-  }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
-    d: "M3 9H21M9 15L11 17L15 13M7 3V5M17 3V5M6.2 21H17.8C18.9201 21 19.4802 21 19.908 20.782C20.2843 20.5903 20.5903 20.2843 20.782 19.908C21 19.4802 21 18.9201 21 17.8V8.2C21 7.07989 21 6.51984 20.782 6.09202C20.5903 5.71569 20.2843 5.40973 19.908 5.21799C19.4802 5 18.9201 5 17.8 5H6.2C5.0799 5 4.51984 5 4.09202 5.21799C3.71569 5.40973 3.40973 5.71569 3.21799 6.09202C3 6.51984 3 7.07989 3 8.2V17.8C3 18.9201 3 19.4802 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.07989 21 6.2 21Z",
-    stroke: "#000000",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  })))))), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((dist_cjs_default()), {
+  }, attributes)), !propExist(iconRight) ? tools() : null)), /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((dist_cjs_default()), {
     show: isShow,
     containerClassName: (0,cls.combinedCls)('Date', "Date--".concat(type))
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", _extends({

package/Select/index.d.ts

@@ -13,9 +13,9 @@ export interface OptionConfig {
     disabled?: boolean;
     optgroup?: any[];
     group?: boolean;
-    label: any;
-    listItemLabel?: any;
-    value: any;
+    label: string;
+    listItemLabel?: string;
+    value: string | number | boolean;
     queryString: string | number;
     callback?: () => void;
 }
@@ -46,7 +46,7 @@ export declare type SelectProps = {
     multiSelect?: MultiSelectConfig;
     multiSelectEntireAreaTrigger?: boolean;
     multiSelectSelectedItemOnlyStatus?: multiSelectSelectedItemOnlyStatusConfig;
-    renderSelectedValue?: (selectedData: MultiSelectControlValConfig, removeFunc: (e: React.MouseEvent) => void) => void;
+    renderSelectedValue?: (selectedData: MultiSelectControlValConfig, removeFunc: (e: React.MouseEvent) => void) => React.ReactNode;
     cleanTrigger?: CleanTriggerConfig;
     defaultValue?: string | OptionConfig;
     value?: string | OptionConfig;

package/TagInput/index.d.ts

@@ -1,4 +1,9 @@
 import React from 'react';
+export interface TagValConfig {
+    content: string;
+    id: number;
+    [key: string]: string | boolean | number;
+}
 export declare type TagInputProps = {
     contentRef?: React.ForwardedRef<any>;
     wrapperClassName?: string;
@@ -13,6 +18,7 @@ export declare type TagInputProps = {
     required?: any;
     readOnly?: any;
     placeholder?: string;
+    renderSelectedValue?: (selectedData: TagValConfig[], removeFunc: (e: React.MouseEvent) => void) => React.ReactNode;
     /** Whether to use square brackets to save result and initialize default value */
     extractValueByBrackets?: boolean;
     /** -- */

package/TagInput/index.js

@@ -828,7 +828,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var funda_utils_dist_cjs_convert__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_convert__WEBPACK_IMPORTED_MODULE_3__);
 /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(188);
 /* harmony import */ var funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_4__);
-var _excluded = ["contentRef", "wrapperClassName", "maxTags", "disabled", "required", "placeholder", "readOnly", "value", "requiredLabel", "label", "name", "id", "autoComplete", "autoCapitalize", "spellCheck", "extractValueByBrackets", "minLength", "maxLength", "style", "tabIndex", "onChange", "onBlur", "onFocus"];
+var _excluded = ["contentRef", "wrapperClassName", "maxTags", "disabled", "required", "placeholder", "renderSelectedValue", "readOnly", "value", "requiredLabel", "label", "name", "id", "autoComplete", "autoCapitalize", "spellCheck", "extractValueByBrackets", "minLength", "maxLength", "style", "tabIndex", "onChange", "onBlur", "onFocus"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -850,6 +850,7 @@ var TagInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     disabled = props.disabled,
     required = props.required,
     placeholder = props.placeholder,
+    renderSelectedValue = props.renderSelectedValue,
     readOnly = props.readOnly,
     value = props.value,
     requiredLabel = props.requiredLabel,
@@ -932,6 +933,8 @@ var TagInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
   }
   function handleRemove(e) {
     e.preventDefault();
+    e.stopPropagation(); /* REQUIRED */
+
     var idToRemove = Number(e.currentTarget.dataset.item);
     var newArray = items.filter(function (item) {
       return item.id !== idToRemove;
@@ -1056,7 +1059,7 @@ var TagInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     className: "tag-input__control-wrapper"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
     className: "tag-input__list"
-  }, items ? items.map(function (item, index) {
+  }, typeof renderSelectedValue === 'function' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, renderSelectedValue(items, handleRemove)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, items ? items.map(function (item, index) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
       key: index
     }, item.content, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
@@ -1072,7 +1075,7 @@ var TagInput = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
       fill: "#000",
       d: "M195.2 195.2a64 64 0 0 1 90.496 0L512 421.504 738.304 195.2a64 64 0 0 1 90.496 90.496L602.496 512 828.8 738.304a64 64 0 0 1-90.496 90.496L512 602.496 285.696 828.8a64 64 0 0 1-90.496-90.496L421.504 512 195.2 285.696a64 64 0 0 1 0-90.496z"
     }))));
-  }) : null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }) : null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_4__.combinedCls)('tag-input__control', {
       'disabled': disabled
     }),

package/Textarea/index.js

@@ -713,63 +713,63 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             _ref$maxHeight = _ref.maxHeight,
             maxHeight = _ref$maxHeight === void 0 ? 0 : _ref$maxHeight,
             cb = _ref.cb;
-          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+          var _useState = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
             _useState2 = _slicedToArray(_useState, 2),
-            defaultRowHeight = _useState2[0],
-            setDefaultRowHeight = _useState2[1];
-          var _useState3 = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-            _useState4 = _slicedToArray(_useState3, 2),
-            defaultRowHeightInit = _useState4[0],
-            setDefaultRowHeightInit = _useState4[1];
+            defaultRowHeightInit = _useState2[0],
+            setDefaultRowHeightInit = _useState2[1];
 
           // Reset function to restore default height
           var reset = (0, react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-            if (el && defaultRowHeight > 0) {
-              el.style.height = defaultRowHeight + "px";
-
-              // Get current dimensions after reset
-              var style = el.currentStyle || window.getComputedStyle(el);
-              var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-              cb === null || cb === void 0 ? void 0 : cb([_controlWidth, defaultRowHeight]);
-            }
-          }, [el, defaultRowHeight, cb]);
+            if (!el) return;
+            var scrollHeight = el.scrollHeight;
+            el.style.height = scrollHeight + "px";
+
+            // Get current dimensions after reset
+            var style = window.getComputedStyle(el);
+            var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
+            cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
+          }, [el, cb]);
           (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-            if (el) {
-              var style = el.currentStyle || window.getComputedStyle(el);
-              var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-
-              // initialize default row height
-              if (el.scrollHeight > 0 && !defaultRowHeightInit) {
-                var _defaultRowHeight = el.scrollHeight + parseInt(style.borderTopWidth) + parseInt(style.borderBottomWidth);
-                if (maxHeight != 0 && _defaultRowHeight >= maxHeight) {
-                  _defaultRowHeight = maxHeight;
-                }
-                setDefaultRowHeight(_defaultRowHeight);
-                setDefaultRowHeightInit(true);
+            if (!el) return;
+
+            // Initialize default height
+            if (!defaultRowHeightInit) {
+              el.style.height = 'auto';
+              var initialHeight = el.scrollHeight;
+              setDefaultRowHeightInit(true);
+
+              // If the height is 0, set it to "auto"
+              if (initialHeight === 0) {
+                el.style.height = "auto";
+              } else {
+                el.style.height = initialHeight + "px";
               }
+            }
 
-              // restore default row height
-              if (defaultRowHeight > 0) {
-                el.style.height = defaultRowHeight + "px";
-              }
+            // Get dimensions
+            var style = window.getComputedStyle(el);
+            var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
 
-              // reset the height momentarily to get the correct scrollHeight for the textarea
-              var scrollHeight = el.scrollHeight;
+            // Calculate height
+            el.style.height = 'auto';
+            var finalHeight = el.scrollHeight;
 
-              // then set the height directly, outside of the render loop
-              // Trying to set this with state or a ref will product an incorrect value.
+            // Apply max height limit if needed
+            if (maxHeight > 0 && finalHeight > maxHeight) {
+              finalHeight = maxHeight;
+            }
 
-              // !!! Compare initial height and changed height
-              if (scrollHeight > defaultRowHeight && defaultRowHeight > 0) {
-                var _scrollHeight = scrollHeight;
-                if (maxHeight != 0 && _scrollHeight >= maxHeight) {
-                  _scrollHeight = maxHeight;
-                }
-                el.style.height = _scrollHeight + "px";
-              }
-              cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
+            // Set final height
+            // If the height is 0, set it to "auto"
+            if (finalHeight === 0) {
+              el.style.height = "auto";
+            } else {
+              el.style.height = finalHeight + "px";
             }
-          }, [el, value]);
+
+            // Callback
+            cb === null || cb === void 0 ? void 0 : cb([_controlWidth, finalHeight]);
+          }, [el, value, maxHeight, defaultRowHeightInit]);
           return {
             reset: reset
           };

package/Utils/sanitize.d.ts

@@ -0,0 +1,14 @@
+/**
+ * HTML entities encode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */ declare function htmlEncode(str: string): string;
+/**
+ * HTML entities decode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */
+declare function htmlDecode(str?: string): string;
+export { htmlEncode, htmlDecode };

package/Utils/sanitize.js

@@ -0,0 +1,87 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["RPB"] = factory();
+	else
+		root["RPB"] = factory();
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "htmlDecode": () => (/* binding */ htmlDecode),
+/* harmony export */   "htmlEncode": () => (/* binding */ htmlEncode)
+/* harmony export */ });
+/**
+ * HTML entities encode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */function htmlEncode(str) {
+  return str.replace(/[&<>'"]/g, function (tag) {
+    return {
+      '&': '&amp;',
+      '<': '&lt;',
+      '>': '&gt;',
+      "'": '&#39;',
+      '"': '&quot;'
+    }[tag];
+  });
+}
+
+/**
+ * HTML entities decode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */
+function htmlDecode() {
+  var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+  var entities = [['amp', '&'], ['apos', '\''], ['#x27', '\''], ['#x2F', '/'], ['#39', '\''], ['#47', '/'], ['lt', '<'], ['gt', '>'], ['nbsp', ' '], ['quot', '"'], ['#60', '<'], ['#62', '>']];
+  for (var i = 0, max = entities.length; i < max; i++) {
+    str = str.replace(new RegExp('&' + entities[i][0] + ';', 'g'), entities[i][1]);
+  }
+  return str;
+}
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});

package/Utils/useAutosizeTextArea.js

@@ -161,63 +161,63 @@ var useAutosizeTextArea = function useAutosizeTextArea(_ref) {
     _ref$maxHeight = _ref.maxHeight,
     maxHeight = _ref$maxHeight === void 0 ? 0 : _ref$maxHeight,
     cb = _ref.cb;
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
-    defaultRowHeight = _useState2[0],
-    setDefaultRowHeight = _useState2[1];
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    defaultRowHeightInit = _useState4[0],
-    setDefaultRowHeightInit = _useState4[1];
+    defaultRowHeightInit = _useState2[0],
+    setDefaultRowHeightInit = _useState2[1];
 
   // Reset function to restore default height
   var reset = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-    if (el && defaultRowHeight > 0) {
-      el.style.height = defaultRowHeight + "px";
-
-      // Get current dimensions after reset
-      var style = el.currentStyle || window.getComputedStyle(el);
-      var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-      cb === null || cb === void 0 ? void 0 : cb([_controlWidth, defaultRowHeight]);
-    }
-  }, [el, defaultRowHeight, cb]);
+    if (!el) return;
+    var scrollHeight = el.scrollHeight;
+    el.style.height = scrollHeight + "px";
+
+    // Get current dimensions after reset
+    var style = window.getComputedStyle(el);
+    var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
+    cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
+  }, [el, cb]);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    if (el) {
-      var style = el.currentStyle || window.getComputedStyle(el);
-      var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-
-      // initialize default row height
-      if (el.scrollHeight > 0 && !defaultRowHeightInit) {
-        var _defaultRowHeight = el.scrollHeight + parseInt(style.borderTopWidth) + parseInt(style.borderBottomWidth);
-        if (maxHeight != 0 && _defaultRowHeight >= maxHeight) {
-          _defaultRowHeight = maxHeight;
-        }
-        setDefaultRowHeight(_defaultRowHeight);
-        setDefaultRowHeightInit(true);
+    if (!el) return;
+
+    // Initialize default height
+    if (!defaultRowHeightInit) {
+      el.style.height = 'auto';
+      var initialHeight = el.scrollHeight;
+      setDefaultRowHeightInit(true);
+
+      // If the height is 0, set it to "auto"
+      if (initialHeight === 0) {
+        el.style.height = "auto";
+      } else {
+        el.style.height = initialHeight + "px";
       }
+    }
 
-      // restore default row height
-      if (defaultRowHeight > 0) {
-        el.style.height = defaultRowHeight + "px";
-      }
+    // Get dimensions
+    var style = window.getComputedStyle(el);
+    var _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
 
-      // reset the height momentarily to get the correct scrollHeight for the textarea
-      var scrollHeight = el.scrollHeight;
+    // Calculate height
+    el.style.height = 'auto';
+    var finalHeight = el.scrollHeight;
 
-      // then set the height directly, outside of the render loop
-      // Trying to set this with state or a ref will product an incorrect value.
+    // Apply max height limit if needed
+    if (maxHeight > 0 && finalHeight > maxHeight) {
+      finalHeight = maxHeight;
+    }
 
-      // !!! Compare initial height and changed height
-      if (scrollHeight > defaultRowHeight && defaultRowHeight > 0) {
-        var _scrollHeight = scrollHeight;
-        if (maxHeight != 0 && _scrollHeight >= maxHeight) {
-          _scrollHeight = maxHeight;
-        }
-        el.style.height = _scrollHeight + "px";
-      }
-      cb === null || cb === void 0 ? void 0 : cb([_controlWidth, scrollHeight]);
+    // Set final height
+    // If the height is 0, set it to "auto"
+    if (finalHeight === 0) {
+      el.style.height = "auto";
+    } else {
+      el.style.height = finalHeight + "px";
     }
-  }, [el, value]);
+
+    // Callback
+    cb === null || cb === void 0 ? void 0 : cb([_controlWidth, finalHeight]);
+  }, [el, value, maxHeight, defaultRowHeightInit]);
   return {
     reset: reset
   };

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

@@ -9,6 +9,10 @@ export declare type MessageDetail = {
     content: string;
     tag: string;
 };
+export declare type QuestionData = {
+    title: string;
+    list: Array<string>;
+};
 export interface FloatingButton {
     label: string;
     value: string;
@@ -38,6 +42,7 @@ export declare type CustomRequestResponse = {
 export declare type CustomRequestFunction = (message: string, config: CustomRequestConfig) => Promise<CustomRequestResponse>;
 export declare type ChatboxProps = {
     debug?: boolean;
+    defaultRows?: number;
     prefix?: string;
     contentRef?: React.RefObject<any>;
     model?: string;
@@ -65,10 +70,12 @@ export declare type ChatboxProps = {
     toolkitButtons?: FloatingButton[];
     newChatButton?: FloatingButton;
     customMethods?: CustomMethod[];
+    defaultQuestions?: QuestionData;
     customRequest?: CustomRequestFunction;
     renderParser?: (input: string) => Promise<string>;
     requestBodyFormatter?: (body: any, contextData: Record<string, any>, conversationHistory: MessageDetail[]) => Promise<Record<string, any>>;
     nameFormatter?: (input: string) => string;
+    onQuestionClick?: (text: string, methods: Record<string, Function>) => void;
     onInputChange?: (controlRef: React.RefObject<any>, val: string) => any;
     onInputCallback?: (input: string) => Promise<string>;
     onChunk?: (controlRef: React.RefObject<any>, lastContent: string, conversationHistory: MessageDetail[]) => any;