cozy-ui 123.2.0 → 123.2.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [123.2.1](https://github.com/cozy/cozy-ui/compare/v123.2.0...v123.2.1) (2025-05-20)
+
+
+### Bug Fixes
+
+* Don't register Flagship UI on ActionsMenu until opened ([87def0d](https://github.com/cozy/cozy-ui/commit/87def0d))
+
 # [123.2.0](https://github.com/cozy/cozy-ui/compare/v123.1.1...v123.2.0) (2025-05-15)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "123.2.0",
+  "version": "123.2.1",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/ActionsMenu/ActionsMenuWrapper.jsx

@@ -8,6 +8,12 @@ import { useActionMenuEffects } from '../deprecated/ActionMenu/ActionMenuEffects
 import isTesting from '../helpers/isTesting'
 import useBreakpoints from '../providers/Breakpoints'
 
+const ActionsMenuFlagshipUI = ({ children }) => {
+  useActionMenuEffects()
+
+  return children
+}
+
 const ActionsMenuWrapper = ({
   children,
   autoClose,
@@ -17,8 +23,6 @@ const ActionsMenuWrapper = ({
 }) => {
   const { isMobile } = useBreakpoints()
 
-  useActionMenuEffects()
-
   const overrideClick = props => ev => {
     props.onClick?.(ev) // this is ActionsItems onClick prop
     autoClose && onClose?.()
@@ -26,19 +30,21 @@ const ActionsMenuWrapper = ({
 
   if (isMobile && open) {
     return (
-      <BottomSheet skipAnimation={isTesting()} backdrop onClose={onClose}>
-        <Paper square>
-          {React.Children.map(children, child =>
-            React.isValidElement(child)
-              ? React.cloneElement(child, {
-                  isListItem: true,
-                  size: 'small',
-                  onClick: overrideClick(child.props)
-                })
-              : null
-          )}
-        </Paper>
-      </BottomSheet>
+      <ActionsMenuFlagshipUI>
+        <BottomSheet skipAnimation={isTesting()} backdrop onClose={onClose}>
+          <Paper square>
+            {React.Children.map(children, child =>
+              React.isValidElement(child)
+                ? React.cloneElement(child, {
+                    isListItem: true,
+                    size: 'small',
+                    onClick: overrideClick(child.props)
+                  })
+                : null
+            )}
+          </Paper>
+        </BottomSheet>
+      </ActionsMenuFlagshipUI>
     )
   }
 

package/transpiled/react/ActionsMenu/ActionsMenuWrapper.js

@@ -10,18 +10,22 @@ import { useActionMenuEffects } from "cozy-ui/transpiled/react/deprecated/Action
 import isTesting from "cozy-ui/transpiled/react/helpers/isTesting";
 import useBreakpoints from "cozy-ui/transpiled/react/providers/Breakpoints";
 
-var ActionsMenuWrapper = function ActionsMenuWrapper(_ref) {
-  var children = _ref.children,
-      autoClose = _ref.autoClose,
-      open = _ref.open,
-      onClose = _ref.onClose,
-      props = _objectWithoutProperties(_ref, _excluded);
+var ActionsMenuFlagshipUI = function ActionsMenuFlagshipUI(_ref) {
+  var children = _ref.children;
+  useActionMenuEffects();
+  return children;
+};
+
+var ActionsMenuWrapper = function ActionsMenuWrapper(_ref2) {
+  var children = _ref2.children,
+      autoClose = _ref2.autoClose,
+      open = _ref2.open,
+      onClose = _ref2.onClose,
+      props = _objectWithoutProperties(_ref2, _excluded);
 
   var _useBreakpoints = useBreakpoints(),
       isMobile = _useBreakpoints.isMobile;
 
-  useActionMenuEffects();
-
   var overrideClick = function overrideClick(props) {
     return function (ev) {
       var _props$onClick;
@@ -33,7 +37,7 @@ var ActionsMenuWrapper = function ActionsMenuWrapper(_ref) {
   };
 
   if (isMobile && open) {
-    return /*#__PURE__*/React.createElement(BottomSheet, {
+    return /*#__PURE__*/React.createElement(ActionsMenuFlagshipUI, null, /*#__PURE__*/React.createElement(BottomSheet, {
       skipAnimation: isTesting(),
       backdrop: true,
       onClose: onClose
@@ -45,7 +49,7 @@ var ActionsMenuWrapper = function ActionsMenuWrapper(_ref) {
         size: 'small',
         onClick: overrideClick(child.props)
       }) : null;
-    })));
+    }))));
   }
 
   return /*#__PURE__*/React.createElement(Menu, _extends({}, props, {