@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/Menu/useMenu.android.js

@@ -1,60 +1,43 @@
-'use strict';
-var __createBinding =
-  (this && this.__createBinding) ||
-  (Object.create
-    ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = {
-            enumerable: true,
-            get: function () {
-              return m[k];
-            },
-          };
-        }
-        Object.defineProperty(o, k2, desc);
-      }
-    : function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-      });
-var __setModuleDefault =
-  (this && this.__setModuleDefault) ||
-  (Object.create
-    ? function (o, v) {
-        Object.defineProperty(o, 'default', { enumerable: true, value: v });
-      }
-    : function (o, v) {
-        o['default'] = v;
-      });
-var __importStar =
-  (this && this.__importStar) ||
-  (function () {
-    var ownKeys = function (o) {
-      ownKeys =
-        Object.getOwnPropertyNames ||
-        function (o) {
-          var ar = [];
-          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-          return ar;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
         };
-      return ownKeys(o);
+        return ownKeys(o);
     };
     return function (mod) {
-      if (mod && mod.__esModule) return mod;
-      var result = {};
-      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
-      __setModuleDefault(result, mod);
-      return result;
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
     };
-  })();
-Object.defineProperty(exports, '__esModule', { value: true });
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenu = void 0;
-const react_1 = __importStar(require('react'));
-const react_native_1 = require('react-native');
-const Menu_types_1 = require('./Menu.types');
-const menuContext_1 = require('../context/menuContext');
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const Menu_types_1 = require("./Menu.types");
+const menuContext_1 = require("../context/menuContext");
 // Due to how events get fired we get double notifications
 // for the same event causing us to immediately reopen
 // a menu when we close it. Adding in a delay to prevent
