@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/MenuTrigger/useMenuTrigger.js

@@ -1,120 +1,89 @@
-'use strict';
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuTrigger = void 0;
-const react_1 = __importDefault(require('react'));
-const react_native_1 = require('react-native');
-const useMergeRefs_1 = require('./useMergeRefs');
-const consts_1 = require('../consts');
-const menuContext_1 = require('../context/menuContext');
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const useMergeRefs_1 = require("./useMergeRefs");
+const consts_1 = require("../consts");
+const menuContext_1 = require("../context/menuContext");
 const baseAccessibilityActions = react_native_1.Platform.OS === 'win32' ? [{ name: 'Expand' }, { name: 'Collapse' }] : [];
 const expandedState = { expanded: true };
 const collapsedState = { expanded: false };
 const useMenuTrigger = (childProps) => {
-  const context = (0, menuContext_1.useMenuContext)();
-  const {
-    hoverDelay = consts_1.hoverDelayDefault,
-    open,
-    openOnHover,
-    popoverHoverOutTimer,
-    setOpen,
-    setTriggerHoverOutTimer,
-    triggerHoverOutTimer,
-    triggerRef,
-  } = context;
-  const {
-    accessibilityActions: childAccessibilityActions,
-    accessibilityState: childAccessibilityState,
-    onAccessibilityAction: childOnAccessibilityAction,
-    accessibilityPosInSet: childaccessibilityPosInSet, // win32
+    const context = (0, menuContext_1.useMenuContext)();
+    const { hoverDelay = consts_1.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_1.default.useMemo(() => {
-    if (childAccessibilityActions) {
-      return [...baseAccessibilityActions, ...childAccessibilityActions];
-    }
-    return baseAccessibilityActions;
-  }, [childAccessibilityActions]);
-  const accessibilityState = react_1.default.useMemo(() => {
-    const baseState = open ? expandedState : collapsedState;
-    if (childAccessibilityState) {
-      return { ...baseState, ...childAccessibilityState };
-    }
-    return baseState;
-  }, [childAccessibilityState, open]);
-  const onAccessibilityAction = react_1.default.useCallback(
-    (e) => {
-      if (react_native_1.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_1.default.useMemo(() => {
+        if (childAccessibilityActions) {
+            return [...baseAccessibilityActions, ...childAccessibilityActions];
+        }
+        return baseAccessibilityActions;
+    }, [childAccessibilityActions]);
+    const accessibilityState = react_1.default.useMemo(() => {
+        const baseState = open ? expandedState : collapsedState;
+        if (childAccessibilityState) {
+            return { ...baseState, ...childAccessibilityState };
+        }
+        return baseState;
+    }, [childAccessibilityState, open]);
+    const onAccessibilityAction = react_1.default.useCallback((e) => {
+        if (react_native_1.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_1.default.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_1.default.useCallback((e) => {
+        if (openOnHover) {
+            e.persist();
+            const timer = setTimeout(() => {
+                setOpen(e, false /* isOpen */);
+            }, hoverDelay);
+            setTriggerHoverOutTimer(timer);
         }
-      }
-      childOnAccessibilityAction && childOnAccessibilityAction(e);
-    },
-    [childOnAccessibilityAction, setOpen],
-  );
-  const onHoverIn = react_1.default.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_1.default.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_1.default.useCallback(
-    (e) => {
-      setOpen(e, !open);
-      childOnClick && childOnClick(e);
-    },
-    [childOnClick, open, setOpen],
-  );
-  const ref = (0, useMergeRefs_1.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,
-  };
+        childOnHoverOut && childOnHoverOut(e);
+    }, [childOnHoverOut, hoverDelay, openOnHover, setOpen, setTriggerHoverOutTimer]);
+    const onClick = react_1.default.useCallback((e) => {
+        setOpen(e, !open);
+        childOnClick && childOnClick(e);
+    }, [childOnClick, open, setOpen]);
+    const ref = (0, useMergeRefs_1.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,
+    };
 };
 exports.useMenuTrigger = useMenuTrigger;
-//# sourceMappingURL=useMenuTrigger.js.map
+//# sourceMappingURL=useMenuTrigger.js.map

package/lib-commonjs/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-commonjs/MenuTrigger/useMergeRefs.js

@@ -1,63 +1,46 @@
-'use strict';
+"use strict";
 /**
  * Copied from @fluentui/react-utilities
  *
  * Keeping the file local to Menu for now while looking into whether
  * we can pull in @fluentui/react-utilities package
  */
-var __createBinding =
-  (this && this.__createBinding) ||
-  (Object.create
-    ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = {
-            enumerable: true,
-            get: function () {
-              return m[k];
-            },
-          };
-        }
-        Object.defineProperty(o, k2, desc);
-      }
-    : function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-      });
-var __setModuleDefault =
-  (this && this.__setModuleDefault) ||
-  (Object.create
-    ? function (o, v) {
-        Object.defineProperty(o, 'default', { enumerable: true, value: v });
-      }
-    : function (o, v) {
-        o['default'] = v;
-      });
-var __importStar =
-  (this && this.__importStar) ||
-  (function () {
-    var ownKeys = function (o) {
-      ownKeys =
-        Object.getOwnPropertyNames ||
-        function (o) {
-          var ar = [];
-          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-          return ar;
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
         };
-      return ownKeys(o);
+        return ownKeys(o);
     };
     return function (mod) {
-      if (mod && mod.__esModule) return mod;
-      var result = {};
-      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
-      __setModuleDefault(result, mod);
-      return result;
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
     };
-  })();
-Object.defineProperty(exports, '__esModule', { value: true });
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMergedRefs = useMergedRefs;
-const React = __importStar(require('react'));
+const React = __importStar(require("react"));
 /**
  * React hook to merge multiple React refs (either MutableRefObjects or ref callbacks) into a single ref callback that
  * updates all provided refs
@@ -65,21 +48,19 @@ const React = __importStar(require('react'));
  * @returns A function with an attached "current" prop, so that it can be treated like a RefObject.
  */
 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-commonjs/__tests__/Menu.test.d.ts

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