@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib/MenuPopover/useMenuPopover.js

@@ -4,103 +4,86 @@ import { useMenuContext } from '../context/menuContext';
 const controlledDismissBehaviors = ['preventDismissOnKeyDown', 'preventDismissOnClickOutside'];
 const stopPropagationKeys = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Tab', 'Home', 'End', 'Escape'];
 export const useMenuPopover = (props) => {
-  const context = useMenuContext();
-  const {
-    setOpen,
-    triggerRef,
-    isControlled,
-    isSubmenu,
-    openOnHover,
-    parentPopoverHoverOutTimer,
-    popoverHoverOutTimer,
-    setPopoverHoverOutTimer,
-    shouldFocusOnContainer,
-    triggerHoverOutTimer,
-  } = context;
-  const { onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp } = props;
-  const onDismiss = React.useCallback(() => {
-    props.onDismiss?.();
-    setOpen(undefined, false /* isOpen */), [setOpen];
-  }, [props.onDismiss, setOpen]);
-  const dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
-  const directionalHint = props.directionalHint ?? getDirectionalHint(isSubmenu, I18nManager.isRTL);
-  const setInitialFocus = true;
-  const doNotTakePointerCapture = props.doNotTakePointerCapture ?? openOnHover;
-  const accessibilityRole = 'menu';
-  const onMouseEnter = React.useCallback(() => {
-    clearTimeout(triggerHoverOutTimer);
-    clearTimeout(popoverHoverOutTimer);
-    clearTimeout(parentPopoverHoverOutTimer);
-  }, [parentPopoverHoverOutTimer, popoverHoverOutTimer, triggerHoverOutTimer]);
-  const onMouseLeave = React.useCallback(() => {
-    if (!openOnHover) {
-      return;
-    }
-    const timer = setTimeout(() => {
-      setOpen(undefined, false /* isOpen */);
-    }, 500);
-    setPopoverHoverOutTimer(timer);
-  }, [openOnHover, setOpen, setPopoverHoverOutTimer]);
-  const onKeyDown = React.useCallback(
-    (e) => {
-      onKeyDownProp && onKeyDownProp(e);
-      // Mark key events that move selection as handled.
-      // These key events are handled on the native side.
-      if (stopPropagationKeys.includes(e.nativeEvent.key)) {
-        e.stopPropagation();
-      }
-    },
-    [onKeyDownProp],
-  );
-  const onKeyUp = React.useCallback(
-    (e) => {
-      onKeyUpProp && onKeyUpProp(e);
-      // Mark key events that move selection as handled.
-      // These key events are handled on the native side.
-      if (stopPropagationKeys.includes(e.nativeEvent.key)) {
-        e.stopPropagation();
-      }
-    },
-    [onKeyUpProp],
-  );
-  const [canFocusOnPopover, setCanFocusOnPopover] = React.useState(shouldFocusOnContainer);
-  const onBlur = React.useCallback(() => {
-    setCanFocusOnPopover(false);
-  }, [setCanFocusOnPopover]);
-  React.useEffect(() => {
-    return function cleanup() {
-      clearTimeout(popoverHoverOutTimer);
+    const context = useMenuContext();
+    const { setOpen, triggerRef, isControlled, isSubmenu, openOnHover, parentPopoverHoverOutTimer, popoverHoverOutTimer, setPopoverHoverOutTimer, shouldFocusOnContainer, triggerHoverOutTimer, } = context;
+    const { onKeyDown: onKeyDownProp, onKeyUp: onKeyUpProp } = props;
+    const onDismiss = React.useCallback(() => {
+        props.onDismiss?.();
+        (setOpen(undefined, false /* isOpen */), [setOpen]);
+    }, [props.onDismiss, setOpen]);
+    const dismissBehaviors = isControlled ? controlledDismissBehaviors : undefined;
+    const directionalHint = props.directionalHint ?? getDirectionalHint(isSubmenu, I18nManager.isRTL);
+    const setInitialFocus = true;
+    const doNotTakePointerCapture = props.doNotTakePointerCapture ?? openOnHover;
+    const accessibilityRole = 'menu';
+    const onMouseEnter = React.useCallback(() => {
+        clearTimeout(triggerHoverOutTimer);
+        clearTimeout(popoverHoverOutTimer);
+        clearTimeout(parentPopoverHoverOutTimer);
+    }, [parentPopoverHoverOutTimer, popoverHoverOutTimer, triggerHoverOutTimer]);
+    const onMouseLeave = React.useCallback(() => {
+        if (!openOnHover) {
+            return;
+        }
+        const timer = setTimeout(() => {
+            setOpen(undefined, false /* isOpen */);
+        }, 500);
+        setPopoverHoverOutTimer(timer);
+    }, [openOnHover, setOpen, setPopoverHoverOutTimer]);
+    const onKeyDown = React.useCallback((e) => {
+        onKeyDownProp && onKeyDownProp(e);
+        // Mark key events that move selection as handled.
+        // These key events are handled on the native side.
+        if (stopPropagationKeys.includes(e.nativeEvent.key)) {
+            e.stopPropagation();
+        }
+    }, [onKeyDownProp]);
+    const onKeyUp = React.useCallback((e) => {
+        onKeyUpProp && onKeyUpProp(e);
+        // Mark key events that move selection as handled.
+        // These key events are handled on the native side.
+        if (stopPropagationKeys.includes(e.nativeEvent.key)) {
+            e.stopPropagation();
+        }
+    }, [onKeyUpProp]);
+    const [canFocusOnPopover, setCanFocusOnPopover] = React.useState(shouldFocusOnContainer);
+    const onBlur = React.useCallback(() => {
+        setCanFocusOnPopover(false);
+    }, [setCanFocusOnPopover]);
+    React.useEffect(() => {
+        return function cleanup() {
+            clearTimeout(popoverHoverOutTimer);
+        };
+    });
+    return {
+        props: {
+            accessibilityRole,
+            target: triggerRef,
+            onDismiss,
+            onShow: props.onShow,
+            directionalHint,
+            dismissBehaviors,
+            doNotTakePointerCapture,
+            setInitialFocus,
+        },
+        innerView: {
+            onMouseEnter,
+            onMouseLeave,
+            onKeyDown,
+            onKeyUp,
+            accessible: shouldFocusOnContainer,
+            focusable: canFocusOnPopover,
+            onBlur,
+        },
     };
-  });
-  return {
-    props: {
-      accessibilityRole,
-      target: triggerRef,
-      onDismiss,
-      onShow: props.onShow,
-      directionalHint,
-      dismissBehaviors,
-      doNotTakePointerCapture,
-      setInitialFocus,
-    },
-    innerView: {
-      onMouseEnter,
-      onMouseLeave,
-      onKeyDown,
-      onKeyUp,
-      accessible: shouldFocusOnContainer,
-      focusable: canFocusOnPopover,
-      onBlur,
-    },
-  };
 };
 const getDirectionalHint = (isSubmenu, isRtl) => {
-  if (!isSubmenu) {
-    return undefined;
-  }
-  if (isRtl) {
-    return 'leftTopEdge';
-  }
-  return 'rightTopEdge';
+    if (!isSubmenu) {
+        return undefined;
+    }
+    if (isRtl) {
+        return 'leftTopEdge';
+    }
+    return 'rightTopEdge';
 };
-//# sourceMappingURL=useMenuPopover.js.map
+//# sourceMappingURL=useMenuPopover.js.map

package/lib/MenuPopover/useMenuPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMenuPopover.js","sourceRoot":"","sources":["../../src/MenuPopover/useMenuPopover.ts"],"names":[],"mappings":"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"}

package/lib/MenuTrigger/MenuTrigger.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import type { MenuTriggerProps } from './MenuTrigger.types';
-export declare function MenuTrigger(props: MenuTriggerProps): import('react/jsx-runtime').JSX.Element;
+export declare function MenuTrigger(props: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace MenuTrigger {
-  var displayName: string;
+    var displayName: string;
 }
 export default MenuTrigger;
-//# sourceMappingURL=MenuTrigger.d.ts.map
+//# sourceMappingURL=MenuTrigger.d.ts.map

package/lib/MenuTrigger/MenuTrigger.js

@@ -1,26 +1,26 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { menuTriggerName } from './MenuTrigger.types';
 import { useMenuTrigger } from './useMenuTrigger';
 import { MenuTriggerProvider } from '../context/menuTriggerContext';
 import { extractProps } from '@fluentui-react-native/framework-base';
 export const MenuTrigger = (props) => {
-  if (__DEV__) {
-    if (!React.Children.only(props.children)) {
-      console.warn('Only expecting one child for MenuTrigger');
+    if (__DEV__) {
+        if (!React.Children.only(props.children)) {
+            console.warn('Only expecting one child for MenuTrigger');
+        }
     }
-  }
-  const childrenProps = extractProps(props.children);
-  const menuTrigger = useMenuTrigger(childrenProps);
-  // In order to properly support accessibility without erasing props set on the
-  // child component which may affect accessibility, we need to modify the
-  // state in the inner render so we can access the child component and its props.
-  const revised = React.cloneElement(props.children, {
-    ...(childrenProps?.tooltip && { alwaysShowToolTip: true }),
-    ...menuTrigger.props,
-  });
-  return _jsx(MenuTriggerProvider, { value: menuTrigger.hasSubmenu, children: revised });
+    const childrenProps = extractProps(props.children);
+    const menuTrigger = useMenuTrigger(childrenProps);
+    // In order to properly support accessibility without erasing props set on the
+    // child component which may affect accessibility, we need to modify the
+    // state in the inner render so we can access the child component and its props.
+    const revised = React.cloneElement(props.children, {
+        ...(childrenProps?.tooltip && { alwaysShowToolTip: true }),
+        ...menuTrigger.props,
+    });
+    return _jsx(MenuTriggerProvider, { value: menuTrigger.hasSubmenu, children: revised });
 };
 MenuTrigger.displayName = menuTriggerName;
 export default MenuTrigger;
-//# sourceMappingURL=MenuTrigger.js.map
+//# sourceMappingURL=MenuTrigger.js.map

package/lib/MenuTrigger/MenuTrigger.types.d.ts

@@ -1,7 +1,7 @@
 import type * as React from 'react';
 import type { MouseEvent } from 'react-native';
 import type { PressablePropsExtended } from '@fluentui-react-native/interactive-hooks';
-export declare const menuTriggerName = 'MenuTrigger';
+export declare const menuTriggerName = "MenuTrigger";
 /**
  * Represents single react element (or null), which is the
  * type of the child of MenuTrigger. Notably this excludes string, number,
@@ -9,21 +9,21 @@ export declare const menuTriggerName = 'MenuTrigger';
  */
 type SingleReactElement = React.ReactElement | null;
 export interface MenuTriggerProps {
-  children?: SingleReactElement;
+    children?: SingleReactElement;
 }
 export interface MenuTriggerChildProps extends Omit<PressablePropsExtended, 'onPress'> {
-  /**
-   * A RefObject to refer to the trigger component.
-   */
-  componentRef?: React.RefObject<React.Component>;
-  /**
-   * A callback to call on button click event
-   */
-  onClick?: (e: MouseEvent) => void;
+    /**
+     * A RefObject to refer to the trigger component.
+     */
+    componentRef?: React.RefObject<React.Component>;
+    /**
+     * A callback to call on button click event
+     */
+    onClick?: (e: MouseEvent) => void;
 }
 export interface MenuTriggerState {
-  props: MenuTriggerChildProps;
-  hasSubmenu: boolean;
+    props: MenuTriggerChildProps;
+    hasSubmenu: boolean;
 }
 export {};
-//# sourceMappingURL=MenuTrigger.types.d.ts.map
+//# sourceMappingURL=MenuTrigger.types.d.ts.map

package/lib/MenuTrigger/MenuTrigger.types.js

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

package/lib/MenuTrigger/index.d.ts

@@ -2,4 +2,4 @@ export { MenuTrigger } from './MenuTrigger';
 export { menuTriggerName } from './MenuTrigger.types';
 export type { MenuTriggerChildProps, MenuTriggerState } from './MenuTrigger.types';
 export { useMenuTrigger } from './useMenuTrigger';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/MenuTrigger/index.js

@@ -1,4 +1,4 @@
 export { MenuTrigger } from './MenuTrigger';
 export { menuTriggerName } from './MenuTrigger.types';
 export { useMenuTrigger } from './useMenuTrigger';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/MenuTrigger/useMenuTrigger.d.ts

@@ -1,3 +1,3 @@
 import type { MenuTriggerChildProps, MenuTriggerState } from './MenuTrigger.types';
 export declare const useMenuTrigger: (childProps: MenuTriggerChildProps) => MenuTriggerState;
-//# sourceMappingURL=useMenuTrigger.d.ts.map
+//# sourceMappingURL=useMenuTrigger.d.ts.map

package/lib/MenuTrigger/useMenuTrigger.js

@@ -7,105 +7,76 @@ const baseAccessibilityActions = Platform.OS === 'win32' ? [{ name: 'Expand' },
 const expandedState = { expanded: true };
 const collapsedState = { expanded: false };
 export const useMenuTrigger = (childProps) => {
-  const context = useMenuContext();
-  const {
-    hoverDelay = hoverDelayDefault,
-    open,
-    openOnHover,
-    popoverHoverOutTimer,
-    setOpen,
-    setTriggerHoverOutTimer,
-    triggerHoverOutTimer,
-    triggerRef,
-  } = context;
-  const {
-    accessibilityActions: childAccessibilityActions,
-    accessibilityState: childAccessibilityState,
-    onAccessibilityAction: childOnAccessibilityAction,
-    accessibilityPosInSet: childaccessibilityPosInSet, // win32
+    const context = useMenuContext();
+    const { hoverDelay = hoverDelayDefault, open, openOnHover, popoverHoverOutTimer, setOpen, setTriggerHoverOutTimer, triggerHoverOutTimer, triggerRef, } = context;
+    const { accessibilityActions: childAccessibilityActions, accessibilityState: childAccessibilityState, onAccessibilityAction: childOnAccessibilityAction, accessibilityPosInSet: childaccessibilityPosInSet, // win32
     accessibilitySetSize: childAccessibilitySetSize, // win32
-    onClick: childOnClick,
-    onHoverIn: childOnHoverIn,
-    onHoverOut: childOnHoverOut,
-    componentRef: childComponentRef,
-  } = childProps;
-  const accessibilityActions = React.useMemo(() => {
-    if (childAccessibilityActions) {
-      return [...baseAccessibilityActions, ...childAccessibilityActions];
-    }
-    return baseAccessibilityActions;
-  }, [childAccessibilityActions]);
-  const accessibilityState = React.useMemo(() => {
-    const baseState = open ? expandedState : collapsedState;
-    if (childAccessibilityState) {
-      return { ...baseState, ...childAccessibilityState };
-    }
-    return baseState;
-  }, [childAccessibilityState, open]);
-  const onAccessibilityAction = React.useCallback(
-    (e) => {
-      if (Platform.OS === 'win32') {
-        switch (e.nativeEvent.actionName) {
-          case 'Expand':
-            setOpen(e, true /* isOpen */);
-            break;
-          case 'Collapse':
-            setOpen(e, false /* isOpen */);
-            break;
+    onClick: childOnClick, onHoverIn: childOnHoverIn, onHoverOut: childOnHoverOut, componentRef: childComponentRef, } = childProps;
+    const accessibilityActions = React.useMemo(() => {
+        if (childAccessibilityActions) {
+            return [...baseAccessibilityActions, ...childAccessibilityActions];
         }
-      }
-      childOnAccessibilityAction && childOnAccessibilityAction(e);
-    },
-    [childOnAccessibilityAction, setOpen],
-  );
-  const onHoverIn = React.useCallback(
-    (e) => {
-      if (openOnHover) {
-        clearTimeout(popoverHoverOutTimer);
-        clearTimeout(triggerHoverOutTimer);
-        e.persist();
-        setTimeout(() => {
-          setOpen(e, true /* isOpen */);
-        }, hoverDelay);
-      }
-      childOnHoverIn && childOnHoverIn(e);
-    },
-    [childOnHoverIn, hoverDelay, openOnHover, setOpen, triggerHoverOutTimer, popoverHoverOutTimer],
-  );
-  const onHoverOut = React.useCallback(
-    (e) => {
-      if (openOnHover) {
-        e.persist();
-        const timer = setTimeout(() => {
-          setOpen(e, false /* isOpen */);
-        }, hoverDelay);
-        setTriggerHoverOutTimer(timer);
-      }
-      childOnHoverOut && childOnHoverOut(e);
-    },
-    [childOnHoverOut, hoverDelay, openOnHover, setOpen, setTriggerHoverOutTimer],
-  );
-  const onClick = React.useCallback(
-    (e) => {
-      setOpen(e, !open);
-      childOnClick && childOnClick(e);
-    },
-    [childOnClick, open, setOpen],
-  );
-  const ref = useMergedRefs(triggerRef, childComponentRef);
-  return {
-    props: {
-      onClick,
-      onHoverIn,
-      onHoverOut,
-      componentRef: ref,
-      accessibilityState,
-      accessibilityActions,
-      onAccessibilityAction,
-      accessibilityPosInSet: childaccessibilityPosInSet ?? context.accessibilityPosInSet, // win32
-      accessibilitySetSize: childAccessibilitySetSize ?? context.accessibilitySetSize, // win32
-    },
-    hasSubmenu: context.isSubmenu,
-  };
+        return baseAccessibilityActions;
+    }, [childAccessibilityActions]);
+    const accessibilityState = React.useMemo(() => {
+        const baseState = open ? expandedState : collapsedState;
+        if (childAccessibilityState) {
+            return { ...baseState, ...childAccessibilityState };
+        }
+        return baseState;
+    }, [childAccessibilityState, open]);
+    const onAccessibilityAction = React.useCallback((e) => {
+        if (Platform.OS === 'win32') {
+            switch (e.nativeEvent.actionName) {
+                case 'Expand':
+                    setOpen(e, true /* isOpen */);
+                    break;
+                case 'Collapse':
+                    setOpen(e, false /* isOpen */);
+                    break;
+            }
+        }
+        childOnAccessibilityAction && childOnAccessibilityAction(e);
+    }, [childOnAccessibilityAction, setOpen]);
+    const onHoverIn = React.useCallback((e) => {
+        if (openOnHover) {
+            clearTimeout(popoverHoverOutTimer);
+            clearTimeout(triggerHoverOutTimer);
+            e.persist();
+            setTimeout(() => {
+                setOpen(e, true /* isOpen */);
+            }, hoverDelay);
+        }
+        childOnHoverIn && childOnHoverIn(e);
+    }, [childOnHoverIn, hoverDelay, openOnHover, setOpen, triggerHoverOutTimer, popoverHoverOutTimer]);
+    const onHoverOut = React.useCallback((e) => {
+        if (openOnHover) {
+            e.persist();
+            const timer = setTimeout(() => {
+                setOpen(e, false /* isOpen */);
+            }, hoverDelay);
+            setTriggerHoverOutTimer(timer);
+        }
+        childOnHoverOut && childOnHoverOut(e);
+    }, [childOnHoverOut, hoverDelay, openOnHover, setOpen, setTriggerHoverOutTimer]);
+    const onClick = React.useCallback((e) => {
+        setOpen(e, !open);
+        childOnClick && childOnClick(e);
+    }, [childOnClick, open, setOpen]);
+    const ref = useMergedRefs(triggerRef, childComponentRef);
+    return {
+        props: {
+            onClick,
+            onHoverIn,
+            onHoverOut,
+            componentRef: ref,
+            accessibilityState,
+            accessibilityActions,
+            onAccessibilityAction,
+            accessibilityPosInSet: childaccessibilityPosInSet ?? context.accessibilityPosInSet, // win32
+            accessibilitySetSize: childAccessibilitySetSize ?? context.accessibilitySetSize, // win32
+        },
+        hasSubmenu: context.isSubmenu,
+    };
 };
-//# sourceMappingURL=useMenuTrigger.js.map
+//# sourceMappingURL=useMenuTrigger.js.map

package/lib/MenuTrigger/useMergeRefs.d.ts

@@ -17,4 +17,4 @@ export type RefObjectFunction<T> = React.RefObject<T> & ((value: T) => void);
  * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
  */
 export declare function useMergedRefs<T>(...refs: (React.Ref<T> | undefined)[]): RefObjectFunction<T>;
-//# sourceMappingURL=useMergeRefs.d.ts.map
+//# sourceMappingURL=useMergeRefs.d.ts.map

package/lib/MenuTrigger/useMergeRefs.js

@@ -12,21 +12,19 @@ import * as React from 'react';
  * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
  */
 export function useMergedRefs(...refs) {
-  const mergedCallback = React.useCallback(
-    (value) => {
-      // Update the "current" prop hanging on the function.
-      mergedCallback.current = value;
-      for (const ref of refs) {
-        if (typeof ref === 'function') {
-          ref(value);
-        } else if (ref) {
-          // work around the immutability of the React.Ref type
-          ref.current = value;
+    const mergedCallback = React.useCallback((value) => {
+        // Update the "current" prop hanging on the function.
+        mergedCallback.current = value;
+        for (const ref of refs) {
+            if (typeof ref === 'function') {
+                ref(value);
+            }
+            else if (ref) {
+                // work around the immutability of the React.Ref type
+                ref.current = value;
+            }
         }
-      }
-    },
-    [...refs],
-  );
-  return mergedCallback;
+    }, [...refs]);
+    return mergedCallback;
 }
-//# sourceMappingURL=useMergeRefs.js.map
+//# sourceMappingURL=useMergeRefs.js.map

package/lib/__tests__/Menu.test.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Menu.test.d.ts.map
+//# sourceMappingURL=Menu.test.d.ts.map