@fluentui-react-native/menu 1.14.41 → 1.15.0

package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts

@@ -1,22 +1,22 @@
 import type { AnimatableNumericValue } from 'react-native';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
-export declare const menuPopoverName = "MenuPopover";
+export declare const menuPopoverName = 'MenuPopover';
 export type MenuPopoverTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
-    /**
-     * The props for the corner radius for the Modal MenuPopover
-     * @platform android macos
-     */
-    borderRadius?: AnimatableNumericValue;
-    /**
-     * Shadown elevation for the Modal MenuPopover
-     * @platform android
-     */
-    elevation?: number;
+  /**
+   * The props for the corner radius for the Modal MenuPopover
+   * @platform android macos
+   */
+  borderRadius?: AnimatableNumericValue | string;
+  /**
+   * Shadown elevation for the Modal MenuPopover
+   * @platform android
+   */
+  elevation?: number;
 };
 export type MenuPopoverProps = ICalloutProps;
 export interface MenuPopoverState {
-    props: ICalloutProps;
-    innerView: IViewProps;
+  props: ICalloutProps;
+  innerView: IViewProps;
 }
-//# sourceMappingURL=MenuPopover.types.d.ts.map
+//# sourceMappingURL=MenuPopover.types.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.types.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GACzB,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,CAAC;IAEtC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,UAAU,CAAC;CACvB"}
+{"version":3,"file":"MenuPopover.types.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEpF,eAAO,MAAM,eAAe,gBAAgB,CAAC;AAI7C,MAAM,MAAM,iBAAiB,GAC3B,CAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtE;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAA,CAAC;AAEN,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,UAAU,CAAC;CACvB"}

package/lib-commonjs/MenuPopover/MenuPopover.types.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.menuPopoverName = void 0;
 exports.menuPopoverName = 'MenuPopover';
-//# sourceMappingURL=MenuPopover.types.js.map
+//# sourceMappingURL=MenuPopover.types.js.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.d.ts

@@ -1,5 +1,7 @@
-export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    borderRadius?: import("react-native").AnimatableNumericValue;
+export declare const useMenuPopoverTokens: import('@fluentui-react-native/framework').UseTokens<
+  Omit<import('@fluentui-react-native/callout').ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
+    borderRadius?: string | import('react-native').AnimatableNumericValue;
     elevation?: number;
-}>;
-//# sourceMappingURL=MenuPopoverTokens.android.d.ts.map
+  }
+>;
+//# sourceMappingURL=MenuPopoverTokens.android.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js

