@fluentui-react-native/menu 1.4.34 → 1.6.0

package/lib-commonjs/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,8DAAmE;AAGnE,2CAAwC;AACxC,qCAAoC;AACpC,6DAA4D;AAC5D,sDAAsD;AAEzC,QAAA,IAAI,GAAG,IAAA,2BAAe,EAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,IAAA,yCAAmB,EAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB;QACjD,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAyB,CAAC;QAE/E,IAAI,OAAO,EAAE;YACX,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;aAChD;SACF;QAED,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QACrC,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAErC,OAAO,CACL,8BAAC,0BAAY,IAAC,KAAK,EAAE,YAAY;YAC9B,WAAW;YAGX,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,sBAAsB,KAAK,SAAS,IAAI,WAAW,CAC3D,CAChB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,YAAI,CAAC,WAAW,GAAG,qBAAQ,CAAC;AAE5B,kBAAe,YAAI,CAAC"}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/Menu/Menu.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,8DAAmE;AAGnE,2CAAwC;AACxC,2CAA+C;AAC/C,qCAAoC;AACpC,6DAA4D;AAE/C,QAAA,IAAI,GAAG,IAAA,2BAAe,EAAC,UAAC,KAAgB;IACnD,IAAM,KAAK,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IAC7B,IAAM,YAAY,GAAG,IAAA,yCAAmB,EAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,UAAC,KAAgB,EAAE,QAAyB;QACjD,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAyB,CAAC;QAE/E,IAAI,OAAO,EAAE;YACX,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC9B,sCAAsC;gBACtC,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,CAAC;aAChD;SACF;QACD,OAAO,IAAA,4BAAe,EAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;IAC7D,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,WAAW,GAAG,qBAAQ,CAAC;AAE5B,kBAAe,YAAI,CAAC"}

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

@@ -1,6 +1,6 @@
 /// <reference types="node" />
 import type React from 'react';
-import type { View } from 'react-native';
+import type { Animated, LayoutChangeEvent, View } from 'react-native';
 import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import type { MenuListProps } from '../MenuList/MenuList.types';
 export declare const menuName = "Menu";
@@ -11,6 +11,7 @@ export interface MenuProps extends MenuListProps {
     defaultOpen?: boolean;
     /**
      * How much delay to have between hover in and showing the menu, in ms.
+     * @platform win32, macOS
      */
     hoverDelay?: number;
     /**
@@ -27,6 +28,10 @@ export interface MenuProps extends MenuListProps {
      */
     persistOnItemClick?: boolean;
 }
+export type MenuSizeType = {
+    width: Animated.Value;
+    height: Animated.Value;
+};
 export interface MenuState extends MenuProps {
     isControlled: boolean;
     isSubmenu: boolean;
@@ -36,5 +41,20 @@ export interface MenuState extends MenuProps {
     triggerRef: React.RefObject<View>;
     hasMaxHeight?: boolean;
     hasMaxWidth?: boolean;
+    setAnchorWidth?: (value: null | number | ((prevState: null | number) => null | number)) => void;
+    shadowMenuContainerStyle?: object;
+    _container?: React.MutableRefObject<View>;
+    onRequestClose?: (e: InteractionEvent) => void;
+    onMenuLayout?: (e: LayoutChangeEvent) => void;
+    menuHeight?: number;
+    maxMenuHeight?: number;
+    animationStarted?: boolean;
+    menuSize?: MenuSizeType;
+    testID?: string;
+}
+export declare enum AndroidMenuStates {
+    Hidden = 0,
+    Animating = 1,
+    Shown = 2
 }
 //# sourceMappingURL=Menu.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAK9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAEhE,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAM9D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;IACtB,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC;CACxB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,YAAY,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,0BAA0B,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAC5C,OAAO,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,CAAC,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IAChG,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,iBAAiB;IAC3B,MAAM,IAAA;IACN,SAAS,IAAA;IACT,KAAK,IAAA;CACN"}

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

@@ -1,5 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.menuName = void 0;
+exports.AndroidMenuStates = exports.menuName = void 0;
 exports.menuName = 'Menu';
+var AndroidMenuStates;
+(function (AndroidMenuStates) {
+    AndroidMenuStates[AndroidMenuStates["Hidden"] = 0] = "Hidden";
+    AndroidMenuStates[AndroidMenuStates["Animating"] = 1] = "Animating";
+    AndroidMenuStates[AndroidMenuStates["Shown"] = 2] = "Shown";
+})(AndroidMenuStates = exports.AndroidMenuStates || (exports.AndroidMenuStates = {}));
 //# sourceMappingURL=Menu.types.js.map

package/lib-commonjs/Menu/Menu.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.types.js","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";;;AAOa,QAAA,QAAQ,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Menu.types.js","sourceRoot":"","sources":["../../src/Menu/Menu.types.ts"],"names":[],"mappings":";;;AAOa,QAAA,QAAQ,GAAG,MAAM,CAAC;AA8D/B,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,6DAAM,CAAA;IACN,mEAAS,CAAA;IACT,2DAAK,CAAA;AACP,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B"}

package/lib-commonjs/Menu/renderMenu.android.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { MenuState } from './Menu.types';
+import type { MenuContextValue } from '../context';
+export declare const renderFinalMenu: (childrenArray: React.ReactElement[], contextValue: MenuContextValue, state: MenuState) => JSX.Element;
+//# sourceMappingURL=renderMenu.android.d.ts.map

