@unbxd-ui/unbxd-react-components 0.2.138 → 0.2.140

package/components/Accordian/Accordian.js

@@ -48,11 +48,15 @@ var AccordianItem = function AccordianItem(props) {
     return item === id;
   }) ? true : false;
   var onItemClick = function onItemClick() {
-    var newList = [id];
+    var newList = [];
     if (!allowOneOpen) {
       newList = isOpen ? openedItems.filter(function (item) {
         return item !== id;
       }) : [].concat(_toConsumableArray(openedItems), [id]);
+    } else {
+      if (!openedItems.includes(id)) {
+        newList = [id];
+      }
     }
     setOpenedItems(newList);
   };

package/components/Form/ServerPaginatedDDList.js

@@ -159,7 +159,7 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
   };
   var makeAPICall = function makeAPICall() {
     _dataLoader["default"].abortPreviousCall(requestId);
-    // setIsApiLoading(true)
+    setIsApiLoading(true);
     apiCallRef.current = true;
     setIsNextPageLoading(true);
     if (prefetchedPageResponse && pageNoRef.current === prefetchedPageNo) {
@@ -198,6 +198,7 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
     /* search query changed -> reset page no. to 1 */
     if (searchQuery !== searchRef.current) {
       // dataLoader.abortPreviousCall(requestId);
+      setIsApiLoading(true);
       setIsNextPageLoading(true);
       searchRef.current = searchQuery;
       startSearch();
@@ -247,12 +248,12 @@ var ServerPaginatedDDList = function ServerPaginatedDDList(props) {
     }
     return [];
   }
-
-  // its not following debounce behaviour
-  if (total === 0) {
+  if (total === 0 && searchQuery === searchRef.current && !isApiLoading) {
     return /*#__PURE__*/_react["default"].createElement(_NoDataDropdown["default"], _extends({
       searchQuery: searchQuery
     }, restProps));
+  } else if (total === 0 && LoaderComponent) {
+    return LoaderComponent;
   }
   return /*#__PURE__*/_react["default"].createElement(_reactWindowInfiniteLoader["default"]
   // Function responsible for tracking the loaded state of each item.

package/components/Tooltip/Tooltip.js

@@ -39,6 +39,8 @@ var Tooltip = function Tooltip(props, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     isOpen = _useState4[0],
     setIsOpen = _useState4[1];
+  var tooltipBodyRef = (0, _react.useRef)(null);
+  var tooltipRef = (0, _react.useRef)(null);
   var dirClassName = "RCB-tooltip-right";
   switch (direction) {
     case "bottom":
@@ -73,6 +75,39 @@ var Tooltip = function Tooltip(props, ref) {
   var hideToolTip = function hideToolTip() {
     setIsOpen(false);
   };
+  var changeModalState = function changeModalState(newState) {
+    setIsOpen(newState);
+  };
+  var onBodyClick = function onBodyClick(e) {
+    var eventTarget = e.target;
+    var inlineModalNode = tooltipRef.current;
+    var eventPathNodes = e.composedPath();
+    var isWithinModal = false;
+    if (inlineModalNode.contains(eventTarget)) {
+      isWithinModal = true;
+    } else {
+      for (var i = 0; i < eventPathNodes.length; i++) {
+        var node = eventPathNodes[i];
+        if (node !== window && inlineModalNode.contains(node)) {
+          isWithinModal = true;
+          break;
+        }
+      }
+    }
+    if (!isWithinModal) {
+      /* outside click -> close modal */
+      changeModalState(false);
+    }
+  };
+  (0, _react.useEffect)(function () {
+    /* add when mounted */
+    document.addEventListener("click", onBodyClick);
+
+    /* return function to be called when unmounted */
+    return function () {
+      document.removeEventListener("click", onBodyClick);
+    };
+  }, []);
   var eventProps = activatorAction === "click" ? {
     onClick: showToolTipClick
   } : {
@@ -80,11 +115,13 @@ var Tooltip = function Tooltip(props, ref) {
     onMouseLeave: hideToolTip
   };
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "RCB-tooltip ".concat(className)
+    className: "RCB-tooltip ".concat(className),
+    ref: tooltipRef
   }, /*#__PURE__*/_react["default"].createElement("div", _extends({
     className: "RCB-tooltip-btn"
   }, eventProps), /*#__PURE__*/_react["default"].createElement(TooltipActivator, restProps)), isOpen && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "RCB-tooltip-body ".concat(dirClassName, " ").concat(actionClassName)
+    className: "RCB-tooltip-body ".concat(dirClassName, " ").concat(actionClassName),
+    ref: tooltipBodyRef
   }, children));
 };
 Tooltip = /*#__PURE__*/(0, _react.forwardRef)(Tooltip);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unbxd-ui/unbxd-react-components",
-  "version": "0.2.138",
+  "version": "0.2.140",
   "description": "React components library",
   "keywords": [
     "react components",