@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib/MenuGroup/MenuGroup.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
 /** @jsxImportSource @fluentui-react-native/framework-base */
 import React from 'react';
 import { Platform, View } from 'react-native';
@@ -9,66 +9,54 @@ import { menuGroupName } from './MenuGroup.types';
 // Intentionally not enabled on macOS to match system context menus
 const hasFocusZone = ['win32'].includes(Platform.OS);
 export const MenuGroup = compose({
-  displayName: menuGroupName,
-  slots: {
-    root: View,
-    contentWrapper: hasFocusZone ? FocusZone : React.Fragment,
-  },
-  useRender: (userProps, useSlots) => {
-    const Slots = useSlots(userProps);
-    return (final, children) => {
-      const { ...mergedProps } = mergeProps(userProps, final);
-      let itemPosition = 0;
-      const childrenWithSet = React.Children.toArray(children).map((child) => {
-        if (React.isValidElement(child)) {
-          const itemCount = React.Children.toArray(children).filter(
-            (child) =>
-              React.isValidElement(child) && child.type.displayName !== 'MenuGroupHeader' && child.type.displayName !== 'MenuDivider',
-          ).length;
-          if (child.type.displayName !== 'MenuGroupHeader' && child.type.displayName !== 'MenuDivider') {
-            itemPosition++;
-          }
-          return React.cloneElement(child, {
-            accessibilityPosInSet: extractProps(child)?.accessibilityPosInSet ?? itemPosition, // win32
-            accessibilitySetSize: extractProps(child)?.accessibilitySetSize ?? itemCount, //win32
-          });
-        }
-        return child;
-      });
-      // Check if this MenuGroup has a MenuGroupHeader. If so, use the MenuGroupHeader
-      // as the accessibilityLabel for the MenuGroup.
-      const menuGroupHeader = React.Children.toArray(children).find(
-        (child) => React.isValidElement(child) && child.type.displayName === 'MenuGroupHeader',
-      );
-      // On win32, in order for assistive technology to read a group, it must have a name which is why
-      // we use a string with a space as the default accessibilityLabel for MenuGroup.
-      // If an empty string was used, the group context would not be read.
-      let menuGroupA11yLabel = ' ';
-      const menuGroupHeaderChild = extractChildren(menuGroupHeader);
-      if (menuGroupHeader && typeof menuGroupHeaderChild === 'string') {
-        menuGroupA11yLabel = menuGroupHeaderChild;
-      }
-      return _jsx(Slots.root, {
-        ...mergedProps,
-        ...(Platform.OS == 'win32' && {
-          accessible: true,
-          accessibilityRole: 'group',
-          accessibilityLabel: mergedProps.accessibilityLabel ?? menuGroupA11yLabel,
-        }),
-        children: _jsx(
-          Slots.contentWrapper,
-          // avoid error that fires when props are passed into React.fragment
-          {
-            ...(hasFocusZone && {
-              focusZoneDirection: 'vertical',
-              enableFocusRing: false,
-              navigateAtEnd: 'NavigateContinue',
-            }),
-            children: childrenWithSet,
-          },
-        ),
-      });
-    };
-  },
+    displayName: menuGroupName,
+    slots: {
+        root: View,
+        contentWrapper: hasFocusZone ? FocusZone : React.Fragment,
+    },
+    useRender: (userProps, useSlots) => {
+        const Slots = useSlots(userProps);
+        return (final, children) => {
+            const { ...mergedProps } = mergeProps(userProps, final);
+            let itemPosition = 0;
+            const childrenWithSet = React.Children.toArray(children).map((child) => {
+                if (React.isValidElement(child)) {
+                    const itemCount = React.Children.toArray(children).filter((child) => React.isValidElement(child) &&
+                        child.type.displayName !== 'MenuGroupHeader' &&
+                        child.type.displayName !== 'MenuDivider').length;
+                    if (child.type.displayName !== 'MenuGroupHeader' && child.type.displayName !== 'MenuDivider') {
+                        itemPosition++;
+                    }
+                    return React.cloneElement(child, {
+                        accessibilityPosInSet: extractProps(child)?.accessibilityPosInSet ?? itemPosition, // win32
+                        accessibilitySetSize: extractProps(child)?.accessibilitySetSize ?? itemCount, //win32
+                    });
+                }
+                return child;
+            });
+            // Check if this MenuGroup has a MenuGroupHeader. If so, use the MenuGroupHeader
+            // as the accessibilityLabel for the MenuGroup.
+            const menuGroupHeader = React.Children.toArray(children).find((child) => React.isValidElement(child) && child.type.displayName === 'MenuGroupHeader');
+            // On win32, in order for assistive technology to read a group, it must have a name which is why
+            // we use a string with a space as the default accessibilityLabel for MenuGroup.
+            // If an empty string was used, the group context would not be read.
+            let menuGroupA11yLabel = ' ';
+            const menuGroupHeaderChild = extractChildren(menuGroupHeader);
+            if (menuGroupHeader && typeof menuGroupHeaderChild === 'string') {
+                menuGroupA11yLabel = menuGroupHeaderChild;
+            }
+            return (_jsx(Slots.root, { ...mergedProps, ...(Platform.OS == 'win32' && {
+                    accessible: true,
+                    accessibilityRole: 'group',
+                    accessibilityLabel: mergedProps.accessibilityLabel ?? menuGroupA11yLabel,
+                }), children: _jsx(Slots.contentWrapper
+                // avoid error that fires when props are passed into React.fragment
+                , { ...(hasFocusZone && {
+                        focusZoneDirection: 'vertical',
+                        enableFocusRing: false,
+                        navigateAtEnd: 'NavigateContinue',
+                    }), children: childrenWithSet }) }));
+        };
+    },
 });