@@ -1,17 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useMenuPopoverTokens = void 0;
-const react_native_1 = require("react-native");
-const framework_1 = require("@fluentui-react-native/framework");
-const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
-const MenuPopover_types_1 = require("./MenuPopover.types");
-exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({
+const react_native_1 = require('react-native');
+const framework_1 = require('@fluentui-react-native/framework');
+const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const MenuPopover_types_1 = require('./MenuPopover.types');
+exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(
+  (t) => ({
     borderWidth: 1,
     borderColor: t.colors.neutralStrokeAccessible,
-    maxHeight: react_native_1.Dimensions.get('window').height / 2 - theme_tokens_1.globalTokens.size320,
-    maxWidth: react_native_1.Dimensions.get('window').width - theme_tokens_1.globalTokens.size160,
+    maxHeight: react_native_1.Dimensions.get('window').height / 2 - theme_tokens_1.globalTokens.size320, // Getting window height size and subtracting the padding considering on vertical
+    maxWidth: react_native_1.Dimensions.get('window').width - theme_tokens_1.globalTokens.size160, // Getting window height size and subtracting the screen offset a/c design
     cornerRadius: theme_tokens_1.globalTokens.corner.radius80,
     elevation: theme_tokens_1.globalTokens.size160,
     minPadding: theme_tokens_1.globalTokens.size160,
-}), MenuPopover_types_1.menuPopoverName);
-//# sourceMappingURL=MenuPopoverTokens.android.js.map
+  }),
+  MenuPopover_types_1.menuPopoverName,
+);
+//# sourceMappingURL=MenuPopoverTokens.android.js.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.android.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAG1C,gEAAkE;AAClE,sEAAmE;AAGnE,2DAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;IAC7C,SAAS,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,2BAAY,CAAC,OAAO;IACrE,QAAQ,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,2BAAY,CAAC,OAAO;IAC/D,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,SAAS,EAAE,2BAAY,CAAC,OAAO;IAC/B,UAAU,EAAE,2BAAY,CAAC,OAAO;CACjC,CAAC,EACF,mCAAe,CAChB,CAAC"}
+{"version":3,"file":"MenuPopoverTokens.android.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAG1C,gEAAkE;AAClE,sEAAmE;AAGnE,2DAAsD;AAEzC,QAAA,oBAAoB,GAAG,IAAA,0BAAc,EAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,uBAAuB;IAC7C,SAAS,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,2BAAY,CAAC,OAAO,EAAE,iFAAiF;IACxJ,QAAQ,EAAE,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,2BAAY,CAAC,OAAO,EAAE,0EAA0E;IAC3I,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,QAAQ;IAC1C,SAAS,EAAE,2BAAY,CAAC,OAAO;IAC/B,UAAU,EAAE,2BAAY,CAAC,OAAO;CACjC,CAAC,EACF,mCAAe,CAChB,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopoverTokens.d.ts

@@ -1,5 +1,7 @@
-export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    borderRadius?: import("react-native/types/index").AnimatableNumericValue;
+export declare const useMenuPopoverTokens: import('@fluentui-react-native/framework').UseTokens<
+  Omit<import('@fluentui-react-native/callout').ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
+    borderRadius?: string | import('react-native').AnimatableNumericValue;
     elevation?: number;
-}>;
-//# sourceMappingURL=MenuPopoverTokens.d.ts.map
+  }
+>;
+//# sourceMappingURL=MenuPopoverTokens.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.js

@@ -1,7 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useMenuPopoverTokens = void 0;
-const framework_1 = require("@fluentui-react-native/framework");
-const MenuPopover_types_1 = require("./MenuPopover.types");
-exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }), MenuPopover_types_1.menuPopoverName);
-//# sourceMappingURL=MenuPopoverTokens.js.map
+const framework_1 = require('@fluentui-react-native/framework');
+const MenuPopover_types_1 = require('./MenuPopover.types');
+exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(
+  (t) => ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }),
+  MenuPopover_types_1.menuPopoverName,
+);
+//# sourceMappingURL=MenuPopoverTokens.js.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.d.ts

@@ -1,5 +1,7 @@
-export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<Omit<import("@fluentui-react-native/callout").ICalloutTokens, "anchorRect" | "beakWidth" | "dismissBehaviors"> & {
-    borderRadius?: import("react-native/types/index").AnimatableNumericValue;
+export declare const useMenuPopoverTokens: import('@fluentui-react-native/framework').UseTokens<
+  Omit<import('@fluentui-react-native/callout').ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
+    borderRadius?: string | import('react-native').AnimatableNumericValue;
     elevation?: number;
-}>;
-//# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map
+  }
+>;
+//# sourceMappingURL=MenuPopoverTokens.macos.d.ts.map

package/lib-commonjs/MenuPopover/MenuPopoverTokens.macos.js

