@fluentui-react-native/menu 1.2.24 → 1.2.26

package/src/MenuItem/MenuItemTokens.ts

@@ -1,7 +1,7 @@
-import { FontWeightValue, Theme } from '@fluentui-react-native/framework';
+import type { FontWeightValue, Theme } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { MenuItemTokens } from './MenuItem.types';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuItemTokens } from './MenuItem.types';
 
 export const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme> = (t: Theme): MenuItemTokens => ({
   backgroundColor: t.colors.neutralBackground1,

package/src/MenuItem/MenuItemTokens.win32.ts

@@ -1,7 +1,7 @@
-import { FontWeightValue, Theme } from '@fluentui-react-native/framework';
+import type { FontWeightValue, Theme } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { MenuItemTokens } from './MenuItem.types';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuItemTokens } from './MenuItem.types';
 
 export const defaultMenuItemTokens: TokenSettings<MenuItemTokens, Theme> = (t: Theme): MenuItemTokens => ({
   backgroundColor: t.colors.neutralBackground1,

package/src/MenuItem/useMenuItem.ts

@@ -1,14 +1,10 @@
 import * as React from 'react';
-import { AccessibilityState, I18nManager, Platform } from 'react-native';
-import { MenuItemProps, MenuItemInfo } from './MenuItem.types';
+import type { AccessibilityState } from 'react-native';
+import { I18nManager, Platform } from 'react-native';
+import type { MenuItemProps, MenuItemInfo } from './MenuItem.types';
 import { memoize } from '@fluentui-react-native/framework';
-import {
-  InteractionEvent,
-  isKeyPressEvent,
-  usePressableState,
-  useKeyDownProps,
-  useViewCommandFocus,
-} from '@fluentui-react-native/interactive-hooks';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import { isKeyPressEvent, usePressableState, useKeyDownProps, useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
 import { useMenuContext } from '../context/menuContext';
 import { useMenuListContext } from '../context/menuListContext';
 import { useMenuTriggerContext } from '../context/menuTriggerContext';

package/src/MenuItemCheckbox/MenuItemCheckbox.styling.ts

@@ -1,7 +1,9 @@
-import { Theme, UseStylingOptions, buildProps } from '@fluentui-react-native/framework';
+import type { Theme, UseStylingOptions } from '@fluentui-react-native/framework';
+import { buildProps } from '@fluentui-react-native/framework';
 import { borderStyles, fontStyles, layoutStyles } from '@fluentui-react-native/tokens';
 import { defaultMenuItemCheckboxTokens } from './MenuItemCheckboxTokens';
-import { menuItemCheckboxName, MenuItemCheckboxProps, MenuItemCheckboxTokens, MenuItemCheckboxSlotProps } from './MenuItemCheckbox.types';
+import type { MenuItemCheckboxProps, MenuItemCheckboxTokens, MenuItemCheckboxSlotProps } from './MenuItemCheckbox.types';
+import { menuItemCheckboxName } from './MenuItemCheckbox.types';
 
 export const menuItemCheckboxStates: (keyof MenuItemCheckboxTokens)[] = ['hovered', 'focused', 'pressed', 'disabled', 'checked'];
 

package/src/MenuItemCheckbox/MenuItemCheckbox.tsx

@@ -1,15 +1,16 @@
 /** @jsx withSlots */
 import { Pressable } from 'react-native';
 import { SvgXml } from 'react-native-svg';
-import { compose, mergeProps, Slots, UseSlots, withSlots } from '@fluentui-react-native/framework';
+import type { Slots, UseSlots } from '@fluentui-react-native/framework';
+import { compose, mergeProps, withSlots } from '@fluentui-react-native/framework';
 import { TextV1 as Text } from '@fluentui-react-native/text';
-import {
-  menuItemCheckboxName,
+import type {
   MenuItemCheckboxProps,
   MenuItemCheckboxSlotProps,
   MenuItemCheckboxInfo,
   MenuItemCheckboxType,
 } from './MenuItemCheckbox.types';
+import { menuItemCheckboxName } from './MenuItemCheckbox.types';
 import { useMenuItemCheckbox } from './useMenuItemCheckbox';
 import { stylingSettings } from './MenuItemCheckbox.styling';
 import { getAccessibilityLabel } from '../MenuItem/MenuItem';

package/src/MenuItemCheckbox/MenuItemCheckbox.types.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { ColorValue } from 'react-native';
-import { XmlProps } from 'react-native-svg';
-import { TextProps } from '@fluentui-react-native/text';
-import { PressablePropsExtended, PressableState } from '@fluentui-react-native/interactive-hooks';
-import { MenuItemProps, MenuItemTokens } from '../MenuItem/MenuItem.types';
+import type * as React from 'react';
+import type { ColorValue } from 'react-native';
+import type { XmlProps } from 'react-native-svg';
+import type { TextProps } from '@fluentui-react-native/text';
+import type { PressablePropsExtended, PressableState } from '@fluentui-react-native/interactive-hooks';
+import type { MenuItemProps, MenuItemTokens } from '../MenuItem/MenuItem.types';
 
 export const menuItemCheckboxName = 'MenuItemCheckbox';
 

package/src/MenuItemCheckbox/MenuItemCheckboxTokens.macos.ts

@@ -1,7 +1,7 @@
-import { FontWeightValue, Theme } from '@fluentui-react-native/framework';
+import type { FontWeightValue, Theme } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
 
 export const defaultMenuItemCheckboxTokens: TokenSettings<MenuItemCheckboxTokens, Theme> = (t: Theme): MenuItemCheckboxTokens => ({
   backgroundColor: t.colors.transparentBackground,

package/src/MenuItemCheckbox/MenuItemCheckboxTokens.ts

@@ -1,7 +1,7 @@
-import { FontWeightValue, Theme } from '@fluentui-react-native/framework';
+import type { FontWeightValue, Theme } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
 
 export const defaultMenuItemCheckboxTokens: TokenSettings<MenuItemCheckboxTokens, Theme> = (t: Theme): MenuItemCheckboxTokens => ({
   backgroundColor: t.colors.neutralBackground1,

package/src/MenuItemCheckbox/MenuItemCheckboxTokens.win32.ts

@@ -1,7 +1,7 @@
-import { FontWeightValue, Theme } from '@fluentui-react-native/framework';
+import type { FontWeightValue, Theme } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuItemCheckboxTokens } from './MenuItemCheckbox.types';
 
 export const defaultMenuItemCheckboxTokens: TokenSettings<MenuItemCheckboxTokens, Theme> = (t: Theme): MenuItemCheckboxTokens => ({
   backgroundColor: t.colors.neutralBackground1,

package/src/MenuItemCheckbox/useMenuItemCheckbox.ts

@@ -1,15 +1,10 @@
 import * as React from 'react';
-import { AccessibilityActionEvent, AccessibilityState, I18nManager, Platform } from 'react-native';
-import { MenuItemCheckboxProps, MenuItemCheckboxInfo } from './MenuItemCheckbox.types';
+import type { AccessibilityActionEvent, AccessibilityState } from 'react-native';
+import { I18nManager, Platform } from 'react-native';
+import type { MenuItemCheckboxProps, MenuItemCheckboxInfo } from './MenuItemCheckbox.types';
 import { memoize } from '@fluentui-react-native/framework';
-import {
-  InteractionEvent,
-  KeyPressEvent,
-  usePressableState,
-  useKeyDownProps,
-  useOnPressWithFocus,
-  useViewCommandFocus,
-} from '@fluentui-react-native/interactive-hooks';
+import type { InteractionEvent, KeyPressEvent } from '@fluentui-react-native/interactive-hooks';
+import { usePressableState, useKeyDownProps, useOnPressWithFocus, useViewCommandFocus } from '@fluentui-react-native/interactive-hooks';
 import { useMenuListContext } from '../context/menuListContext';
 import { submenuTriggerKeys, triggerKeys, useHoverFocusEffect } from '../MenuItem/useMenuItem';
 import { useMenuContext } from '../context/menuContext';

package/src/MenuItemRadio/MenuItemRadio.tsx

@@ -1,7 +1,7 @@
-import { UseSlots } from '@fluentui-react-native/framework';
+import type { UseSlots } from '@fluentui-react-native/framework';
 import { useMenuItemRadio } from './useMenuItemRadio';
 import { MenuItemCheckbox, menuItemFinalRender } from '../MenuItemCheckbox/MenuItemCheckbox';
-import { MenuItemCheckboxProps, MenuItemCheckboxType } from '../MenuItemCheckbox/MenuItemCheckbox.types';
+import type { MenuItemCheckboxProps, MenuItemCheckboxType } from '../MenuItemCheckbox/MenuItemCheckbox.types';
 
 export const menuItemRadioName = 'MenuItemRadio';
 

package/src/MenuItemRadio/useMenuItemRadio.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import { useMenuListContext } from '../context/menuListContext';
-import { MenuItemCheckboxProps, MenuItemCheckboxInfo } from '../MenuItemCheckbox/MenuItemCheckbox.types';
+import type { MenuItemCheckboxProps, MenuItemCheckboxInfo } from '../MenuItemCheckbox/MenuItemCheckbox.types';
 import { useMenuCheckboxInteraction } from '../MenuItemCheckbox/useMenuItemCheckbox';
 import { useMenuContext } from '../context/menuContext';
 

package/src/MenuList/MenuList.styling.ts

@@ -1,7 +1,9 @@
-import { Theme, UseStylingOptions, buildProps } from '@fluentui-react-native/framework';
+import type { Theme, UseStylingOptions } from '@fluentui-react-native/framework';
+import { buildProps } from '@fluentui-react-native/framework';
 import { layoutStyles } from '@fluentui-react-native/tokens';
 import { defaultMenuListTokens } from './MenuListTokens';
-import { menuListName, MenuListProps, MenuListTokens, MenuListSlotProps } from './MenuList.types';
+import type { MenuListProps, MenuListTokens, MenuListSlotProps } from './MenuList.types';
+import { menuListName } from './MenuList.types';
 
 export const stylingSettings: UseStylingOptions<MenuListProps, MenuListSlotProps, MenuListTokens> = {
   tokens: [defaultMenuListTokens, menuListName],

package/src/MenuList/MenuList.tsx

@@ -1,13 +1,15 @@
 /** @jsx withSlots */
 import React from 'react';
 import { Platform, ScrollView, View } from 'react-native';
-import { compose, mergeProps, stagedComponent, UseSlots, withSlots } from '@fluentui-react-native/framework';
-import { menuListName, MenuListProps, MenuListType } from './MenuList.types';
+import type { UseSlots } from '@fluentui-react-native/framework';
+import { compose, mergeProps, stagedComponent, withSlots } from '@fluentui-react-native/framework';
+import type { MenuListProps, MenuListType } from './MenuList.types';
+import { menuListName } from './MenuList.types';
 import { stylingSettings } from './MenuList.styling';
 import { MenuListProvider } from '../context/menuListContext';
 import { useMenuList } from './useMenuList';
 import { useMenuListContextValue } from './useMenuListContextValue';
-import { IViewProps } from '@fluentui-react-native/adapters';
+import type { IViewProps } from '@fluentui-react-native/adapters';
 import { FocusZone } from '@fluentui-react-native/focus-zone';
 import { useMenuContext } from '../context';
 

package/src/MenuList/MenuList.types.ts

@@ -1,9 +1,9 @@
 import type { IViewProps } from '@fluentui-react-native/adapters';
-import { FocusZoneProps } from '@fluentui-react-native/focus-zone';
-import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
-import { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
-import React from 'react';
-import { ScrollViewProps } from 'react-native';
+import type { FocusZoneProps } from '@fluentui-react-native/focus-zone';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import type { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
+import type React from 'react';
+import type { ScrollViewProps } from 'react-native';
 
 export const menuListName = 'MenuList';
 

package/src/MenuList/MenuListTokens.macos.ts

@@ -1,7 +1,7 @@
-import { Theme } from '@fluentui-react-native/framework';
+import type { Theme } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { MenuListTokens } from './MenuList.types';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuListTokens } from './MenuList.types';
 
 export const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme> = (t: Theme): MenuListTokens => ({
   padding: 5, // hardcoded for now to match ContextualMenu

package/src/MenuList/MenuListTokens.ts

@@ -1,7 +1,7 @@
-import { Theme } from '@fluentui-react-native/framework';
+import type { Theme } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { MenuListTokens } from './MenuList.types';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuListTokens } from './MenuList.types';
 
 export const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme> = (t: Theme): MenuListTokens => ({
   padding: globalTokens.size40,

package/src/MenuList/MenuListTokens.win32.ts

@@ -1,7 +1,7 @@
-import { Theme } from '@fluentui-react-native/framework';
+import type { Theme } from '@fluentui-react-native/framework';
 import { globalTokens } from '@fluentui-react-native/theme-tokens';
-import { TokenSettings } from '@fluentui-react-native/use-styling';
-import { MenuListTokens } from './MenuList.types';
+import type { TokenSettings } from '@fluentui-react-native/use-styling';
+import type { MenuListTokens } from './MenuList.types';
 
 export const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme> = (t: Theme): MenuListTokens => ({
   paddingVertical: globalTokens.size40,

package/src/MenuList/useMenuList.ts

@@ -1,7 +1,7 @@
-import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import React from 'react';
 import { useMenuContext } from '../context/menuContext';
-import { MenuListProps, MenuListState } from './MenuList.types';
+import type { MenuListProps, MenuListState } from './MenuList.types';
 
 // Track the radio items so we know what to clear selection from when selectRadio is called
 // Purposefully left out of the hook because

package/src/MenuList/useMenuListContextValue.ts

@@ -1,5 +1,5 @@
-import { MenuListContextValue } from '../context/menuListContext';
-import { MenuListState } from './MenuList.types';
+import type { MenuListContextValue } from '../context/menuListContext';
+import type { MenuListState } from './MenuList.types';
 
 export const useMenuListContextValue = (state: MenuListState): MenuListContextValue => {
   return { hasCheckmarks: state.props.hasCheckmarks, ...state };

package/src/MenuPopover/MenuPopover.tsx

@@ -1,7 +1,9 @@
 import React from 'react';
-import { compressible, mergeProps, patchTokens, useFluentTheme, UseTokens } from '@fluentui-react-native/framework';
+import type { UseTokens } from '@fluentui-react-native/framework';
+import { compressible, mergeProps, patchTokens, useFluentTheme } from '@fluentui-react-native/framework';
 import { Callout } from '@fluentui-react-native/callout';
-import { menuPopoverName, MenuPopoverProps, MenuPopoverTokens } from './MenuPopover.types';
+import type { MenuPopoverProps, MenuPopoverTokens } from './MenuPopover.types';
+import { menuPopoverName } from './MenuPopover.types';
 import { useMenuPopover } from './useMenuPopover';
 import { useMenuPopoverTokens } from './MenuPopoverTokens';
 import { View } from 'react-native';

package/src/MenuPopover/MenuPopover.types.ts

@@ -1,5 +1,5 @@
-import { IViewProps } from '@fluentui-react-native/adapters';
-import { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
+import type { IViewProps } from '@fluentui-react-native/adapters';
+import type { ICalloutProps, ICalloutTokens } from '@fluentui-react-native/callout';
 
 export const menuPopoverName = 'MenuPopover';
 

package/src/MenuPopover/MenuPopoverTokens.ts

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

package/src/MenuPopover/useMenuPopover.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import { I18nManager, Platform } from 'react-native';
-import { DirectionalHint, DismissBehaviors } from '@fluentui-react-native/callout';
+import type { DirectionalHint, DismissBehaviors } from '@fluentui-react-native/callout';
 import { useMenuContext } from '../context/menuContext';
-import { MenuPopoverProps, MenuPopoverState } from './MenuPopover.types';
+import type { MenuPopoverProps, MenuPopoverState } from './MenuPopover.types';
 
 const controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'] as DismissBehaviors[];
 

package/src/MenuTrigger/MenuTrigger.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { menuTriggerName, MenuTriggerProps } from './MenuTrigger.types';
+import type { MenuTriggerProps } from './MenuTrigger.types';
+import { menuTriggerName } from './MenuTrigger.types';
 import { useMenuTrigger } from './useMenuTrigger';
 import { MenuTriggerProvider } from '../context/menuTriggerContext';
 

package/src/MenuTrigger/MenuTrigger.types.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { InteractionEvent, PressablePropsExtended } from '@fluentui-react-native/interactive-hooks';
+import type * as React from 'react';
+import type { InteractionEvent, PressablePropsExtended } from '@fluentui-react-native/interactive-hooks';
 
 export const menuTriggerName = 'MenuTrigger';
 

package/src/MenuTrigger/useMenuTrigger.ts

@@ -1,7 +1,8 @@
 import { useMenuContext } from '../context/menuContext';
-import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
-import { MenuTriggerChildProps, MenuTriggerState } from './MenuTrigger.types';
-import { AccessibilityActionEvent, AccessibilityActionName, Platform } from 'react-native';
+import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
+import type { MenuTriggerChildProps, MenuTriggerState } from './MenuTrigger.types';
+import type { AccessibilityActionEvent, AccessibilityActionName } from 'react-native';
+import { Platform } from 'react-native';
 import React from 'react';
 import { hoverDelayDefault } from '../consts';
 import { useMergedRefs } from './useMergeRefs';

package/src/__tests__/Menu.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AccessibilityActionName } from 'react-native';
+import type { AccessibilityActionName } from 'react-native';
 import * as renderer from 'react-test-renderer';
 import { Menu } from '../Menu/Menu';
 import { checkReRender } from '@fluentui-react-native/test-tools';