-//# sourceMappingURL=MenuGroup.js.map
+//# sourceMappingURL=MenuGroup.js.map

package/lib/MenuGroup/MenuGroup.types.d.ts

@@ -2,16 +2,16 @@ import type { ViewProps } from 'react-native';
 import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { FocusZoneProps } from '@fluentui-react-native/focus-zone';
 import type { LayoutTokens } from '@fluentui-react-native/tokens';
-export declare const menuGroupName = 'MenuGroup';
+export declare const menuGroupName = "MenuGroup";
 export type MenuGroupTokens = LayoutTokens;
 export type MenuGroupProps = IViewProps;
 export interface MenuGroupSlotProps {
-  root: ViewProps;
-  contentWrapper: FocusZoneProps;
+    root: ViewProps;
+    contentWrapper: FocusZoneProps;
 }
 export interface MenuGroupType {
-  props: MenuGroupProps;
-  tokens: MenuGroupTokens;
-  slotProps: MenuGroupSlotProps;
+    props: MenuGroupProps;
+    tokens: MenuGroupTokens;
+    slotProps: MenuGroupSlotProps;
 }
-//# sourceMappingURL=MenuGroup.types.d.ts.map
+//# sourceMappingURL=MenuGroup.types.d.ts.map

package/lib/MenuGroup/MenuGroup.types.js

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

package/lib/MenuGroup/index.d.ts

@@ -1,4 +1,4 @@
 export { MenuGroup } from './MenuGroup';
 export { menuGroupName } from './MenuGroup.types';
 export type { MenuGroupProps, MenuGroupTokens, MenuGroupSlotProps, MenuGroupType } from './MenuGroup.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuGroup/index.js

@@ -1,3 +1,3 @@
 export { MenuGroup } from './MenuGroup';
 export { menuGroupName } from './MenuGroup.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/MenuGroupHeader/MenuGroupHeader.d.ts

@@ -1,8 +1,3 @@
 import type { MenuGroupHeaderProps } from './MenuGroupHeader.types';
-export declare const MenuGroupHeader: import('@fluentui-react-native/framework').ComposableComponent<
-  MenuGroupHeaderProps,
-  import('./MenuGroupHeader.types').MenuGroupHeaderSlotProps,
-  import('./MenuGroupHeader.types').MenuGroupHeaderTokens,
-  import('@fluentui-react-native/framework-base').ObjectBase
->;
-//# sourceMappingURL=MenuGroupHeader.d.ts.map
+export declare const MenuGroupHeader: import("@fluentui-react-native/framework").ComposableComponent<MenuGroupHeaderProps, import("./MenuGroupHeader.types").MenuGroupHeaderSlotProps, import("./MenuGroupHeader.types").MenuGroupHeaderTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
+//# sourceMappingURL=MenuGroupHeader.d.ts.map