@@ -1,16 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useMenuPopoverTokens = void 0;
-const framework_1 = require("@fluentui-react-native/framework");
-const theming_utils_1 = require("@fluentui-react-native/theming-utils");
-const MenuPopover_types_1 = require("./MenuPopover.types");
-exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)((t) => ({
+const framework_1 = require('@fluentui-react-native/framework');
+const theming_utils_1 = require('@fluentui-react-native/theming-utils');
+const MenuPopover_types_1 = require('./MenuPopover.types');
+exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(
+  (t) => ({
     borderWidth: 1,
     borderRadius: 5,
     borderColor: (0, theming_utils_1.isHighContrast)()
-        ? t.colors.neutralStroke1
-        : (0, theming_utils_1.getCurrentAppearance)(t.host.appearance, 'light') === 'dark'
-            ? t.colors.neutralStroke3
-            : t.colors.transparentStroke,
-}), MenuPopover_types_1.menuPopoverName);
-//# sourceMappingURL=MenuPopoverTokens.macos.js.map
+      ? t.colors.neutralStroke1
+      : (0, theming_utils_1.getCurrentAppearance)(t.host.appearance, 'light') === 'dark'
+      ? t.colors.neutralStroke3
+      : t.colors.transparentStroke,
+  }),
+  MenuPopover_types_1.menuPopoverName,
+);
+//# sourceMappingURL=MenuPopoverTokens.macos.js.map

package/lib-commonjs/MenuPopover/index.d.ts

@@ -2,4 +2,4 @@ export { MenuPopover } from './MenuPopover';
 export { menuPopoverName } from './MenuPopover.types';
 export type { MenuPopoverProps, MenuPopoverState, MenuPopoverTokens } from './MenuPopover.types';
 export { useMenuPopover } from './useMenuPopover';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/MenuPopover/index.js

@@ -1,10 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useMenuPopover = exports.menuPopoverName = exports.MenuPopover = void 0;
-var MenuPopover_1 = require("./MenuPopover");
-Object.defineProperty(exports, "MenuPopover", { enumerable: true, get: function () { return MenuPopover_1.MenuPopover; } });
-var MenuPopover_types_1 = require("./MenuPopover.types");
-Object.defineProperty(exports, "menuPopoverName", { enumerable: true, get: function () { return MenuPopover_types_1.menuPopoverName; } });
-var useMenuPopover_1 = require("./useMenuPopover");
-Object.defineProperty(exports, "useMenuPopover", { enumerable: true, get: function () { return useMenuPopover_1.useMenuPopover; } });
-//# sourceMappingURL=index.js.map
+const MenuPopover_1 = require('./MenuPopover');
+Object.defineProperty(exports, 'MenuPopover', {
+  enumerable: true,
+  get: function () {
+    return MenuPopover_1.MenuPopover;
+  },
+});
+const MenuPopover_types_1 = require('./MenuPopover.types');
+Object.defineProperty(exports, 'menuPopoverName', {
+  enumerable: true,
+  get: function () {
+    return MenuPopover_types_1.menuPopoverName;
+  },
+});
+const useMenuPopover_1 = require('./useMenuPopover');
+Object.defineProperty(exports, 'useMenuPopover', {
+  enumerable: true,
+  get: function () {
+    return useMenuPopover_1.useMenuPopover;
+  },
+});
+//# sourceMappingURL=index.js.map

package/lib-commonjs/MenuPopover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuPopover/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AAExB,mDAAkD;AAAzC,gHAAA,cAAc,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuPopover/index.ts"],"names":[],"mappings":";;;AAAA,+CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,2DAAsD;AAA7C,oHAAA,eAAe,OAAA;AAExB,qDAAkD;AAAzC,gHAAA,cAAc,OAAA"}

package/lib-commonjs/MenuPopover/useMenuPopover.d.ts

@@ -1,3 +1,3 @@
-import type { MenuPopoverProps, MenuPopoverState } from './MenuPopover.types';
-export declare const useMenuPopover: (props: MenuPopoverProps) => MenuPopoverState;
-//# sourceMappingURL=useMenuPopover.d.ts.map
+import type { MenuPopoverState } from './MenuPopover.types';
+export declare const useMenuPopover: (props: import('@fluentui-react-native/callout').ICalloutProps) => MenuPopoverState;
+//# sourceMappingURL=useMenuPopover.d.ts.map

