funda-ui 1.1.145 → 1.1.148

package/EventCalendarTimeline/index.js

@@ -2465,7 +2465,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
         return _ref2.apply(this, arguments);
       };
     }()
-  }, modalContent)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, modalContent)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: tableTooltipModalRef,
     id: "e-cal-tl-table__cell-tooltipwrapper-".concat(idRes),
     className: "e-cal-tl-table__cell-tooltipwrapper d-inline-block ".concat(isShowTableTooltip ? 'active' : ''),

package/MultiFuncSelect/index.js

@@ -803,6 +803,7 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     onBlur = props.onBlur,
     onFocus = props.onFocus,
     attributes = _objectWithoutProperties(props, _excluded);
+  var LIVE_SEARCH_OK = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false;
   var LIVE_SEARCH_DISABLED = (typeof fetchTrigger === 'undefined' || fetchTrigger === false) && typeof window !== 'undefined' && typeof window['funda-ui__MultiFuncSelect-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
 
   var INPUT_READONLY = LIVE_SEARCH_DISABLED ? true : typeof readOnly === 'undefined' ? null : readOnly;
@@ -1433,9 +1434,13 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
   function cancel() {
     // hide list
     setIsOpen(false);
-
-    // restore data
-    setOptionsData(orginalData);
+    if (LIVE_SEARCH_OK) {
+      // clean data
+      setOptionsData([]);
+    } else {
+      // restore data
+      setOptionsData(orginalData);
+    }
 
     // update temporary value
     setControlTempValue(null);
@@ -1446,9 +1451,13 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
   function activate() {
     // show list
     setIsOpen(true);
-
-    // restore data
-    setOptionsData(orginalData);
+    if (LIVE_SEARCH_OK) {
+      // clean data
+      setOptionsData([]);
+    } else {
+      // restore data
+      setOptionsData(orginalData);
+    }
 
     // update temporary value
     setControlTempValue('');
@@ -1852,8 +1861,14 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     //
     if (val.replace(/\s/g, "") === '') {
       // No elements found. Consider changing the search query.
-      // restore data
-      setOptionsData(orginalData);
+
+      if (LIVE_SEARCH_OK) {
+        // clean data
+        setOptionsData([]);
+      } else {
+        // restore data
+        setOptionsData(orginalData);
+      }
     } else {
       handleChangeFetchSafe(val);
     }
@@ -2162,7 +2177,7 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
     d: "M144,6525.39 L142.594,6524 L133.987,6532.261 L133.069,6531.38 L133.074,6531.385 L125.427,6524.045 L124,6525.414 C126.113,6527.443 132.014,6533.107 133.987,6535 C135.453,6533.594 134.024,6534.965 144,6525.39"
   })))))), fetchTrigger ? /*#__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("span", {
-    className: "multifunc-select-multi__control-searchbtn position-absolute top-0 end-0"
+    className: "multifunc-select-single__control-searchbtn position-absolute top-0 end-0"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
     tabIndex: -1,
     type: "button",

package/Tooltip/index.js

@@ -386,7 +386,7 @@ var Tooltip = function Tooltip(props) {
       (_document$querySelect = document.querySelector("#tooltip__wrapper-".concat(idRes))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.remove();
     };
   }, []);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: modalRef,
     id: "tooltip__wrapper-".concat(idRes),
     className: "".concat(wrapperClassName || wrapperClassName === '' ? "tooltip__wrapper ".concat(wrapperClassName) : "tooltip__wrapper d-inline-block", " ").concat(isShow ? 'active' : ''),

package/lib/cjs/EventCalendarTimeline/index.js

@@ -2465,7 +2465,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
         return _ref2.apply(this, arguments);
       };
     }()
-  }, modalContent)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  }, modalContent)) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: tableTooltipModalRef,
     id: "e-cal-tl-table__cell-tooltipwrapper-".concat(idRes),
     className: "e-cal-tl-table__cell-tooltipwrapper d-inline-block ".concat(isShowTableTooltip ? 'active' : ''),

package/lib/cjs/MultiFuncSelect/index.js

@@ -803,6 +803,7 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     onBlur = props.onBlur,
     onFocus = props.onFocus,
     attributes = _objectWithoutProperties(props, _excluded);
+  var LIVE_SEARCH_OK = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false;
   var LIVE_SEARCH_DISABLED = (typeof fetchTrigger === 'undefined' || fetchTrigger === false) && typeof window !== 'undefined' && typeof window['funda-ui__MultiFuncSelect-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
 
   var INPUT_READONLY = LIVE_SEARCH_DISABLED ? true : typeof readOnly === 'undefined' ? null : readOnly;
@@ -1433,9 +1434,13 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
   function cancel() {
     // hide list
     setIsOpen(false);
-
-    // restore data
-    setOptionsData(orginalData);
+    if (LIVE_SEARCH_OK) {
+      // clean data
+      setOptionsData([]);
+    } else {
+      // restore data
+      setOptionsData(orginalData);
+    }
 
     // update temporary value
     setControlTempValue(null);
@@ -1446,9 +1451,13 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
   function activate() {
     // show list
     setIsOpen(true);
-
-    // restore data
-    setOptionsData(orginalData);
+    if (LIVE_SEARCH_OK) {
+      // clean data
+      setOptionsData([]);
+    } else {
+      // restore data
+      setOptionsData(orginalData);
+    }
 
     // update temporary value
     setControlTempValue('');
@@ -1852,8 +1861,14 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     //
     if (val.replace(/\s/g, "") === '') {
       // No elements found. Consider changing the search query.
-      // restore data
-      setOptionsData(orginalData);
+
+      if (LIVE_SEARCH_OK) {
+        // clean data
+        setOptionsData([]);
+      } else {
+        // restore data
+        setOptionsData(orginalData);
+      }
     } else {
       handleChangeFetchSafe(val);
     }
@@ -2162,7 +2177,7 @@ var MultiFuncSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("path", {
     d: "M144,6525.39 L142.594,6524 L133.987,6532.261 L133.069,6531.38 L133.074,6531.385 L125.427,6524.045 L124,6525.414 C126.113,6527.443 132.014,6533.107 133.987,6535 C135.453,6533.594 134.024,6534.965 144,6525.39"
   })))))), fetchTrigger ? /*#__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("span", {
-    className: "multifunc-select-multi__control-searchbtn position-absolute top-0 end-0"
+    className: "multifunc-select-single__control-searchbtn position-absolute top-0 end-0"
   }, /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("button", {
     tabIndex: -1,
     type: "button",

package/lib/cjs/Tooltip/index.js

@@ -386,7 +386,7 @@ var Tooltip = function Tooltip(props) {
       (_document$querySelect = document.querySelector("#tooltip__wrapper-".concat(idRes))) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.remove();
     };
   }, []);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     ref: modalRef,
     id: "tooltip__wrapper-".concat(idRes),
     className: "".concat(wrapperClassName || wrapperClassName === '' ? "tooltip__wrapper ".concat(wrapperClassName) : "tooltip__wrapper d-inline-block", " ").concat(isShow ? 'active' : ''),

package/lib/esm/EventCalendarTimeline/index.tsx

@@ -1694,7 +1694,7 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
             {/*//////////////////// Table Grid Tooltip //////////////////// */}
             {/*////////////////////////////////////////////////// */}
             {/* FIX: "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node" when using remove() */}