package/lib/MenuGroupHeader/MenuGroupHeader.js

@@ -1,20 +1,20 @@
-import { jsx as _jsx } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
 import { compose, mergeProps } from '@fluentui-react-native/framework';
 import { TextV1 as Text } from '@fluentui-react-native/text';
 import { stylingSettings } from './MenuGroupHeader.styling';
 import { menuGroupHeaderName } from './MenuGroupHeader.types';
 export const MenuGroupHeader = compose({
-  displayName: menuGroupHeaderName,
-  ...stylingSettings,
-  slots: {
-    root: Text,
-  },
-  useRender: (userProps, useSlots) => {
-    const Slots = useSlots(userProps);
-    return (final, children) => {
-      const { ...mergedProps } = mergeProps(userProps, final);
-      return _jsx(Slots.root, { accessible: userProps.accessible, ...mergedProps, children: children });
-    };
-  },
+    displayName: menuGroupHeaderName,
+    ...stylingSettings,
+    slots: {
+        root: Text,
+    },
+    useRender: (userProps, useSlots) => {
+        const Slots = useSlots(userProps);
+        return (final, children) => {
+            const { ...mergedProps } = mergeProps(userProps, final);
+            return (_jsx(Slots.root, { accessible: userProps.accessible, ...mergedProps, children: children }));
+        };
+    },
 });
-//# sourceMappingURL=MenuGroupHeader.js.map
+//# sourceMappingURL=MenuGroupHeader.js.map

package/lib/MenuGroupHeader/MenuGroupHeader.styling.d.ts

@@ -1,4 +1,4 @@
 import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { MenuGroupHeaderProps, MenuGroupHeaderTokens, MenuGroupHeaderSlotProps } from './MenuGroupHeader.types';
 export declare const stylingSettings: UseStylingOptions<MenuGroupHeaderProps, MenuGroupHeaderSlotProps, MenuGroupHeaderTokens>;
-//# sourceMappingURL=MenuGroupHeader.styling.d.ts.map
+//# sourceMappingURL=MenuGroupHeader.styling.d.ts.map

package/lib/MenuGroupHeader/MenuGroupHeader.styling.js

@@ -3,20 +3,17 @@ import { buildProps } from '@fluentui-react-native/framework';
 import { menuGroupHeaderName } from './MenuGroupHeader.types';
 import { defaultMenuGroupHeaderTokens } from './MenuGroupHeaderTokens';
 export const stylingSettings = {
-  tokens: [defaultMenuGroupHeaderTokens, menuGroupHeaderName],
-  slotProps: {
-    root: buildProps(
-      (tokens, theme) => {
-        return {
-          color: tokens.color,
-          style: {
-            marginStart: tokens.gap,
-            ...fontStyles.from(tokens, theme),
-          },
-        };
-      },
-      ['color'],
-    ),
-  },
+    tokens: [defaultMenuGroupHeaderTokens, menuGroupHeaderName],
+    slotProps: {
+        root: buildProps((tokens, theme) => {
+            return {
+                color: tokens.color,
+                style: {
+                    marginStart: tokens.gap,
+                    ...fontStyles.from(tokens, theme),
+                },
+            };
+        }, ['color']),
+    },
 };
-//# sourceMappingURL=MenuGroupHeader.styling.js.map
+//# sourceMappingURL=MenuGroupHeader.styling.js.map

package/lib/MenuGroupHeader/MenuGroupHeader.types.d.ts

