@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib/MenuList/useMenuList.js

@@ -8,176 +8,159 @@ import { useMenuListContext } from '../context/menuListContext';
 // 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 = Platform.OS === 'macos';
 export const useMenuList = (_props) => {
-  const context = 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.useMemo(() => {
-    const state = {};
-    if (!checkedOriginal) {
-      return state;
-    }
-    for (const key of checkedOriginal) {
-      state[key] = true;
-    }
-    return state;
-  }, [checkedOriginal]);
-  const [checkedInternal, setCheckedInternal] = React.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.useCallback(
-    (e, name, isChecked) => {
-      const updatedChecked = { ...checked };
-      if (isChecked) {
+    const context = 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.useMemo(() => {
+        const state = {};
+        if (!checkedOriginal) {
+            return state;
+        }
+        for (const key of checkedOriginal) {
+            state[key] = true;
+        }
+        return state;
+    }, [checkedOriginal]);
+    const [checkedInternal, setCheckedInternal] = React.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.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.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.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.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.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.useMemo(() => [], []);
-  const trackMenuItem = React.useCallback((item) => trackedMenuItems.push(item), [trackedMenuItems]);
-  const untrackMenuItem = React.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(Platform.OS) && trackedMenuItems[idx].disabled) {
-        idx += increment;
-      }
-      trackedMenuItems[idx].ref.current?.focus();
-    }
-  };
-  React.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.useMemo(() => [], []);
+    const trackMenuItem = React.useCallback((item) => trackedMenuItems.push(item), [trackedMenuItems]);
+    const untrackMenuItem = React.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(Platform.OS) && trackedMenuItems[idx].disabled) {
+                idx += increment;
+            }
+            trackedMenuItems[idx].ref.current?.focus();
+        }
+    };
+    React.useEffect(() => {
+        return function cleanup() {
+            clearTimeout(context.triggerHoverOutTimer);
+        };
+    });
+    // focus management
+    const focusZoneRef = React.useRef(null);
+    const setFocusZoneFocus = () => {
+        focusZoneRef?.current?.focus();
+    };
+    React.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.useRef(null);
-  const setFocusZoneFocus = () => {
-    focusZoneRef?.current?.focus();
-  };
-  React.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,
-  };
 };
 // Hook called in individual MenuItems to keep track of their refs - this is for "Home" and "End" functionality.
 export const useMenuItemTracking = (ref, disabled) => {
-  const { trackMenuItem, untrackMenuItem } = useMenuListContext();
-  const item = React.useMemo(
-    () => ({
-      ref,
-      disabled,
-    }),
-    [ref, disabled],
-  );
-  // We only want to call this once - when the item initially renders.
-  React.useEffect(() => {
-    trackMenuItem(item);
-    return () => untrackMenuItem(item);
-  }, []);
+    const { trackMenuItem, untrackMenuItem } = useMenuListContext();
+    const item = React.useMemo(() => ({
+        ref,
+        disabled,
+    }), [ref, disabled]);
+    // We only want to call this once - when the item initially renders.
+    React.useEffect(() => {
+        trackMenuItem(item);
+        return () => untrackMenuItem(item);
+    }, []);
 };
-//# sourceMappingURL=useMenuList.js.map
+//# sourceMappingURL=useMenuList.js.map

package/lib/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/MenuList/useMenuListContextValue.js

@@ -1,4 +1,4 @@
 export 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 };
 };
-//# sourceMappingURL=useMenuListContextValue.js.map
+//# sourceMappingURL=useMenuListContextValue.js.map

package/lib/MenuPopover/MenuPopover.d.ts

@@ -1,10 +1,4 @@
-export declare const MenuPopover: import('@fluentui-react-native/use-tokens').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/theme-types').Theme
->;
+import type { MenuPopoverTokens } from './MenuPopover.types';
+export declare const MenuPopover: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("@fluentui-react-native/callout").ICalloutProps, MenuPopoverTokens, import("@fluentui-react-native/theme-types").Theme>;
 export default MenuPopover;
