@ultraviolet/ui 1.20.0 → 1.20.1

package/dist/src/components/Popup/index.js

@@ -153,7 +153,11 @@ const Popup = /*#__PURE__*/forwardRef((_ref13, ref) => {
       }));
     }
   }, [innerTooltipRef, placement]);
-  const onScrollDetected = useCallback(() => {
+
+  /**
+   * This function is called when we need to recompute positions of tooltip due to window scroll or resize.
+   */
+  const onWindowChangeDetected = useCallback(() => {
     // We remove animation on scroll or the animation will restart on every scroll
     if (innerTooltipRef.current) {
       innerTooltipRef.current.style.animation = 'none';
@@ -167,8 +171,8 @@ const Popup = /*#__PURE__*/forwardRef((_ref13, ref) => {
   const unmountTooltip = useCallback(() => {
     setVisibleInDom(false);
     setReverseAnimation(false);
-    window.removeEventListener('scroll', onScrollDetected, true);
-  }, [onScrollDetected]);
+    window.removeEventListener('scroll', onWindowChangeDetected, true);
+  }, [onWindowChangeDetected]);
 
   /**
    * This function is called when we need to hide tooltip. A timeout is set to allow animation end, then remove
@@ -221,18 +225,20 @@ const Popup = /*#__PURE__*/forwardRef((_ref13, ref) => {
     if (visibleInDom) {
       generatePositions();
 
-      // We want to detect scroll in order to recompute positions of tooltip
+      // We want to detect scroll and resize in order to recompute positions of tooltip
       // Adding true as third parameter to event listener will detect nested scrolls.
-      window.addEventListener('scroll', onScrollDetected, true);
+      window.addEventListener('scroll', onWindowChangeDetected, true);
+      window.addEventListener('resize', onWindowChangeDetected, true);
     }
     return () => {
-      window.removeEventListener('scroll', onScrollDetected, true);
+      window.removeEventListener('scroll', onWindowChangeDetected, true);
+      window.removeEventListener('resize', onWindowChangeDetected, true);
       if (timer.current) {
         clearTimeout(timer.current);
         timer.current = undefined;
       }
     };
-  }, [generatePositions, onScrollDetected, visibleInDom]);
+  }, [generatePositions, onWindowChangeDetected, visibleInDom, maxWidth]);
 
   /**
    * If tooltip has `visible` prop it means the tooltip is manually controlled through this prop.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -68,5 +68,8 @@
     "reakit": "1.3.11",
     "@ultraviolet/themes": "1.2.1",
     "@ultraviolet/icons": "2.4.1"
+  },
+  "scripts": {
+    "build": "rollup -c ../../rollup.config.mjs"
   }
 }