@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/Menu/Menu.js

@@ -1,30 +1,28 @@
-'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.Menu = void 0;
-const react_1 = __importDefault(require('react'));
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const Menu_types_1 = require('./Menu.types');
-const renderMenu_1 = require('./renderMenu');
-const useMenu_1 = require('./useMenu');
-const useMenuContextValue_1 = require('./useMenuContextValue');
+const react_1 = __importDefault(require("react"));
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const Menu_types_1 = require("./Menu.types");
+const renderMenu_1 = require("./renderMenu");
+const useMenu_1 = require("./useMenu");
+const useMenuContextValue_1 = require("./useMenuContextValue");
 exports.Menu = (0, framework_base_1.phasedComponent)((props) => {
-  const state = (0, useMenu_1.useMenu)(props);
-  const contextValue = (0, useMenuContextValue_1.useMenuContextValue)(state);
-  return (0, framework_base_1.directComponent)((rest) => {
-    const childrenArray = react_1.default.Children.toArray(rest.children);
-    if (__DEV__) {
-      if (childrenArray.length !== 2) {
-        console.warn('Menu must contain two children');
-      }
-    }
-    return (0, renderMenu_1.renderFinalMenu)(childrenArray, contextValue, state);
-  });
+    const state = (0, useMenu_1.useMenu)(props);
+    const contextValue = (0, useMenuContextValue_1.useMenuContextValue)(state);
+    return (0, framework_base_1.directComponent)((rest) => {
+        const childrenArray = react_1.default.Children.toArray(rest.children);
+        if (__DEV__) {
+            if (childrenArray.length !== 2) {
+                console.warn('Menu must contain two children');
+            }
+        }
+        return (0, renderMenu_1.renderFinalMenu)(childrenArray, contextValue, state);
+    });
 });
 exports.Menu.displayName = Menu_types_1.menuName;
 exports.default = exports.Menu;
-//# sourceMappingURL=Menu.js.map
+//# sourceMappingURL=Menu.js.map

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

@@ -2,58 +2,58 @@ import type React from 'react';
 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';
+export declare const menuName = "Menu";
 export interface MenuProps extends MenuListProps {
-  /**
-   * Whether the popup is open on mount
-   */
-  defaultOpen?: boolean;
-  /**
-   * How much delay to have between hover in and showing the menu, in ms.
-   * @platform win32, macOS
-   */
-  hoverDelay?: number;
-  /**
-   * Whether the popup is open
-   */
-  open?: boolean;
-  /**
-   * Call back when the component requests to change value
-   */
-  onOpenChange?: (e: InteractionEvent, isOpen: boolean) => void;
-  openOnHover?: boolean;
-  /**
-   * Do not dismiss the menu when a menu item is clicked
-   */
-  persistOnItemClick?: boolean;
+    /**
+     * Whether the popup is open on mount
+     */
+    defaultOpen?: boolean;
+    /**
+     * How much delay to have between hover in and showing the menu, in ms.
+     * @platform win32, macOS
+     */
+    hoverDelay?: number;
+    /**
+     * Whether the popup is open
+     */
+    open?: boolean;
+    /**
+     * Call back when the component requests to change value
+     */
+    onOpenChange?: (e: InteractionEvent, isOpen: boolean) => void;
+    openOnHover?: boolean;
+    /**
+     * Do not dismiss the menu when a menu item is clicked
+     */
+    persistOnItemClick?: boolean;
 }
 export type MenuSizeType = {
-  width: Animated.Value;
-  height: Animated.Value;
+    width: Animated.Value;
+    height: Animated.Value;
 };
 export interface MenuState extends MenuProps {
-  isControlled: boolean;
-  isSubmenu: boolean;
-  parentPopoverHoverOutTimer?: NodeJS.Timeout;
-  setOpen: (e: InteractionEvent, isOpen: boolean, bubble?: boolean) => void;
-  shouldFocusOnContainer: boolean;
-  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;
+    isControlled: boolean;
+    isSubmenu: boolean;
+    parentPopoverHoverOutTimer?: NodeJS.Timeout;
+    setOpen: (e: InteractionEvent, isOpen: boolean, bubble?: boolean) => void;
+    shouldFocusOnContainer: boolean;
+    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,
+    Hidden = 0,
+    Animating = 1,
+    Shown = 2
 }
-//# sourceMappingURL=Menu.types.d.ts.map
+//# sourceMappingURL=Menu.types.d.ts.map

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

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 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[AndroidMenuStates["Hidden"] = 0] = "Hidden";
+    AndroidMenuStates[AndroidMenuStates["Animating"] = 1] = "Animating";
+    AndroidMenuStates[AndroidMenuStates["Shown"] = 2] = "Shown";
 })(AndroidMenuStates || (exports.AndroidMenuStates = AndroidMenuStates = {}));
-//# sourceMappingURL=Menu.types.js.map
+//# sourceMappingURL=Menu.types.js.map

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