@@ -1,16 +1,16 @@
 import type { TextProps } from '@fluentui-react-native/text';
 import type { FontTokens, IColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
-export declare const menuGroupHeaderName = 'MenuGroupHeader';
+export declare const menuGroupHeaderName = "MenuGroupHeader";
 export interface MenuGroupHeaderTokens extends LayoutTokens, FontTokens, IColorTokens {
-  gap?: number;
+    gap?: number;
 }
 export type MenuGroupHeaderProps = TextProps;
 export interface MenuGroupHeaderSlotProps {
-  root: TextProps;
+    root: TextProps;
 }
 export interface MenuGroupHeaderType {
-  props: MenuGroupHeaderProps;
-  tokens: MenuGroupHeaderTokens;
-  slotProps: MenuGroupHeaderSlotProps;
+    props: MenuGroupHeaderProps;
+    tokens: MenuGroupHeaderTokens;
+    slotProps: MenuGroupHeaderSlotProps;
 }
-//# sourceMappingURL=MenuGroupHeader.types.d.ts.map
+//# sourceMappingURL=MenuGroupHeader.types.d.ts.map

package/lib/MenuGroupHeader/MenuGroupHeader.types.js

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

package/lib/MenuGroupHeader/MenuGroupHeaderTokens.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuGroupHeaderTokens } from './MenuGroupHeader.types';
 export declare const defaultMenuGroupHeaderTokens: TokenSettings<MenuGroupHeaderTokens, Theme>;
-//# sourceMappingURL=MenuGroupHeaderTokens.d.ts.map
+//# sourceMappingURL=MenuGroupHeaderTokens.d.ts.map

package/lib/MenuGroupHeader/MenuGroupHeaderTokens.js

@@ -1,10 +1,10 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuGroupHeaderTokens = (t) => ({
-  color: t.colors.neutralForeground2,
-  fontFamily: t.typography.families.primary,
-  fontSize: globalTokens.font.size300,
-  fontWeight: globalTokens.font.weight.regular,
-  gap: globalTokens.size40,
-  padding: globalTokens.size60,
+    color: t.colors.neutralForeground2,
+    fontFamily: t.typography.families.primary,
+    fontSize: globalTokens.font.size300,
+    fontWeight: globalTokens.font.weight.regular,
+    gap: globalTokens.size40,
+    padding: globalTokens.size60,
 });
-//# sourceMappingURL=MenuGroupHeaderTokens.js.map
+//# sourceMappingURL=MenuGroupHeaderTokens.js.map

package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuGroupHeaderTokens } from './MenuGroupHeader.types';
 export declare const defaultMenuGroupHeaderTokens: TokenSettings<MenuGroupHeaderTokens, Theme>;
-//# sourceMappingURL=MenuGroupHeaderTokens.macos.d.ts.map
+//# sourceMappingURL=MenuGroupHeaderTokens.macos.d.ts.map

package/lib/MenuGroupHeader/MenuGroupHeaderTokens.macos.js

@@ -1,11 +1,11 @@
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
 export const defaultMenuGroupHeaderTokens = (t) => ({
-  color: t.colors.disabledText,
-  fontFamily: t.typography.families.primary,
-  fontSize: 13,
-  fontWeight: globalTokens.font.weight.regular,
-  gap: globalTokens.size40,
-  paddingHorizontal: 5,
-  paddingVertical: 3,
+    color: t.colors.disabledText,
+    fontFamily: t.typography.families.primary,
+    fontSize: 13,
+    fontWeight: globalTokens.font.weight.regular,
+    gap: globalTokens.size40,
+    paddingHorizontal: 5,
+    paddingVertical: 3,
 });
-//# sourceMappingURL=MenuGroupHeaderTokens.macos.js.map
+//# sourceMappingURL=MenuGroupHeaderTokens.macos.js.map

package/lib/MenuGroupHeader/index.d.ts

@@ -1,4 +1,4 @@
 export { MenuGroupHeader } from './MenuGroupHeader';
 export { menuGroupHeaderName } from './MenuGroupHeader.types';
 export type { MenuGroupHeaderProps, MenuGroupHeaderTokens, MenuGroupHeaderSlotProps, MenuGroupHeaderType } from './MenuGroupHeader.types';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuGroupHeader/index.js

