funda-ui 4.6.101 → 4.6.111

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

@@ -38,6 +38,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;