funda-ui 4.5.899 → 4.6.111

package/lib/esm/Utils/hooks/useAutosizeTextArea.tsx

@@ -51,7 +51,6 @@ const App = () => {
 
  */
 import { useEffect, useState, useCallback } from "react";
-
 export interface AutosizeTextAreaProps {
     el: any;
     value: string;
@@ -66,68 +65,67 @@ const useAutosizeTextArea = ({
     cb
 }: AutosizeTextAreaProps): { reset: () => void } => {
 
-    const [defaultRowHeight, setDefaultRowHeight] = useState(0);
     const [defaultRowHeightInit, setDefaultRowHeightInit] = useState(false);
 
     // Reset function to restore default height
     const reset = useCallback(() => {
-        if (el && defaultRowHeight > 0) {
-            el.style.height = defaultRowHeight + "px";
-            
-            // Get current dimensions after reset
-            const style = (el as any).currentStyle || window.getComputedStyle(el);
-            const _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-            cb?.([_controlWidth, defaultRowHeight]);
-        }
-    }, [el, defaultRowHeight, cb]);
+        if (!el) return;
+        
+        const scrollHeight = el.scrollHeight;
+        el.style.height = scrollHeight + "px";
+        
+        // Get current dimensions after reset
+        const style = window.getComputedStyle(el);
+        const _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
+        cb?.([_controlWidth, scrollHeight]);
+    }, [el, cb]);
 
     useEffect(() => {
-        if (el) {
-            const style = (el as any).currentStyle || window.getComputedStyle(el);
-            const _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
-
-            // initialize default row height
-            if (el.scrollHeight > 0 && !defaultRowHeightInit) {
-
-                let _defaultRowHeight = el.scrollHeight + parseInt(style.borderTopWidth) + parseInt(style.borderBottomWidth);
-                if (maxHeight != 0 && _defaultRowHeight >= maxHeight) {
-                    _defaultRowHeight = maxHeight;
-                }
-
-                setDefaultRowHeight(_defaultRowHeight);
-                setDefaultRowHeightInit(true);
-            }
-
-            // restore default row height
-            if (defaultRowHeight > 0) {
-                el.style.height = defaultRowHeight + "px";
+        if (!el) return;
+
+        // Initialize default height
+        if (!defaultRowHeightInit) {
+            el.style.height = 'auto';
+            const 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";
             }
 
-            // reset the height momentarily to get the correct scrollHeight for the textarea
-            const scrollHeight = el.scrollHeight;
+        }
 
+        // Get dimensions
+        const style = window.getComputedStyle(el);
+        const _controlWidth = el.scrollWidth + parseInt(style.borderLeftWidth) + parseInt(style.borderRightWidth);
+
+        // Calculate height
+        el.style.height = 'auto';
+        let finalHeight = el.scrollHeight;
+        
+        // Apply max height limit if needed
+        if (maxHeight > 0 && finalHeight > maxHeight) {
+            finalHeight = maxHeight;
+        }
 
-            // then set the height directly, outside of the render loop
-            // Trying to set this with state or a ref will product an incorrect value.
+        // 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";
+        }
 
-            // !!! Compare initial height and changed height
-            if (scrollHeight > defaultRowHeight && defaultRowHeight > 0) {
 
-                let _scrollHeight = scrollHeight;
-                if (maxHeight != 0 && _scrollHeight >= maxHeight) {
-                    _scrollHeight = maxHeight;
-                }
-                
-                el.style.height = _scrollHeight + "px";
-                
-            }
+        // Callback
+        cb?.([_controlWidth, finalHeight]);
 
-            cb?.([_controlWidth, scrollHeight]);
-        }
-    }, [el, value]);
+    }, [el, value, maxHeight, defaultRowHeightInit]);
 
     return { reset };
 };
 
-export default useAutosizeTextArea;
-
+export default useAutosizeTextArea;

package/lib/esm/Utils/libs/sanitize.ts

@@ -0,0 +1,55 @@
+
+/**
+ * HTML entities encode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */function htmlEncode(str: string): string {
+
+    return str.replace(/[&<>'"]/g, tag => ({
+        '&': '&amp;',
+        '<': '&lt;',
+        '>': '&gt;',
+        "'": '&#39;',
+        '"': '&quot;'
+    }[tag]!));
+
+}
+
+
+/**
+ * HTML entities decode
+ *
+ * @param {String} str Input text
+ * @return {String} Filtered text
+ */
+function htmlDecode(str: string = ''): string {
+    const entities: [string, string][] = [
+        ['amp', '&'],
+        ['apos', '\''],
+        ['#x27', '\''],
+        ['#x2F', '/'],
+        ['#39', '\''],
+        ['#47', '/'],
+        ['lt', '<'],
+        ['gt', '>'],
+        ['nbsp', ' '],
+        ['quot', '"'],
+        ['#60', '<'],
+        ['#62', '>']
+    ];
+
+    for (let i = 0, max = entities.length; i < max; i++) {
+        str = str.replace(new RegExp('&' + entities[i][0] + ';', 'g'), entities[i][1]);
+    }
+
+    return str;
+}
+
+
+
+
+export {
+    htmlEncode,
+    htmlDecode
+}

package/package.json

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