@moda/om 15.11.3 → 15.11.4

package/dist/index.esm.js

@@ -11269,8 +11269,7 @@ var Popover = function Popover(_ref) {
   var className = _ref.className,
       children = _ref.children,
       content = _ref.content,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
+      open = _ref.open,
       _ref$anchor = _ref.anchor,
       anchor = _ref$anchor === void 0 ? 'topLeft' : _ref$anchor,
       zIndex = _ref.zIndex,
@@ -11300,18 +11299,24 @@ var Popover = function Popover(_ref) {
       setMode = _useState2[1];
 
   var timeout = useRef(null);
+  var handleOpen = useCallback(function () {
+    if (smoothTransitioning) setMode(Mode.Opening);
+    if (!smoothTransitioning) setMode(Mode.Open);
+  }, [smoothTransitioning]);
+  var handleClose = useCallback(function () {
+    if (smoothTransitioning) setMode(Mode.Closing);
+    if (!smoothTransitioning) setMode(Mode.Closed);
+  }, [smoothTransitioning]);
   var handleMouseEnter = useCallback(function () {
     if (!open) {
       timeout.current && clearTimeout(timeout.current);
-      setMode(smoothTransitioning ? Mode.Opening : Mode.Open);
+      handleOpen();
     }
-  }, [open, smoothTransitioning]);
+  }, [handleOpen, open]);
   var handleMouseLeave = useCallback(function () {
     if (open) return;
-    timeout.current = setTimeout(function () {
-      return setMode(smoothTransitioning ? Mode.Closing : Mode.Closed);
-    }, POPOVER_MOUSEOUT_DELAY_MS);
-  }, [open, smoothTransitioning]);
+    timeout.current = setTimeout(handleClose, POPOVER_MOUSEOUT_DELAY_MS);
+  }, [handleClose, open]);
   useEffect(function () {
     if (mode !== Mode.Closing) return;
     var closingTimeout = setTimeout(function () {
@@ -11341,30 +11346,15 @@ var Popover = function Popover(_ref) {
   }, [mode]);
   useEffect(function () {
     if (mode !== Mode.AutoOpen) return;
-    var stayingTimeout = setTimeout(function () {
-      return setMode(smoothTransitioning ? Mode.Closing : Mode.Closed);
-    }, 5000);
+    var stayingTimeout = setTimeout(handleClose, 5000);
     return function () {
       return clearTimeout(stayingTimeout);
     };
-  }, [mode, smoothTransitioning]);
+  }, [handleClose, mode, smoothTransitioning]);
   useEffect(function () {
-    if (open && smoothTransitioning) {
-      setMode(Mode.Opening);
-    }
-
-    if (open && !smoothTransitioning) {
-      setMode(Mode.Open);
-    }
-
-    if (!open && smoothTransitioning) {
-      setMode(Mode.Closing);
-    }
-
-    if (!open && !smoothTransitioning) {
-      setMode(Mode.Closed);
-    }
-  }, [open, smoothTransitioning]);
+    if (open === undefined) return;
+    open ? handleOpen() : handleClose();
+  }, [handleClose, handleOpen, open]);
   var isOpen = mode === Mode.AutoOpen || mode === Mode.Opening || mode === Mode.Open || mode === Mode.Closing;
   return /*#__PURE__*/React__default.createElement("div", _extends$3({
     className: classNames("Popover Popover--anchor-".concat(anchor), className),