package/lib-commonjs/Menu/renderMenu.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMenu.android.d.ts","sourceRoot":"","sources":["../../src/Menu/renderMenu.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,eAAO,MAAM,eAAe,kBAAmB,MAAM,YAAY,EAAE,gBAAgB,gBAAgB,SAAS,SAAS,gBAkBpH,CAAC"}

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderFinalMenu = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("react-native");
+var context_1 = require("../context");
+var renderFinalMenu = function (childrenArray, contextValue, state) {
+    var menuTrigger = childrenArray[0];
+    var menuPopover = childrenArray[1];
+    return (react_1.default.createElement(context_1.MenuProvider, { value: contextValue },
+        react_1.default.createElement(react_native_1.View, { onLayout: function (event) {
+                var width = event.nativeEvent.layout.width;
+                state.setAnchorWidth(width);
+            } }, menuTrigger),
+        react_1.default.createElement(react_native_1.View, { ref: state._container, collapsable: false, testID: state.testID }, state.open && menuPopover)));
+};
+exports.renderFinalMenu = renderFinalMenu;
+//# sourceMappingURL=renderMenu.android.js.map

package/lib-commonjs/Menu/renderMenu.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMenu.android.js","sourceRoot":"","sources":["../../src/Menu/renderMenu.android.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,6CAAoC;AAIpC,sCAA0C;AAEnC,IAAM,eAAe,GAAG,UAAC,aAAmC,EAAE,YAA8B,EAAE,KAAgB;IACnH,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IACrC,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IACrC,OAAO,CACL,8BAAC,sBAAY,IAAC,KAAK,EAAE,YAAY;QAC/B,8BAAC,mBAAI,IACH,QAAQ,EAAE,UAAC,KAAK;gBACN,IAAA,KAAK,GAAK,KAAK,CAAC,WAAW,CAAC,MAAM,MAA7B,CAA8B;gBAC3C,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC,IAEA,WAAW,CACP;QACP,8BAAC,mBAAI,IAAC,GAAG,EAAE,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,IAClE,KAAK,CAAC,IAAI,IAAI,WAAW,CACrB,CACM,CAChB,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,eAAe,mBAkB1B"}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { MenuState } from './Menu.types';
+import type { MenuContextValue } from '../context';
+export declare const renderFinalMenu: (childrenArray: React.ReactElement[], contextValue: MenuContextValue, state: MenuState) => JSX.Element;
+//# sourceMappingURL=renderMenu.d.ts.map

package/lib-commonjs/Menu/renderMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMenu.d.ts","sourceRoot":"","sources":["../../src/Menu/renderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,eAAO,MAAM,eAAe,kBAAmB,MAAM,YAAY,EAAE,gBAAgB,gBAAgB,SAAS,SAAS,gBAWpH,CAAC"}

package/lib-commonjs/Menu/renderMenu.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderFinalMenu = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var context_1 = require("../context");
+var renderFinalMenu = function (childrenArray, contextValue, state) {
+    var menuTrigger = childrenArray[0];
+    var menuPopover = childrenArray[1];
+    return (react_1.default.createElement(context_1.MenuProvider, { value: contextValue },
+        menuTrigger,
+        state.open && state.shouldFocusOnContainer !== undefined && menuPopover));
+};
+exports.renderFinalMenu = renderFinalMenu;
+//# sourceMappingURL=renderMenu.js.map

package/lib-commonjs/Menu/renderMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderMenu.js","sourceRoot":"","sources":["../../src/Menu/renderMenu.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAI1B,sCAA0C;AAEnC,IAAM,eAAe,GAAG,UAAC,aAAmC,EAAE,YAA8B,EAAE,KAAgB;IACnH,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IACrC,IAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IACrC,OAAO,CACL,8BAAC,sBAAY,IAAC,KAAK,EAAE,YAAY;QAC9B,WAAW;QAGX,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,sBAAsB,KAAK,SAAS,IAAI,WAAW,CAC3D,CAChB,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.android.d.ts","sourceRoot":"","sources":["../../src/Menu/useMenu.android.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAsBzD,eAAO,MAAM,OAAO,UAAW,SAAS,KAAG,SAoO1C,CAAC"}

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

