funda-ui 4.7.555 → 4.7.562

package/Date/index.js

@@ -5346,7 +5346,6 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
       _modalRef.style.top = 'auto';
       _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
       _modalRef.style.setProperty('position', 'fixed', 'important');
-      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {

package/LiveSearch/index.js

@@ -3104,16 +3104,17 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      _modalRef.style.bottom = 'auto';
-      // Position the popup above the trigger without overlapping
-      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-      _modalRef.style.top = topPosition + 'px';
+      //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+      _modalRef.style.top = 'auto';
+      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
+      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
+      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 

package/Select/index.js

@@ -4424,16 +4424,17 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      _modalRef.style.bottom = 'auto';
-      // Position the popup above the trigger without overlapping
-      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-      _modalRef.style.top = topPosition + 'px';
+      //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+      _modalRef.style.top = 'auto';
+      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
+      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
+      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 
@@ -4578,7 +4579,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   function popwinContainerHeightAdjust() {
     if (listContentRef.current === null) return;
     var oldHeight = listContentRef.current.dataset.height;
-    var pos = listContentRef.current.dataset.pos;
     var filteredHeight = listContentRef.current.firstChild.clientHeight;
 
     // height restrictions
@@ -4586,21 +4586,24 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     filteredHeight = listContainerHeightLimit(filteredHeight);
     if (parseFloat(oldHeight) > filteredHeight) {
       listContentRef.current.style.height = filteredHeight + 'px';
+      console.log('popwinContainerHeightAdjust - height changed to:', filteredHeight);
     } else {
       listContentRef.current.style.height = oldHeight + 'px';
+      console.log('popwinContainerHeightAdjust - height kept as:', oldHeight);
     }
   }
   function popwinNoMatchInit() {
     if (listContentRef.current === null) return;
     var _btnSelectAll = listContentRef.current.querySelector('.custom-select-multi__control-option-item--select-all');
     var _noDataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
-    var emptyFieldsCheck = [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item')).every(function (node) {
+    var _items = [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item'));
+    var itemsDoNotExist = _items.every(function (node) {
       if (!node.classList.contains('hide')) {
         return false;
       }
       return true;
     });
-    if (emptyFieldsCheck) {
+    if (itemsDoNotExist) {
       _noDataDiv.classList.remove('hide');
       if (_btnSelectAll !== null) _btnSelectAll.classList.add('hide');
     } else {
@@ -5468,6 +5471,15 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     }
   }
 
+  // Select all detection functions in the input box (for "Single selection")
+  function checkUserInputboxIsAllSelected(e) {
+    var input = e.target;
+    if (input && typeof input.selectionStart === 'number' && typeof input.selectionEnd === 'number') {
+      setUserInputboxIsAllSelected(input.selectionStart === 0 && input.selectionEnd === input.value.length && input.value.length > 0);
+    } else {
+      setUserInputboxIsAllSelected(false);
+    }
+  }
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // Call a function when the component has been rendered completely
     //--------------
@@ -5619,15 +5631,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     };
   }, [orginalData]); // Avoid the issue that `setOptionsData(orginalData)` sets the original value to empty on the first entry
 
-  // Select all detection functions in the input box (for "Single selection")
-  function checkUserInputboxIsAllSelected(e) {
-    var input = e.target;
-    if (input && typeof input.selectionStart === 'number' && typeof input.selectionEnd === 'number') {
-      setUserInputboxIsAllSelected(input.selectionStart === 0 && input.selectionEnd === input.value.length && input.value.length > 0);
-    } else {
-      setUserInputboxIsAllSelected(false);
-    }
-  }
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, label ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: "custom-select__label"
   }, typeof label === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {

package/lib/cjs/Date/index.js

@@ -5346,7 +5346,6 @@ var src_Date = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_reac
       _modalRef.style.top = 'auto';
       _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
       _modalRef.style.setProperty('position', 'fixed', 'important');
-      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {

package/lib/cjs/LiveSearch/index.js

@@ -3104,16 +3104,17 @@ var LiveSearch = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      _modalRef.style.bottom = 'auto';
-      // Position the popup above the trigger without overlapping
-      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-      _modalRef.style.top = topPosition + 'px';
+      //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+      _modalRef.style.top = 'auto';
+      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
+      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
+      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 

package/lib/cjs/Select/index.js

@@ -4424,16 +4424,17 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     // Adjust position
     if (targetPos === 'top') {
       _modalRef.style.left = x + 'px';
-      _modalRef.style.bottom = 'auto';
-      // Position the popup above the trigger without overlapping
-      var topPosition = y - POS_OFFSET - listContentRef.current.clientHeight - 2;
-      _modalRef.style.top = topPosition + 'px';
+      //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+      _modalRef.style.top = 'auto';
+      _modalRef.style.bottom = window.innerHeight - _triggerBox.top + POS_OFFSET + 2 + 'px';
+      _modalRef.style.setProperty('position', 'fixed', 'important');
       _modalRef.classList.add('pos-top');
     }
     if (targetPos === 'bottom') {
       _modalRef.style.left = x + 'px';
       _modalRef.style.bottom = 'auto';
       _modalRef.style.top = y + height + POS_OFFSET + 'px';
+      _modalRef.style.setProperty('position', 'absolute', 'important');
       _modalRef.classList.remove('pos-top');
     }
 
@@ -4578,7 +4579,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
   function popwinContainerHeightAdjust() {
     if (listContentRef.current === null) return;
     var oldHeight = listContentRef.current.dataset.height;
-    var pos = listContentRef.current.dataset.pos;
     var filteredHeight = listContentRef.current.firstChild.clientHeight;
 
     // height restrictions
@@ -4586,21 +4586,24 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     filteredHeight = listContainerHeightLimit(filteredHeight);
     if (parseFloat(oldHeight) > filteredHeight) {
       listContentRef.current.style.height = filteredHeight + 'px';
+      console.log('popwinContainerHeightAdjust - height changed to:', filteredHeight);
     } else {
       listContentRef.current.style.height = oldHeight + 'px';
+      console.log('popwinContainerHeightAdjust - height kept as:', oldHeight);
     }
   }
   function popwinNoMatchInit() {
     if (listContentRef.current === null) return;
     var _btnSelectAll = listContentRef.current.querySelector('.custom-select-multi__control-option-item--select-all');
     var _noDataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
-    var emptyFieldsCheck = [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item')).every(function (node) {
+    var _items = [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item'));
+    var itemsDoNotExist = _items.every(function (node) {
       if (!node.classList.contains('hide')) {
         return false;
       }
       return true;
     });
-    if (emptyFieldsCheck) {
+    if (itemsDoNotExist) {
       _noDataDiv.classList.remove('hide');
       if (_btnSelectAll !== null) _btnSelectAll.classList.add('hide');
     } else {
@@ -5468,6 +5471,15 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     }
   }
 
+  // Select all detection functions in the input box (for "Single selection")
+  function checkUserInputboxIsAllSelected(e) {
+    var input = e.target;
+    if (input && typeof input.selectionStart === 'number' && typeof input.selectionEnd === 'number') {
+      setUserInputboxIsAllSelected(input.selectionStart === 0 && input.selectionEnd === input.value.length && input.value.length > 0);
+    } else {
+      setUserInputboxIsAllSelected(false);
+    }
+  }
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     // Call a function when the component has been rendered completely
     //--------------
@@ -5619,15 +5631,6 @@ var Select = /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_
     };
   }, [orginalData]); // Avoid the issue that `setOptionsData(orginalData)` sets the original value to empty on the first entry
 
-  // Select all detection functions in the input box (for "Single selection")
-  function checkUserInputboxIsAllSelected(e) {
-    var input = e.target;
-    if (input && typeof input.selectionStart === 'number' && typeof input.selectionEnd === 'number') {
-      setUserInputboxIsAllSelected(input.selectionStart === 0 && input.selectionEnd === input.value.length && input.value.length > 0);
-    } else {
-      setUserInputboxIsAllSelected(false);
-    }
-  }
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, label ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("div", {
     className: "custom-select__label"
   }, typeof label === 'string' ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("label", {

package/lib/esm/Date/index.tsx

@@ -540,7 +540,6 @@ const Date = forwardRef((props: DateProps, externalRef: any) => {
             _modalRef.style.top = 'auto';
             _modalRef.style.bottom = (window.innerHeight - _triggerBox.top) + POS_OFFSET + 2 + 'px';
             _modalRef.style.setProperty('position', 'fixed', 'important');
-            _modalRef.style.setProperty('position', 'fixed', 'important');
             _modalRef.classList.add('pos-top');
         }
 

package/lib/esm/LiveSearch/index.tsx

@@ -362,10 +362,10 @@ const LiveSearch = forwardRef((props: LiveSearchProps, externalRef: any) => {
         // Adjust position
         if (targetPos === 'top') {
             _modalRef.style.left = x + 'px';
-            _modalRef.style.bottom = 'auto';
-            // Position the popup above the trigger without overlapping
-            const topPosition = y - POS_OFFSET - (listContentRef.current.clientHeight) - 2;
-            _modalRef.style.top = topPosition + 'px';
+            //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+            _modalRef.style.top = 'auto';
+            _modalRef.style.bottom = (window.innerHeight - _triggerBox.top) + POS_OFFSET + 2 + 'px';
+            _modalRef.style.setProperty('position', 'fixed', 'important');
             _modalRef.classList.add('pos-top');
 
         }
@@ -374,6 +374,7 @@ const LiveSearch = forwardRef((props: LiveSearchProps, externalRef: any) => {
             _modalRef.style.left = x + 'px';
             _modalRef.style.bottom = 'auto';
             _modalRef.style.top = y + height + POS_OFFSET + 'px';
+            _modalRef.style.setProperty('position', 'absolute', 'important');
             _modalRef.classList.remove('pos-top');
         }
 

package/lib/esm/Select/index.tsx

@@ -47,7 +47,6 @@ import {
 import { clsWrite, combinedCls } from 'funda-utils/dist/cjs/cls';
 
 
-
 export interface MultiSelectValue {
     items: { label: string; value: string }[];
     labels: string[];
@@ -273,7 +272,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
 
     // loading
-    const [fetchLoading, setFetchLoading] = useState(false);
+    const [fetchLoading, setFetchLoading] = useState<boolean>(false);
     const loadingOutput = <><div className="cus-select-loader">{loader || <svg height="12px" width="12px" viewBox="0 0 512 512"><g><path fill="inherit" d="M256,0c-23.357,0-42.297,18.932-42.297,42.288c0,23.358,18.94,42.288,42.297,42.288c23.357,0,42.279-18.93,42.279-42.288C298.279,18.932,279.357,0,256,0z" /><path fill="inherit" d="M256,427.424c-23.357,0-42.297,18.931-42.297,42.288C213.703,493.07,232.643,512,256,512c23.357,0,42.279-18.93,42.279-42.288C298.279,446.355,279.357,427.424,256,427.424z" /><path fill="inherit" d="M74.974,74.983c-16.52,16.511-16.52,43.286,0,59.806c16.52,16.52,43.287,16.52,59.806,0c16.52-16.511,16.52-43.286,0-59.806C118.261,58.463,91.494,58.463,74.974,74.983z" /><path fill="inherit" d="M377.203,377.211c-16.503,16.52-16.503,43.296,0,59.815c16.519,16.52,43.304,16.52,59.806,0c16.52-16.51,16.52-43.295,0-59.815C420.489,360.692,393.722,360.7,377.203,377.211z" /><path fill="inherit" d="M84.567,256c0.018-23.348-18.922-42.279-42.279-42.279c-23.357-0.009-42.297,18.932-42.279,42.288c-0.018,23.348,18.904,42.279,42.279,42.279C65.645,298.288,84.567,279.358,84.567,256z" /><path fill="inherit" d="M469.712,213.712c-23.357,0-42.279,18.941-42.297,42.288c0,23.358,18.94,42.288,42.297,42.297c23.357,0,42.297-18.94,42.279-42.297C512.009,232.652,493.069,213.712,469.712,213.712z" /><path fill="inherit" d="M74.991,377.22c-16.519,16.511-16.519,43.296,0,59.806c16.503,16.52,43.27,16.52,59.789,0c16.52-16.519,16.52-43.295,0-59.815C118.278,360.692,91.511,360.692,74.991,377.22z" /><path fill="inherit" d="M437.026,134.798c16.52-16.52,16.52-43.304,0-59.824c-16.519-16.511-43.304-16.52-59.823,0c-16.52,16.52-16.503,43.295,0,59.815C393.722,151.309,420.507,151.309,437.026,134.798z" /></g></svg>}</div></>;
 
 
@@ -500,16 +499,18 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
             // Make a request
             handleFetch(val).then((response: any) => {
-      
+
                 // pop win initalization
                 setTimeout(() => {
                     popwinPosInit();
                     popwinFilterItems(val);
+
                 }, 0);
 
                 setFetchLoading(false);
             });
         } else {
+            
    
             // pop win initalization
             setTimeout(() => {
@@ -966,10 +967,10 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         // Adjust position
         if (targetPos === 'top') {
             _modalRef.style.left = x + 'px';
-            _modalRef.style.bottom = 'auto';
-            // Position the popup above the trigger without overlapping
-            const topPosition = y - POS_OFFSET - (listContentRef.current.clientHeight) - 2;
-            _modalRef.style.top = topPosition + 'px';
+            //_modalRef.style.top = y - POS_OFFSET - (listRef.current.clientHeight) - 2 + 'px';
+            _modalRef.style.top = 'auto';
+            _modalRef.style.bottom = (window.innerHeight - _triggerBox.top) + POS_OFFSET + 2 + 'px';
+            _modalRef.style.setProperty('position', 'fixed', 'important');
             _modalRef.classList.add('pos-top');
 
         }
@@ -978,6 +979,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             _modalRef.style.left = x + 'px';
             _modalRef.style.bottom = 'auto';
             _modalRef.style.top = y + height + POS_OFFSET + 'px';
+            _modalRef.style.setProperty('position', 'absolute', 'important');
             _modalRef.classList.remove('pos-top');
         }
 
@@ -1166,7 +1168,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         if (listContentRef.current === null) return;
 
         let oldHeight = listContentRef.current.dataset.height;
-        const pos = listContentRef.current.dataset.pos;
         let filteredHeight = listContentRef.current.firstChild.clientHeight;
 
         // height restrictions
@@ -1176,8 +1177,10 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
         if (parseFloat(oldHeight) > filteredHeight) {
             listContentRef.current.style.height = filteredHeight + 'px';
+            console.log('popwinContainerHeightAdjust - height changed to:', filteredHeight);
         } else {
             listContentRef.current.style.height = oldHeight + 'px';
+            console.log('popwinContainerHeightAdjust - height kept as:', oldHeight);
         }
 
     }
@@ -1190,14 +1193,15 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
         const _btnSelectAll = listContentRef.current.querySelector('.custom-select-multi__control-option-item--select-all');
         const _noDataDiv = listContentRef.current.querySelector('.custom-select-multi__control-option-item--nomatch');
-        const emptyFieldsCheck = [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item')).every((node: any) => {
+        const _items = [].slice.call(listContentRef.current.querySelectorAll('.custom-select-multi__control-option-item'));
+        const itemsDoNotExist = _items.every((node: any) => {
             if (!node.classList.contains('hide')) {
                 return false;
             }
             return true;
         });
 
-        if (emptyFieldsCheck) {
+        if (itemsDoNotExist) {
             _noDataDiv.classList.remove('hide');
             if (_btnSelectAll !== null) _btnSelectAll.classList.add('hide');
         } else {
@@ -1221,6 +1225,8 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
     }
 
+
+    
     function cancel() {
         // hide list
         setIsOpen(false);
@@ -1919,7 +1925,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         if (MANUAL_REQ && val !== '') {
             popwinPosInit();
         }
-        
 
     }
 
@@ -2112,6 +2117,17 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
     }
 
 
+    // Select all detection functions in the input box (for "Single selection")
+    function checkUserInputboxIsAllSelected(e: any) {
+        const input = e.target;
+        if (input && typeof input.selectionStart === 'number' && typeof input.selectionEnd === 'number') {
+            setUserInputboxIsAllSelected(input.selectionStart === 0 && input.selectionEnd === input.value.length && input.value.length > 0);
+        } else {
+            setUserInputboxIsAllSelected(false);
+        }
+    }
+
+
     useEffect(() => {
 
         // Call a function when the component has been rendered completely
@@ -2278,15 +2294,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
     }, [orginalData]); // Avoid the issue that `setOptionsData(orginalData)` sets the original value to empty on the first entry
 
 
-    // Select all detection functions in the input box (for "Single selection")
-    function checkUserInputboxIsAllSelected(e: any) {
-        const input = e.target;
-        if (input && typeof input.selectionStart === 'number' && typeof input.selectionEnd === 'number') {
-            setUserInputboxIsAllSelected(input.selectionStart === 0 && input.selectionEnd === input.value.length && input.value.length > 0);
-        } else {
-            setUserInputboxIsAllSelected(false);
-        }
-    }
 
 
     return (
@@ -2515,6 +2522,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                                     setTimeout(() => {
                                         popwinPosInit();
                                         popwinFilterItems(controlTempValue);
+
                                     }, 0);
                                 });
                                 
@@ -2787,6 +2795,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                                     setTimeout(() => {
                                         popwinPosInit();
                                         popwinFilterItems(controlTempValue);
+
                                     }, 0);
                                 });
                             }}>

package/package.json

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