-//# sourceMappingURL=MenuPopover.d.ts.map
+//# sourceMappingURL=MenuPopover.d.ts.map

package/lib/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;;;sDA4CvB,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,kMA4CvB,CAAC;AAGF,eAAe,WAAW,CAAC"}

package/lib/MenuPopover/MenuPopover.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { Platform, View } from 'react-native';
 import { compressible, mergeProps, patchTokens, useFluentTheme } from '@fluentui-react-native/framework';
@@ -8,40 +8,40 @@ import { useMenuPopover } from './useMenuPopover';
 import { useMenuContext } from '../context';
 import { MenuCallout } from '../MenuCallout';
 export const MenuPopover = compressible((props, useTokens) => {
-  const { directionalHint, gapSpace, maxHeight, maxWidth, minWidth, minPadding, borderWidth, borderColor, backgroundColor } = props;
-  const state = useMenuPopover(props);
-  const theme = useFluentTheme();
-  const context = useMenuContext();
-  let [tokens, cache] = useTokens(theme);
-  context.hasMaxHeight = maxHeight != undefined;
-  context.minWidth = minWidth ?? context.minWidth;
-  [tokens, cache] = patchTokens(tokens, cache, {
-    directionalHint,
-    gapSpace,
-    maxHeight,
-    maxWidth,
-    minWidth,
-    minPadding,
-    borderWidth,
-    borderColor,
-    backgroundColor,
-  });
-  return (final, children) => {
-    const mergedProps = 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
-      Platform.OS === 'windows' || Platform.OS === 'win32'
-        ? {
-            ...state.innerView,
-            style: {
-              maxHeight: mergedProps.maxHeight,
-            },
-          }
-        : state.innerView;
-    const content = React.createElement(View, innerViewProps, children);
-    return _jsx(MenuCallout, { tokens: tokens, ...mergedProps, children: content });
-  };
+    const { directionalHint, gapSpace, maxHeight, maxWidth, minWidth, minPadding, borderWidth, borderColor, backgroundColor } = props;
+    const state = useMenuPopover(props);
+    const theme = useFluentTheme();
+    const context = useMenuContext();
+    let [tokens, cache] = useTokens(theme);
+    context.hasMaxHeight = maxHeight != undefined;
+    context.minWidth = minWidth ?? context.minWidth;
+    [tokens, cache] = patchTokens(tokens, cache, {
+        directionalHint,
+        gapSpace,
+        maxHeight,
+        maxWidth,
+        minWidth,
+        minPadding,
+        borderWidth,
+        borderColor,
+        backgroundColor,
+    });
+    return (final, children) => {
+        const mergedProps = 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
+        Platform.OS === 'windows' || Platform.OS === 'win32'
+            ? {
+                ...state.innerView,
+                style: {
+                    maxHeight: mergedProps.maxHeight,
+                },
+            }
+            : state.innerView;
+        const content = React.createElement(View, innerViewProps, children);
+        return (_jsx(MenuCallout, { tokens: tokens, ...mergedProps, children: content }));
+    };
 }, useMenuPopoverTokens);
 MenuPopover.displayName = menuPopoverName;
 export default MenuPopover;
-//# sourceMappingURL=MenuPopover.js.map
+//# sourceMappingURL=MenuPopover.js.map

package/lib/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/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/MenuPopover/MenuPopover.types.js

@@ -1,2 +1,2 @@
 export const menuPopoverName = 'MenuPopover';
-//# sourceMappingURL=MenuPopover.types.js.map
+//# sourceMappingURL=MenuPopover.types.js.map

package/lib/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/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/MenuPopover/MenuPopoverTokens.android.js

@@ -2,8 +2,7 @@ import { Dimensions } from 'react-native';
 import { buildUseTokens } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 import { menuPopoverName } from './MenuPopover.types';
