@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/MenuList/useMenuList.js

@@ -1,193 +1,174 @@
-'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.useMenuItemTracking = exports.useMenuList = void 0;
-const react_1 = __importDefault(require('react'));
-const react_native_1 = require('react-native');
-const menuContext_1 = require('../context/menuContext');
-const menuListContext_1 = require('../context/menuListContext');
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const menuContext_1 = require("../context/menuContext");
+const menuListContext_1 = require("../context/menuListContext");
 // Track the radio items so we know what to clear selection from when selectRadio is called
 // Purposefully left out of the hook because
 // 1. RadioItems just keeps track of information - changing this array doesn't need to force rerender
 // 2. Keeping them here means these consts are not recreated on every render, which would force rerendering of all children
 const radioItems = [];
 const addRadioItem = (name) => {
-  radioItems.push(name);
+    radioItems.push(name);
 };
 const removeRadioItem = (name) => {
-  radioItems.filter((item) => item !== name);
+    radioItems.filter((item) => item !== name);
 };
 const platformsWithoutFocusOnDisabled = ['ios', 'macos'];
 const handledKeys = ['Home', 'End'];
 const handleFocusOnMouseLevae = react_native_1.Platform.OS === 'macos';
 const useMenuList = (_props) => {
-  const context = (0, menuContext_1.useMenuContext)();
-  // MenuList v2 needs to be able to be standalone, but this is not in scope for v1
-  // Assuming that checked information will come from parent Menu
-  const { defaultChecked, onCheckedChange: onCheckedChangeOriginal, checked: checkedOriginal, isSubmenu, setOpen, triggerRef } = context;
-  // Convert passed in array to map so that i's easier to look up checked state
-  const checkedMap = react_1.default.useMemo(() => {
-    const state = {};
-    if (!checkedOriginal) {
-      return state;
-    }
-    for (const key of checkedOriginal) {
-      state[key] = true;
-    }
-    return state;
-  }, [checkedOriginal]);
-  const [checkedInternal, setCheckedInternal] = react_1.default.useState(() => {
-    if (checkedMap) {
-      return checkedMap;
-    }
-    const initialChecked = defaultChecked ?? [];
-    const state = {};
-    for (const key of initialChecked) {
-      state[key] = true;
-    }
-    return state;
-  });
-  const isCheckedControlled = typeof checkedOriginal !== 'undefined';
-  const checked = isCheckedControlled ? checkedMap : checkedInternal;
-  const onCheckedChange = react_1.default.useCallback(
-    (e, name, isChecked) => {
-      const updatedChecked = { ...checked };
-      if (isChecked) {
+    const context = (0, menuContext_1.useMenuContext)();
+    // MenuList v2 needs to be able to be standalone, but this is not in scope for v1
+    // Assuming that checked information will come from parent Menu
+    const { defaultChecked, onCheckedChange: onCheckedChangeOriginal, checked: checkedOriginal, isSubmenu, setOpen, triggerRef } = context;
+    // Convert passed in array to map so that i's easier to look up checked state
+    const checkedMap = react_1.default.useMemo(() => {
+        const state = {};
+        if (!checkedOriginal) {
+            return state;
+        }
+        for (const key of checkedOriginal) {
+            state[key] = true;
+        }
+        return state;
+    }, [checkedOriginal]);
+    const [checkedInternal, setCheckedInternal] = react_1.default.useState(() => {
+        if (checkedMap) {
+            return checkedMap;
+        }
+        const initialChecked = defaultChecked ?? [];
+        const state = {};
+        for (const key of initialChecked) {
+            state[key] = true;
+        }
+        return state;
+    });
+    const isCheckedControlled = typeof checkedOriginal !== 'undefined';
+    const checked = isCheckedControlled ? checkedMap : checkedInternal;
+    const onCheckedChange = react_1.default.useCallback((e, name, isChecked) => {
+        const updatedChecked = { ...checked };
+        if (isChecked) {
+            updatedChecked[name] = true;
+        }
+        else {
+            delete updatedChecked[name];
+        }
+        if (!isCheckedControlled) {
+            setCheckedInternal(updatedChecked);
+        }
+        if (onCheckedChangeOriginal) {
+            onCheckedChangeOriginal(e, Object.keys(updatedChecked));
+        }
+    }, [isCheckedControlled, checked, onCheckedChangeOriginal, setCheckedInternal]);
+    const selectRadio = react_1.default.useCallback((e, name) => {
+        const updatedChecked = {};
+        for (const checkedName of Object.keys(checked)) {
+            if (!radioItems.includes(checkedName)) {
+                // Preserve checked state if non-radio items
+                updatedChecked[checkedName] = checked[checkedName];
+            }
+        }
         updatedChecked[name] = true;
-      } else {
-        delete updatedChecked[name];
-      }
-      if (!isCheckedControlled) {
-        setCheckedInternal(updatedChecked);
-      }
-      if (onCheckedChangeOriginal) {
-        onCheckedChangeOriginal(e, Object.keys(updatedChecked));
-      }
-    },
-    [isCheckedControlled, checked, onCheckedChangeOriginal, setCheckedInternal],
-  );
-  const selectRadio = react_1.default.useCallback(
-    (e, name) => {
-      const updatedChecked = {};
-      for (const checkedName of Object.keys(checked)) {
-        if (!radioItems.includes(checkedName)) {
-          // Preserve checked state if non-radio items
-          updatedChecked[checkedName] = checked[checkedName];
+        if (!isCheckedControlled) {
+            setCheckedInternal(updatedChecked);
+        }
+        if (onCheckedChangeOriginal) {
+            onCheckedChangeOriginal(e, Object.keys(updatedChecked));
+        }
+    }, [isCheckedControlled, onCheckedChangeOriginal, setCheckedInternal, checked]);
+    // The close arrow key must be handled at this level so that close arrow is responsive when arrowing
+    // on a submenu trigger inside a submenu. Otherwise the arrowing event gets "swallowed up" by the trigger,
+    // because it is considered to be inside the submenu due to the Menu component wrapping both the
+    // trigger and popover. Listening to key events directly here to handle this case doesn't work
+    // since left and right arrow key events are already handled and swallowed by native behavior
+    const onArrowClose = react_1.default.useCallback((e) => {
+        if (!isSubmenu) {
+            return;
         }
-      }
-      updatedChecked[name] = true;
-      if (!isCheckedControlled) {
-        setCheckedInternal(updatedChecked);
-      }
-      if (onCheckedChangeOriginal) {
-        onCheckedChangeOriginal(e, Object.keys(updatedChecked));
-      }
-    },
-    [isCheckedControlled, onCheckedChangeOriginal, setCheckedInternal, checked],
-  );
-  // The close arrow key must be handled at this level so that close arrow is responsive when arrowing
-  // on a submenu trigger inside a submenu. Otherwise the arrowing event gets "swallowed up" by the trigger,
-  // because it is considered to be inside the submenu due to the Menu component wrapping both the
-  // trigger and popover. Listening to key events directly here to handle this case doesn't work
-  // since left and right arrow key events are already handled and swallowed by native behavior
-  const onArrowClose = react_1.default.useCallback(
-    (e) => {
-      if (!isSubmenu) {
-        return;
-      }
-      setOpen(e, false /* isOpen */, false /* bubble */);
-      triggerRef?.current?.focus();
-    },
-    [isSubmenu, setOpen, triggerRef],
-  );
-  // Handle 'Home' and 'End' keypresses here. Native menus allow 'Home' and 'End' keypresses to jump to the
-  // start and end of each menu list. We need to keep track of all MenuItems in our list, and we need access to
-  // (1) the item's ref to focus on and (2) whether the item is disabled or not as different platforms allow
-  // and don't allow focus for disabled items.
-  // Instead of calling useState to instantiate an array, we call useMemo because we don't want to re-render the
-  // MenuList on adding / removing items.
-  const trackedMenuItems = react_1.default.useMemo(() => [], []);
-  const trackMenuItem = react_1.default.useCallback((item) => trackedMenuItems.push(item), [trackedMenuItems]);
-  const untrackMenuItem = react_1.default.useCallback(
-    (item) =>
-      trackedMenuItems.splice(
-        trackedMenuItems.findIndex((x) => x.ref === item.ref),
-        1,
-      ),
-    [trackedMenuItems],
-  );
-  const onListKeyDown = (e) => {
-    const key = e.nativeEvent.key;
-    if (handledKeys.includes(key)) {
-      // For iOS and macOS, 'Home' and 'End' must set focus on the first and last enabled item.
-      // For other platforms, we can just jump to the first and last keys.
-      let increment, idx;
-      if (key === 'Home') {
-        increment = 1;
-        idx = 0;
-      } else if (key === 'End') {
-        increment = -1;
-        idx = trackedMenuItems.length - 1;
-      }
-      while (platformsWithoutFocusOnDisabled.includes(react_native_1.Platform.OS) && trackedMenuItems[idx].disabled) {
-        idx += increment;
-      }
-      trackedMenuItems[idx].ref.current?.focus();
-    }
-  };
-  react_1.default.useEffect(() => {
-    return function cleanup() {
-      clearTimeout(context.triggerHoverOutTimer);
+        setOpen(e, false /* isOpen */, false /* bubble */);
+        triggerRef?.current?.focus();
+    }, [isSubmenu, setOpen, triggerRef]);
+    // Handle 'Home' and 'End' keypresses here. Native menus allow 'Home' and 'End' keypresses to jump to the
+    // start and end of each menu list. We need to keep track of all MenuItems in our list, and we need access to
+    // (1) the item's ref to focus on and (2) whether the item is disabled or not as different platforms allow
+    // and don't allow focus for disabled items.
+    // Instead of calling useState to instantiate an array, we call useMemo because we don't want to re-render the
+    // MenuList on adding / removing items.
+    const trackedMenuItems = react_1.default.useMemo(() => [], []);
+    const trackMenuItem = react_1.default.useCallback((item) => trackedMenuItems.push(item), [trackedMenuItems]);
+    const untrackMenuItem = react_1.default.useCallback((item) => trackedMenuItems.splice(trackedMenuItems.findIndex((x) => x.ref === item.ref), 1), [trackedMenuItems]);
+    const onListKeyDown = (e) => {
+        const key = e.nativeEvent.key;
+        if (handledKeys.includes(key)) {
+            // For iOS and macOS, 'Home' and 'End' must set focus on the first and last enabled item.
+            // For other platforms, we can just jump to the first and last keys.
+            let increment, idx;
+            if (key === 'Home') {
+                increment = 1;
+                idx = 0;
+            }
+            else if (key === 'End') {
+                increment = -1;
+                idx = trackedMenuItems.length - 1;
+            }
+            while (platformsWithoutFocusOnDisabled.includes(react_native_1.Platform.OS) && trackedMenuItems[idx].disabled) {
+                idx += increment;
+            }
+            trackedMenuItems[idx].ref.current?.focus();
+        }
+    };
+    react_1.default.useEffect(() => {
+        return function cleanup() {
+            clearTimeout(context.triggerHoverOutTimer);
+        };
+    });
+    // focus management
+    const focusZoneRef = react_1.default.useRef(null);
+    const setFocusZoneFocus = () => {
+        focusZoneRef?.current?.focus();
+    };
+    react_1.default.useEffect(() => {
+        setFocusZoneFocus();
+    }, []);
+    return {
+        props: {
+            ...context,
+            onMouseLeave: handleFocusOnMouseLevae ? setFocusZoneFocus : context.onMouseLeave,
+            onKeyDown: onListKeyDown,
+        },
+        isCheckedControlled,
+        checked,
+        onArrowClose,
+        onCheckedChange,
+        selectRadio,
+        addRadioItem,
+        removeRadioItem,
+        trackMenuItem,
+        untrackMenuItem,
+        hasMaxHeight: context.hasMaxHeight ?? false,
+        hasMaxWidth: context.hasMaxWidth ?? false,
+        focusZoneRef: focusZoneRef,
     };
-  });
-  // focus management
-  const focusZoneRef = react_1.default.useRef(null);
-  const setFocusZoneFocus = () => {
-    focusZoneRef?.current?.focus();
-  };
-  react_1.default.useEffect(() => {
-    setFocusZoneFocus();
-  }, []);
-  return {
-    props: {
-      ...context,
-      onMouseLeave: handleFocusOnMouseLevae ? setFocusZoneFocus : context.onMouseLeave,
-      onKeyDown: onListKeyDown,
-    },
-    isCheckedControlled,
-    checked,
-    onArrowClose,
-    onCheckedChange,
-    selectRadio,
-    addRadioItem,
-    removeRadioItem,
-    trackMenuItem,
-    untrackMenuItem,
-    hasMaxHeight: context.hasMaxHeight ?? false,
-    hasMaxWidth: context.hasMaxWidth ?? false,
-    focusZoneRef: focusZoneRef,
-  };
 };
 exports.useMenuList = useMenuList;
 // Hook called in individual MenuItems to keep track of their refs - this is for "Home" and "End" functionality.
 const useMenuItemTracking = (ref, disabled) => {
-  const { trackMenuItem, untrackMenuItem } = (0, menuListContext_1.useMenuListContext)();
-  const item = react_1.default.useMemo(
-    () => ({
-      ref,
-      disabled,
-    }),
-    [ref, disabled],
-  );
-  // We only want to call this once - when the item initially renders.
-  react_1.default.useEffect(() => {
-    trackMenuItem(item);
-    return () => untrackMenuItem(item);
-  }, []);
+    const { trackMenuItem, untrackMenuItem } = (0, menuListContext_1.useMenuListContext)();
+    const item = react_1.default.useMemo(() => ({
+        ref,
+        disabled,
+    }), [ref, disabled]);
+    // We only want to call this once - when the item initially renders.
+    react_1.default.useEffect(() => {
+        trackMenuItem(item);
+        return () => untrackMenuItem(item);
+    }, []);
 };
 exports.useMenuItemTracking = useMenuItemTracking;
-//# sourceMappingURL=useMenuList.js.map
+//# sourceMappingURL=useMenuList.js.map

package/lib-commonjs/MenuList/useMenuListContextValue.d.ts

@@ -1,4 +1,4 @@
 import type { MenuListState } from './MenuList.types';
 import type { MenuListContextValue } from '../context/menuListContext';
 export declare const useMenuListContextValue: (state: MenuListState) => MenuListContextValue;
-//# sourceMappingURL=useMenuListContextValue.d.ts.map
+//# sourceMappingURL=useMenuListContextValue.d.ts.map

package/lib-commonjs/MenuList/useMenuListContextValue.js

@@ -1,8 +1,8 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuListContextValue = void 0;
 const useMenuListContextValue = (state) => {
-  return { hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips, ...state };
+    return { hasCheckmarks: state.props.hasCheckmarks, hasIcons: state.props.hasIcons, hasTooltips: state.props.hasTooltips, ...state };
 };
 exports.useMenuListContextValue = useMenuListContextValue;
-//# sourceMappingURL=useMenuListContextValue.js.map
+//# sourceMappingURL=useMenuListContextValue.js.map

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

@@ -1,10 +1,4 @@
-export declare const MenuPopover: import('@fluentui-react-native/framework').CustomizableComponent<
-  import('@fluentui-react-native/callout').ICalloutProps,
-  Omit<import('@fluentui-react-native/callout').ICalloutTokens, 'anchorRect' | 'beakWidth' | 'dismissBehaviors'> & {
-    borderRadius?: string | import('react-native').AnimatableNumericValue;
-    elevation?: number;
-  },
-  import('@fluentui-react-native/framework').Theme
->;
+import type { MenuPopoverTokens } from './MenuPopover.types';
+export declare const MenuPopover: import("@fluentui-react-native/framework").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, MenuPopoverTokens, import("@fluentui-react-native/framework").Theme>;
 export default MenuPopover;
-//# sourceMappingURL=MenuPopover.d.ts.map
+//# sourceMappingURL=MenuPopover.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,WAAW;;;oDA4CvB,CAAC;AAGF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAO/E,eAAO,MAAM,WAAW,+LA4CvB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/lib-commonjs/MenuPopover/MenuPopover.js

@@ -1,55 +1,53 @@
-'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.MenuPopover = void 0;
-const jsx_runtime_1 = require('react/jsx-runtime');
-const react_1 = __importDefault(require('react'));
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const MenuPopover_types_1 = require('./MenuPopover.types');
-const MenuPopoverTokens_1 = require('./MenuPopoverTokens');
-const useMenuPopover_1 = require('./useMenuPopover');
-const context_1 = require('../context');
-const MenuCallout_1 = require('../MenuCallout');
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const MenuPopover_types_1 = require("./MenuPopover.types");
+const MenuPopoverTokens_1 = require("./MenuPopoverTokens");
+const useMenuPopover_1 = require("./useMenuPopover");
+const context_1 = require("../context");
+const MenuCallout_1 = require("../MenuCallout");
 exports.MenuPopover = (0, framework_1.compressible)((props, useTokens) => {
-  const { directionalHint, gapSpace, maxHeight, maxWidth, minWidth, minPadding, borderWidth, borderColor, backgroundColor } = props;
-  const state = (0, useMenuPopover_1.useMenuPopover)(props);
-  const theme = (0, framework_1.useFluentTheme)();
-  const context = (0, context_1.useMenuContext)();
-  let [tokens, cache] = useTokens(theme);
-  context.hasMaxHeight = maxHeight != undefined;
-  context.minWidth = minWidth ?? context.minWidth;
-  [tokens, cache] = (0, framework_1.patchTokens)(tokens, cache, {
-    directionalHint,
-    gapSpace,
-    maxHeight,
-    maxWidth,
-    minWidth,
-    minPadding,
-    borderWidth,
-    borderColor,
-    backgroundColor,
-  });
-  return (final, children) => {
-    const mergedProps = (0, framework_1.mergeProps)(tokens, state.props, final);
-    const innerViewProps =
-      //For windows platforms, styling needs to be set on container view instead of the callout itself for the scrollview to reflect correct width and height
-      react_native_1.Platform.OS === 'windows' || react_native_1.Platform.OS === 'win32'
-        ? {
-            ...state.innerView,
-            style: {
-              maxHeight: mergedProps.maxHeight,
-            },
-          }
-        : state.innerView;
-    const content = react_1.default.createElement(react_native_1.View, innerViewProps, children);
-    return jsx_runtime_1.jsx(MenuCallout_1.MenuCallout, { tokens: tokens, ...mergedProps, children: content });
-  };
+    const { directionalHint, gapSpace, maxHeight, maxWidth, minWidth, minPadding, borderWidth, borderColor, backgroundColor } = props;
+    const state = (0, useMenuPopover_1.useMenuPopover)(props);
+    const theme = (0, framework_1.useFluentTheme)();
+    const context = (0, context_1.useMenuContext)();
+    let [tokens, cache] = useTokens(theme);
+    context.hasMaxHeight = maxHeight != undefined;
+    context.minWidth = minWidth ?? context.minWidth;
+    [tokens, cache] = (0, framework_1.patchTokens)(tokens, cache, {
+        directionalHint,
+        gapSpace,
+        maxHeight,
+        maxWidth,
+        minWidth,
+        minPadding,
+        borderWidth,
+        borderColor,
+        backgroundColor,
+    });
+    return (final, children) => {
+        const mergedProps = (0, framework_1.mergeProps)(tokens, state.props, final);
+        const innerViewProps = 
+        //For windows platforms, styling needs to be set on container view instead of the callout itself for the scrollview to reflect correct width and height
+        react_native_1.Platform.OS === 'windows' || react_native_1.Platform.OS === 'win32'
+            ? {
+                ...state.innerView,
+                style: {
+                    maxHeight: mergedProps.maxHeight,
+                },
+            }
+            : state.innerView;
+        const content = react_1.default.createElement(react_native_1.View, innerViewProps, children);
+        return (jsx_runtime_1.jsx(MenuCallout_1.MenuCallout, { tokens: tokens, ...mergedProps, children: content }));
+    };
 }, MenuPopoverTokens_1.useMenuPopoverTokens);
 exports.MenuPopover.displayName = MenuPopover_types_1.menuPopoverName;
 exports.default = exports.MenuPopover;
-//# sourceMappingURL=MenuPopover.js.map
+//# sourceMappingURL=MenuPopover.js.map

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 | string;
-  /**
-   * 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,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"}
+{"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,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,WAAW,GAAG,kBAAkB,CAAC,GAAG;IACtG;;;OAGG;IACH,YAAY,CAAC,EAAE,sBAAsB,GAAG,MAAM,CAAC;IAE/C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,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,7 +1,3 @@
-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
+import type { MenuPopoverTokens } from './MenuPopover.types';
+export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<MenuPopoverTokens>;
+//# sourceMappingURL=MenuPopoverTokens.android.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuPopoverTokens.android.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,oBAAoB;;;EAWhC,CAAC"}
+{"version":3,"file":"MenuPopoverTokens.android.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.android.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,yEAWhC,CAAC"}

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

@@ -1,12 +1,11 @@
-'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, // Getting window height size and subtracting the padding considering on vertical
@@ -14,7 +13,5 @@ exports.useMenuPopoverTokens = (0, framework_1.buildUseTokens)(
     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.d.ts

@@ -1,7 +1,3 @@
-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
+import type { MenuPopoverTokens } from './MenuPopover.types';
+export declare const useMenuPopoverTokens: import("@fluentui-react-native/framework").UseTokens<MenuPopoverTokens>;
+//# sourceMappingURL=MenuPopoverTokens.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MenuPopoverTokens.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,oBAAoB;;;EAGhC,CAAC"}
+{"version":3,"file":"MenuPopoverTokens.d.ts","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,eAAO,MAAM,oBAAoB,yEAGhC,CAAC"}