package/lib-commonjs/MenuPopover/useMenuPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM9E,eAAO,MAAM,cAAc,UAAW,gBAAgB,KAAG,gBAwGxD,CAAC"}
+{"version":3,"file":"useMenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM9E,eAAO,MAAM,cAAc,qFAuG1B,CAAC"}

package/lib-commonjs/MenuPopover/useMenuPopover.js

@@ -1,97 +1,115 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.useMenuPopover = void 0;
-const react_1 = __importDefault(require("react"));
-const react_native_1 = require("react-native");
-const menuContext_1 = require("../context/menuContext");
+const react_1 = __importDefault(require('react'));
+const react_native_1 = require('react-native');
+const menuContext_1 = require('../context/menuContext');
 const controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'];
 const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End', 'Escape'];
 const useMenuPopover = (props) => {
-    const context = (0, menuContext_1.useMenuContext)();
-    const { setOpen, triggerRef, isControlled, isSubmenu, openOnHover, parentPopoverHoverOutTimer, popoverHoverOutTimer, setPopoverHoverOutTimer, shouldFocusOnContainer, triggerHoverOutTimer, } = context;
-    const { onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp } = props;
-    const onDismiss = react_1.default.useCallback(() => {
-        props.onDismiss?.();
-        setOpen(undefined, false /* isOpen */), [setOpen];
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.onDismiss, setOpen]);
-    const dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
-    const directionalHint = props.directionalHint ?? getDirectionalHint(isSubmenu, react_native_1.I18nManager.isRTL);
-    const setInitialFocus = true;
-    const doNotTakePointerCapture = props.doNotTakePointerCapture ?? openOnHover;
-    const accessibilityRole = 'menu';
-    const onMouseEnter = react_1.default.useCallback(() => {
-        clearTimeout(triggerHoverOutTimer);
-        clearTimeout(popoverHoverOutTimer);
-        clearTimeout(parentPopoverHoverOutTimer);
-    }, [parentPopoverHoverOutTimer, popoverHoverOutTimer, triggerHoverOutTimer]);
-    const onMouseLeave = react_1.default.useCallback(() => {
-        if (!openOnHover) {
-            return;
-        }
-        const timer = setTimeout(() => {
-            setOpen(undefined, false /* isOpen */);
-        }, 500);
-        setPopoverHoverOutTimer(timer);
-    }, [openOnHover, setOpen, setPopoverHoverOutTimer]);
-    const onKeyDown = react_1.default.useCallback((e) => {
-        onKeyDownProp && onKeyDownProp(e);
-        // Mark key events that move selection as handled.
-        // These key events are handled on the native side.
-        if (stopPropagationKeys.includes(e.nativeEvent.key)) {
-            e.stopPropagation();
-        }
-    }, [onKeyDownProp]);
-    const onKeyUp = react_1.default.useCallback((e) => {
-        onKeyUpProp && onKeyUpProp(e);
-        // Mark key events that move selection as handled.
-        // These key events are handled on the native side.
-        if (stopPropagationKeys.includes(e.nativeEvent.key)) {
-            e.stopPropagation();
-        }
-    }, [onKeyUpProp]);
-    const [canFocusOnPopover, setCanFocusOnPopover] = react_1.default.useState(shouldFocusOnContainer);
-    const onBlur = react_1.default.useCallback(() => {
-        setCanFocusOnPopover(false);
-    }, [setCanFocusOnPopover]);
-    react_1.default.useEffect(() => {
-        return function cleanup() {
-            clearTimeout(popoverHoverOutTimer);
-        };
-    });
-    return {
-        props: {
-            accessibilityRole,
-            target: triggerRef,
-            onDismiss,
-            onShow: props.onShow,
-            directionalHint,
-            dismissBehaviors,
-            doNotTakePointerCapture,
-            setInitialFocus,
-        },
-        innerView: {
-            onMouseEnter,
-            onMouseLeave,
-            onKeyDown,
-            onKeyUp,
-            accessible: shouldFocusOnContainer,
-            focusable: canFocusOnPopover,
-            onBlur,
-        },
+  const context = (0, menuContext_1.useMenuContext)();
+  const {
+    setOpen,
+    triggerRef,
+    isControlled,
+    isSubmenu,
+    openOnHover,
+    parentPopoverHoverOutTimer,
+    popoverHoverOutTimer,
+    setPopoverHoverOutTimer,
+    shouldFocusOnContainer,
+    triggerHoverOutTimer,
+  } = context;
+  const { onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp } = props;
+  const onDismiss = react_1.default.useCallback(() => {
+    props.onDismiss?.();
+    setOpen(undefined, false /* isOpen */), [setOpen];
+  }, [props.onDismiss, setOpen]);
+  const dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
+  const directionalHint = props.directionalHint ?? getDirectionalHint(isSubmenu, react_native_1.I18nManager.isRTL);
+  const setInitialFocus = true;
+  const doNotTakePointerCapture = props.doNotTakePointerCapture ?? openOnHover;
+  const accessibilityRole = 'menu';
+  const onMouseEnter = react_1.default.useCallback(() => {
+    clearTimeout(triggerHoverOutTimer);
+    clearTimeout(popoverHoverOutTimer);
+    clearTimeout(parentPopoverHoverOutTimer);
+  }, [parentPopoverHoverOutTimer, popoverHoverOutTimer, triggerHoverOutTimer]);
+  const onMouseLeave = react_1.default.useCallback(() => {
+    if (!openOnHover) {
+      return;
+    }
+    const timer = setTimeout(() => {
+      setOpen(undefined, false /* isOpen */);
+    }, 500);
+    setPopoverHoverOutTimer(timer);
+  }, [openOnHover, setOpen, setPopoverHoverOutTimer]);
+  const onKeyDown = react_1.default.useCallback(
+    (e) => {
+      onKeyDownProp && onKeyDownProp(e);
+      // Mark key events that move selection as handled.
+      // These key events are handled on the native side.
+      if (stopPropagationKeys.includes(e.nativeEvent.key)) {
+        e.stopPropagation();
+      }
+    },
+    [onKeyDownProp],
+  );
+  const onKeyUp = react_1.default.useCallback(
+    (e) => {
+      onKeyUpProp && onKeyUpProp(e);
+      // Mark key events that move selection as handled.
+      // These key events are handled on the native side.
+      if (stopPropagationKeys.includes(e.nativeEvent.key)) {
+        e.stopPropagation();
+      }
+    },
+    [onKeyUpProp],
+  );
+  const [canFocusOnPopover, setCanFocusOnPopover] = react_1.default.useState(shouldFocusOnContainer);
+  const onBlur = react_1.default.useCallback(() => {
+    setCanFocusOnPopover(false);
+  }, [setCanFocusOnPopover]);
+  react_1.default.useEffect(() => {
+    return function cleanup() {
+      clearTimeout(popoverHoverOutTimer);
     };
+  });
+  return {
+    props: {
+      accessibilityRole,
+      target: triggerRef,
+      onDismiss,
+      onShow: props.onShow,
+      directionalHint,
+      dismissBehaviors,
+      doNotTakePointerCapture,
+      setInitialFocus,
+    },
+    innerView: {
+      onMouseEnter,
+      onMouseLeave,
+      onKeyDown,
+      onKeyUp,
+      accessible: shouldFocusOnContainer,
+      focusable: canFocusOnPopover,
+      onBlur,
+    },
+  };
 };
 exports.useMenuPopover = useMenuPopover;
 const getDirectionalHint = (isSubmenu, isRtl) => {
-    if (!isSubmenu) {
-        return undefined;
-    }
-    if (isRtl) {
-        return 'leftTopEdge';
-    }
-    return 'rightTopEdge';
+  if (!isSubmenu) {
+    return undefined;
+  }
+  if (isRtl) {
+    return 'leftTopEdge';
+  }
+  return 'rightTopEdge';
 };
-//# sourceMappingURL=useMenuPopover.js.map
+//# sourceMappingURL=useMenuPopover.js.map

package/lib-commonjs/MenuPopover/useMenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/MenuTrigger/MenuTrigger.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
 import type { MenuTriggerProps } from './MenuTrigger.types';
-export declare const MenuTrigger: React.FunctionComponent<MenuTriggerProps>;
+export declare function MenuTrigger(props: MenuTriggerProps): import('react/jsx-runtime').JSX.Element;
+export declare namespace MenuTrigger {
+  var displayName: string;
+}
 export default MenuTrigger;
-//# sourceMappingURL=MenuTrigger.d.ts.map
+//# sourceMappingURL=MenuTrigger.d.ts.map

package/lib-commonjs/MenuTrigger/MenuTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuTrigger.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAK5D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAkBjE,CAAC;AAGF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuTrigger.d.ts","sourceRoot":"","sources":["../../src/MenuTrigger/MenuTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;oCAOW,KAAK,EAAE,gBAAgB;;;;AAsB9F,eAAe,WAAW,CAAC"}

package/lib-commonjs/MenuTrigger/MenuTrigger.js

@@ -1,50 +1,80 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+'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 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;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
 exports.MenuTrigger = void 0;
-const React = __importStar(require("react"));
-const MenuTrigger_types_1 = require("./MenuTrigger.types");
-const useMenuTrigger_1 = require("./useMenuTrigger");
-const menuTriggerContext_1 = require("../context/menuTriggerContext");
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __importStar(require('react'));
+const MenuTrigger_types_1 = require('./MenuTrigger.types');
+const useMenuTrigger_1 = require('./useMenuTrigger');
+const menuTriggerContext_1 = require('../context/menuTriggerContext');
+const framework_base_1 = require('@fluentui-react-native/framework-base');
 const MenuTrigger = (props) => {
-    if (__DEV__) {
-        if (!React.Children.only(props.children)) {
-            console.warn('Only expecting one child for MenuTrigger');
-        }
+  if (__DEV__) {
+    if (!React.Children.only(props.children)) {
+      console.warn('Only expecting one child for MenuTrigger');
     }
-    const menuTrigger = (0, useMenuTrigger_1.useMenuTrigger)(props.children.props);
-    // In order to properly support accessibility without erasing props set on the
-    // child component which may affect accessibility, we need to modify the
-    // state in the inner render so we can access the child component and its props.
-    const revised = React.cloneElement(props.children, {
-        ...(props.children.props.tooltip && { alwaysShowToolTip: true }),
-        ...menuTrigger.props,
-    });
-    return React.createElement(menuTriggerContext_1.MenuTriggerProvider, { value: menuTrigger.hasSubmenu }, revised);
+  }
+  const childrenProps = (0, framework_base_1.extractProps)(props.children);
+  const menuTrigger = (0, useMenuTrigger_1.useMenuTrigger)(childrenProps);
+  // In order to properly support accessibility without erasing props set on the
+  // child component which may affect accessibility, we need to modify the
+  // state in the inner render so we can access the child component and its props.
+  const revised = React.cloneElement(props.children, {
+    ...(childrenProps?.tooltip && { alwaysShowToolTip: true }),
+    ...menuTrigger.props,
+  });
+  return jsx_runtime_1.jsx(menuTriggerContext_1.MenuTriggerProvider, { value: menuTrigger.hasSubmenu, children: revised });
 };
 exports.MenuTrigger = MenuTrigger;
 exports.MenuTrigger.displayName = MenuTrigger_types_1.menuTriggerName;
 exports.default = exports.MenuTrigger;
-//# sourceMappingURL=MenuTrigger.js.map
+//# sourceMappingURL=MenuTrigger.js.map