@fluentui-react-native/menu 1.15.0 → 1.15.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Change Log - @fluentui-react-native/menu
 
+## 1.15.1
+
+### Patch Changes
+
+- 0d6e9c1: chore: migrate to `oxfmt`
+- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
+- Updated dependencies [f72b43a]
+- Updated dependencies [0d6e9c1]
+- Updated dependencies [ac6e7af]
+  - @fluentui-react-native/focus-zone@0.22.1
+  - @fluentui-react-native/callout@0.28.1
+  - @fluentui-react-native/interactive-hooks@0.28.1
+  - @fluentui-react-native/use-styling@0.14.1
+  - @fluentui-react-native/theming-utils@0.27.1
+  - @fluentui-react-native/theme-tokens@0.28.1
+  - @fluentui-react-native/framework@0.15.1
+  - @fluentui-react-native/icon@0.22.1
+  - @fluentui-react-native/text@0.25.1
+  - @fluentui-react-native/framework-base@0.3.1
+  - @fluentui-react-native/adapters@0.14.1
+  - @fluentui-react-native/tokens@0.24.1
+
 ## 1.15.0
 
 ### Minor Changes

package/SPEC.md

@@ -418,8 +418,10 @@ export interface MenuItemCheckboxProps extends MenuItemProps {
 #### MenuItemCheckbox Tokens
 
 ```ts
-export interface MenuItemCheckboxTokens
-  extends Omit<MenuItemTokens, 'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'> {
+export interface MenuItemCheckboxTokens extends Omit<
+  MenuItemTokens,
+  'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'
+> {
   /**
    * Color of the checkmark icon
    */
@@ -530,8 +532,10 @@ export interface MenuItemRadioProps extends MenuItemProps {
 #### MenuItemRadio Tokens
 
 ```ts
-export interface MenuItemRadioTokens
-  extends Omit<MenuItemTokens, 'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'> {
+export interface MenuItemRadioTokens extends Omit<
+  MenuItemTokens,
+  'submenuIndicatorPadding' | 'submenuIndicatorSize' | 'disabled' | 'focused' | 'hovered' | 'pressed'
+> {
   /**
    * Color of the checkmark icon
    */

package/lib/Menu/Menu.d.ts

@@ -1,4 +1,4 @@
 import type { MenuProps } from './Menu.types';
-export declare const Menu: import('@fluentui-react-native/framework-base').FunctionComponent<MenuProps>;
+export declare const Menu: import("@fluentui-react-native/framework-base").FunctionComponent<MenuProps>;
 export default Menu;
-//# sourceMappingURL=Menu.d.ts.map
+//# sourceMappingURL=Menu.d.ts.map

package/lib/Menu/Menu.js

@@ -5,18 +5,18 @@ import { renderFinalMenu } from './renderMenu';
 import { useMenu } from './useMenu';
 import { useMenuContextValue } from './useMenuContextValue';
 export const Menu = phasedComponent((props) => {
-  const state = useMenu(props);
-  const contextValue = useMenuContextValue(state);
-  return directComponent((rest) => {
-    const childrenArray = React.Children.toArray(rest.children);
-    if (__DEV__) {
-      if (childrenArray.length !== 2) {
-        console.warn('Menu must contain two children');
-      }
-    }
-    return renderFinalMenu(childrenArray, contextValue, state);
-  });
+    const state = useMenu(props);
+    const contextValue = useMenuContextValue(state);
+    return directComponent((rest) => {
+        const childrenArray = React.Children.toArray(rest.children);
+        if (__DEV__) {
+            if (childrenArray.length !== 2) {
+                console.warn('Menu must contain two children');
+            }
+        }
+        return renderFinalMenu(childrenArray, contextValue, state);
+    });
 });
 Menu.displayName = menuName;
 export default Menu;
-//# sourceMappingURL=Menu.js.map
+//# sourceMappingURL=Menu.js.map

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

@@ -2,58 +2,58 @@ import type React from 'react';
 import type { Animated, LayoutChangeEvent, View } from 'react-native';
 import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import type { MenuListProps } from '../MenuList/MenuList.types';
-export declare const menuName = 'Menu';
+export declare const menuName = "Menu";
 export interface MenuProps extends MenuListProps {
-  /**
-   * Whether the popup is open on mount
-   */
-  defaultOpen?: boolean;
-  /**
-   * How much delay to have between hover in and showing the menu, in ms.
-   * @platform win32, macOS
-   */
-  hoverDelay?: number;
-  /**
-   * Whether the popup is open
-   */
-  open?: boolean;
-  /**
-   * Call back when the component requests to change value
-   */
-  onOpenChange?: (e: InteractionEvent, isOpen: boolean) => void;
-  openOnHover?: boolean;
-  /**
-   * Do not dismiss the menu when a menu item is clicked
-   */
-  persistOnItemClick?: boolean;
+    /**
+     * Whether the popup is open on mount
+     */
+    defaultOpen?: boolean;
+    /**
+     * How much delay to have between hover in and showing the menu, in ms.
+     * @platform win32, macOS
+     */
+    hoverDelay?: number;
+    /**
+     * Whether the popup is open
+     */
+    open?: boolean;
+    /**
+     * Call back when the component requests to change value
+     */
+    onOpenChange?: (e: InteractionEvent, isOpen: boolean) => void;
+    openOnHover?: boolean;
+    /**
+     * Do not dismiss the menu when a menu item is clicked
+     */
+    persistOnItemClick?: boolean;
 }
 export type MenuSizeType = {
-  width: Animated.Value;
-  height: Animated.Value;
+    width: Animated.Value;
+    height: Animated.Value;
 };
 export interface MenuState extends MenuProps {
-  isControlled: boolean;
-  isSubmenu: boolean;
-  parentPopoverHoverOutTimer?: NodeJS.Timeout;
-  setOpen: (e: InteractionEvent, isOpen: boolean, bubble?: boolean) => void;
-  shouldFocusOnContainer: boolean;
-  triggerRef: React.RefObject<View>;
-  hasMaxHeight?: boolean;
-  hasMaxWidth?: boolean;
-  setAnchorWidth?: (value: null | number | ((prevState: null | number) => null | number)) => void;
-  shadowMenuContainerStyle?: object;
-  _container?: React.MutableRefObject<View>;
-  onRequestClose?: (e: InteractionEvent) => void;
-  onMenuLayout?: (e: LayoutChangeEvent) => void;
-  menuHeight?: number;
-  maxMenuHeight?: number;
-  animationStarted?: boolean;
-  menuSize?: MenuSizeType;
-  testID?: string;
+    isControlled: boolean;
+    isSubmenu: boolean;
+    parentPopoverHoverOutTimer?: NodeJS.Timeout;
+    setOpen: (e: InteractionEvent, isOpen: boolean, bubble?: boolean) => void;
+    shouldFocusOnContainer: boolean;
+    triggerRef: React.RefObject<View>;
+    hasMaxHeight?: boolean;
+    hasMaxWidth?: boolean;
+    setAnchorWidth?: (value: null | number | ((prevState: null | number) => null | number)) => void;
+    shadowMenuContainerStyle?: object;
+    _container?: React.MutableRefObject<View>;
+    onRequestClose?: (e: InteractionEvent) => void;
+    onMenuLayout?: (e: LayoutChangeEvent) => void;
+    menuHeight?: number;
+    maxMenuHeight?: number;
+    animationStarted?: boolean;
+    menuSize?: MenuSizeType;
+    testID?: string;
 }
 export declare enum AndroidMenuStates {
-  Hidden = 0,
-  Animating = 1,
-  Shown = 2,
+    Hidden = 0,
+    Animating = 1,
+    Shown = 2
 }
-//# sourceMappingURL=Menu.types.d.ts.map
+//# sourceMappingURL=Menu.types.d.ts.map

package/lib/Menu/Menu.types.js

@@ -2,8 +2,8 @@ export const menuName = 'Menu';
 export { AndroidMenuStates };
 var AndroidMenuStates;
 (function (AndroidMenuStates) {
-  AndroidMenuStates[(AndroidMenuStates['Hidden'] = 0)] = 'Hidden';
-  AndroidMenuStates[(AndroidMenuStates['Animating'] = 1)] = 'Animating';
-  AndroidMenuStates[(AndroidMenuStates['Shown'] = 2)] = 'Shown';
+    AndroidMenuStates[AndroidMenuStates["Hidden"] = 0] = "Hidden";
+    AndroidMenuStates[AndroidMenuStates["Animating"] = 1] = "Animating";
+    AndroidMenuStates[AndroidMenuStates["Shown"] = 2] = "Shown";
 })(AndroidMenuStates || (AndroidMenuStates = {}));
-//# sourceMappingURL=Menu.types.js.map
+//# sourceMappingURL=Menu.types.js.map

package/lib/Menu/index.d.ts

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

package/lib/Menu/index.js

@@ -2,4 +2,4 @@ export { Menu } from './Menu';
 export { menuName } from './Menu.types';
 export { useMenu } from './useMenu';
 export { useMenuContextValue } from './useMenuContextValue';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

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

package/lib/Menu/renderMenu.android.js

@@ -1,21 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View } from 'react-native';
 import { MenuProvider } from '../context';
 export const renderFinalMenu = (childrenArray, contextValue, state) => {
-  const menuTrigger = childrenArray[0];
-  const menuPopover = childrenArray[1];
-  return _jsxs(MenuProvider, {
-    value: contextValue,
-    children: [
-      _jsx(View, {
-        onLayout: (event) => {
-          const { width } = event.nativeEvent.layout;
-          state.setAnchorWidth(width);
-        },
-        children: menuTrigger,
-      }),
-      _jsx(View, { ref: state._container, collapsable: false, testID: state.testID, children: state.open && menuPopover }),
-    ],
-  });
+    const menuTrigger = childrenArray[0];
+    const menuPopover = childrenArray[1];
+    return (_jsxs(MenuProvider, { value: contextValue, children: [
+            _jsx(View, { onLayout: (event) => {
+                    const { width } = event.nativeEvent.layout;
+                    state.setAnchorWidth(width);
+                }, children: menuTrigger }), _jsx(View, { ref: state._container, collapsable: false, testID: state.testID, children: state.open && menuPopover })
+        ] }));
 };
-//# sourceMappingURL=renderMenu.android.js.map
+//# sourceMappingURL=renderMenu.android.js.map

package/lib/Menu/renderMenu.d.ts

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

package/lib/Menu/renderMenu.js

@@ -1,11 +1,8 @@
-import { jsxs as _jsxs } from 'react/jsx-runtime';
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { MenuProvider } from '../context';
 export const renderFinalMenu = (childrenArray, contextValue, state) => {
-  const menuTrigger = childrenArray[0];
-  const menuPopover = childrenArray[1];
-  return _jsxs(MenuProvider, {
-    value: contextValue,
-    children: [menuTrigger, state.open && state.shouldFocusOnContainer !== undefined && menuPopover],
-  });
+    const menuTrigger = childrenArray[0];
+    const menuPopover = childrenArray[1];
+    return (_jsxs(MenuProvider, { value: contextValue, children: [menuTrigger, state.open && state.shouldFocusOnContainer !== undefined && menuPopover] }));
 };
-//# sourceMappingURL=renderMenu.js.map
+//# sourceMappingURL=renderMenu.js.map

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

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