@@ -69,214 +52,214 @@ const EASING = react_native_1.Easing.bezier(0.4, 0, 0.2, 1);
 // Screen indent is the fixed value according to Android guidelines which depicts the minimum distance from screen edge Menu should have
 const SCREEN_INDENT = 16;
 const useMenu = (props) => {
-  /**
-   * State , Ref and Context Values for Menu Container and Anchor
-   */
-  const triggerRef = react_1.default.useRef(null);
-  const context = (0, menuContext_1.useMenuContext)();
-  const isSubmenu = context.triggerRef !== null;
-  const isOpenControlled = typeof props.open !== 'undefined';
-  const _container = (0, react_1.useRef)(null);
-  const [menuState, setMenuState] = react_1.default.useState(Menu_types_1.AndroidMenuStates.Hidden);
-  /**
-   * Call for useMenuCheckedState for identifying if any MenuItemCheckbox is checked or not
-   */
-  const [checked, onCheckedChange] = useMenuCheckedState(props);
-  /**
-   *  State Variables related to Height,Width and Position of the Menu Popover
-   */
-  const [maxMenuHeight] = (0, react_1.useState)(250);
-  const [anchorWidth, setAnchorWidth] = react_1.default.useState(0);
-  const [left, setLeft] = react_1.default.useState(0);
-  const [menuHeight, setMenuHeight] = react_1.default.useState(0);
-  const [menuWidth, setMenuWidth] = react_1.default.useState(0);
-  const [top, setTop] = react_1.default.useState(0);
-  /**
-   *  Animation value for the Menu popover show,hide and opacity values
-   */
-  const [menuSizeAnimation, setMenuSizeAnimation] = react_1.default.useState(new react_native_1.Animated.ValueXY({ x: 0, y: 0 }));
-  const [opacityAnimation, setOpacityAnimation] = react_1.default.useState(new react_native_1.Animated.Value(0));
-  /**
-   * RTL for the MenuItem needs to taken care as well.
-   */
-  const { isRTL } = react_native_1.I18nManager;
-  /**
-   * Calcualations related to Menu Popver position and dimensions
-   */
-  const dimensions = react_native_1.Dimensions.get('screen');
-  const { width: windowWidth } = dimensions;
-  const windowHeight = dimensions.height - (react_native_1.StatusBar.currentHeight || 0);
-  const menuSize = {
-    width: menuSizeAnimation.x,
-    height: menuSizeAnimation.y,
-  };
-  /**
-   * show function handles the opening of the Menu , it calcuates the position of the Anchor in the screen.
-   * It also sets the Anchor width and change the state of the Popover
-   */ /**
-   * show function handles the opening of the Menu , it calcuates the position of the Anchor in the screen.
-   * It also sets the Anchor width and change the state of the Popover
-   */
-  const show = react_1.default.useCallback(() => {
-    _container.current?.measureInWindow((left, top, buttonWidth, buttonHeight) => {
-      setAnchorWidth(buttonWidth);
-      setLeft(left);
-      setMenuState(Menu_types_1.AndroidMenuStates.Shown);
-      setTop(top + buttonHeight);
-    });
-  }, []);
-  /**
-   * hide function handles the hiding of the Menu when user clicks on the scrim outside Menu or MenuItems such as (MenuItemRadio, MenuItem)
-   */
-  const hide = react_1.default.useCallback(() => {
-    react_native_1.Animated.timing(opacityAnimation, {
-      toValue: 0,
-      duration: 250,
-      easing: EASING,
-      useNativeDriver: false,
-    }).start(() => {
-      // Reset state
-      setMenuState(Menu_types_1.AndroidMenuStates.Hidden);
-      setMenuSizeAnimation(new react_native_1.Animated.ValueXY({ x: 0, y: 0 }));
-      setOpacityAnimation(new react_native_1.Animated.Value(0));
-    });
-  }, [opacityAnimation]);
-  // Hook to maintain the state of the Menu for non controlled and controlled components.
-  const [open, shouldFocusOnContainer, setOpen] = useMenuOpenState(isOpenControlled, props, context.setOpen, hide, show);
-  /**
-   * Checks the value of the open props and show the menu accordingly
-   */
-  (0, react_1.useEffect)(() => {
-    if (props.open) {
-      show();
-    }
-  }, [props.open, show]);
-  /**
-   * onMenuLayout handles the start of the Animation when anchor is clicked
-   */
-  const onMenuLayout = react_1.default.useCallback(
-    (e) => {
-      if (menuState === Menu_types_1.AndroidMenuStates.Animating) {
-        return;
-      }
-      const { width, height } = e.nativeEvent.layout;
-      setMenuHeight(height);
-      setMenuWidth(width);
-      setMenuState(Menu_types_1.AndroidMenuStates.Animating);
-      react_native_1.Animated.parallel([
-        react_native_1.Animated.timing(menuSizeAnimation, {
-          toValue: { x: width, y: height },
-          duration: 100,
-          easing: EASING,
-          useNativeDriver: false,
-        }),
-        react_native_1.Animated.timing(opacityAnimation, {
-          toValue: 1,
-          duration: 100,
-          easing: EASING,
-          useNativeDriver: false,
-        }),
-      ]).start();
-    },
-    [menuSizeAnimation, menuState, opacityAnimation],
-  );
-  /**
-   * onRequestClose handles the closing of the Menu when the MenuItem or scrim or outside is clicked
-   */
-  const onRequestClose = (e) => {
-    setOpen(e, false, false);
-  };
-  // Adjust position of menu - TODO: fix this warning removal, potentially adds extra re-renders
-  const transforms = [];
-  (0, react_1.useMemo)(() => {
     /**
-     * If the Menu width and SCREEN_INDENT cross the screen width then the Menu will be adjusted to the oppostion left side of the screen
+     * State , Ref and Context Values for Menu Container and Anchor
      */
-    if ((isRTL && left + anchorWidth - menuWidth > SCREEN_INDENT) || (!isRTL && left + menuWidth > windowWidth - SCREEN_INDENT)) {
-      transforms.push({
-        translateX: react_native_1.Animated.multiply(menuSizeAnimation.x, -1),
-      });
-    } else if (left < SCREEN_INDENT) {
-      // Setting the left podition of the Menu if the left positon is less than screen indent
-      setLeft(SCREEN_INDENT);
-    }
-    // Flip by Y axis if menu hits bottom screen border
-    if (top + menuHeight + SCREEN_INDENT > windowHeight) {
-      if (menuHeight > maxMenuHeight) {
-        transforms.push({
-          translateY: react_native_1.Animated.multiply(menuSizeAnimation.y, -1),
+    const triggerRef = react_1.default.useRef(null);
+    const context = (0, menuContext_1.useMenuContext)();
+    const isSubmenu = context.triggerRef !== null;
+    const isOpenControlled = typeof props.open !== 'undefined';
+    const _container = (0, react_1.useRef)(null);
+    const [menuState, setMenuState] = react_1.default.useState(Menu_types_1.AndroidMenuStates.Hidden);
+    /**
+     * Call for useMenuCheckedState for identifying if any MenuItemCheckbox is checked or not
+     */
+    const [checked, onCheckedChange] = useMenuCheckedState(props);
+    /**
+     *  State Variables related to Height,Width and Position of the Menu Popover
+     */
+    const [maxMenuHeight] = (0, react_1.useState)(250);
+    const [anchorWidth, setAnchorWidth] = react_1.default.useState(0);
+    const [left, setLeft] = react_1.default.useState(0);
+    const [menuHeight, setMenuHeight] = react_1.default.useState(0);
+    const [menuWidth, setMenuWidth] = react_1.default.useState(0);
+    const [top, setTop] = react_1.default.useState(0);
+    /**
+     *  Animation value for the Menu popover show,hide and opacity values
+     */
+    const [menuSizeAnimation, setMenuSizeAnimation] = react_1.default.useState(new react_native_1.Animated.ValueXY({ x: 0, y: 0 }));
+    const [opacityAnimation, setOpacityAnimation] = react_1.default.useState(new react_native_1.Animated.Value(0));
+    /**
+     * RTL for the MenuItem needs to taken care as well.
+     */
+    const { isRTL } = react_native_1.I18nManager;
+    /**
+     * Calcualations related to Menu Popver position and dimensions
+     */
+    const dimensions = react_native_1.Dimensions.get('screen');
+    const { width: windowWidth } = dimensions;
+    const windowHeight = dimensions.height - (react_native_1.StatusBar.currentHeight || 0);
+    const menuSize = {
+        width: menuSizeAnimation.x,
+        height: menuSizeAnimation.y,
+    };
+    /**
+     * show function handles the opening of the Menu , it calcuates the position of the Anchor in the screen.
+     * It also sets the Anchor width and change the state of the Popover
+     */ /**
+    * show function handles the opening of the Menu , it calcuates the position of the Anchor in the screen.
+    * It also sets the Anchor width and change the state of the Popover
+    */
+    const show = react_1.default.useCallback(() => {
+        _container.current?.measureInWindow((left, top, buttonWidth, buttonHeight) => {
+            setAnchorWidth(buttonWidth);
+            setLeft(left);
+            setMenuState(Menu_types_1.AndroidMenuStates.Shown);
+            setTop(top + buttonHeight);
         });
-      } else {
-        transforms.push({
-          translateY: react_native_1.Animated.multiply(menuSizeAnimation.y, -1),
+    }, []);
+    /**
+     * hide function handles the hiding of the Menu when user clicks on the scrim outside Menu or MenuItems such as (MenuItemRadio, MenuItem)
+     */
+    const hide = react_1.default.useCallback(() => {
+        react_native_1.Animated.timing(opacityAnimation, {
+            toValue: 0,
+            duration: 250,
+            easing: EASING,
+            useNativeDriver: false,
+        }).start(() => {
+            // Reset state
+            setMenuState(Menu_types_1.AndroidMenuStates.Hidden);
+            setMenuSizeAnimation(new react_native_1.Animated.ValueXY({ x: 0, y: 0 }));
+            setOpacityAnimation(new react_native_1.Animated.Value(0));
         });
-      }
-    } else if (top < SCREEN_INDENT) {
-      setTop(SCREEN_INDENT);
-    }
-  }, [
-    anchorWidth,
-    isRTL,
-    left,
-    maxMenuHeight,
-    menuHeight,
-    menuSizeAnimation.x,
-    menuSizeAnimation.y,
-    menuWidth,
-    top,
-    transforms,
-    windowHeight,
-    windowWidth,
-  ]);
-  /**
-   * Styles to be applied on the Modal Popover Animated.View
-   */
-  const shadowMenuContainerStyle = (0, react_1.useMemo)(() => {
+    }, [opacityAnimation]);
+    // Hook to maintain the state of the Menu for non controlled and controlled components.
+    const [open, shouldFocusOnContainer, setOpen] = useMenuOpenState(isOpenControlled, props, context.setOpen, hide, show);
+    /**
+     * Checks the value of the open props and show the menu accordingly
+     */
+    (0, react_1.useEffect)(() => {
+        if (props.open) {
+            show();
+        }
+    }, [props.open, show]);
+    /**
+     * onMenuLayout handles the start of the Animation when anchor is clicked
+     */
+    const onMenuLayout = react_1.default.useCallback((e) => {
+        if (menuState === Menu_types_1.AndroidMenuStates.Animating) {
+            return;
+        }
+        const { width, height } = e.nativeEvent.layout;
+        setMenuHeight(height);
+        setMenuWidth(width);
+        setMenuState(Menu_types_1.AndroidMenuStates.Animating);
+        react_native_1.Animated.parallel([
+            react_native_1.Animated.timing(menuSizeAnimation, {
+                toValue: { x: width, y: height },
+                duration: 100,
+                easing: EASING,
+                useNativeDriver: false,
+            }),
+            react_native_1.Animated.timing(opacityAnimation, {
+                toValue: 1,
+                duration: 100,
+                easing: EASING,
+                useNativeDriver: false,
+            }),
+        ]).start();
+    }, [menuSizeAnimation, menuState, opacityAnimation]);
+    /**
+     * onRequestClose handles the closing of the Menu when the MenuItem or scrim or outside is clicked
+     */
+    const onRequestClose = (e) => {
+        setOpen(e, false, false);
+    };
+    // Adjust position of menu - TODO: fix this warning removal, potentially adds extra re-renders
+    const transforms = [];
+    (0, react_1.useMemo)(() => {
+        /**
+         * If the Menu width and SCREEN_INDENT cross the screen width then the Menu will be adjusted to the oppostion left side of the screen
+         */
+        if ((isRTL && left + anchorWidth - menuWidth > SCREEN_INDENT) || (!isRTL && left + menuWidth > windowWidth - SCREEN_INDENT)) {
+            transforms.push({
+                translateX: react_native_1.Animated.multiply(menuSizeAnimation.x, -1),
+            });
+        }
+        else if (left < SCREEN_INDENT) {
+            // Setting the left podition of the Menu if the left positon is less than screen indent
+            setLeft(SCREEN_INDENT);
+        }
+        // Flip by Y axis if menu hits bottom screen border
+        if (top + menuHeight + SCREEN_INDENT > windowHeight) {
+            if (menuHeight > maxMenuHeight) {
+                transforms.push({
+                    translateY: react_native_1.Animated.multiply(menuSizeAnimation.y, -1),
+                });
+            }
+            else {
+                transforms.push({
+                    translateY: react_native_1.Animated.multiply(menuSizeAnimation.y, -1),
+                });
+            }
+        }
+        else if (top < SCREEN_INDENT) {
+            setTop(SCREEN_INDENT);
+        }
+    }, [
+        anchorWidth,
+        isRTL,
+        left,
+        maxMenuHeight,
+        menuHeight,
+        menuSizeAnimation.x,
+        menuSizeAnimation.y,
+        menuWidth,
+        top,
+        transforms,
+        windowHeight,
+        windowWidth,
+    ]);
+    /**
+     * Styles to be applied on the Modal Popover Animated.View
+     */
+    const shadowMenuContainerStyle = (0, react_1.useMemo)(() => {
+        return {
+            opacity: opacityAnimation,
+            transform: transforms,
+            top,
+            // Switch left to right for rtl devices
+            ...(isRTL ? { right: left } : { left }),
+        };
+    }, [isRTL, left, opacityAnimation, top, transforms]);
+    /**
+     * handles the state when menu is opening or closing with Animation
+     */
+    const animationStarted = menuState === Menu_types_1.AndroidMenuStates.Animating;
+    const { testID } = props;
+    // Default behavior for submenu is to open on hover
+    // the ...props line below will override this behavior for a submenu
+    // or apply openOnHover if passed into a root Menu.
+    const openOnHover = isSubmenu;
+    // We need to be able to cancel the timer that gets set on
+    // hover out of the parent popover if the parent popover
+    // is also set to open/close on hover out. Otherwise
+    // the parent menu will close when the timeout passes.
+    const parentPopoverHoverOutTimer = isSubmenu ? context.popoverHoverOutTimer : undefined;
     return {
-      opacity: opacityAnimation,
-      transform: transforms,
-      top,
-      // Switch left to right for rtl devices
-      ...(isRTL ? { right: left } : { left }),
+        openOnHover,
+        ...props,
+        open,
+        setOpen,
+        shouldFocusOnContainer,
+        triggerRef,
+        isSubmenu,
+        isControlled: isOpenControlled,
+        parentPopoverHoverOutTimer,
+        setAnchorWidth,
+        shadowMenuContainerStyle,
+        _container,
+        onRequestClose,
+        onMenuLayout,
+        checked,
+        onCheckedChange,
+        menuHeight,
+        maxMenuHeight,
+        animationStarted,
+        menuSize,
+        testID,
     };
-  }, [isRTL, left, opacityAnimation, top, transforms]);
-  /**
-   * handles the state when menu is opening or closing with Animation
-   */
-  const animationStarted = menuState === Menu_types_1.AndroidMenuStates.Animating;
-  const { testID } = props;
-  // Default behavior for submenu is to open on hover
-  // the ...props line below will override this behavior for a submenu
-  // or apply openOnHover if passed into a root Menu.
-  const openOnHover = isSubmenu;
-  // We need to be able to cancel the timer that gets set on
-  // hover out of the parent popover if the parent popover
-  // is also set to open/close on hover out. Otherwise
-  // the parent menu will close when the timeout passes.
-  const parentPopoverHoverOutTimer = isSubmenu ? context.popoverHoverOutTimer : undefined;
-  return {
-    openOnHover,
-    ...props,
-    open,
-    setOpen,
-    shouldFocusOnContainer,
-    triggerRef,
-    isSubmenu,
-    isControlled: isOpenControlled,
-    parentPopoverHoverOutTimer,
-    setAnchorWidth,
-    shadowMenuContainerStyle,
-    _container,
-    onRequestClose,
-    onMenuLayout,
-    checked,
-    onCheckedChange,
-    menuHeight,
-    maxMenuHeight,
-    animationStarted,
-    menuSize,
-    testID,
-  };
 };
 exports.useMenu = useMenu;
 /**
@@ -285,58 +268,52 @@ exports.useMenu = useMenu;
  *
  */
 const useMenuOpenState = (isControlled, props, parentSetOpen, hide, show) => {
-  const { defaultOpen, onOpenChange, open } = props;
-  const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
-  const [openInternal, setOpenInternal] = react_1.default.useState(initialState);
-  const [shouldFocusOnContainer, setShouldFocusOnContainer] = react_1.default.useState(undefined);
-  const state = isControlled ? open : openInternal;
-  const lastCloseTimestampRef = react_1.default.useRef(-1);
-  /**
-   * setOpen handles the open of the Menu and setting focus on the Popover container
-   */
-  const setOpen = react_1.default.useCallback(
-    (e, isOpen, bubble) => {
-      const openPrev = state;
-      if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
-        setOpenInternal(isOpen);
-      }
-      if (isOpen) {
-        show();
-        setShouldFocusOnContainer(true);
-      }
-      if (!isOpen) {
-        setShouldFocusOnContainer(undefined);
-        lastCloseTimestampRef.current = Date.now();
-        hide();
-      }
-      if (onOpenChange && openPrev !== isOpen) {
-        onOpenChange(e, isOpen);
-      }
-      if (bubble && parentSetOpen && !isControlled) {
-        parentSetOpen(e, isOpen, bubble);
-      }
-    },
-    [state, onOpenChange, parentSetOpen, show, hide],
-  );
-  return [state, shouldFocusOnContainer, setOpen];
+    const { defaultOpen, onOpenChange, open } = props;
+    const initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
+    const [openInternal, setOpenInternal] = react_1.default.useState(initialState);
+    const [shouldFocusOnContainer, setShouldFocusOnContainer] = react_1.default.useState(undefined);
+    const state = isControlled ? open : openInternal;
+    const lastCloseTimestampRef = react_1.default.useRef(-1);
+    /**
+     * setOpen handles the open of the Menu and setting focus on the Popover container
+     */
+    const setOpen = react_1.default.useCallback((e, isOpen, bubble) => {
+        const openPrev = state;
+        if (!isControlled && (!isOpen || lastCloseTimestampRef.current + delayOpen <= Date.now())) {
+            setOpenInternal(isOpen);
+        }
+        if (isOpen) {
+            show();
+            setShouldFocusOnContainer(true);
+        }
+        if (!isOpen) {
+            setShouldFocusOnContainer(undefined);
+            lastCloseTimestampRef.current = Date.now();
+            hide();
+        }
+        if (onOpenChange && openPrev !== isOpen) {
+            onOpenChange(e, isOpen);
+        }
+        if (bubble && parentSetOpen && !isControlled) {
+            parentSetOpen(e, isOpen, bubble);
+        }
+    }, [state, onOpenChange, parentSetOpen, show, hide]);
+    return [state, shouldFocusOnContainer, setOpen];
 };
 /**
  * Call for useMenuCheckedState for identifying if any MenuItemCheckbox is checked or not
  */
 const useMenuCheckedState = (props) => {
-  const { checked, defaultChecked, onCheckedChange: onCheckedChangeOriginal } = props;
-  const [checkedInternal, setCheckedInternal] = react_1.default.useState(defaultChecked ?? checked ?? []);
-  const isControlled = typeof checked !== 'undefined';
-  const state = isControlled ? checked : checkedInternal;
-  const onCheckedChange = react_1.default.useCallback(
-    (e, checked) => {
-      if (!isControlled) {
-        setCheckedInternal(checked);
-      }
-      onCheckedChangeOriginal?.(e, checked);
-    },
-    [isControlled, setCheckedInternal, onCheckedChangeOriginal],
-  );
-  return [state, onCheckedChange];
+    const { checked, defaultChecked, onCheckedChange: onCheckedChangeOriginal } = props;
+    const [checkedInternal, setCheckedInternal] = react_1.default.useState(defaultChecked ?? checked ?? []);
+    const isControlled = typeof checked !== 'undefined';
+    const state = isControlled ? checked : checkedInternal;
+    const onCheckedChange = react_1.default.useCallback((e, checked) => {
+        if (!isControlled) {
+            setCheckedInternal(checked);
+        }
+        onCheckedChangeOriginal?.(e, checked);
+    }, [isControlled, setCheckedInternal, onCheckedChangeOriginal]);
+    return [state, onCheckedChange];
 };
-//# sourceMappingURL=useMenu.android.js.map
+//# sourceMappingURL=useMenu.android.js.map

package/lib-commonjs/Menu/useMenu.d.ts

@@ -1,3 +1,3 @@
 import type { MenuProps, MenuState } from './Menu.types';
 export declare const useMenu: (props: MenuProps) => MenuState;
-//# sourceMappingURL=useMenu.d.ts.map
+//# sourceMappingURL=useMenu.d.ts.map