@@ -1,3 +1,3 @@
 export { MenuGroupHeader } from './MenuGroupHeader';
 export { menuGroupHeaderName } from './MenuGroupHeader.types';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/MenuItem/MenuItem.d.ts

@@ -1,12 +1,7 @@
 /** @jsxImportSource @fluentui-react-native/framework-base */
 import React from 'react';
 import type { MenuItemProps } from './MenuItem.types';
-export declare const MenuItem: import('@fluentui-react-native/framework').ComposableComponent<
-  MenuItemProps,
-  import('./MenuItem.types').MenuItemSlotProps,
-  import('./MenuItem.types').MenuItemTokens,
-  import('@fluentui-react-native/framework-base').ObjectBase
->;
+export declare const MenuItem: import("@fluentui-react-native/framework").ComposableComponent<MenuItemProps, import("./MenuItem.types").MenuItemSlotProps, import("./MenuItem.types").MenuItemTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
 export declare const getAccessibilityLabel: (accessibilityLabel: string, child: React.ReactNode) => string;
 export declare const getTooltip: (tooltip: string, hasTooltips: boolean, child: React.ReactNode) => string;
-//# sourceMappingURL=MenuItem.d.ts.map
+//# sourceMappingURL=MenuItem.d.ts.map

package/lib/MenuItem/MenuItem.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "@fluentui-react-native/framework-base/jsx-runtime";
 import { I18nManager, Image, Pressable, View } from 'react-native';
 import { compose, memoize, mergeProps } from '@fluentui-react-native/framework';
 import { IconV1 as Icon } from '@fluentui-react-native/icon';