-export const useMenuPopoverTokens = buildUseTokens(
-  (t) => ({
+export const useMenuPopoverTokens = buildUseTokens((t) => ({
     borderWidth: 1,
     borderColor: t.colors.neutralStrokeAccessible,
     maxHeight: Dimensions.get('window').height / 2 - globalTokens.size320, // Getting window height size and subtracting the padding considering on vertical
@@ -11,7 +10,5 @@ export const useMenuPopoverTokens = buildUseTokens(
     cornerRadius: globalTokens.corner.radius80,
     elevation: globalTokens.size160,
     minPadding: globalTokens.size160,
-  }),
-  menuPopoverName,
-);
-//# sourceMappingURL=MenuPopoverTokens.android.js.map
+}), menuPopoverName);
+//# sourceMappingURL=MenuPopoverTokens.android.js.map

package/lib/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/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"}

package/lib/MenuPopover/MenuPopoverTokens.js

@@ -1,7 +1,4 @@
 import { buildUseTokens } from '@fluentui-react-native/framework';
 import { menuPopoverName } from './MenuPopover.types';
-export const useMenuPopoverTokens = buildUseTokens(
-  (t) => ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }),
-  menuPopoverName,
-);
-//# sourceMappingURL=MenuPopoverTokens.js.map
+export const useMenuPopoverTokens = buildUseTokens((t) => ({ borderWidth: 1, borderColor: t.colors.neutralStrokeAccessible }), menuPopoverName);
+//# sourceMappingURL=MenuPopoverTokens.js.map

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

package/lib/MenuPopover/MenuPopoverTokens.macos.d.ts.map

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

package/lib/MenuPopover/MenuPopoverTokens.macos.js

@@ -1,16 +1,13 @@
 import { buildUseTokens } from '@fluentui-react-native/framework';
 import { getCurrentAppearance, isHighContrast } from '@fluentui-react-native/theming-utils';
 import { menuPopoverName } from './MenuPopover.types';
-export const useMenuPopoverTokens = buildUseTokens(
-  (t) => ({
+export const useMenuPopoverTokens = buildUseTokens((t) => ({
     borderWidth: 1,
     borderRadius: 5,
     borderColor: isHighContrast()
-      ? t.colors.neutralStroke1
-      : getCurrentAppearance(t.host.appearance, 'light') === 'dark'
-      ? t.colors.neutralStroke3
-      : t.colors.transparentStroke,
-  }),
-  menuPopoverName,
-);
-//# sourceMappingURL=MenuPopoverTokens.macos.js.map
+        ? t.colors.neutralStroke1
+        : getCurrentAppearance(t.host.appearance, 'light') === 'dark'
+            ? t.colors.neutralStroke3
+            : t.colors.transparentStroke,
+}), menuPopoverName);
+//# sourceMappingURL=MenuPopoverTokens.macos.js.map

package/lib/MenuPopover/MenuPopoverTokens.macos.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAG5F,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,cAAc,CAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,cAAc,EAAE;QAC3B,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;QACzB,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,MAAM;YAC7D,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;YACzB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB;CAC/B,CAAC,EACF,eAAe,CAChB,CAAC"}
+{"version":3,"file":"MenuPopoverTokens.macos.js","sourceRoot":"","sources":["../../src/MenuPopover/MenuPopoverTokens.macos.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAG5F,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,cAAc,CAChD,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC;IACb,WAAW,EAAE,CAAC;IACd,YAAY,EAAE,CAAC;IACf,WAAW,EAAE,cAAc,EAAE;QAC3B,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;QACzB,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,MAAM;YAC3D,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc;YACzB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,iBAAiB;CACjC,CAAC,EACF,eAAe,CAChB,CAAC"}

package/lib/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/MenuPopover/index.js

@@ -1,4 +1,4 @@
 export { MenuPopover } from './MenuPopover';
 export { menuPopoverName } from './MenuPopover.types';
 export { useMenuPopover } from './useMenuPopover';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/MenuPopover/useMenuPopover.d.ts

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