-            <div>
+            <span>
                 <div
                     ref={tableTooltipModalRef}
                     id={`e-cal-tl-table__cell-tooltipwrapper-${idRes}`}
@@ -1708,7 +1708,7 @@ const EventCalendarTimeline = (props: EventCalendarTimelineProps) => {
                     </div>
                 </div>
 
-            </div>
+            </span>
 
 
 

package/lib/esm/MultiFuncSelect/index.tsx

@@ -135,6 +135,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
     } = props;
 
     
+    const LIVE_SEARCH_OK = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false;
     const LIVE_SEARCH_DISABLED = (typeof fetchTrigger === 'undefined' || fetchTrigger === false) && typeof window !== 'undefined' && typeof (window as any)['funda-ui__MultiFuncSelect-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
 
     const INPUT_READONLY = LIVE_SEARCH_DISABLED ? true : (typeof readOnly === 'undefined' ? null : readOnly);
@@ -829,8 +830,14 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
         // hide list
         setIsOpen(false);
 
-        // restore data
-        setOptionsData(orginalData);
+
+        if (LIVE_SEARCH_OK) {
+            // clean data
+            setOptionsData([]);
+        } else {
+            // restore data
+            setOptionsData(orginalData);
+        }
 
         // update temporary value
         setControlTempValue(null);
@@ -845,8 +852,15 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
         // show list
         setIsOpen(true);
 
-        // restore data
-        setOptionsData(orginalData);
+
+        if (LIVE_SEARCH_OK) {
+            // clean data
+            setOptionsData([]);
+        } else {
+            // restore data
+            setOptionsData(orginalData);
+        }
+
 
         // update temporary value
         setControlTempValue('');
@@ -1253,12 +1267,22 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
         // update temporary value
         setControlTempValue(val);
 
-  
+    
         //
         if ( val.replace(/\s/g, "") === '' ) {
             // No elements found. Consider changing the search query.
-            // restore data
-            setOptionsData(orginalData);
+
+
+            if (LIVE_SEARCH_OK) {
+                // clean data
+                setOptionsData([]);
+            } else {
+                // restore data
+                setOptionsData(orginalData);
+            }
+
+  
+
         } else {
             handleChangeFetchSafe(val);
         }
@@ -1585,7 +1609,7 @@ const MultiFuncSelect = forwardRef((props: MultiFuncSelectProps, ref: any) => {
 
 
                         {fetchTrigger ? <>
-                            <span className="multifunc-select-multi__control-searchbtn position-absolute top-0 end-0">
+                            <span className="multifunc-select-single__control-searchbtn position-absolute top-0 end-0">
                                 <button tabIndex={-1} type="button" className="btn border-end-0 rounded-pill" style={{pointerEvents: 'none'}}>
                                     <svg width="1em" height="1em" fill="#a5a5a5" viewBox="0 0 16 16">
                                         <path d="M12.027 9.92L16 13.95 14 16l-4.075-3.976A6.465 6.465 0 0 1 6.5 13C2.91 13 0 10.083 0 6.5 0 2.91 2.917 0 6.5 0 10.09 0 13 2.917 13 6.5a6.463 6.463 0 0 1-.973 3.42zM1.997 6.452c0 2.48 2.014 4.5 4.5 4.5 2.48 0 4.5-2.015 4.5-4.5 0-2.48-2.015-4.5-4.5-4.5-2.48 0-4.5 2.014-4.5 4.5z" fillRule="evenodd" />

package/lib/esm/Tooltip/index.tsx

@@ -200,7 +200,7 @@ const Tooltip = (props: TooltipProps) => {
         <>
 
             {/* FIX: "Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node" when using remove() */}
-            <div>
+            <span>
                 <div
                     ref={modalRef}
                     id={`tooltip__wrapper-${idRes}`}
@@ -211,7 +211,7 @@ const Tooltip = (props: TooltipProps) => {
                 >
                     <div className="tooltip__content">{content}</div>
                 </div>
-            </div>
+            </span>
 
 
             <div

package/package.json

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