@@ -8,78 +8,56 @@ import { stylingSettings } from './MenuItem.styling';
 import { menuItemName } from './MenuItem.types';
 import { useMenuItem } from './useMenuItem';
 export const MenuItem = compose({
-  displayName: menuItemName,
-  ...stylingSettings,
-  slots: {
-    root: Pressable,
-    checkmark: View,
-    content: Text,
-    iconPlaceholder: View,
-    imgIcon: Image,
-    fontOrSvgIcon: Icon,
-    submenuIndicator: SvgXml,
-  },
-  useRender: (userProps, useSlots) => {
-    const menuItem = useMenuItem(userProps);
-    const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
-    return (final, children) => {
-      const { accessibilityLabel, icon, tooltip, ...mergedProps } = mergeProps(menuItem.props, final);
-      const chevronXml = I18nManager.isRTL
-        ? `
+    displayName: menuItemName,
+    ...stylingSettings,
+    slots: {
+        root: Pressable,
+        checkmark: View,
+        content: Text,
+        iconPlaceholder: View,
+        imgIcon: Image,
+        fontOrSvgIcon: Icon,
+        submenuIndicator: SvgXml,
+    },
+    useRender: (userProps, useSlots) => {
+        const menuItem = useMenuItem(userProps);
+        const Slots = useSlots(userProps, (layer) => menuItem.state[layer] || userProps[layer]);
+        return (final, children) => {
+            const { accessibilityLabel, icon, tooltip, ...mergedProps } = mergeProps(menuItem.props, final);
+            const chevronXml = I18nManager.isRTL
+                ? `
           <svg>
           <path fill='currentColor' d="M10.2603 3.20041C10.5639 3.48226 10.5814 3.95681 10.2996 4.26034L6.77348 8L10.2996 11.7397C10.5814 12.0432 10.5639 12.5177 10.2603 12.7996C9.9568 13.0815 9.48226 13.0639 9.2004 12.7603L5.2004 8.51034C4.9332 8.22258 4.9332 7.77743 5.2004 7.48966L9.20041 3.23966C9.48226 2.93613 9.95681 2.91856 10.2603 3.20041Z"/>
           </svg>`
-        : `
+                : `
           <svg>
           <path fill='currentColor' d="M5.73966 3.20041C5.43613 3.48226 5.41856 3.95681 5.70041 4.26034L9.22652 8L5.70041 11.7397C5.41856 12.0432 5.43613 12.5177 5.73967 12.7996C6.0432 13.0815 6.51775 13.0639 6.7996 12.7603L10.7996 8.51034C11.0668 8.22258 11.0668 7.77743 10.7996 7.48966L6.7996 3.23966C6.51775 2.93613 6.0432 2.91856 5.73966 3.20041Z"/>
           </svg>`;
-      // We only automatically support the one child string.
-      const label = getAccessibilityLabel(accessibilityLabel, children[0]);
-      const tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
-      return _jsxs(Slots.root, {
-        ...mergedProps,
-        accessibilityLabel: label,
-        children: [
-          menuItem.state.hasCheckmarks && _jsx(Slots.checkmark, { accessible: false }),
-          (icon || menuItem.state.hasIcons) &&
-            _jsxs(Slots.iconPlaceholder, {
-              accessible: false,
-              children: [
-                icon && icon.source && _jsx(Slots.imgIcon, { accessible: false, ...icon }),
-                icon && (icon.svgSource || icon.fontSource) && _jsx(Slots.fontOrSvgIcon, { accessible: false, ...icon }),
-              ],
-            }),
-          children &&
-            _jsx(Slots.content, {
-              accessible: false,
-              tooltip: tooltipResult,
-              ...(tooltipResult && { alwaysShowToolTip: true }),
-              children: children,
-            }),
-          menuItem.state.hasSubmenu && _jsx(Slots.submenuIndicator, { accessible: false, xml: chevronXml }),
-        ],
-      });
-    };
-  },
+            // We only automatically support the one child string.
+            const label = getAccessibilityLabel(accessibilityLabel, children[0]);
+            const tooltipResult = getTooltip(tooltip, menuItem.state.hasTooltips, children[0]);
+            return (_jsxs(Slots.root, { ...mergedProps, accessibilityLabel: label, children: [menuItem.state.hasCheckmarks && _jsx(Slots.checkmark, { accessible: false }), (icon || menuItem.state.hasIcons) && (_jsxs(Slots.iconPlaceholder, { accessible: false, children: [icon && icon.source && _jsx(Slots.imgIcon, { accessible: false, ...icon }), icon && (icon.svgSource || icon.fontSource) && _jsx(Slots.fontOrSvgIcon, { accessible: false, ...icon })] })), children && (_jsx(Slots.content, { accessible: false, tooltip: tooltipResult, ...(tooltipResult && { alwaysShowToolTip: true }), children: children })), menuItem.state.hasSubmenu && _jsx(Slots.submenuIndicator, { accessible: false, xml: chevronXml })] }));
+        };
+    },
 });
 const getAccessibilityLabelWorker = (accessibilityLabel, child) => {
-  if (accessibilityLabel !== undefined) {
-    return accessibilityLabel;
-  }
-  if (typeof child === 'string') {
-    return child;
-  }
-  return undefined;
+    if (accessibilityLabel !== undefined) {
+        return accessibilityLabel;
+    }
+    if (typeof child === 'string') {
+        return child;
+    }
+    return undefined;
 };
 export const getAccessibilityLabel = memoize(getAccessibilityLabelWorker);
 const getTooltipWorker = (tooltip, hasTooltips, child) => {
-  if (tooltip !== undefined) {
-    return tooltip;
-  }
-  if (hasTooltips && typeof child === 'string') {
-    return child;
-  }
-  return undefined;
+    if (tooltip !== undefined) {
+        return tooltip;
+    }
+    if (hasTooltips && typeof child === 'string') {
+        return child;
+    }
+    return undefined;
 };
 export const getTooltip = memoize(getTooltipWorker);
-//# sourceMappingURL=MenuItem.js.map
+//# sourceMappingURL=MenuItem.js.map

package/lib/MenuItem/MenuItem.styling.d.ts

@@ -2,4 +2,4 @@ import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { MenuItemProps, MenuItemTokens, MenuItemSlotProps } from './MenuItem.types';
 export declare const menuItemStates: (keyof MenuItemTokens)[];
 export declare const stylingSettings: UseStylingOptions<MenuItemProps, MenuItemSlotProps, MenuItemTokens>;
-//# sourceMappingURL=MenuItem.styling.d.ts.map
+//# sourceMappingURL=MenuItem.styling.d.ts.map