@@ -3,4 +3,4 @@ export { menuName } from './Menu.types';
 export type { MenuProps, MenuState } from './Menu.types';
 export { useMenu } from './useMenu';
 export { useMenuContextValue } from './useMenuContextValue';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/Menu/index.js

@@ -1,32 +1,12 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuContextValue = exports.useMenu = exports.menuName = exports.Menu = void 0;
-const Menu_1 = require('./Menu');
-Object.defineProperty(exports, 'Menu', {
-  enumerable: true,
-  get: function () {
-    return Menu_1.Menu;
-  },
-});
-const Menu_types_1 = require('./Menu.types');
-Object.defineProperty(exports, 'menuName', {
-  enumerable: true,
-  get: function () {
-    return Menu_types_1.menuName;
-  },
-});
-const useMenu_1 = require('./useMenu');
-Object.defineProperty(exports, 'useMenu', {
-  enumerable: true,
-  get: function () {
-    return useMenu_1.useMenu;
-  },
-});
-const useMenuContextValue_1 = require('./useMenuContextValue');
-Object.defineProperty(exports, 'useMenuContextValue', {
-  enumerable: true,
-  get: function () {
-    return useMenuContextValue_1.useMenuContextValue;
-  },
-});
-//# sourceMappingURL=index.js.map
+const Menu_1 = require("./Menu");
+Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
+const Menu_types_1 = require("./Menu.types");
+Object.defineProperty(exports, "menuName", { enumerable: true, get: function () { return Menu_types_1.menuName; } });
+const useMenu_1 = require("./useMenu");
+Object.defineProperty(exports, "useMenu", { enumerable: true, get: function () { return useMenu_1.useMenu; } });
+const useMenuContextValue_1 = require("./useMenuContextValue");
+Object.defineProperty(exports, "useMenuContextValue", { enumerable: true, get: function () { return useMenuContextValue_1.useMenuContextValue; } });
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,30 +1,18 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderFinalMenu = void 0;
-const jsx_runtime_1 = require('react/jsx-runtime');
-const react_native_1 = require('react-native');
-const context_1 = require('../context');
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const context_1 = require("../context");
 const renderFinalMenu = (childrenArray, contextValue, state) => {
-  const menuTrigger = childrenArray[0];
-  const menuPopover = childrenArray[1];
-  return jsx_runtime_1.jsxs(context_1.MenuProvider, {
-    value: contextValue,
-    children: [
-      jsx_runtime_1.jsx(react_native_1.View, {
-        onLayout: (event) => {
-          const { width } = event.nativeEvent.layout;
-          state.setAnchorWidth(width);
-        },
-        children: menuTrigger,
-      }),
-      jsx_runtime_1.jsx(react_native_1.View, {
-        ref: state._container,
-        collapsable: false,
-        testID: state.testID,
-        children: state.open && menuPopover,
-      }),
-    ],
-  });
+    const menuTrigger = childrenArray[0];
+    const menuPopover = childrenArray[1];
+    return (jsx_runtime_1.jsxs(context_1.MenuProvider, { value: contextValue, children: [
+            jsx_runtime_1.jsx(react_native_1.View, { onLayout: (event) => {
+                    const { width } = event.nativeEvent.layout;
+                    state.setAnchorWidth(width);
+                }, children: menuTrigger }), jsx_runtime_1.jsx(react_native_1.View, { ref: state._container, collapsable: false, testID: state.testID, children: state.open && menuPopover })
+        ] }));
 };
 exports.renderFinalMenu = renderFinalMenu;
-//# sourceMappingURL=renderMenu.android.js.map
+//# sourceMappingURL=renderMenu.android.js.map

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

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

package/lib-commonjs/Menu/renderMenu.js

@@ -1,15 +1,12 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderFinalMenu = void 0;
-const jsx_runtime_1 = require('react/jsx-runtime');
-const context_1 = require('../context');
+const jsx_runtime_1 = require("react/jsx-runtime");
+const context_1 = require("../context");
 const renderFinalMenu = (childrenArray, contextValue, state) => {
-  const menuTrigger = childrenArray[0];
-  const menuPopover = childrenArray[1];
-  return jsx_runtime_1.jsxs(context_1.MenuProvider, {
-    value: contextValue,
-    children: [menuTrigger, state.open && state.shouldFocusOnContainer !== undefined && menuPopover],
-  });
+    const menuTrigger = childrenArray[0];
+    const menuPopover = childrenArray[1];
+    return (jsx_runtime_1.jsxs(context_1.MenuProvider, { value: contextValue, children: [menuTrigger, state.open && state.shouldFocusOnContainer !== undefined && menuPopover] }));
 };
 exports.renderFinalMenu = renderFinalMenu;
-//# sourceMappingURL=renderMenu.js.map
+//# sourceMappingURL=renderMenu.js.map

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

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