@jobber/components 6.100.0 → 6.100.1-prevent-ra-8430a42.2

package/dist/Menu-cjs.js

@@ -317,9 +317,7 @@ function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }) {
                     },
                     visible: { opacity: 1, y: 0 },
                 };
-            return (React.createElement(MotionMenu, { key: `menu-content-${placement !== null && placement !== void 0 ? placement : "pending"}`, className: classnames(styles.menu, styles.ariaMenu, UNSAFE_className), style: UNSAFE_style, variants: variants, initial: "hidden", 
-                // placement is null on first render cycle, so we need to wait for it to be defined
-                animate: placement ? animation : false, transition: Object.assign({}, MENU_ANIMATION_CONFIG), onAnimationComplete: animationState => {
+            return (React.createElement(MotionMenu, { key: `motion-menu-content`, className: classnames(styles.menu, styles.ariaMenu, UNSAFE_className), style: UNSAFE_style, variants: variants, initial: "hidden", animate: getAnimateValue(animation, placement), transition: Object.assign({}, MENU_ANIMATION_CONFIG), onAnimationComplete: animationState => {
                     setState(prev => animationState === "hidden" && prev === "hidden"
                         ? "unmounted"
                         : prev);
@@ -327,6 +325,15 @@ function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }) {
         }),
         isMobile && React.createElement(MenuMobileUnderlay, { animation: animation })));
 }
+function getAnimateValue(animation, placement) {
+    // placement is null on first render cycle, so we need to wait for it to be defined
+    // However, during exit animation, we should always animate to prevent race conditions in certain environments
+    if (placement)
+        return animation;
+    if (animation === "hidden")
+        return "hidden";
+    return false;
+}
 function MenuMobileUnderlay({ animation }) {
     if (animation === "unmounted")
         return null;

package/dist/Menu-es.js

@@ -315,9 +315,7 @@ function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }) {
                     },
                     visible: { opacity: 1, y: 0 },
                 };
-            return (React__default.createElement(MotionMenu, { key: `menu-content-${placement !== null && placement !== void 0 ? placement : "pending"}`, className: classnames(styles.menu, styles.ariaMenu, UNSAFE_className), style: UNSAFE_style, variants: variants, initial: "hidden", 
-                // placement is null on first render cycle, so we need to wait for it to be defined
-                animate: placement ? animation : false, transition: Object.assign({}, MENU_ANIMATION_CONFIG), onAnimationComplete: animationState => {
+            return (React__default.createElement(MotionMenu, { key: `motion-menu-content`, className: classnames(styles.menu, styles.ariaMenu, UNSAFE_className), style: UNSAFE_style, variants: variants, initial: "hidden", animate: getAnimateValue(animation, placement), transition: Object.assign({}, MENU_ANIMATION_CONFIG), onAnimationComplete: animationState => {
                     setState(prev => animationState === "hidden" && prev === "hidden"
                         ? "unmounted"
                         : prev);
@@ -325,6 +323,15 @@ function MenuContentComposable({ children, UNSAFE_style, UNSAFE_className, }) {
         }),
         isMobile && React__default.createElement(MenuMobileUnderlay, { animation: animation })));
 }
+function getAnimateValue(animation, placement) {
+    // placement is null on first render cycle, so we need to wait for it to be defined
+    // However, during exit animation, we should always animate to prevent race conditions in certain environments
+    if (placement)
+        return animation;
+    if (animation === "hidden")
+        return "hidden";
+    return false;
+}
 function MenuMobileUnderlay({ animation }) {
     if (animation === "unmounted")
         return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.100.0",
+  "version": "6.100.1-prevent-ra-8430a42.2+8430a42c1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "5bcaa9501cf3a3ef044db8b59d68fff62e5a3409"
+  "gitHead": "8430a42c1017fccd43f11eb9572798558691afaa"
 }