@@ -0,0 +1,261 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMenu = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var Menu_types_1 = require("./Menu.types");
+var 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
+// this behavior.
+// This are use when show() function is called to show the Menu
+var delayOpen = 150;
+var lastCloseTimestamp = -1;
+/**
+ * Values related to Screen Width and Animation Easing
+ */
+//  Animated easing value for Menu transitions(close and open)
+var 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
+var SCREEN_INDENT = 16;
+var useMenu = function (props) {
+    /**
+     * State , Ref and Context Values for Menu Container and Anchor
+     */
+    var triggerRef = react_1.default.useRef();
+    var context = (0, menuContext_1.useMenuContext)();
+    var isSubmenu = context.triggerRef !== null;
+    var isOpenControlled = typeof props.open !== 'undefined';
+    var _container = (0, react_1.useRef)(null);
+    var _a = react_1.default.useState(Menu_types_1.AndroidMenuStates.Hidden), menuState = _a[0], setMenuState = _a[1];
+    /**
+     * Call for useMenuCheckedState for identifying if any MenuItemCheckbox is checked or not
+     */
+    var _b = useMenuCheckedState(props), checked = _b[0], onCheckedChange = _b[1];
+    /**
+     *  State Variables related to Height,Width and Position of the Menu Popover
+     */
+    var maxMenuHeight = (0, react_1.useState)(250)[0];
+    var _c = react_1.default.useState(0), anchorWidth = _c[0], setAnchorWidth = _c[1];
+    var _d = react_1.default.useState(0), left = _d[0], setLeft = _d[1];
+    var _e = react_1.default.useState(0), menuHeight = _e[0], setMenuHeight = _e[1];
+    var _f = react_1.default.useState(0), menuWidth = _f[0], setMenuWidth = _f[1];
+    var _g = react_1.default.useState(0), top = _g[0], setTop = _g[1];
+    /**
+     *  Animation value for the Menu popover show,hide and opacity values
+     */
+    var _h = react_1.default.useState(new react_native_1.Animated.ValueXY({ x: 0, y: 0 })), menuSizeAnimation = _h[0], setMenuSizeAnimation = _h[1];
+    var _j = react_1.default.useState(new react_native_1.Animated.Value(0)), opacityAnimation = _j[0], setOpacityAnimation = _j[1];
+    /**
+     * RTL for the MenuItem needs to taken care as well.
+     */
+    var isRTL = react_native_1.I18nManager.isRTL;
+    /**
+     * Calcualations related to Menu Popver position and dimensions
+     */
+    var dimensions = react_native_1.Dimensions.get('screen');
+    var windowWidth = dimensions.width;
+    var windowHeight = dimensions.height - (react_native_1.StatusBar.currentHeight || 0);
+    var 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
+    */
+    var show = react_1.default.useCallback(function () {
+        var _a;
+        (_a = _container.current) === null || _a === void 0 ? void 0 : _a.measureInWindow(function (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)
+     */
+    var hide = react_1.default.useCallback(function () {
+        react_native_1.Animated.timing(opacityAnimation, {
+            toValue: 0,
+            duration: 250,
+            easing: EASING,
+            useNativeDriver: false,
+        }).start(function () {
+            // 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.
+    var _k = useMenuOpenState(isOpenControlled, props, context.setOpen, hide, show), open = _k[0], shouldFocusOnContainer = _k[1], setOpen = _k[2];
+    /**
+     * Checks the value of the open props and show the menu accordingly
+     */
+    (0, react_1.useEffect)(function () {
+        if (props.open) {
+            show();
+        }
+    }, [props.open]);
+    /**
+     * onMenuLayout handles the start of the Animation when anchor is clicked
+     */
+    var onMenuLayout = react_1.default.useCallback(function (e) {
+        if (menuState === Menu_types_1.AndroidMenuStates.Animating) {
+            return;
+        }
+        var _a = e.nativeEvent.layout, width = _a.width, height = _a.height;
+        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
+     */
+    var onRequestClose = function (e) {
+        setOpen(e, false, false);
+    };
+    // Adjust position of menu
+    var transforms = [];
+    (0, react_1.useMemo)(function () {
+        /**
+         * 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
+     */
+    var shadowMenuContainerStyle = (0, react_1.useMemo)(function () {
+        return tslib_1.__assign({ opacity: opacityAnimation, transform: transforms, top: top }, (isRTL ? { right: left } : { left: left }));
+    }, [isRTL, left, opacityAnimation, top, transforms]);
+    /**
+     * handles the state when menu is opening or closing with Animation
+     */
+    var animationStarted = menuState === Menu_types_1.AndroidMenuStates.Animating;
+    var testID = props.testID;
+    // 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.
+    var 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.
+    var parentPopoverHoverOutTimer = isSubmenu ? context.popoverHoverOutTimer : undefined;
+    return tslib_1.__assign(tslib_1.__assign({ openOnHover: openOnHover }, props), { open: open, setOpen: setOpen, shouldFocusOnContainer: shouldFocusOnContainer, triggerRef: triggerRef, isSubmenu: isSubmenu, isControlled: isOpenControlled, parentPopoverHoverOutTimer: parentPopoverHoverOutTimer, setAnchorWidth: setAnchorWidth, shadowMenuContainerStyle: shadowMenuContainerStyle, _container: _container, onRequestClose: onRequestClose, onMenuLayout: onMenuLayout, checked: checked, onCheckedChange: onCheckedChange, menuHeight: menuHeight, maxMenuHeight: maxMenuHeight, animationStarted: animationStarted, menuSize: menuSize, testID: testID });
+};
+exports.useMenu = useMenu;
+/**
+ * useMenuOpenState handles the open and closing of the Menu based on the click
+ * It also takes care of Controlled Menu component by checking open variable
+ *
+ */
+var useMenuOpenState = function (isControlled, props, parentSetOpen, hide, show) {
+    var defaultOpen = props.defaultOpen, onOpenChange = props.onOpenChange, open = props.open;
+    var initialState = typeof defaultOpen !== 'undefined' ? defaultOpen : !!open;
+    var _a = react_1.default.useState(initialState), openInternal = _a[0], setOpenInternal = _a[1];
+    var _b = react_1.default.useState(undefined), shouldFocusOnContainer = _b[0], setShouldFocusOnContainer = _b[1];
+    var state = isControlled ? open : openInternal;
+    /**
+     * setOpen handles the open of the Menu and setting focus on the Popover container
+     */
+    var setOpen = react_1.default.useCallback(function (e, isOpen, bubble) {
+        var openPrev = state;
+        if (!isControlled && (!isOpen || lastCloseTimestamp + delayOpen <= Date.now())) {
+            setOpenInternal(isOpen);
+        }
+        if (isOpen) {
+            show();
+            setShouldFocusOnContainer(true);
+        }
+        if (!isOpen) {
+            setShouldFocusOnContainer(undefined);
+            lastCloseTimestamp = 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
+ */
+var useMenuCheckedState = function (props) {
+    var _a;
+    var checked = props.checked, defaultChecked = props.defaultChecked, onCheckedChangeOriginal = props.onCheckedChange;
+    var _b = react_1.default.useState((_a = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : checked) !== null && _a !== void 0 ? _a : []), checkedInternal = _b[0], setCheckedInternal = _b[1];
+    var isControlled = typeof checked !== 'undefined';
+    var state = isControlled ? checked : checkedInternal;
+    var onCheckedChange = react_1.default.useCallback(function (e, checked) {
+        if (!isControlled) {
+            setCheckedInternal(checked);
+        }
+        onCheckedChangeOriginal === null || onCheckedChangeOriginal === void 0 ? void 0 : onCheckedChangeOriginal(e, checked);
+    }, [isControlled, setCheckedInternal, onCheckedChangeOriginal]);
+    return [state, onCheckedChange];
+};
+//# sourceMappingURL=useMenu.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMenu.android.js","sourceRoot":"","sources":["../../src/Menu/useMenu.android.ts"],"names":[],"mappings":";;;;AAAA,qDAAoE;AAEpE,6CAAoF;AAKpF,2CAAiD;AACjD,sDAAwD;AAExD,0DAA0D;AAC1D,sDAAsD;AACtD,wDAAwD;AACxD,iBAAiB;AACjB,+DAA+D;AAC/D,IAAM,SAAS,GAAG,GAAG,CAAC;AACtB,IAAI,kBAAkB,GAAG,CAAC,CAAC,CAAC;AAE5B;;GAEG;AAEH,8DAA8D;AAC9D,IAAM,MAAM,GAAG,qBAAM,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;AAE7C,wIAAwI;AACxI,IAAM,aAAa,GAAG,EAAE,CAAC;AAElB,IAAM,OAAO,GAAG,UAAC,KAAgB;IACtC;;OAEG;IAEH,IAAM,UAAU,GAAG,eAAK,CAAC,MAAM,EAAE,CAAC;IAClC,IAAM,OAAO,GAAG,IAAA,4BAAc,GAAE,CAAC;IACjC,IAAM,SAAS,GAAG,OAAO,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,IAAM,gBAAgB,GAAG,OAAO,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC;IAC3D,IAAM,UAAU,GAAG,IAAA,cAAM,EAAO,IAAI,CAAC,CAAC;IAChC,IAAA,KAA4B,eAAK,CAAC,QAAQ,CAAoB,8BAAiB,CAAC,MAAM,CAAC,EAAtF,SAAS,QAAA,EAAE,YAAY,QAA+D,CAAC;IAE9F;;OAEG;IACG,IAAA,KAA6B,mBAAmB,CAAC,KAAK,CAAC,EAAtD,OAAO,QAAA,EAAE,eAAe,QAA8B,CAAC;IAE9D;;OAEG;IACI,IAAA,aAAa,GAAI,IAAA,gBAAQ,EAAC,GAAG,CAAC,GAAjB,CAAkB;IAChC,IAAA,KAAgC,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAAxD,WAAW,QAAA,EAAE,cAAc,QAA6B,CAAC;IAC1D,IAAA,KAAkB,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAA1C,IAAI,QAAA,EAAE,OAAO,QAA6B,CAAC;IAC5C,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAAtD,UAAU,QAAA,EAAE,aAAa,QAA6B,CAAC;IACxD,IAAA,KAA4B,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAApD,SAAS,QAAA,EAAE,YAAY,QAA6B,CAAC;IACtD,IAAA,KAAgB,eAAK,CAAC,QAAQ,CAAS,CAAC,CAAC,EAAxC,GAAG,QAAA,EAAE,MAAM,QAA6B,CAAC;IAEhD;;OAEG;IACG,IAAA,KAA4C,eAAK,CAAC,QAAQ,CAAmB,IAAI,uBAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAjH,iBAAiB,QAAA,EAAE,oBAAoB,QAA0E,CAAC;IACnH,IAAA,KAA0C,eAAK,CAAC,QAAQ,CAAiB,IAAI,uBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAA9F,gBAAgB,QAAA,EAAE,mBAAmB,QAAyD,CAAC;IAEtG;;OAEG;IACK,IAAA,KAAK,GAAK,0BAAW,MAAhB,CAAiB;IAE9B;;OAEG;IACH,IAAM,UAAU,GAAG,yBAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACpC,IAAO,WAAW,GAAK,UAAU,MAAf,CAAgB;IAC1C,IAAM,YAAY,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,wBAAS,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC;IACxE,IAAM,QAAQ,GAAG;QACf,KAAK,EAAE,iBAAiB,CAAC,CAAC;QAC1B,MAAM,EAAE,iBAAiB,CAAC,CAAC;KAC5B,CAAC;IAEF;;;OAGG,CAAC;;;MAGD;IAEH,IAAM,IAAI,GAAG,eAAK,CAAC,WAAW,CAAC;;QAC7B,MAAA,UAAU,CAAC,OAAO,0CAAE,eAAe,CAAC,UAAC,IAAI,EAAE,GAAG,EAAE,WAAW,EAAE,YAAY;YACvE,cAAc,CAAC,WAAW,CAAC,CAAC;YAC5B,OAAO,CAAC,IAAI,CAAC,CAAC;YACd,YAAY,CAAC,8BAAiB,CAAC,KAAK,CAAC,CAAC;YACtC,MAAM,CAAC,GAAG,GAAG,YAAY,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP;;OAEG;IACH,IAAM,IAAI,GAAG,eAAK,CAAC,WAAW,CAAC;QAC7B,uBAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE;YAChC,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,GAAG;YACb,MAAM,EAAE,MAAM;YACd,eAAe,EAAE,KAAK;SACvB,CAAC,CAAC,KAAK,CAAC;YACP,cAAc;YACd,YAAY,CAAC,8BAAiB,CAAC,MAAM,CAAC,CAAC;YACvC,oBAAoB,CAAC,IAAI,uBAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC3D,mBAAmB,CAAC,IAAI,uBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,uFAAuF;IACjF,IAAA,KAA0C,gBAAgB,CAAC,gBAAgB,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,EAA/G,IAAI,QAAA,EAAE,sBAAsB,QAAA,EAAE,OAAO,QAA0E,CAAC;IAEvH;;OAEG;IACH,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,IAAI,EAAE,CAAC;SACR;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjB;;OAEG;IACH,IAAM,YAAY,GAAG,eAAK,CAAC,WAAW,CACpC,UAAC,CAAoB;QACnB,IAAI,SAAS,KAAK,8BAAiB,CAAC,SAAS,EAAE;YAC7C,OAAO;SACR;QACK,IAAA,KAAoB,CAAC,CAAC,WAAW,CAAC,MAAM,EAAtC,KAAK,WAAA,EAAE,MAAM,YAAyB,CAAC;QAC/C,aAAa,CAAC,MAAM,CAAC,CAAC;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,YAAY,CAAC,8BAAiB,CAAC,SAAS,CAAC,CAAC;QAC1C,uBAAQ,CAAC,QAAQ,CAAC;YAChB,uBAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE;gBACjC,OAAO,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE;gBAChC,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,KAAK;aACvB,CAAC;YACF,uBAAQ,CAAC,MAAM,CAAC,gBAAgB,EAAE;gBAChC,OAAO,EAAE,CAAC;gBACV,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,MAAM;gBACd,eAAe,EAAE,KAAK;aACvB,CAAC;SACH,CAAC,CAAC,KAAK,EAAE,CAAC;IACb,CAAC,EACD,CAAC,iBAAiB,EAAE,SAAS,EAAE,gBAAgB,CAAC,CACjD,CAAC;IAEF;;OAEG;IACH,IAAM,cAAc,GAAG,UAAC,CAAmB;QACzC,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,0BAA0B;IAC1B,IAAM,UAAU,GAAG,EAAE,CAAC;IAEtB,IAAA,eAAO,EAAC;QACN;;WAEG;QACH,IAAI,CAAC,KAAK,IAAI,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,IAAI,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,CAAC,EAAE;YAC3H,UAAU,CAAC,IAAI,CAAC;gBACd,UAAU,EAAE,uBAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACvD,CAAC,CAAC;SACJ;aAAM,IAAI,IAAI,GAAG,aAAa,EAAE;YAC/B,uFAAuF;YACvF,OAAO,CAAC,aAAa,CAAC,CAAC;SACxB;QAED,mDAAmD;QACnD,IAAI,GAAG,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,EAAE;YACnD,IAAI,UAAU,GAAG,aAAa,EAAE;gBAC9B,UAAU,CAAC,IAAI,CAAC;oBACd,UAAU,EAAE,uBAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;iBACvD,CAAC,CAAC;aACJ;iBAAM;gBACL,UAAU,CAAC,IAAI,CAAC;oBACd,UAAU,EAAE,uBAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;iBACvD,CAAC,CAAC;aACJ;SACF;aAAM,IAAI,GAAG,GAAG,aAAa,EAAE;YAC9B,MAAM,CAAC,aAAa,CAAC,CAAC;SACvB;IACH,CAAC,EAAE;QACD,WAAW;QACX,KAAK;QACL,IAAI;QACJ,aAAa;QACb,UAAU;QACV,iBAAiB,CAAC,CAAC;QACnB,iBAAiB,CAAC,CAAC;QACnB,SAAS;QACT,GAAG;QACH,UAAU;QACV,YAAY;QACZ,WAAW;KACZ,CAAC,CAAC;IAEH;;OAEG;IACH,IAAM,wBAAwB,GAAG,IAAA,eAAO,EAAC;QACvC,0BACE,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,UAAU,EACrB,GAAG,KAAA,IAEA,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,MAAA,EAAE,CAAC,EACvC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAErD;;OAEG;IACH,IAAM,gBAAgB,GAAG,SAAS,KAAK,8BAAiB,CAAC,SAAS,CAAC;IAC3D,IAAA,MAAM,GAAK,KAAK,OAAV,CAAW;IAEzB,mDAAmD;IACnD,oEAAoE;IACpE,mDAAmD;IACnD,IAAM,WAAW,GAAG,SAAS,CAAC;IAC9B,0DAA0D;IAC1D,wDAAwD;IACxD,oDAAoD;IACpD,sDAAsD;IACtD,IAAM,0BAA0B,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC;IACxF,2CACE,WAAW,aAAA,IACR,KAAK,KACR,IAAI,MAAA,EACJ,OAAO,SAAA,EACP,sBAAsB,wBAAA,EACtB,UAAU,YAAA,EACV,SAAS,WAAA,EACT,YAAY,EAAE,gBAAgB,EAC9B,0BAA0B,4BAAA,EAC1B,cAAc,gBAAA,EACd,wBAAwB,0BAAA,EACxB,UAAU,YAAA,EACV,cAAc,gBAAA,EACd,YAAY,cAAA,EACZ,OAAO,SAAA,EACP,eAAe,iBAAA,EACf,UAAU,YAAA,EACV,aAAa,eAAA,EACb,gBAAgB,kBAAA,EAChB,QAAQ,UAAA,EACR,MAAM,QAAA,IACN;AACJ,CAAC,CAAC;AApOW,QAAA,OAAO,WAoOlB;AAEF;;;;GAIG;AACH,IAAM,gBAAgB,GAAG,UACvB,YAAqB,EACrB,KAAgB,EAChB,aAA+E,EAC/E,IAAgB,EAChB,IAAgB;IAER,IAAA,WAAW,GAAyB,KAAK,YAA9B,EAAE,YAAY,GAAW,KAAK,aAAhB,EAAE,IAAI,GAAK,KAAK,KAAV,CAAW;IAClD,IAAM,YAAY,GAAG,OAAO,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,IAAA,KAAkC,eAAK,CAAC,QAAQ,CAAU,YAAY,CAAC,EAAtE,YAAY,QAAA,EAAE,eAAe,QAAyC,CAAC;IACxE,IAAA,KAAsD,eAAK,CAAC,QAAQ,CAAsB,SAAS,CAAC,EAAnG,sBAAsB,QAAA,EAAE,yBAAyB,QAAkD,CAAC;IAC3G,IAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;IAEjD;;OAEG;IACH,IAAM,OAAO,GAAG,eAAK,CAAC,WAAW,CAC/B,UAAC,CAAmB,EAAE,MAAe,EAAE,MAAgB;QACrD,IAAM,QAAQ,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC,MAAM,IAAI,kBAAkB,GAAG,SAAS,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE;YAC9E,eAAe,CAAC,MAAM,CAAC,CAAC;SACzB;QACD,IAAI,MAAM,EAAE;YACV,IAAI,EAAE,CAAC;YACP,yBAAyB,CAAC,IAAI,CAAC,CAAC;SACjC;QACD,IAAI,CAAC,MAAM,EAAE;YACX,yBAAyB,CAAC,SAAS,CAAC,CAAC;YACrC,kBAAkB,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAChC,IAAI,EAAE,CAAC;SACR;QACD,IAAI,YAAY,IAAI,QAAQ,KAAK,MAAM,EAAE;YACvC,YAAY,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;SACzB;QACD,IAAI,MAAM,IAAI,aAAa,IAAI,CAAC,YAAY,EAAE;YAC5C,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;SAClC;IACH,CAAC,EACD,CAAC,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,CAAC,CACjD,CAAC;IACF,OAAO,CAAC,KAAK,EAAE,sBAAsB,EAAE,OAAO,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF;;GAEG;AACH,IAAM,mBAAmB,GAAG,UAAC,KAAgB;;IACnC,IAAA,OAAO,GAA+D,KAAK,QAApE,EAAE,cAAc,GAA+C,KAAK,eAApD,EAAmB,uBAAuB,GAAK,KAAK,gBAAV,CAAW;IAC9E,IAAA,KAAwC,eAAK,CAAC,QAAQ,CAAC,MAAA,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,OAAO,mCAAI,EAAE,CAAC,EAAtF,eAAe,QAAA,EAAE,kBAAkB,QAAmD,CAAC;IAC9F,IAAM,YAAY,GAAG,OAAO,OAAO,KAAK,WAAW,CAAC;IACpD,IAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;IACvD,IAAM,eAAe,GAAG,eAAK,CAAC,WAAW,CACvC,UAAC,CAAmB,EAAE,OAAiB;QACrC,IAAI,CAAC,YAAY,EAAE;YACjB,kBAAkB,CAAC,OAAO,CAAC,CAAC;SAC7B;QACD,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,CAAC,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,YAAY,EAAE,kBAAkB,EAAE,uBAAuB,CAAC,CAC5D,CAAC;IACF,OAAO,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;AAClC,CAAC,CAAC"}

package/lib-commonjs/MenuCallout/MenuCallout.android.d.ts

@@ -0,0 +1,4 @@
+import type { MenuCalloutProps } from './MenuCallout.types';
+export declare const MenuCallout: import("@fluentui-react-native/framework").ComposableFunction<MenuCalloutProps>;
+export default MenuCallout;
+//# sourceMappingURL=MenuCallout.android.d.ts.map

package/lib-commonjs/MenuCallout/MenuCallout.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCallout.android.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.android.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAM5D,eAAO,MAAM,WAAW,iFA2CtB,CAAC;AAIH,eAAe,WAAW,CAAC"}

package/lib-commonjs/MenuCallout/MenuCallout.android.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuCallout = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_native_1 = require("react-native");
+var framework_1 = require("@fluentui-react-native/framework");
+var framework_2 = require("@fluentui-react-native/framework");
+var MenuCallout_types_1 = require("./MenuCallout.types");
+var context_1 = require("../context");
+var AnimatedScrollView = react_native_1.Animated.createAnimatedComponent(react_native_1.ScrollView);
+exports.MenuCallout = (0, framework_1.stagedComponent)(function (props) {
+    var context = (0, context_1.useMenuContext)();
+    return function (_rest, children) {
+        var mergedProps = (0, framework_2.mergeProps)(props, _rest);
+        var tokens = props.tokens;
+        return (react_1.default.createElement(react_native_1.Modal, tslib_1.__assign({}, mergedProps, { visible: context.open, onRequestClose: context.onRequestClose, supportedOrientations: ['portrait', 'portrait-upside-down', 'landscape', 'landscape-left', 'landscape-right'], transparent: true }),
+            react_1.default.createElement(react_native_1.TouchableWithoutFeedback, { onPress: context.onRequestClose, accessible: false },
+                react_1.default.createElement(react_native_1.View, { style: [react_native_1.StyleSheet.absoluteFill] },
+                    react_1.default.createElement(react_native_1.Animated.View, { onLayout: context.onMenuLayout, style: [
+                            context.shadowMenuContainerStyle,
+                            {
+                                maxHeight: mergedProps.maxHeight ? mergedProps.maxHeight : tokens.maxHeight,
+                                maxWidth: tokens.maxWidth,
+                                position: 'absolute',
+                                borderRadius: tokens.cornerRadius,
+                                elevation: tokens.elevation,
+                                overflow: 'hidden',
+                            },
+                        ] }, context.menuHeight + tokens.minPadding >= tokens.maxHeight ||
+                        context.menuHeight + tokens.minPadding >= mergedProps.maxHeight ? (react_1.default.createElement(AnimatedScrollView, { style: [context.animationStarted && context.menuSize] }, children)) : (react_1.default.createElement(react_native_1.Animated.View, { style: [context.animationStarted && context.menuSize] }, children)))))));
+    };
+});
+exports.MenuCallout.displayName = MenuCallout_types_1.menuCalloutName;
+exports.default = exports.MenuCallout;
+//# sourceMappingURL=MenuCallout.android.js.map

package/lib-commonjs/MenuCallout/MenuCallout.android.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCallout.android.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.android.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAC1B,6CAAuG;AAEvG,8DAAmE;AACnE,8DAA8D;AAG9D,yDAAsD;AACtD,sCAA4C;AAE5C,IAAM,kBAAkB,GAAG,uBAAQ,CAAC,uBAAuB,CAAC,yBAAU,CAAC,CAAC;AAE3D,QAAA,WAAW,GAAG,IAAA,2BAAe,EAAC,UAAC,KAAuB;IACjE,IAAM,OAAO,GAAG,IAAA,wBAAc,GAAE,CAAC;IAEjC,OAAO,UAAC,KAAuB,EAAE,QAAyB;QACxD,IAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC7C,IAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAE5B,OAAO,CACL,8BAAC,oBAAK,uBACA,WAAW,IACf,OAAO,EAAE,OAAO,CAAC,IAAI,EACrB,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,qBAAqB,EAAE,CAAC,UAAU,EAAE,sBAAsB,EAAE,WAAW,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,EAC7G,WAAW;YAEX,8BAAC,uCAAwB,IAAC,OAAO,EAAE,OAAO,CAAC,cAAc,EAAE,UAAU,EAAE,KAAK;gBAC1E,8BAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,yBAAU,CAAC,YAAY,CAAC;oBACpC,8BAAC,uBAAQ,CAAC,IAAI,IACZ,QAAQ,EAAE,OAAO,CAAC,YAAY,EAC9B,KAAK,EAAE;4BACL,OAAO,CAAC,wBAAwB;4BAChC;gCACE,SAAS,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS;gCAC3E,QAAQ,EAAE,MAAM,CAAC,QAAQ;gCACzB,QAAQ,EAAE,UAAU;gCACpB,YAAY,EAAE,MAAM,CAAC,YAAY;gCACjC,SAAS,EAAE,MAAM,CAAC,SAAS;gCAC3B,QAAQ,EAAE,QAAQ;6BACnB;yBACF,IAEA,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,SAAS;wBAC3D,OAAO,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAChE,8BAAC,kBAAkB,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAsB,CAC3G,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,CAAC,OAAO,CAAC,gBAAgB,IAAI,OAAO,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAiB,CACjG,CACa,CACX,CACkB,CACrB,CACT,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}

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

@@ -0,0 +1,4 @@
+import type { MenuCalloutProps } from './MenuCallout.types';
+export declare const MenuCallout: import("@fluentui-react-native/framework").ComposableFunction<MenuCalloutProps>;
+export default MenuCallout;
+//# sourceMappingURL=MenuCallout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCallout.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,iFAMtB,CAAC;AAIH,eAAe,WAAW,CAAC"}

package/lib-commonjs/MenuCallout/MenuCallout.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuCallout = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var callout_1 = require("@fluentui-react-native/callout");
+var framework_1 = require("@fluentui-react-native/framework");
+var framework_2 = require("@fluentui-react-native/framework");
+var MenuCallout_types_1 = require("./MenuCallout.types");
+exports.MenuCallout = (0, framework_1.stagedComponent)(function (props) {
+    return function (_rest, children) {
+        var mergedProps = (0, framework_2.mergeProps)(props, _rest);
+        return react_1.default.createElement(callout_1.Callout, tslib_1.__assign({}, mergedProps), children);
+    };
+});
+exports.MenuCallout.displayName = MenuCallout_types_1.menuCalloutName;
+exports.default = exports.MenuCallout;
+//# sourceMappingURL=MenuCallout.js.map

package/lib-commonjs/MenuCallout/MenuCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCallout.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAE1B,0DAAyD;AACzD,8DAAmE;AACnE,8DAA8D;AAG9D,yDAAsD;AAEzC,QAAA,WAAW,GAAG,IAAA,2BAAe,EAAC,UAAC,KAAuB;IACjE,OAAO,UAAC,KAAuB,EAAE,QAAyB;QACxD,IAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAE7C,OAAO,8BAAC,iBAAO,uBAAK,WAAW,GAAG,QAAQ,CAAW,CAAC;IACxD,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAW,CAAC,WAAW,GAAG,mCAAe,CAAC;AAE1C,kBAAe,mBAAW,CAAC"}

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

@@ -0,0 +1,18 @@
+import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
+export declare const menuCalloutName = "MenuCallout";
+export type MenuCalloutTokens = Omit<ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
+    /**
+     * The token for the corner radius for the Modal MenuPopover
+     * @platform android
+     */
+    cornerRadius?: number;
+    /**
+     * Shadown elevation token for the Modal MenuPopover
+     * @platform android
+     */
+    elevation?: number;
+};
+export type MenuCalloutProps = ICalloutProps & {
+    tokens: MenuCalloutTokens;
+};
+//# sourceMappingURL=MenuCallout.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCallout.types.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.types.ts"],"names":[],"mappings":"AAAA,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,MAAM,CAAC;IAEtB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEN,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC"}

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

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

package/lib-commonjs/MenuCallout/MenuCallout.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuCallout.types.js","sourceRoot":"","sources":["../../src/MenuCallout/MenuCallout.types.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,4 @@
+export { MenuCallout } from './MenuCallout';
+export { menuCalloutName } from './MenuCallout.types';
+export type { MenuCalloutProps, MenuCalloutTokens } from './MenuCallout.types';
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/MenuCallout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MenuCallout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/lib-commonjs/MenuCallout/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.menuCalloutName = exports.MenuCallout = void 0;
+var MenuCallout_1 = require("./MenuCallout");
+Object.defineProperty(exports, "MenuCallout", { enumerable: true, get: function () { return MenuCallout_1.MenuCallout; } });
+var MenuCallout_types_1 = require("./MenuCallout.types");
+Object.defineProperty(exports, "menuCalloutName", { enumerable: true, get: function () { return MenuCallout_types_1.menuCalloutName; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MenuCallout/index.ts"],"names":[],"mappings":";;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA"}

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

@@ -1,2 +1,3 @@
-export declare const MenuDivider: import("@fluentui-react-native/framework").ComposableComponent<import("@fluentui-react-native/adapters").IViewProps, import("./MenuDivider.types").MenuDividerSlotProps, import("./MenuDivider.types").MenuDividerTokens, object>;
+import type { MenuDividerProps } from './MenuDivider.types';
+export declare const MenuDivider: import("@fluentui-react-native/framework").ComposableComponent<MenuDividerProps, import("./MenuDivider.types").MenuDividerSlotProps, import("./MenuDivider.types").MenuDividerTokens, object>;
 //# sourceMappingURL=MenuDivider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,WAAW,mOAatB,CAAC"}
+{"version":3,"file":"MenuDivider.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAmB,MAAM,qBAAqB,CAAC;AAG7E,eAAO,MAAM,WAAW,+LAatB,CAAC"}

package/lib-commonjs/MenuDivider/MenuDivider.styling.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.styling.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAIrG,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,CAiBxG,CAAC"}
+{"version":3,"file":"MenuDivider.styling.d.ts","sourceRoot":"","sources":["../../src/MenuDivider/MenuDivider.styling.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAIrG,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,EAAE,oBAAoB,EAAE,iBAAiB,CAmBxG,CAAC"}

package/lib-commonjs/MenuDivider/MenuDivider.styling.js

@@ -1,21 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = void 0;
+var tslib_1 = require("tslib");
+var react_native_1 = require("react-native");
 var framework_1 = require("@fluentui-react-native/framework");
 var MenuDivider_types_1 = require("./MenuDivider.types");
 var MenuDividerTokens_1 = require("./MenuDividerTokens");
 exports.stylingSettings = {
     tokens: [MenuDividerTokens_1.defaultMenuDividerTokens, MenuDivider_types_1.menuDividerName],
+    tokensThatAreAlsoProps: ['insetSize'],
     slotProps: {
         root: (0, framework_1.buildProps)(function (tokens) { return ({
-            style: {
-                height: tokens.height,
-                width: tokens.width,
-                backgroundColor: tokens.backgroundColor,
-                margin: tokens.margin,
-                marginVertical: tokens.marginVertical,
-                display: 'flex',
-            },
+            style: tslib_1.__assign({ height: tokens.height, width: tokens.width, backgroundColor: tokens.backgroundColor, margin: tokens.margin, marginVertical: tokens.marginVertical, display: 'flex' }, (react_native_1.Platform.OS === 'android' && { marginStart: tokens.insetSize })),
         }); }, ['backgroundColor', 'height', 'margin', 'marginVertical', 'width']),
     },
 };